/*
Theme Name: Chicago Car Accident
Author: Market JD
Author URI: http://www.marketjd.com/
Description: Wordpress theme for Chicago Car Accident
Version: 1.8
Text Domain: ccaa
*/
body{
	font-family: 'Roboto', sans-serif;
	color: #6a6a6a;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "Droid Serif",serif;
	font-weight: bold;
	color: #c94d00;
}
.h1, h1{
	font-size: 30px;
}
.h2, h2{
	font-size: 24px;
}
.h3, h3{
	font-size: 20px;
}
a {
	color: #a63800;
    text-decoration: underline;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
a:hover, a:focus{
	color: #000;
    text-decoration: underline;
}
header .availability{
	background: url(images/sprite.png) no-repeat;
	background-position: left -61px top -140px;
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
}
.navbar.navbar-default {
    background: #664835;
    margin: 0px;
	border: none;
	border-radius: 0;
}
.navbar-default{
	border: none;
	border-radius: 0;
}
#my-navbar a{
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1.5px;
}
#my-navbar a:hover, #my-navbar a:focus{
	color: #ffffff !important;
	text-decoration: underline;
}
.navbar-nav > li > a{
	padding: 15px 25px;
}
#my-navbar .navbar-nav li.current-menu-item a{
	color: #ffffff !important;
}
#my-navbar .sub-menu{
	display: none;
}
#my-navbar li.menu-item-has-children > a::after{
	background: url(images/sprite.png) no-repeat;
    background-position: left -1px top -222px;
    content: ' ';
    width: 7px;
    height: 5px;
    position: absolute;
    right: 8px;
    top: 23px;
}
#my-navbar li.menu-item-has-children:hover .sub-menu{
	display: block;
}
#my-navbar .sub-menu {
    width: 250px;
	position: absolute;
    margin: 0px;
    padding: 0px;
	z-index: 999;
    list-style: none;	
}
#my-navbar .sub-menu li {
    background-color: #c94d00;
    display: block;
    width: 100%;
	position: relative;
}
#my-navbar .sub-menu li a {
    color: #FFF;
    text-transform: inherit!important;
    font-size: 14px;
    line-height: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    height: 45px;
    margin: 0 0;
    padding: 0 20px;
	display: block;
}
#my-navbar .sub-menu li a:hover {
    background-color: #903801;
    color: #FFF;
	text-decoration: none;
}
.container-header{
	background-color: #79563f;
}
.container-header .logo{
	margin-bottom: -18px;
}
.container-header .logo img{
	position: relative;
	z-index: 100;
}
.container-header .cta .cta-top{
	padding-top: 10px;
}
.container-header .cta-call{
	float: left;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	padding-right: 25px;
	border-right: 1px solid #947865;
	padding-top: 7px;
}

.container-header .cta-call a{
	color: #fff;
}

