/*
Theme Name: Rank Theme
Author: Ranksmartz
*/
body{font-family: 'Rubik', sans-serif;font-weight:400;color:#000;}
*{margin:0px;padding:0px;}
.clr{clear:both;}
a{text-decoration:none;color:#000;transition:all 0.5s ease;}
a:focus, a:hover{}
:focus-visible{outline:none;}
a img{border:none;outline:none;}
h1{color:#162637;font-size:50px;font-weight:800;}
h2{color:#162637;font-size:32px;line-height:35px;font-family: 'Righteous', cursive;color:#1b1e24;}
h3{color:#162637;font-size:26px;font-weight: bold;}
h4{font-size:20px;font-weight:600;color:#1b1e24;font-family: 'Open Sans', sans-serif;}
h5{font-size:20px;font-weight:600;color:#1b1e24;}
p{font-size:16px;line-height:1.8;font-family: 'Open Sans', sans-serif;}
p a{}
img{max-width:100%;}
.left{float:left;}
.right{float:right;}
.wraper{width:84%;margin:0px auto;}
.logo{width:120px;}
.logo img{}
.nav{margin:3% 0;}
.header{z-index: 999;background:#fff;padding:10px 0;width:100%;top:0;position:fixed;}
.nav ul li{list-style-type:none;display:inline-block;}
.nav ul li a{color:#00092d;font-size:0.937rem;font-weight:600;
padding:0.625rem 1.25rem;border-radius:50px;font-family:'Rubik', sans-serif;letter-spacing:1px;}
.nav ul li.active{padding:0.625rem 0;background:#007bff;border-radius:50px;color:#ffffffb3;}
.nav ul li.active a{color:#fff;}
.baner{padding-top:133px;}
.baner h1{font-size:30px;letter-spacing:0px;font-weight:bolder;color:#fff;padding: 10px 0 12px 0;}
.baner p{font-weight:600;font-size:20px;color:#fff;margin:15px 0 20px !important;}
.baner_text{width:45%;background:#000000a1;padding: 5%;}
.metaslider .caption-wrap{background:none !important;}
.btn{cursor: pointer;font-weight:600;font-size:20px;color:#fff;border:1px solid #fff;border-radius:50px;padding:10px 30px;display: inline-block;}
.section_1{background:#fff;padding:150px 0;text-align:center;}
.head_sec{width:58%;margin:0px auto;text-align:center;}
.head_sec p{font-weight:400;font-size:20px;color:#6c757d;}
.head_sec h2{margin-bottom:10px;}
.section_1 ul li{list-style-type:none;display:inline-block;width:31%;margin:2% 1%;}
.section_1 ul li p{color:#1b1e24;}
.section_1 ul li h4{margin:15px 0;}
.section_1 ul{margin-top:2%;}
.section_2{padding:150px 0;background:#f8f9fa;}
.sec_2_right{width:55%;margin-top:3%;}
.sec_2_right p{margin-bottom:10px;color:#6c757d}
.sec_2_left{width:37%;height:240px;overflow:hidden;border-radius:15px;}
.sec_2_cont{margin-top:30px;}
.section_3{padding:150px 0;}
.section_3 li{border:1px solid rgba(0,0,0,.125);list-style-type:none;display:inline-block;width:22%;text-align:center;padding:20px 0;margin:0 1.2%;}
.section_3 li h3{font-size:20px;font-weight:400;}
.section_3 li p{color:#6c757d;}
.section_3 li p strong{font-size:40px;color: #1b1e24;font-family: 'Righteous', cursive;}
.section_3 li ul li{width:100%;color:#1b1e24;line-height:38px;border:none;padding:0;}
.gold{background-color:#007bff;border:1px solid transparent !important;}
.section_3 li.gold h3{color:#fff;}
.section_3 li.gold ul li{color:#fff;}
.section_3 li.gold p{color:#fff;}
.section_3 li.gold p strong{color:#fff;}
.section_3 li .btn{color:#007bff;border:1px solid #007bff;font-weight:400;}
.section_3 li .btn:hover{color:#fff;background:#007bff;border:1px solid #007bff;}
.section_3 li.gold .btn{color:#fff;border:1px solid #fff;}
.section_3 li.gold .btn:hover{color:#007bff;background:#fff;}
.section_3 .head_sec{padding-bottom:3%;}
.section_3 li ul{padding:10px 0 25px;}
.section_4{padding:150px 0;background:#f8f9fa;}
.sec_4_left{width:50%;}
.sec_4_right{width:45%;}
.input{padding:10px;font-size: 20px;color: #495057;width: 96%; margin-bottom:25px;
background-color: #fff;border:1px solid #ced4da;font-weight:400;border-radius:4px;}
.sec_4_left .btn{color: #fff !important;
background-image: linear-gradient(to bottom right, #007bff, #007bff)!important;border-color: #007bff !important;}
.btn_sec{text-align:center;}
textarea.input{resize:vertical;height:200px;font-size:20px;font-weight:400;font-family:'Rubik', sans-serif;}
.sec_4_cont{margin-top:8%;}
.sec_4_text{border-radius:10px;padding:24px;background:#fff;margin-bottom:24px;border:1px solid #dee2e6;}
.sec_4_text img{padding-right:24px;margin:2px 0 0 0;}
.sec_4_text p{color:#6c757d;margin-top:-5px;}
.sec_4_text p a{color:#6c757d;}
.sec_4_text p b{color:#1b1e24;}
.map{margin-top:50px;}
.footer{padding: 50px 0;background:#000;}
.footer .left{width:50%;}
.footer .right{}
.footer p{color:#fff;font-size:14px;}
.footer p a{color:#fff;}
.footer .right li{list-style-type:none;display:inline-block;margin-left:5px;}
.baner_text a.btn:hover{background:#fff;color:#333;}
.ng-scope{display:none;}
.section_5{padding:150px 0;background:#f8f9fa;border-top: 1px solid #e5e5e5;}
.section_6{padding:150px 0;background:#fff;}
.section_6 .btn{color: #fff !important;background-image: linear-gradient(to bottom right, #007bff, #007bff)!important;border-color: #007bff !important;}
.section_6 form{width:55%;margin:0px auto !important;}
.section_6 .head_sec{padding-bottom:40px;}
span.wpcf7-spinner{position:absolute;margin:10px;}
.ngg-galleryoverview{margin-bottom:0 !important;}
button.dropbtn{display:none;}


/**Styling scrollable elements*/

.js-scroll{opacity: 0;transition: opacity 500ms;}
.js-scroll.scrolled{opacity: 1;}
.scrolled.fade-in{animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom{animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left{animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);transform:translateX(-100px);opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);transform: translateX(0);opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);transform: translateX(0);opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);transform: translateY(0);opacity: 1;
  }
}
@keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.metaslider .caption-wrap{bottom:16% !important;opacity:1 !important;}
.g-recaptcha{text-align:center;}
.g-recaptcha div{display:inline-block;margin-bottom:20px;}
.inner_page{background:#f8f9fa;padding-bottom: 100px;}
.section_1.page-section{background:none;padding-top:0;padding-bottom:50px;}
.inner_page p{margin-bottom:15px;}
.section_2.page-section{padding:0;}
.section_5.page-section{padding:10px 0 0 0;border: none;}
.section_6.page-section{background:none;padding:0;}
.section_4.page-section{padding:0;}
.section_1.page-section p{text-align:left;color:#6c757d;}
.section_2.page-section .sec_2_left{margin:0 3% 1% 0;}
.section_2.page-section .sec_2_right{width:auto;}
.page-head{padding-top:220px;text-align:center;}
.page-head h1{color:#162637;font-size:32px;line-height:35px;font-family:'Righteous', cursive;color:#1b1e24;}
.section_5.page-section p{color:#6c757d;}
a.call_now{width:36px;display:none;margin-right:52px;}
a.call_now img{width:100%;}
.section_8{padding: 150px 0;}
.section_8 ul li{list-style-type:none;display:inline-block;width:31%;margin:0 0.9%;
background:#f7f7f7;border:1px solid #ebebeb;}
.post_page{margin-bottom:30px;}
.section_8 ul li h4{font-weight:bold;padding:10px;}
.section_8 ul li img{height:auto;}
.section_8 ul{margin-top:8%;}
.inner_page p a{color:#007bff;font-weight:600;}
.single_post .wp-post-image{float:left;width:32%;height:auto;margin:8px 15px 0px 0;}
.arch_page .section_8 {padding:0;}
.section_6 .qcf-main{width:55%;margin:0px auto;}
.qcf-main input {padding: 10px !important;
font-size: 20px !important;color: #495057 !important;
width: 96% !important;margin-bottom: 25px !important;
background-color:#fff !important;
border: 1px solid #ced4da !important;
font-weight: 400 !important;border-radius: 4px !important;}

.qcf-main textarea{padding:10px !important;
font-size:20px !important;color: #495057 !important;
width:96% !important;margin-bottom: 25px !important;
background-color:#fff !important;
border:1px solid #ced4da !important;
font-weight:400 !important;border-radius: 4px !important;resize: vertical !important;
height:200px !important;font-family: 'Rubik', sans-serif !important;}
.qcf-main #submit{color: #fff !important;width:40% !important;float:none !important;
background-image:linear-gradient(to bottom right, #007bff, #007bff) !important;
border-color:#007bff !important;font-weight: 600 !important;
font-size: 20px !important;
color: #fff !important;
border: 1px solid #fff !important;
border-radius: 50px !important;
padding: 10px 30px !important;
}
.qcf-state p{text-align:center !important;font-weight:400 !important;
font-size:20px !important;color:#6c757d !important;}
.qcf-state h2{text-align:center !important;color:#1b1e24 !important;font-size:32px !important;margin-bottom:10px;}
.qcf-form{padding-top:40px !important;}



/*Responsive*/

@media only screen and (max-width: 1370px) and (min-width:1365px){
.wraper{width:84%;}

}
@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:95%;}
.baner{padding:150px 0;}
.nav{margin:4.8% 0;}
.baner p{font-size:16px;margin:5px 0 12px !important;}

}
@media only screen and (max-width: 962px) and (min-width: 801px){ 
.wraper{width:95%;}
.baner{padding:0;}
.baner h1{font-size:25px !important;letter-spacing:2px !important;}
.baner_text{width:51% !important;padding:2%;}
.baner p{font-size:15px;margin:4px 0 12px;}
.section_1{padding:30px 0;}
.head_sec{width:100%;}
.head_sec p{font-size:17px;}
.section_1 ul li{width:45%;margin:2% 0%;}
.section_2{padding:30px 0;}
.sec_2_cont{margin-top:20px;}
.sec_2_left{width:100%;height:auto;}
.sec_2_right{width:100%;margin-top:5%;}
.section_3{padding:30px 0;}
.section_3 li{margin:2% 0;width:100%;}
.section_3 li ul li{line-height:25px;}
.section_4{padding:30px 0;}
.sec_4_left{width:100%;}
.sec_4_right{width:100%;margin-top:30px;}
.input{width:94%;}
textarea.input{height:100px;}
.sec_4_text p{font-size:14px;}
.map{margin-top:10px;}
.footer .left{width:100%;text-align:center;}
.footer .right{width:100%;text-align:center;}
.footer{padding:20px 0;}
.ng-scope{display:none;float:right;}
.section_5{padding:30px 0;}
.section_6{padding:30px 0;}
.sec_4_cont{margin-top: 0%;}
.header{position:unset;}
.baner{margin-top:0;}
.page-head{padding-top:60px;}
.metaslider .caption-wrap{bottom:12% !important;}

}
@media only screen and (max-width: 800px) and (min-width: 668px){
.wraper{width:95%;}
.nav{display:none;}
.baner{padding:0;}
.baner h1{font-size:25px;letter-spacing:2px;}
.baner_text{width:82% !important;padding:2%;}
.baner p{font-size:15px;margin:4px 0 12px;}
.section_1{padding:30px 0;}
.head_sec{width:100%;}
.head_sec p{font-size:17px;}
.section_1 ul li{width:45%;margin:2% 0%;}
.section_2{padding:30px 0;}
.sec_2_cont{margin-top:20px;}
.sec_2_left{width:100%;height:auto;}
.sec_2_right{width:100%;margin-top:5%;}
.section_3{padding:30px 0;}
.section_3 li{margin:2% 0;width:100%;}
.section_3 li ul li{line-height:25px;}
.section_4{padding:30px 0;}
.sec_4_left{width:100%;}
.sec_4_right{width:100%;margin-top: 30px;}
.input{width:94%;}
textarea.input{height:100px;}
.sec_4_text p{font-size:14px;}
.map{margin-top:10px;}
.footer .left{width:100%;text-align: center;}
.footer .right{width:100%;text-align: center;}
.footer{padding:20px 0;}
.ng-scope{display:inline;float:right;}
.section_5{padding:30px 0;}
.section_6{padding:30px 0;}
.sec_4_cont{margin-top: 0%;}
.header{position:unset;}
.baner{margin-top:0;}
button.dropbtn{display:inline;}
.page-head{padding-top:60px;}
.baner p{margin:0px 0 10px !important;}
.metaslider .caption-wrap{bottom:5% !important;}
a.call_now{display:inline-block;}
.section_8{padding:30px 0;}
.section_8 ul li{width:100%;margin:2% 0;}
.section_8 ul{margin-top:4%;}
}
@media only screen and (max-width: 667px) and (min-width:601px){
.wraper{width:95%;}
.nav{display:none;}
.baner{padding:0;background-size:cover;}
.baner h1{font-size:25px;letter-spacing:2px;}
.baner_text{width:82% !important;padding:2%;}
.baner p{font-size:15px;margin:2px 0 14px !important;}
.section_1{padding:30px 0;}
.head_sec{width:100%;}
.head_sec p{font-size:17px;}
.section_1 ul li{width:100%;margin:2% 0%;}
.section_2{padding:30px 0;}
.sec_2_cont{margin-top:20px;}
.sec_2_left{width:100%;height:auto;}
.sec_2_right{width:100%;margin-top:5%;}
.section_3{padding:30px 0;}
.section_3 li{margin:2% 0;width:100%;}
.section_3 li ul li{line-height:25px;}
.section_4{padding:30px 0;}
.sec_4_left{width:100%;}
.sec_4_right{width:100%;margin-top: 30px;}
.input{width:94%;}
textarea.input{height:100px;}
.sec_4_text p{font-size:14px;}
.map{margin-top:10px;}
.footer .left{width:100%;text-align: center;}
.footer .right{width:100%;text-align: center;}
.footer{padding:20px 0;}
.ng-scope{display:inline;float:right;}
.section_5{padding:30px 0;}
.section_6{padding:30px 0;}
.sec_4_cont{margin-top: 0%;}
.section_6 .head_sec{padding-bottom:20px;}
.header{position:unset;}
.baner{margin-top:0;padding: 0;}
button.dropbtn{display:inline;}
.metaslider .caption-wrap{bottom:8% !important;}
.page-head{padding-top:60px;}
a.call_now{display:inline-block;}
.section_8{padding:30px 0;}
.section_8 ul li{width:100%;margin:2% 0;}
.section_8 ul{margin-top:4%;}
.inner_page{padding-bottom:40px;}
}
@media only screen and (max-width:600px) and (min-width:481px){
.wraper{width:95%;}
.nav{display:none;}
.baner{padding:0;background-size:cover;}
.flexslider .slides img{height:250px !important;}
.baner h1{font-size:25px;letter-spacing:1px;}
.baner_text{width:83%;}
.baner p{font-size:15px;margin:4px 0 12px !important;}
.section_1{padding:30px 0;}
.head_sec{width:100%;}
.head_sec p{font-size:17px;}
.section_1 ul li{width:48%;margin:2% 0%;}
.section_1 ul li h4{margin: 7px 0;font-size: 15px;}
.section_2{padding:30px 0;}
.sec_2_cont{margin-top:20px;}
.sec_2_left{width:100%;height:auto;}
.sec_2_right{width:100%;margin-top:5%;}
.section_3{padding:30px 0;}
.section_3 li{margin:2% 0;width:100%;}
.section_3 li ul li{line-height:25px;}
.section_4{padding:30px 0;}
.sec_4_left{width:100%;}
.sec_4_right{width:100%;margin-top: 30px;}
.input{width:94%;}
textarea.input{height:100px;}
.sec_4_text p{font-size:14px;}
.map{margin-top:10px;}
.footer .left{width:100%;text-align: center;}
.footer .right{width:100%;text-align: center;}
.footer{padding:20px 0;}
.ng-scope{display:inline;float:right;}
.section_6 form{width:100%;}
.section_5{padding:30px 0;}
.section_6{padding:30px 0;}
.sec_4_cont{margin-top: 0%;}
.section_6 .head_sec{padding-bottom:20px;}
.header{position:unset;}
.baner{margin-top:0;}
button.dropbtn{display:inline;}
.logo{width:90px;}
.ng-scope{margin-top: 24px !important;}
.metaslider .caption-wrap{bottom:7% !important;}
.page-head{padding-top:50px;}
.section_5 .ngg-gallery-thumbnail-box{max-width: 50% !important;}
a.call_now{display:inline-block;}
.section_8{padding:30px 0;}
.section_8 ul li{width:100%;margin:2% 0;}
.section_8 ul{margin-top:4%;}
.inner_page{padding-bottom:40px;}
.single_post .wp-post-image{width:100%;margin:8px 0px;}
}
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:95%;}
.nav{display:none;}
.baner{padding:0;background-size:cover;}
.flexslider .slides img{height:250px !important;}
.metaslider .caption{padding:5px 10px !important;}
.baner h1{font-size:18px;letter-spacing:1px;padding: 10px 0 3px 0;}
.metaslider .flexslider .slides p{margin: 0;font-size: 13px;}
.baner_text{width:95%;padding: 2%;}
.baner p{font-size:15px;margin:4px 0 12px !important;}
.section_1{padding:30px 0;}
.head_sec{width:100%;}
.head_sec p{font-size:17px;}
.section_1 ul li{width:48%;margin:2% 0%;}
.section_1 ul li h4{margin: 7px 0;font-size: 15px;}
.section_2{padding:30px 0;}
.sec_2_cont{margin-top:20px;}
.sec_2_left{width:100%;height:auto;}
.sec_2_right{width:100%;margin-top:5%;}
.section_3{padding:30px 0;}
.section_3 li{margin:2% 0;width:100%;}
.section_3 li ul li{line-height:25px;}
.section_4{padding:30px 0;}
.sec_4_left{width:100%;}
.sec_4_right{width:100%;margin-top: 30px;}
.input{width:94%;}
textarea.input{height:100px;}
.sec_4_text p{font-size:14px;width:80%;}
.map{margin-top:10px;}
.footer .left{width:100%;text-align: center;}
.footer .right{width:100%;text-align: center;}
.footer{padding:20px 0;}
.ng-scope{display:inline;float:right;}
.section_6 form{width:100%;}
.section_5{padding:30px 0;}
.section_6{padding:30px 0;}
.sec_4_cont{margin-top: 0%;}
.section_6 .head_sec{padding-bottom:20px;}
.header{position:unset;}
.baner{margin-top:0;}
button.dropbtn{display:inline;}
.logo{width:90px;}
.ng-scope{margin-top:24px !important;}
.page-head{padding-top:40px;}
.btn{font-size: 16px;padding: 6px 18px;}
.section_5 .ngg-gallery-thumbnail-box{max-width: 50% !important;}
a.call_now{display:inline-block;}
.section_8{padding:30px 0;}
.section_8 ul li{width:100%;margin:2% 0;}
.section_8 ul{margin-top:4%;}
.inner_page{padding-bottom:40px;}
.single_post .wp-post-image{width:100%;margin:8px 0px;}
}
@media only screen and (max-width: 375px) and (min-width: 0px){
.wraper{width:95%;}
.nav{display:none;}
.baner{padding:0;background-size:cover;}
.flexslider .slides img{height:250px !important;}
.baner h1{font-size:18px;letter-spacing:1px;padding: 10px 0 3px 0;}
.metaslider .flexslider .slides p{margin: 0;font-size: 13px;}
.baner_text{width:95%;padding: 2%;}
.baner p{font-size:15px;margin:4px 0 12px !important;}
.section_1{padding:30px 0;}
.head_sec{width:100%;}
.head_sec p{font-size:17px;}
.section_1 ul li{width:100%;margin:2% 0%;}
.section_2{padding:30px 0;}
.sec_2_cont{margin-top:20px;}
.sec_2_left{width:100%;height:auto;}
.sec_2_right{width:100%;margin-top:5%;}
.section_3{padding:30px 0;}
.section_3 li{margin:2% 0;width:100%;}
.section_3 li ul li{line-height:25px;}
.section_4{padding:30px 0;}
.sec_4_left{width:100%;}
.sec_4_right{width:100%;margin-top: 30px;}
.input{width:94%;}
textarea.input{height:100px;}
.sec_4_text p{font-size:14px;width:82%;}
.map{margin-top:10px;}
.footer .left{width:100%;text-align:center;}
.footer .right{width:100%;text-align:center;}
.footer{padding:20px 0;}
.ng-scope{display:inline;float:right;}
.section_6 form{width:100%;}
.section_5{padding:30px 0;}
.section_6{padding:30px 0;}
.sec_4_cont{margin-top:0%;}
.section_6 .head_sec{padding-bottom:20px;}
.header{position:unset;}
.baner{margin-top:0;}
button.dropbtn{display:inline;}
.logo{width:90px;}
.ng-scope{margin-top:24px !important;}
.page-head{padding-top:40px;}
.btn{font-size:16px;padding:6px 18px;}
a.call_now{display:inline-block;}
.section_8{padding:30px 0;}
.section_8 ul li{width:100%;margin:2% 0;}
.section_8 ul{margin-top:4%;}
.inner_page{padding-bottom:40px;}
.single_post .wp-post-image{width:100%;margin:8px 0px;}

}