/*
Theme Name: Expert Review
Version: 1.0
Tags: blue, yellow, dark, white, google fonts, theme options, custom header, responsive
*/
html{scroll-behavior: smooth;}
body{font: normal 14px/1.6 'Open Sans'; font-weight: 400; color: #393939; overflow: hidden; overflow-y: auto;}
img{max-width: 100%;}
a{color: #1350c4;}
a:hover,a:focus{text-decoration: none;}
a,.service-card{outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ul-none{list-style: none; margin: 0; padding: 0;}
ul,.ul-none{margin-bottom: 15px;}

/*Buttons*/
.btn{text-transform: uppercase; border-radius: 0; padding: 16px 25px; font-weight: 700; font-size: 16px; transition: all .5s ease;}
.btn-theme{background-color: #1350c4; color: #fff; border: 1px solid #1350c4;}
.btn-theme:hover,.btn-theme:focus{color: #1350c4; background-color: transparent;}
.btn-outline{border: 1px solid #000; color: #000;}
.btn-outline:hover,.btn-outline:focus{color: #fff; background-color: #000;}
.btn-lg{padding: 20px 80px; font-size: 18px;}

/*Format*/
h1,h2,h3{font-family: 'Noto Serif', sans-serif;}
h1,h2,h3,h4,strong{font-weight: 700;}
h2{font-size: 40px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h1,h2,h3,h4,p{margin-bottom: 25px;}
.has-separator{position: relative; padding-bottom: 25px;}
.has-separator:after,.has-separator:before{content: ''; height: 4px; position: absolute; bottom: 0; left: 0; width: 100%;}
.has-separator:after{background-color: #ababab; max-width: 170px;}
.has-separator:before{background-color: #ffc600; max-width: 50px; z-index: 2;}
.center.has-separator:after{left: 50%; margin-left: -85px;}
.center.has-separator:before{left: 50%; margin-left: -25px;}
.max-950{max-width: 950px;}
.overflow-visible{overflow: visible !important;}
.counter .stats-number, .counter .counter_suffix, .counter .counter_prefix{font-family: 'Noto Serif' !important;}
.wpcf7 form .wpcf7-response-output{margin: 10px 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{background-color: #ffb900;}
.para-lh p{line-height: 2.5;}

/*Section*/
.section{padding-top: 150px !important; padding-bottom: 150px !important;}
.md-section{padding-top: 100px !important; padding-bottom: 100px !important;}
.sm-section{padding-top: 80px !important; padding-bottom: 80px !important;}
.ul-col-2{column-count: 2;}

.header{position: sticky; top: 0; z-index: 999; width: 100%; padding: 10px 0;}
.header .btn,
.sidenav .btn{padding: 6px 25px;}
.header .navbar-brand{max-width: 177px;}
.navbar-expand-lg .navbar-nav li.nav-item > a.nav-link{font-size: 15px; color: #343434; padding: 8px 18px;}
.navbar-expand-lg .navbar-nav li.nav-item > a.nav-link:hover{color: #1350c4;}

/*Menu Icon*/
.navbar-toggler{outline: none !important; border: 0; padding-bottom: 0; padding-left: 5px;}
.animated-icon3{width: 32px; height: 25px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}

.animated-icon3 span {display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

.animated-icon3 span{background: #162c53;}

.animated-icon3 span:nth-child(1){top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.animated-icon3 span:nth-child(2) {top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.animated-icon3 span:nth-child(3){top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

.animated-icon3.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 8px;}

.animated-icon3.open span:nth-child(2){width: 0%; opacity: 0;}
.animated-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; left: 8px;}
/*Smaller*/
.header.smaller{box-shadow: 0 0 10px rgba(0,0,0,0.2);}


.footer{background-color: #0d121a; color: #8a8c8f;}
.fnav li,.fnav li a{display: inline-block;}
.fnav li a{padding: 8px 15px; color: #fff; font-size: 14px;}
.fnav li a:hover{opacity: .7;}

/*====== Side Menu =======*/
.sidenav{height: 100%; width: 250px; position: fixed; z-index: 9999; top: 0; right: -270px; background-color: #fff; overflow-x: hidden; transition: 0.3s; box-shadow: 0px 0 20px rgba(0,0,0,.2); color: #343434;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; line-height: normal; color: #343434;}
.the_menu{padding: 20px; font-size: 15px;}
.the_menu h4.hd{font-size: 16px; letter-spacing: 3px;}
.the_menu li a{padding: 10px 0px; border-bottom: solid 1px #DDD; display: block; font-size: 16px; color: #343434;}
.the_menu li a:hover{color: #1350c4;}

.shadow-box{box-shadow: 0 0 25px rgba(0,0,0,.1); z-index: 9; position: relative;}

/*Reviews*/
.reviews-sec{background-size: contain !important;}
.review{box-shadow: 0 0 25px rgba(0,0,0,.2);}
.review p{margin-top: 12px;}
.review p:last-child{margin-bottom: 0;}
.review .Defaults-star{color: #ffe176; font-size: 32px;}

.service-card,
.vc_row-o-equal-height .vc_column-inner > .wpb_wrapper{height: 100%; min-height: 100% !important;}
.service-card:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.service-card .ultb3-img{position: inherit; left: 0 !important; width: 100% !important; transform: none !important;}
.service-card .ultb3-info{top: 0 !important; padding-top: 45px;}
.service-card .ultb3-info:before{position: absolute; left: 50%; margin: -34px 0 0 -34px; top: 0; width: 68px; height: 68px; background: url(../img/law-ico.png) 0 0 no-repeat; content: '';}
.service-card .ultb3-title,
.service-card .ultb3-info p{margin-bottom: 15px;}
.service-card .ultb3-info p:last-child{margin-bottom: 0;}

.service-card.result .ultb3-info:before,
.service-card.result .ultb3-info p:first-child{display: none;}
.service-card.result .ultb3-info{padding: 25px;}
.service-card.result .ultb3-title{margin-bottom: 5px;}
.service-card.result .ultb3-info h4{font-size: 16px; position: relative; padding-bottom: 20px; margin-bottom: 16px;}
.service-card.result .ultb3-info h4:after{content: ''; height: 3px; bottom: 0; position: absolute; left: 50%; margin-left: -25px; width: 50px; background-color: #c8ac48;}
.service-card.result .ultb3-info p{line-height: 2.5;}

/*Request Form*/
.form-block h2{font-size: 24px; color: #fff; background-color: #05183b; padding: 25px; margin-bottom: 0;}
.form-block .wpcf7{padding: 25px 25px 5px;}
.form-block .form-control{padding: 15px 14px; height: auto; border: 1px solid #808080; border-radius: 0; font-size: 15px;}

/*Faqs*/
.faq-sec:before{position: absolute; width: 30%; height: 100%; content: ''; background-color: #f4f4f4; left: 0; top: 0;}
.faq .vc_toggle_title > h4{font-weight: 600; font-size: 16px;}
.faq p:last-child{margin-bottom: 0;}

/*Responsive*/
@media (max-width:990px){
	.section{padding-top: 110px !important; padding-bottom: 110px !important;}
	.md-section{padding-top: 80px !important; padding-bottom: 80px !important;}
	.sm-section{padding-top: 60px !important; padding-bottom: 60px !important;}
	h2{font-size: 32px;}
	h3{font-size: 22px;}
	.header{padding: 0;}
	.header .navbar-brand{max-width: 136px;}
	.vc_row-o-equal-height .vc_column-inner{margin-bottom: 20px;}
	.reviews-sec{background-size: cover !important;}
	.reviews-sec:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #fff; opacity: .5;}
}
@media (max-width:767px){
	.section{padding-top: 60px !important; padding-bottom: 60px !important;}
	.md-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	.sm-section{padding-top: 30px !important; padding-bottom: 30px !important;}
	h2{font-size: 28px;}
	h3{font-size: 20px;}
	.reviews-sec:before{opacity: .8;}
}