.container-header .cta-call .title{
	font-size: 24px;
	font-weight: 300;
	display: block;
	line-height: 20px;
}
.container-header .cta-call .desktop{
	font-size: 39px;
	font-weight: bold;
	display: block;
	line-height: 42px;
}
.container-header .cta-review{
	float: right;
	padding-left: 25px;
}
.container-header .cta-review a {
    color: #ffffff;
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: italic;
    padding: 16px 40px 12px 94px;
    transition: all 0.5s ease 0s;
	position: relative;
}
.container-header .cta-review a::before {
	background-image: url("images/sprite.png");
	background-position: left -1px top -150px;
	content: ' ';
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	position: absolute;
	left: 35px;
	top: 15px;
}
.container-header .cta-review a span{
	font-size: 16px;
	color: #fff;
}
.container-header .cta .cta-btm{
	display: block;
	clear: both;
	padding-top: 4px;
	color: #fff;
}
.container-header .cta .cta-btm a {
    color: #e0dfd9;
    display: inline;
    font-size: 12px;
    margin: 0 12px;
}
.container-header .cta .cta-btm a:last-child{
	margin-right: 0;
}
.button{
	display: inline-block;
}
.button a, input[type='submit'].button{
    background-color: #c94d00;
    color: #fff;
    display: block;
    font-size: 20px;
    letter-spacing: 0.45px;
    line-height: 22px;
    padding: 12px 15px;
    transition: all 0.3s ease-in-out 0s;
	border-radius: 3px;
	text-decoration: none !important;
	position: relative;
}
.button a:hover, input[type='submit'].button:hover{
	background-color: #8e3803;
	text-decoration: none;
}
input[type='submit'].button{
	border: 0;
	padding: 12px 20px;
}
.button.with-icon a{
	padding-left: 75px;
}
.button.with-icon a::before{
	background-color: #9e3d01;
	width: 60px;
	height: 100%;
	display: block;
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
}
.button.with-arrow a{
	padding-right: 37px;
}
.button.with-arrow a::before{
	background-image: url(images/btn-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;		
	width: 37px;
	height: 100%;
	display: block;
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
}
.button.with-icon.icon-justice a::before{
	background-image: url(images/icon-justice.jpg);
    background-position: center center;
    background-repeat: no-repeat;	
}
.with-border{
	border-right: 1px solid #acacac;
}
.container-banner{
	background-image: url(images/bg-banner.jpg);
	background-size: cover;
	background-position: top center;
	position: relative;
}
.container-banner .button a{
	font-size: 16px;
	letter-spacing: normal;
}
.container-banner .caption{
	background: rgba(102, 72, 53, 0.85);
	padding: 10px;
	margin-top: 162px;
	margin-bottom: 304px;
}
.container-banner .banner-image{
	position: absolute;
	left: -150px;
}
.container-banner .caption .caption-inner{
	border: 1px solid #fff;
	padding: 20px;
}
.container-banner .caption .h1{
	color: #fff;
	font-size: 46px;
	text-transform: uppercase;
}
.container-banner .caption .h1 span{
	font-size: 42px;
	font-weight: 300;
	text-transform: none;
}
.container-banner .banner-links-wrapper {
	background: rgba(201, 77, 0, 0.82);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
.container-banner .banner-links-wrapper a{
	color: #fff;
	font-weight: 900;
	font-size: 42px;
	line-height: 42px;
	text-transform: uppercase;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 25px 30px;
	padding-top: 6px;
	padding-bottom: 4px;
}
.container-banner .banner-links-wrapper a.first{
	margin-left: 0;
}
.container-banner .banner-links-wrapper a.last{
	margin-right: 0;
}
.container-banner .banner-links-wrapper a span{
	font-size: 38px;
	font-weight: 300;
	display: block;
}
.container-banner.banner-inner{
	background-image: url(images/bg-inner-banner.jpg);
	background-size: cover;
	background-position: top center;
	position: relative;
}
.container-banner.banner-inner .caption{
	background: none;
}
.container-banner.banner-inner .caption .h1{
	font-size: 40px;
}
.container-intro{
	padding-top: 110px;
	padding-bottom: 110px;
	font-size: 16px;
}
.container-intro .popup-youtube{
	position: relative;
	display: inline-block;
}
.container-intro .popup-youtube:hover .play-btn{
	opacity: .7;
}
.container-intro .play-btn {
    position: relative;
    width: 90px;
    height: 90px;
    background: url(images/video-play-btn.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 27px;
	position: absolute;
	z-index: 100;
	top: 40%;
	left: 38%;
}
.container-intro h1{
	margin-top: 0;
	color: #2f2f2f;
}
.container-cta{
	background-image: url(images/need-legal-assistance.jpg);
	padding-top: 70px;
	padding-bottom: 90px;
}
.container-cta .h2{
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 45px;
}
.container-cta .button a{
	background-color: transparent;
	border: 1px solid #fff;
	font-size: 15px;
	letter-spacing: 1.8px;
}
.container-help{
	padding-top: 30px;
	padding-bottom: 43px;
	font-size: 15px;
}
.container-help h2{
	padding-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;	
	font-family: 'Roboto', sans-serif;
}
.container-help .panel-left{
	padding-right: 40px;
	padding-top: 35px;
}
.container-help .panel-right{
	padding-left: 40px;
}
.container-help .panel-right .h1{
	font-size: 40px;
	color: #2f2f2f;
	margin-top: 50px;
	margin-bottom: 40px;
}
.container-help p{
	padding-bottom: 25px;
}
.container-quote{
	background-image: url(images/testimonials.jpg);
	color: #fff;
	padding-top: 70px;
	padding-bottom: 60px;
}
.container-quote .h2{
	font-size: 40px;
	margin-top: 10px;
	color: #fff;
}
.container-quote .h2::after{
	content: ' ';
	background-color: #fff;
    display: block;
    height: 1px;
    margin-left: 45%;
    width: 10%;
	margin-top: 38px;
}
.container-quote .button a{
	background-color: transparent;
	font-size: 15px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.container-quote blockquote{
	border: none;
	font-size: 15px;
	padding-top: 35px;
	margin-bottom: 35px;
}
.container-quote blockquote::before{
	background: url(images/sprite.png) no-repeat;
	background-position: left 0px top -72px;
	float: left;
	content: ' ';
	width: 65px;
	height: 56px;
	display: inline-block;
}
.container-quote blockquote::after{
	background: url(images/sprite.png) no-repeat;
	background-position: left -85px top -72px;
	float: right;
	content: ' ';
	width: 65px;
	height: 56px;
	display: inline-block;
}
.container-awards{
	padding-top: 56px;
	padding-bottom: 80px;
}
.container-awards .h2{
	font-size: 40px;
	padding-bottom: 20px;
}
.container-awards .h2::after {
    content: " ";
	background-image: url(images/border-awards.png);
	background-position: top center;
	background-repeat: no-repeat;
    display: block;
    height: 7px;
    margin-top: 28px;
}
.container-awards .logo-slider{
	position: relative;
	width: 90%;
	margin: auto;
	padding-top: 10px;
}
.container-awards .logo-slider li{
	padding-left: 15px;
	padding-right: 15px;
}
ul.logo-slider-wrap{
	padding-left: 0;
	margin-bottom: 0;
}
ul.logo-slider-wrap .slick-slide img{
	margin: auto;
}
.container-awards #slider-prev a, .container-awards #slider-next a{
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    transition: all 0.3s ease 0s;
	left: 0;
	top: 0;
    z-index: 9999;
	width: 100%;
	height: 100%;
}
.container-awards #slider-prev a:hover, .container-awards #slider-next a:hover{
	opacity: 0.7;
}
.container-awards #slider-prev {
  	background: url(images/sprite.png) no-repeat;
  	background-position: left -181px top -78px;
	position: absolute;
	display: block;
	width: 28px;
	height: 45px;
	top: 25%;
	left: 0;
	margin-left: -5%;
	cursor: pointer;
}
.container-awards #slider-next {
	background: url(images/sprite.png) no-repeat;
  	background-position: left -221px top -78px;
	position: absolute;
	display: block;
	width: 28px;
	height: 45px;
	top: 25%;
	right: 0;
	margin-right: -5%;
	cursor: pointer;
}
/* = General
---------------------------------------------------- */
div.main-content{
    padding-bottom: 45px;
    padding-top: 45px;
}

div.main-content a{
    text-decoration:underline;
}

.container-help ul, .page-content ul{
	padding-left: 15px;
	list-style: none;
	list-style-image: url('images/bullet.png');
	font-size: 16px;
}
.container-help ul li, .page-content ul li{
	padding-top: 4px;
	padding-bottom: 4px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* = Attoney
---------------------------------------------------- */
.page-template-template-attorneys .main-content{
	padding-top: 50px;
}
.page-template-template-attorneys h1, 
.page-template-template-attorneys h2,
.page-template-template-attorneys .h2{
	color: #2f2f2f;
	font-size: 30px;
}
.page-template-template-attorneys .h2{
	font-size: 30px;
}
.page-template-template-attorneys .main-content p{
	padding-top: 50px;
	padding-bottom: 50px;
}
.page-template-template-attorneys .body-main .button a{
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
}
.attorneys-wrapper{
	padding-top: 30px;
}
.attorney{
	position: relative;
	margin-bottom: 30px;
}
.attorney .title{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* = Contact
---------------------------------------------------- */
.page-template-template-contact .row-address{
	font-size: 19px;
	color: #535353;
	padding-bottom: 30px;
}
.row-address li{
	padding-left: 35px;
	padding-bottom: 10px;
}
.row-address .col-address span{
	text-transform: uppercase;
	font-weight: 500;
}
.row-address .col-address li{
	background: url(images/icon-pin-gray.png) top 6px left 0 no-repeat;
}
.row-address li.phone{
	background: url(images/icon-phone-gray.png) top 6px left 0 no-repeat;
}
.row-address li.fax{
	background: url(images/icon-fax-gray.png) top 4px left 0 no-repeat;
}
/* = Blog
---------------------------------------------------- */
.row-post{
	padding-bottom: 48px;
}
.post-thumbnail{
	padding-bottom: 20px;
}
.row-post h1{
	font-size: 18px;
	margin-top: 0;
	font-weight: normal;
	margin-bottom: 18px;
}
.post-holder{
	padding-top: 15px;
}
.single-post-social-box {
    padding: 10px 0 0;
    text-align: right;
}
.single-post-social-box a.s-link {
    width: 29px;
    height: 28px;
    display: inline-block;
    background: url(images/sub-post-sp.png) 0 0% no-repeat;
    margin-left: 0px;
}
.single-post-social-box a.gp-icon {
    background-position: 0 0;
}
.single-post-social-box a.gp-icon:hover {
    background-position: 0 -28px;
}
.single-post-social-box a.fb-icon {
    background-position: -29px 0;
}
.single-post-social-box a.fb-icon:hover {
    background-position: -29px -28px;
}
.single-post-social-box a.tw-icon {
    background: url(images/twitterIcon.png) no-repeat;
    background-position: 0 0;
}
.single-post-social-box a.tw-icon:hover {
    background-position: 0 -28px;
}
.single-post-social-box a.in-icon {
    background-position: -58px 0;
}
.single-post-social-box a.in-icon:hover {
    background-position: -58px -28px;
}
.single .post-holder{
	padding-top: 15px;
}
.row-post .button{
	margin-top: 8px;
}
.row-post .read-more{
	background-color: transparent;
	border: 1px solid #c94d00;
	color: #c94d00;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 10px;
}
h1.entry-title{
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
}
.entry-meta{
	font-style: italic;
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	color: #c94d00;
	font-size: 13px;
}
.entry-meta-holder{
	padding-top: 10px;
	padding-bottom: 10px;
}
.entry-meta .author{
	padding-left: 32px;
	background: url(images/icon-user.png) no-repeat;
	height: 22px;
	display: inline-block;
}
.entry-content{
	padding-top: 35px;
}
.entry-content img {
	max-width: 100%;
}
a.button-more {
    margin-top: 10px;
    font-size: 14px;
    padding: 8px 20px;
	background-color: #c94d00;
	color: #fff;
	border-radius: 2px;
	text-decoration: none !important;
}
a.button-more:hover{
	background-color: #8e3803;
}
.holder {
	position: relative;
}
.overlay {
    position: absolute;
    content: ' ';
    background: rgba(275, 275, 275, 0.9);
    height: 100%;
    width: 100%;
    top: 0;
	display: none;
	z-index: 100;
}
/* = Sidebar
---------------------------------------------------- */
.sidebar{
	padding-top: 17px;
}
.sidebar h2{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	background-color: #7e543b;
	padding: 5px 7px;
}
.sidebar .widget{
	margin-bottom: 50px;
}
.sidebar ul{
	padding-left: 20px;
	list-style: none;
	list-style-image: url('images/bullet.png');
}
.sidebar ul li{
	padding-top: 4px;
	padding-bottom: 4px;
}
/* = Sidebar Left
---------------------------------------------------- */
.sidebar-left.visible-xs-block{
	padding-top: 20px;
}
.sidebar-left .form-wrap{
	border: 1px solid #b2a8a8;
	margin-bottom: 34px;
}
.form-wrap .widget-title{
	text-align: center;
	background-color: #7e543b;
}
.form-wrap .widget-title .h4{
	margin: 0;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	padding: 10px;
}
.form-wrap .form-body{
	padding: 15px;
	padding-bottom: 25px;
	background-color: #ebe8e8;
}
.form-wrap .form-body label{
	font-weight: normal;
	width: 100%;
}
.form-wrap .form-body input[type="text"],
.form-wrap .form-body input[type="email"],
.form-wrap .form-body textarea{
	width: 100%;
	padding: 7px;
	margin-top: 7px;
	margin-bottom: 8px;
}
.sidebar-left .recaptcha .wpcf7-form-control-wrap{
	display: inline-block;
	padding-bottom: 35px;
}
.form-wrap .form-body textarea{
	height: 80px;
}
.form-wrap .form-body input.button[type="submit"]{
	display: inline;
}
.awards-wrap .widget-title .h4{
	font-size: 26px;
}
.awards-body{
	padding-top: 20px;
}
.awards-body .awards-row{
	border-bottom: 1px solid #adadad;
}
.awards-body .awards-row:last-child{
	border: none;
}
.awards-body .awards-row .logo{
	float: left;
	width: 50%;
	text-align: center;
}
.awards-body .awards-row .logo img{
	display: inline-block;
}
.map-wrapper{
	border: 10px solid #ddd;
}
.map-container .clearfix{
	padding-top: 30px;
}
.map-wrapper iframe{
	width: 100%;
}
/* = Testimonials
---------------------------------------------------- */
.row-testimonial{
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.row-testimonial:last-of-type{
	border: none;
}
.row-testimonial .user-avatar img {
    border: 1px solid #dedede;
    float: left;
    margin: 0 10px 10px 0;
    min-height: 80px;
	border-radius: 50%;
}
.row-testimonial .h4 span{
	font-weight: normal;
	font-style: italic;
	color: #8b8989;
	font-size: 14px;
}
.row-testimonial .rating{
	background: url(images/rating.png);
	width: 100px;
	height: 16px;
	float: left;
}
.row-testimonial .rating-5{
	background-position: left -9px top -6px;
}
.row-testimonial .rating-4{
	background-position: left -9px top -30px;
}
.row-testimonial .rating-3{
	background-position: left -9px top -56px;
}
.row-testimonial .rating-2{
	background-position: left -9px top -83px;
}
.row-testimonial .rating-1{
	background-position: left -9px top -107px;
}
.row-testimonial .rating-0{
	background-position: left -9px top -30px;
}
/* = Footer
---------------------------------------------------- */
.footer-top{
	background: url(images/bg-footer.jpg) repeat;
	padding-top: 50px;
	padding-bottom: 44px;
	color: #fff;
}
.footer-top .h4{
	font-size: 24px;
	color: #fff;
	padding-bottom: 45px;
}
.footer-top .col-left, .footer-top .col-right{
	padding-top: 80px;
	padding-bottom: 80px;
}
.footer-top .col-left{
	background-color: #614635;
	padding-left: 50px;
	padding-right: 50px;
}
.footer-top .col-left .h4{
	text-transform: uppercase;
	font-size: 17px;
}
.footer-top .col-right{
	background-color: #77543e;
	padding-left: 35px;
	padding-right: 90px;
}
.footer-top .col-right .text-wrap{
	padding-bottom: 31px;
}
.footer-top .col-right p{
	color: #fff;
	line-height: 28px;
	font-size: 15px;
}
.footer-top li{
	padding-left: 35px;
	font-size: 19px;
	padding-bottom: 35px;
	position: relative;
}
.footer-top li::before {
    content: ' ';
    position: absolute;
    display: inline-block;
    left: 0;
}
.footer-top li.address::before{
	background: url(images/sprite.png) no-repeat;
	background-position: left -105px top -35px;
	height: 18px;
	width: 16px;
}
.footer-top li.address span{
	text-transform: uppercase;
}
.footer-top li.phone::before{
	background: url(images/sprite.png) no-repeat;
	background-position: left -133px top -37px;
	height: 16px;
	width: 16px;
}
.footer-nav{
	background-color: #c94d00;
}
.footer-nav ul > li > a{
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	padding-top: 26px;
	padding-bottom: 26px;
	letter-spacing: 1.3px;
}
.footer-nav .nav>li>a:focus, .footer-nav .nav>li>a:hover{
	background-color: #7e543b;
}
.footer-nav ul > li .sub-menu{
	display: none;
}
.footer-nav ul.social-links{
	padding-top: 20px;
	display: block;
	float: right;
}
.footer-nav ul.social-links li{
	float: left;
	width: 30px;
	height: 24px;
	padding-left: 6px;
	position: relative;
}
.footer-nav ul.social-links li a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.footer-nav ul.social-links li.site-facebook{
	background: url(images/sprite.png) no-repeat;
	background-position: left -70px top -29px;
}
.footer-nav ul.social-links li.site-twitter{
	background: url(images/sprite.png) no-repeat;
	background-position: left -38px top -30px;
}
.footer-nav ul.social-links li.site-linkedin{
	background: url(images/sprite.png) no-repeat;
	background-position: left 0px top -29px;
}
.footer-nav ul.social-links li.site-rss{
	background: url(images/icon-rss.png) no-repeat;
}
.footer-btm{
	background-color: #664835;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.footer-btm a{
	color: #fff;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
}
.footer-btm .webby:last-child a {
	background: url(images/sprite.png) no-repeat;
	background-position: right 0px top 0px;
	width: 81px;
	height: 47px;
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
.footer-btm li {
	float: left;
	border-right: 1px solid #fff;
	line-height: 10px;
}
.footer-btm li:first-child a{
	padding-left: 0;
}
.footer-btm li:last-child{
	border: none;
}
.footer-btm .webby span{
	padding-right: 17px;
}
/* append wp-paginate css */
.wp-paginate .current {
    background: #c94d00 !important;
    border: 0 !important;
    padding: 8px 14px !important;
    border-radius: 100%;
	font-weight: bold;
	font-size: 18px;
}
.wp-paginate a {
    background: none !important;
    border: 0 !important;
    color: #c94d00 !important;
	font-size:18px;
}
#my-navbar .navbar-nav .sub-menu li.current-menu-item a {
    color: #ffffff;
}
form.search-form input{
	background-image: url(images/sprite.png);
	background-color: #dcdcdc;
	background-repeat: no-repeat;
	background-position: left 495px top -250px;
	color: #9b928c;
	font-family: Georgia;
	border: none;
	padding: 15px 12% 15px 4%;
	width: 100%;
	font-style: italic;
	margin-top: 16px;	
}
form.search-form input:hover{
	background: url(images/search-icon-hover.png) no-repeat right 15px center #dcdcdc;
}
/* =Scroll Up
-------------------------------------------------------------- */
#scroll-up {
    position: fixed;
	font-size: 6px;
    bottom: 0;
    margin: 0;
    z-index: 10000;
	background: url(images/scroll.png) center;
	/*background-position: -91px -2px;*/
	height: 106px;
	width: 65px;
    -webkit-transition: opacity .15s ease-out,visibility .15s ease-out,right .3s ease-out;
    transition: opacity .15s ease-out,visibility .15s ease-out,right .3s ease-out;
    opacity: 0;
    visibility: hidden;
    right: -78px;
	cursor: pointer;
}
#scroll-up.on {
    opacity: 1;
    visibility: visible;
	right: 50%;
	margin-right: -32px;
	margin-bottom: -25px;	
}
/*---------------sticky header------------*/
.mobile-nav{
        display: inline-block;
        padding: 5px 0px;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
}
.mobile-nav .mobile-nav-switch{
        margin: 0px !important;
}
.header-cont{
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.mobile-call{
        display: flex;
        align-items: center;
    gap: 10px;
        font-size: 20px;
        color: #fff;
}
.mobile-call a:hover{
        text-decoration: none;
        color: #c7c7c7;
}
.mobile-call a{
        font-size: 30px;
        font-weight: 600;
        color: #fff;
}
.logo-title{
        padding: 5px ;
        background: #79563f;
        text-align: center;
        display: none;
}
.container-header{
        display: block;
}
/*--------------404-------------*/
.error404 .container-banner.banner-inner .caption .h1{
	display: none !important;
}
.error-page{
    margin: 50px 0;
}
.error-page-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 800px;
    padding: 25px auto;
    column-gap: 15px;
    row-gap: 15PX;
    align-items: center;
}
.error-page .error-page-content img{
    margin: 0 auto;
    width: 50%;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.error-page .error-page-content h1{
	font-size: 59px;
    text-align: center;
    margin: 0;
}
.error-page .error-page-content p{
    text-align: center;
    font-size: 24px;
    margin: 25px 0;
}

.error-page-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 25px auto;
    column-gap: 15px;
    row-gap: 15PX;
    align-items: center;
}

.error-page-wrap .error-button{
    max-width: 500px;
    border: none;
	background-color: #c94d00;
    text-align: center;
    text-decoration: none;
    display: flex;
    cursor: pointer;
	width: calc(50% - 20px);
    transition: all 250ms ease-in-out;
}

.error-page-wrap .error-button a{
	font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
	border-radius: 3px;
    color: #fcf8f8;
    padding: 10px 10px;
    width: 100%;
    max-width: 100%;
    text-decoration: none;
}
.error-page-wrap .error-button:hover{
    background-color: #8e3803;
}
.error-page-wrap .error-button a:hover{
    color: #fcf8f8;
    text-decoration: none;
}
@media (max-width: 990px){
	.error-page-wrap .error-button a{
		font-size: 18px;
	}
}
@media (max-width: 895px){
    .error-page .error-page-content p{
        max-width: 70%;
        padding: 0 25px;
    }
    .error-page-wrap{
        flex-wrap: wrap;
        flex-direction: column;
		padding: 0 25px;
        align-items: center;
    }
    .error-page .error-page-content img{
        max-width: 300px;
        height: auto;
    }
    .error-page-wrap .error-button{
        width: 100%;
    }
	.error-page-wrap .error-button a{
		width: 100%;
		font-size: 17px;
	}
}
@media (max-width: 768px){
	.error-page .error-page-content p{
		max-width: 80%;
        padding: 0 25px;
	}
}
@media (max-width: 700px){
	.error-page .error-page-content p{
		max-width: 100%;
        padding: 0 25px;
	}
}
/*--------------404-------------*/


@media only screen and (max-width: 1200px) {	
	.container{
		width: 100%;
	}
	#my-navbar a{
		padding: 15px 20px;
	}
	.availability{
        display: none;
    }
    .dekstop-nav{
         width: 1000px;
    }
	 .logo{
       display: block;
    }
    .row .desktop-nav{
      width: 1000px !important;
   }
     #my-navbar a{
		padding: 15px;
	}
}
@media only screen and (max-width: 991px) {
	#my-navbar a{
		font-size: 12px;
		padding: 15px 10px;
	}
	#my-navbar li.menu-item-has-children > a::after{
		right: 0;
	}
	header .availability{
		background-position: left -42px top -140px;
	}
	.container-header .logo img{
		max-width: 100%;
		padding-top: 15px;
	}
	.container-header .cta-call .desktop{
		font-size: 20px;
	}
	.container-header .cta-call .title{
		font-size: 16px;
	}
	.container-banner .banner-links-wrapper a{
		font-size: 20px;
		line-height: 20px;
		margin: 15px 10px;
	}
	.container-banner .banner-links-wrapper a span{
		font-size: 18px;
	}
	.container-banner .caption {
		margin-top: 80px;
		margin-bottom: 150px;
	}
	.container-banner.banner-inner .caption .h1{
		font-size: 30px;
	}
	
	.container-banner .caption .h1{
		font-size: 30px;
	}
	.container-banner .caption .h1 span{
		font-size: 20px;
	}
	.container-banner .banner-image{
		left: -100px;
	}
	.container-banner .banner-image img{
		height: 467px;
	}
	.container-cta .h2, .container-awards .h2, .container-quote .h2, .container-help .panel-right .h1{
		font-size: 30px;
	}
	.container-intro {
		padding-top: 60px;
		padding-bottom: 50px;
	}	
	.container-intro .left{
		padding-bottom: 30px;
	}
	.container-help .panel-left{
		padding-top: 0;
		padding-right: 15px;
		border-right: none;
	}
	.container-help .panel-right{
		padding-left: 15px;
	}
	.container-awards {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.footer-top .col-left, .footer-top .col-right{
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer-top .col-left, .footer-top .col-right{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-top .h4{
		padding-bottom: 20px;
	}	
	footer .navbar-nav li a{
		padding: 10px;
	}
	.container-fluid.footer-nav .col-md-10, .container-fluid.footer-nav .col-md-2{
		text-align: center;
	}
	footer .navbar-nav li {
		display: inline-block;
	}
	.footer-nav ul.social-links{
		float: none;
	}
	.footer-nav ul.social-links li{
		float: none;
		display: inline-block;
	}
}
@media only screen and (max-width: 767px) {
	.apexchat_tab_invitation_wrapper_custom iframe{
		display: none !important;
	}
	.mobile-nav-switch{
		display: inline-block;
		padding: 5px 10px;
		border-radius: 5px;
		background-color: #583a26;
		cursor: pointer;
		margin-top: 50%;
	}
	.header-mobile{
		background-color: #684732;
	}
	.header-mobile .container-header{
		background-color:#79563f;
	}
	.header-mobile .logo img{
		height: 80px;
	}
	.header-mobile .container-header .cta-call{
		padding-right: 10px;
	}
	.header-mobile .container-header .cta-review {
		padding-left: 10px;
	}
	.header-mobile .container-header .cta-call .title{
		font-size: 14px;
	}
	.header-mobile .container-header .cta-call .desktop{
		font-size: 20px;
	}
	.header-mobile .navbar-nav{
		margin-top: 0;
		margin-bottom: 0;
	}
	.header-mobile .mobile-navigation{
		display: none;
	}
	.header-mobile .mobile-navigation.show-nav{
		display: block;
        position: absolute;
        width: 100%;
        z-index: 1000;
		left: 0;
	}
	.header-mobile .mobile-navigation{
		background-color: #664835;
	}
	.header-mobile .navbar-nav ul{
		list-style: none;
	}
	.navbar-nav .sub-menu{
		padding: 0 !important;
	}
	.navbar-nav .sub-menu li{
		padding-left: 20px;
	}
	.header-mobile .navbar-nav li {
		border-top: 1px solid #79563f;
	}
	.header-mobile .navbar-nav li a{
		color: #fff;
		padding: 5px 25px;
		display: block;
		position: relative;
	}
	.header-mobile .navbar-nav li a:hover{
		background-color: #583a26;
	}
	.popup-youtube{
		padding-bottom: 20px;
		display: block;
	}
	.container-banner .banner-links-wrapper a span{
		font-size: 14px;
	}
	.container-banner .banner-links-wrapper a{
		font-size: 16px;
		line-height: 16px;
		margin: 15px 5px;
	}
	.container-banner .banner-links-wrapper a span{
		font-size: 16px;
	}
	.container-banner .caption {
		margin-top: 50px;
		margin-bottom: 100px;
	}
	.container-banner .caption .caption-inner{
		padding: 10px;
	}
	.container-banner.banner-inner .caption .h1{
		font-size: 18px;
	}
	.container-banner .caption .h1{
		font-size: 18px;
	}
	.container-banner .caption .h1 span{
		font-size: 16px;
	}
	.container-banner .banner-image{
		left: -50px;
	}
	.container-banner .banner-image img{
		height: auto;
	}
	.container-banner .button a{
		font-size: 12px;
		padding-right: 30px;
	}
	
	.container-help .panel-right .h1{
		font-size: 20px;
	}
	.container-quote{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.container-awards{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.container-awards .h2, .container-quote .h2, .container-cta .h2{
		font-size: 20px;
	}
	.container-help .panel-right{
		padding-left: 15px;
	}
	.container-intro{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.logo{
        display: none;
    }
    .container-header{
        display: none;
    }
    .header-mobile{
        padding: 10px;
    }
    .logo-title{
       display: block;
   }
    header{
       position: sticky;
       top: 0;
       z-index: 99999;
  }
}
@media only screen and (max-width: 500px) {
	.container-banner .banner-links-wrapper .col-xs-4{
		width: 100%;
	}
	.container-banner .banner-links-wrapper a{
		margin: 5px;
	}
	.container-banner .banner-links-wrapper a span{
		display: inline;
		padding-left: 5px;
	}
	.container-banner .caption{
		margin-top: 20px;
		margin-bottom: 140px;
	}
	.container-banner .col-xs-12{
		padding: 0;
	}
	.container-banner .caption .caption-inner .h1{
		margin-top: 0;
	}
	.container-header .cta-review{
		display: none;
	}
	.header-mobile .container-header .cta-call .title{
		display: none;
	}
	.container-header .cta-call{
		border: none;
		padding: 0;
	}
	.container-header .cta .cta-top{
		padding: 0;
		float: right;
	}
	.header-mobile .container-header{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.mobile-nav-switch{
		margin-top: 0;
	}
	.header-mobile .container-header .cta-call{
		padding-right: 0;
	}
	.container-header .cta-call .desktop{
		line-height: 32px;
		border-radius: 5px;
		padding: 0 10px 0 30px;
		background: url(images/phone.png) no-repeat left 10px center #c94d00;
		background-size: 13px;
	}
}