/*
Theme Name:  North Security Services
Author URI: https://www.northsecurityservices.com/
Version: 1.1
Author: North Security Services
Description: A theme by North Security Services
*/
:root {
  /* Color Variables: */
--primarycolor:#000;
--secondarycolor:#f16803;
--tertiarycolor:#CF1508;
  /* Font Variables: */
--primaryfont:"Montserrat", sans-serif;
--secondaryfont:"Lato", sans-serif;
}
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: var(--secondaryfont);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--primarycolor);font-weight: 400;font-size:17px;line-height: 1.8;text-rendering: optimizeLegibility;}
a img {border: none;}
a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}
.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 1.2rem 0;padding: 20px 0 0 0;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 40px;max-width: 500px;width:100%;border-radius: 15px;}
.aligncenter{display:block;margin:0 auto;}

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 40px;height: 40px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:var(--tertiarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.inner {width: 1170px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(to right,#000c,#00000042,#0000);}

.header_area {position:relative;top: 0;left: 0;width: 100%;z-index: 999;transition: background 0.4s, all 0.3s linear;padding:10px 0}
.header_area .row{align-items:center}

#top-bar{background:var(--tertiarycolor);width:100%;padding:0.3rem 0;color: #fff;font-size: 18px;}
#top-bar .row{justify-content:space-between;align-items: center;}
#top-bar a{margin:0px 10px;color: #fff;}
#top-bar a:hover{color:var(--primarycolor)}
#top-bar .pull-right{text-align: right}
#top-bar i{margin-right:6px}
#top-bar .fa-phone{transform: rotate(180deg)}

#logo .site-title {float:left;}
#logo .site-title a{color:var(--primarycolorcolor);font-size: 1.5rem;}
#logo img{width:340px;}
.site-menu-toggle{display: none;}

.topbtn{background:var(--secondarycolor);color:#fff !important;padding:5px 10px;border-radius: 10px;font-weight: 600;border:0 !important;}
.topbtn:after{display: none !important;}
.topbtn:hover{background:var(--primarycolor)}
.stickybox{position:sticky;top:1rem}
h1,h2,h3,h4,h5,h6 {margin: 0 0 1rem 0;color: #000;line-height: 1.2;font-family: var(--primaryfont);}

h1 {font-size: 38px;}
h2 {font-size: 3rem;}
h3 {font-size: 23px;letter-spacing:1px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
.menu-bar {text-align: left;width: 30px;}
.menu-bar span {height:2px;background:var(--secondarycolor);display:block;margin-bottom:6px}
.menu-bar span:nth-child(1) {width:17px}
.menu-bar span:nth-child(2) {width:30px}
.menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0}
.call-now-button {animation: animationFramesTwo 1.5s infinite linear alternate;}
.call-now-button {
	animation: animationFramesTwo 1.5s infinite linear alternate;
}
@keyframes animationFramesTwo {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
 100% {
  transform:scale(1)
 }
}

#scrolleffect {padding-top: 6.25rem; margin-top: -6.25rem;}
.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}

.btn-primary{background:var(--primarycolor);padding: 0.5rem 2rem;margin:1rem 0;display: table;color:#fff;transition: .6s ease-in-out;font-size:20px;text-align: center;border-radius: 10px}
.btn-primary:hover{background:var(--secondarycolor);color:#fff;}

.more-btn{padding: 10px 35px;border: 1px solid var(--secondarycolor);margin:1rem 0;display:inline-block}
.more-btn:hover{background:var(--secondarycolor);color:#fff !important; }

#slider{position:relative}
.sliderimg img{width:100%;height: auto;object-fit: fill}
.slider-caption{position: absolute;left: 0;top:0;right:0;bottom:0}
.textblock{/*! text-align: center; */width:61%;margin:16rem auto 0;float: left;}
.textblock p{color:var(--secondarycolor);font-weight: 500;font-size:21px;margin-top:1rem}
#slider h1{color:#fff;font-size:2.7rem;letter-spacing: 2px;}
#slider a{background:var(--secondarycolor);padding:10px 15px;display: table;margin:1.5rem 0;color:#fff}
#slider a:hover{letter-spacing:1px}

#threesection{margin-top:-14rem;margin-bottom:9rem}
.box{display: flex;align-items: center;margin:1.5rem auto 0;border:1px solid #fff;padding:1rem 10px;/*! height: 116px; */}
.box img{width:54px;margin-right:10px}
.box h2{color:#fff;font-size:20px;font-weight:600;margin: 0}

.social{margin-top:1rem}
.social li{display:inline-flex !important;margin:0px 5px !important;}
.social li img{width:30px;transition:0.6s ease-in-out}
.social li:before{display:none}
.social li a:hover{opacity:0.7}

#section2{width: 100%;padding: 4rem 0 7rem;}
#section2 img{width:560px;border-radius: 1rem}
#section2 h2{color:var(--secondarycolor);margin-bottom:1.5rem;font-size:2rem;}
#section2 h3{margin-bottom:1.3rem;font-weight: 600;}
#section2 .col-md-6:nth-child(2){padding-left:2rem}
#section2 p{margin-bottom:1rem;/*! font-weight: 600; */font-size:17px;text-align: justify}

#section3{background:#f5f5f5}
#section3 .col-md-5{padding: 0}
#section3 .col-md-5 img{margin:-2rem 0;box-shadow:0px 5px 10px rgb(0,0,0,0.5)}
#section3 .col-md-7{padding:3rem 5rem 3rem 0}
#section3 h3{color:var(--secondarycolor)}
#section3 p{margin-bottom: 1rem}
#section3 li{font-weight: 600;font-size:18px;letter-spacing: 1px}

#services{width: 100%;padding: 6rem 10px 4rem;}
#services h2{text-align: center;width:90%;margin:0 auto 1rem}
.servicebox{background:#f6f6f6;width:23.5%;margin:1.5rem auto 0;padding:1rem 10px 10px}
.mainicon{width:64px;margin-bottom: 1rem}
.list1 li{line-height: 1.4}

#steps{width:100%;text-align: center;padding:0 0 4rem}
#steps .row{align-items: center}
#steps i{color:#ccc;font-size:2rem;margin: 5rem auto 0;}
.stepbox{width:30%;margin:3rem auto 0;border:2px solid var(--secondarycolor);min-height:470px;}
.blackbox{background:var(--primarycolor);padding:1rem}
.blackbox h2,.blackbox h3{color:#fff}
.blackbox .circle{background:#fff;display: table;border:2px solid var(--secondarycolor);width:100px;height: 100px;border-radius: 100px;padding:6px;display: flex;justify-content: center;align-items: center;margin: -4rem auto 10px;}
.blackbox h2{background:var(--secondarycolor);width: 100%;height: 100%;border-radius: 100px;margin: 0;line-height: 1.5;font-size: 3.5rem !important;}
.blackbox h3{font-weight: 600;letter-spacing: 1px;font-size: 22px;}
.stepbox .content{padding:10px;text-align: left;}

#testimonials{width: 100%;padding: 4rem 10px;background:#f1f1f1;text-align: center}
#main #testimonials h2{margin-bottom: 2rem;}
#testimonials .testimonial-item p{text-align: center}
.testimonial-item{position: relative;padding: 0 4rem;}
    .home .testimonial-item:before{top:0;}
.testimonial-item:before{content: "\f10d";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;top:-2rem;left: 0;font-size:3rem;color:#ccc; opacity:0.7}
.testimonial-item:after{content: "\f10e";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;bottom:-2rem;right: 0;font-size:3rem;color:#ccc}
.quote{width:100px !important;margin:0 auto 1rem;border-radius: 100px;}
.star{width:100px !important;;margin:0 auto 1rem}
.testimonial-item h3{margin-top:1rem;font-size:16px}

#section4,#section5{width: 100%;padding: 4rem 10px}
#section4 h2{text-align: center;width:80%;margin:0 auto}
.threebox{width:32%;margin: 1.5rem auto 0;display: flex;align-items: start;}
.threebox img{width:64px}
.threeboxcontent{margin-left:10px}
.threeboxcontent .title{height: 80px}
.threeboxcontent h3{font-size:22px}
.threebox .list1{width:90%}
.threebox .list1 li{margin:10px 0}

#cta.redbg .container, #cta.redbg{background: var(--tertiarycolor) !important;}

#cta .container{background:var(--primarycolor);padding:2rem;}
#cta h2,#cta h3{color:#fff;margin:0}
#cta .row{align-items: center}
.morebtn{display: flex;color:#fff !important;font-size:1.6rem;align-items:center;background:var(--secondarycolor);padding:5px 20px;border-radius:10px;margin:0 auto;}
.morebtn img{width:28px;filter:invert();margin-right:10px;transition:inherit}
.morebtn:hover{background:#fff;color:var(--primarycolor) !important;}
.morebtn:hover img{filter:unset}
#cta.innercta{background: var(--primarycolor);}

#section5 h2,#section5 h3{width:90%;margin: 0 auto 10px;}
#section5 h3{color:var(--secondarycolor)}
#section5{text-align: center}
#section5 .col-md-6{text-align: left;background:#f3f3f3;max-width: 48%;margin:1.5rem auto 0;padding:1.5rem 1rem}
#section5 .col-md-6 h3{margin-left:0;color:var(--primarycolor);font-size:21px;margin-bottom:1rem}
#section5 li{margin:5px 0}
#section5 .list1 li:before{margin-top:5px}

#conclusion{width:100%;padding: 3rem 0;background:url('https://www.northsecurityservices.com/wp-content/uploads/2024/09/North-Security-Services-bg.jpg') no-repeat center;background-size:cover;text-align: center}
#conclusion h2,#conclusion h3{color:#fff}
#conclusion h3{font-weight: 500;font-size:20px}

#footercta{padding:3rem 0;}
#footercta .row{align-items: center}
#footercta h2,#footercta h3{margin-bottom:10px}
#footercta a{width:250px;margin:10px auto}

.fullrow{    width: 99.335vw !important;
    position: relative;
    margin-left: -49.99vw;
    left: 50%;
    background: #fff;
}

#certification{text-align: center;padding:4rem 0}
#main #certification p{text-align: center}
#cta.redbg .container{background:var(--tertiarycolor);text-align: center; padding-bottom: 0.8rem}
#cta.redbg h2{font-size:2rem;margin-bottom: 2rem}
#cta.redbg .row{flex-direction: column}

.orangetext{color:var(--secondarycolor)}
#relatedservice{margin-top:0rem;padding: 4rem 0}
#relatedservice h2{text-align: center}
#relatedservice  .sbox img{ -webkit-aspect-ratio: 1/1; /* Safari */ aspect-ratio: 1/1; -o-object-fit: cover;       /* Older Opera */ -webkit-object-fit: cover;  /* Safari */ object-fit: cover;}
#relatedservice  .sbox br{position: absolute; display: none}
#relatedservice .sbox{width:32%;margin:1rem auto 0;background:#fff;text-align:center}
.fullrow #relatedservice .sbox{background: #f1f1f1;}
#relatedservice .sbox h3{font-weight:600;font-size:20px; transition: 0.5s ease-in-out}
.fullrow #relatedservice .sbox:hover h3{color: var(--secondarycolor)}
#contactform .pickup-date p span input {
  width: 100%;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: left !important;
}
#contactform .pickup-date p input::-webkit-date-and-time-value {text-align: left;width: 100%;}
#contactform .pickup-date pinput[type="date"] { display: block; text-align: left;}
.formWrap{background:#303030; padding: 2rem 1.3rem 1rem;border-radius: 35px;}
.formWrap h3{text-align: center; font-size: 18px;color: #fff !important;;margin-bottom: 1rem !important;}
.info-icon{display: flex; width: 100%; flex-direction: column; background: #f1f1f1; margin-bottom: 1rem;padding: 1rem 1.5rem 1.5rem }
.formWrap #contactform input.wpcf7-submit{background: var(--secondarycolor); color: #fff; border: none; transition:0.5s ease-in-out;font-weight: 600;}
.formWrap #contactform input.wpcf7-submit:hover{background: var(--secondarycolor); filter: brightness(1.1)}

.contact_detail{margin-top:2rem !important}
.contact_detail li{display: flex; align-items: center; gap: 0.5rem; margin-bottom:1.4rem; border-bottom: 1px dashed #ccc; padding-bottom: 0.7rem;}
.contact_detail li h3{margin-bottom: 0.1rem !important; font-size:18px; font-weight:650;}
.contact_detail li {color:  #454545 !important;}
.contact_detail li p{margin-bottom:0 !important; }
#main .contact_detail li a{color: #454545;font-weight: 400;}
.contact_detail .icon{width: 60px; height: 60px;background: var(--secondarycolor); padding: 0.7rem;border-radius: 8px; margin-right: 0.8rem}
#contactpage h2{font-size: 34px;}
#contactpage  .line{background: var(--secondarycolor); margin: 0.5rem 0 1.2rem; width: 120px}

.xdsoft_timepicker{min-width:200px}
#contactform .pickup-date p {width:100%;}
#contactform .pickup-date p span {width:100%;display:block;}
#contactform .pickup-date p span input {width:100%;display:block;-webkit-appearance: none; -moz-appearance: none;text-align:left!important;}
#contactform .pickup-date p input::-webkit-date-and-time-value {text-align: left;width: 100%;}
#contactform .pickup-date p input[type="date"] { display: block; text-align: left;}


#contactform{margin: 0 0 20px 0;line-height: 20px;}
#contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)}
#contactform h3{font-size:26px;text-align: center;}
#contactform i{font-size:26px;}
#contactform p{margin: 0;}
#contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;}
#contactform input{width: 100%;background: #fff;border:0;padding: 10px 20px;margin: 10px 0;height:48px;border-radius:2rem}
#contactform select{width: 100%;background: #FFF;border:0;padding: 10px 20px;height:48px;
	margin: 10px 0;color:#595966;-webkit-border-radius:2rem}
#contactform textarea{width: 100%;height: 125px;background:#fff;border:0;padding: 20px;margin: 10px 0;border-radius:2rem}
#bookingform #contactform textarea{height:48px;resize:none;padding: 14px 20px;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none;
	color:var(--tertiarycolor)}


::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;}

#contactform input.wpcf7-submit{background: var(--tertiarycolor);color: #fff;text-transform: uppercase;cursor: pointer;padding: 1rem;border: none;margin:10px auto 0;display: table;width: 220px;transition: 0.6s ease-in-out;border: 1px solid var(--tertiarycolor);height: 45px;-webkit-border-radius: 2rem;padding:0;font-size:17px;}
#contactform input.wpcf7-submit:hover{background: transparent;color:var(--primarycolor);}
#contactform .wpcf7-spinner{position: absolute; display: none}

textarea, iframe{max-width: 100%;}
.wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important}
#contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important;}

#babyseat p,#returnjourney p{width: 100%;display: flex;align-items:center}
#contactform .wpcf7-radio{display: flex;}
#contactform .wpcf7-list-item{display: flex}
#contactform .wpcf7-list-item label{width: 100%;}
#contactform .wpcf7-radio input{width:unset}


.post {padding: 0 10px;margin: 0 0 0px 0;}
.post p {margin-bottom:1rem}
.post p a {font-weight: bold;}
.post a {color: #000;}
.list {margin:1rem 0}
.list li,.list1 li {list-style :none;margin: 1rem 0;display: flex;list-style-position: inside;}
.list li:before{content: "";background:url('https://www.northsecurityservices.com/wp-content/uploads/2024/09/North-Security-Services-tick.png') no-repeat;background-size:32px 32px;width:32px;height:32px;margin-right: 8px;background-size: cover;min-width: 32px;}
.list1 li:before{content: "";background:url('https://www.northsecurityservices.com/wp-content/uploads/2024/09/North-Security-Services-tick-2.png') no-repeat;background-size:20px 20px;min-width:20px;height:20px;margin-top:8px;margin-right:8px}

#pagetitle {padding:2rem 0;text-align: center;background: #f1f1f1;position: relative;width: 100%;height: 600px;display: flex;align-items: center;justify-content: center;}
.page-id-83 #pagetitle,.page-id-85 #pagetitle,.page-id-86 #pagetitle,.page-id-87 #pagetitle{background-position:top center !important;}
#pagetitle #pagetitleinner{position:relative}
#pagetitle h1 {color:#fff;text-align: center;margin: 0;}
#pagetitle p {color:#fff;text-align: center;font-size: 20px;}
.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;color:#fff}
.breadcrumb a{color:#fff}
.breadcrumb a:hover{color:var(--tertiarycolor);}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff;font-family:'Font Awesome 5 Free';font-weight:900}
/* #pagetitle .breadcrumb> a {color: #fff} */

#main{padding: 3rem 0 0;}
#main p{color:var(--primarycolor);text-align:justify;}
#main a{color:var(--secondarycolor)}
#main a:hover{color:var(--primarycolor);}
#main h2{font-size:34px}
#main li{list-style: none;line-height: 30px;color: var(--primarycolor);}
#main .row-center{align-items: center;margin-bottom: 4rem;}
.row-full	{width: 99.335vw;position: relative;margin-left: -49.99vw;left: 50%;}

.hollowsection2{background:#F6F6F6; margin: 4rem 0;}
.hollowsection2 .row{align-items: center}
.hollowsection2 .col-md-6{padding:0}
.hollowsection2 .col-md-6:nth-child(2){padding:0 3rem}
.hollowsection2 .list{margin-bottom: 0}
.hollowsection2 .list li{margin-bottom: 1.2rem;}
.hollowsection2 .list li:last-child{margin-bottom: 0}

.line{display: table; width: 150px; height: 3px ;background: var(--secondarycolor); margin-bottom: 1.4rem}
.line.c{margin: 0 auto 1.2rem}

.price-row{gap:2rem 1.5rem; margin:3rem 0 4rem; justify-content:center; }
.price-box{flex:1 0 300px; background: #f1f1f1; padding: 1.2rem; border-radius: 10px;max-width: 500px;}
.price-box h3{text-align: center;  color: var(--tertiarycolor)}

#graph-section strong{font-size: 21px;}
#graph-section br{position: absolute; display: none }

.price-list li {list-style :none;padding: 0 0px 10px 1.7rem;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative;}
.price-list li:before{color:var(--secondarycolor);content: "\f061";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:0px; font-size:18px; }


.services-row{gap: 2rem 1.5rem; justify-content: center;margin-bottom: 3rem;margin-top: 3rem;}

.service-item{flex:  1 0 350px; background:#f1f1f1;max-width: 367px;}
.service-item br{position: absolute; display: none;}
.service-item h3{text-align: center; font-size: 20px;  display: flex; justify-content: center; align-items: center;min-height: 45px;}

#service-sec2{margin-top: 2.8rem; margin-bottom:4rem;}
#service-sec2 h2{text-align: center;margin-bottom: 2rem}
#service-sec2 .row{gap:25px 20px; -webkit-gap: 25px 20px; -moz-gap: 25px 20px;}
.fbox{flex: 1 0 300px;border: 2px solid #000;padding: 1rem 10px;height: 116px;display: flex;align-items: center;}
.fbox h3{font-size: 19px;font-weight: 600; margin-bottom: 0}
.fbox h3 span{font-weight: 400;font-size:1rem;letter-spacing: 0}
.fbox  img{width:60px;margin-right:10px}

.widget {padding: 0 1.5rem;margin-top:1.5rem}
.widget h3 {border-bottom: 2px solid var(--primarycolor);}
.widget ul li {display:flex;list-style-type:none;border-bottom: 1px dashed var(--primarycolor);margin: 0 0 1rem 0;}

.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 1.5rem 0;}
.wp-pagenavi a {display:inline-block;padding: 0.1rem 1.2rem !important;margin: 2px;border: 1px solid #ccc;color: var(--primarycolor);background: #fff;border-radius: 3px;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.3rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;}
.wp-pagenavi span.current {padding: 0.7rem 1rem;margin: 3px;font-weight: 700;border: 1px solid #ccc;background: var(--secondarycolor);border-radius: 3px;color: #fff;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;padding: 0.2rem 1rem !important;color: var(--secondarycolor);}

#bottom {background: var(--primarycolor);color:#fff;font-size: 15px;padding: 4rem 0 1rem;}
.footer-logs .two-logo{display: flex;justify-content:space-between; align-items:center;  }
.footer-logs .two-logo img{width: calc(50% - 1rem) }
.footer-logs {border-bottom: 1px solid #454545; padding-bottom: 20px; margin-bottom: 1.5rem }
.flogo{display: table}
.column{column-count: 2}

#bottom a {color: #fff;}
#bottom a:hover {color:var(--secondarycolor);}
#bottom i {color: #fff;margin-right: 0px;}
#bottom .widget h3 {border: none;text-align: left;font-weight: 600;color: #fff;margin-bottom:1.5rem}
#bottom .widget li {border: none;text-decoration: none;color:#fff ;list-style: none;}

#bottom .footer-contact li:before{font-family:'Font Awesome 5 Free';font-weight:900}
#bottom .footer-contact .address:before {content: "\f3c5"; margin-right: 10px;}
#bottom .footer-contact .phone:before {content: "\f879"; margin-right: 10px;transform: rotate(80deg);}
#bottom .footer-contact .email:before {content: "\f0e0"; margin-right: 10px;font-weight:400}

.info .address:before {content: "\f3c5"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .phone:before {content: "\f095"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}
.info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)}


#footer {clear: both;text-align: center;margin-top:1.5rem}
#footer a {color: #fff;}
#footer a:hover {color:var(--tertiarycolor);}
.fleft {float: left;}
.fright {float: right;}

.phone-call {
    width: 50px;
    height: 50px;
    left: 20px;
    bottom: 20px;
    background:var(--secondarycolor);
    position: fixed;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 999;
  display: inline-block;
  line-height: 65px;
	border: 2px solid;
    animation: shake 1.8s linear infinite alternate;
}

.phone-call:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
    background-color:var(--secondarycolor);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes shake{
    50%{transform:scale(1.1)rotate(90deg)}
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@media screen and (max-width: 981px) {
    .topbtn{width:300px;margin:0 auto}
body {min-width: 230px;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;max-width: 100%;}
.site-menu-toggle{display: block;color: var(--secondarycolor);}
.site-navbar{display: none;}
#top-bar{display:none}
#logo{display:flex;align-items:center;justify-content:space-between;padding: 0 5px;}
#logo .site-title{margin: 10px 0;}
#logo img{height: auto;float:left;}
	.textblock{width:100%;margin:2rem auto;text-align: center;}
	 #slider h1{font-size:2rem}
    #slider h1 br{display:none}
    #threesection{margin-top:0;margin-bottom: 0;background: #f1f1f1;padding: 4rem 0;}
	.box{width:90%;display:table;text-align:center;background:var(--primarycolor);border:1px solid var(--secondarycolor);}
	.box img{margin:0 auto 1rem}
	
	#section2 img{margin-bottom:1rem}
    #section2 .col-md-6:nth-child(2){padding:0 10px}
    #services h2,#section5 h2{width:100%}
    #section3,#services,#section2{padding-top:4rem;padding-bottom:4rem}
	#section3 .col-md-5{display:none}
    #section3 .col-md-7{padding:0 10px}
    
    h2{font-size:2.2rem}
	h3{/*! font-size:19px */}
	.servicebox{width:48%}
    .servicebox br{display: none}
    
    #steps .row{flex-direction: column}    
    .stepbox{width:90%;min-height:auto}
    #steps i{margin:2rem 0;transform: rotate(90deg)}  
    
    .threebox{width:50%;margin:2rem auto 0;padding:0 10px}
    
    #cta{text-align: center;}
	#cta .container{padding:2rem 0}
    #cta .morebtn{margin:1rem auto 0;display: inline-flex}
    
    #main .row-center .col-md-6, #main .row-center .col-md-5, #main .row-center .col-md-7{padding: 0}
    
	#footercta h2{text-align:center;font-size:2.2rem}
    #bottom {width: 100%;display: block;}
    .fleft, .fright {float: none;}
    #relatedservice .sbox{width: 94%; margin-bottom: 1rem}
    #relatedservice .sbox:last-child{margin-bottom: 0}
	.phone-call{display:none}
}


@media screen and (min-width: 981px) {
.mobileonly {display: none;}
.hollowsection2 h3 {font-size:25px}
.site-menu-toggle{display:none;}
    #contactpage .col-md-5{padding-right: 1.5rem}
}


@media screen and (max-width: 800px) {
	.desktoponly {display: none;}
    .threebox{width:100%;display: table;}
    .threebox img{margin-bottom:1rem}
    .threeboxcontent .title{height: auto}
    .threebox h3 br{display: none}
        .testimonial-item:after{bottom: -4rem}
	#logo img{width:319px;}
	#contactform .col-md-3, #contactform .col-md-9,  #contactform .col-md-6,  #contactform .col-md-12,  #contactform .col-md-4{padding:0 }
  
	.testimonial-item:before, .testimonial-item:after{opacity:0.4 }
}

@media screen and (max-width: 600px) {
    .sliderimg img{/*! height: 400px; */}	
    .servicebox{width:100%;padding:1rem 1.5rem}
    #services h2,#steps h2,#section5 h2,#cta h2{font-size:1.6rem}
	.home .overlay{background: linear-gradient(to bottom,#000,#00000073,#0000);}
    #section5 .col-md-6{max-width: 100%}
	.column, .column3, .column4{column-count:1}
    #slider h1{font-size:1.6rem}
    .textblock p{font-size:15px;line-height: 1.5;font-weight: 500;}    
    #slider a:hover{background:#fff;letter-spacing: 0;color:var(--primarycolor)}
    
    #pagetitle,.page-id-83 #pagetitle, .page-id-85 #pagetitle, .page-id-86 #pagetitle, .page-id-87 #pagetitle{height: 380px;background-position: center right !important;padding: 0 10px}
    #pagetitle h1{font-size: 28px;}
    #main h2{font-size: 28px}
     .page-id-35 #cta h2{font-size: 25px}
    .page-id-35 #cta h3{font-size: 20px}
    #main .fbox h3{font-size: 17px}
    
    .service-item h3{font-size: 18px; min-height: unset}
    .hollowsection2 .col-md-6:nth-child(2){padding:2rem 10px}
    
    .footer-logs .two-logo{width: 60%; margin: 1rem auto 0}
    
    .formWrap{margin-bottom: 3rem}
    .home .testimonial-item:before, .home .testimonial-item:after{display: none }
    #slider a{margin: 1rem auto 0}
}

@media screen and (min-width: 220px) and (max-width: 420px) {
 #slider h1{font-size:1.4rem;}
    #slider a{padding: 10px 5px;box-shadow: 0px 3px 15px #ffffff73;margin: 1rem auto 0;font-size: 14px;}   
}

@media screen and (min-width: 421px) and (max-width: 500px) {
#bottom .col-md-3{width: 49%;float: left;word-wrap: anywhere}
}


@media screen and (min-width: 501px) and (max-width: 768px) {
#bottom .col-md-3{width: 47%;float: left;}
}


@media screen and (min-width: 981px) and (max-width: 1300px) {
    .textblock{margin-top:8rem;width:95%}
    #slider h1{font-size:2.5rem}
    #threesection{margin-top:-11rem;background:#f1f1f1;position: relative;margin-bottom: 0;}
    #threesection .col-md-4{max-width: 100%}
    .box{width: 90%; display: table;text-align: center;background: var(--primarycolor); border: 1px solid var(--secondarycolor);}
     .box img {  margin: 0 auto 1rem; }
    #section3 .col-md-5 img{width:400px}
      #section3 .col-md-7 {  padding: 0 10px; }
    #cta .col-md-3{max-width:31%}
    .container {
    max-width: 1040px;
    }
.site-navbar .site-navigation .site-menu > li {
  margin: 5px 14px !important;}
}

@media screen and (min-width: 769px) and (max-width: 1120px) {
#bottom .col-md-3{width: 47%;float: left;}
#slider .btn-primary{padding:10px 35px;margin:10px 0;}
}


@media (min-width: 576px) {
.container-fluid {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-fluid {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-fluid {
max-width: 1040px;
}
}
@media (min-width: 1200px) {
.container-fluid {
max-width: 1350px;
}
}

@media screen and (min-width: 1580px){
    #slider .sliderimg img{object-fit: cover;height: 818px;}
}


.faqs {position: relative; padding: 4rem 0 4rem; }
#inner-faq.faqs{padding: 2rem 0 }
.faqs  h3{/*! text-transform: uppercase; */ text-align: center; margin-bottom: 1.2rem;}
#inner-faq.faqs h3{text-align: revert; color: var(--secondarycolor)}
#inner-faq.faqs .flexbox{margin-bottom: 3rem;}

.faqs .line{margin-bottom: 2.5rem}
.faqs .flexbox {justify-content: space-between;flex-wrap: wrap;}
.faqs .content-wrap {width: 100%;}
.faqs .text-wrap {margin-bottom: 1rem;}
.faqs .text-wrap p {font-size: 1rem;}
.faqs .btn-wrap {display: flex;flex-direction: column;}
.faqs .btn-wrap hr {border: none;width: 3rem;height: 3px;background: var(--defaultMainAccent);margin: .5rem 0 1rem;}
.faqs .btn-wrap a {display: inline-block;padding: .5rem 0;text-transform: uppercase;font-size: 0.8rem;font-weight: 600;color: var(--defaultMainDark);}
.faqs .btn-wrap a:hover {color: var(--defaultMainColor);}
.faqs .accordion-wrap {width: 100%;}
.faqs .dropdown-wrap {background: #f9f9f9;margin-bottom: 11px;padding: 0 12px;border-radius: 8px;border: 1px solid #ccc;}
#main .faqs .dropdown-wrap p{margin-bottom: 0;color: #454545;padding-bottom: 14px;}
.faqs .dropdown-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 2rem;
    transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.4s ease;
}

.faqs .dropdown-wrap.active .dropdown-content {
    opacity: 1;
    padding: 0.3rem 2rem 1.1rem;
}
.faqs .active .dropdown-title h3 i {transform: rotate(405deg); color: var(--secondarycolor)}
.faqs .dropdown-content p {font-size: .9rem;font-weight: 400;line-height: 1.6;color: var(--defaultMainColor);}
.faqs p:empty{display: none; position: absolute}

.faqs {position: relative;}
.faqs .flexbox {justify-content: space-between;flex-wrap: wrap;}
.faqs .content-wrap {width: 100%;}
.faqs .text-wrap {margin-bottom: 1rem;}
.faqs .text-wrap p {font-size: 1rem;}
.faqs .btn-wrap {display: flex;flex-direction: column;}
.faqs .btn-wrap hr {border: none;width: 3rem;height: 3px;background: var(--defaultMainAccent);margin: .5rem 0 1rem;}
.faqs .btn-wrap a {display: inline-block;padding: .5rem 0;text-transform: uppercase;font-size: 0.8rem;font-weight: 600;color: var(--defaultMainDark);}
.faqs .btn-wrap a:hover {color: var(--defaultMainColor);}
.faqs .accordion-wrap {width: 100%;}
.faqs .dropdown-title h3 {font-size: 1.2rem;padding: 1rem 0;cursor: pointer;font-size:16px;font-weight:500 !important;;display: flex;color:#1a1a1a;font-weight: 300;justify-content: space-between;border-bottom: none !important; margin-bottom: 0px;letter-spacing: 0;text-align: left !important;}
.faqs .dropdown-title h3 span {padding-right: 0.8rem;font-weight: 600;color: #000;}
.faqs .dropdown-title h3 i {font-size: 1rem;align-self: center;color: var(--secondarycolor);transition: all .3s ease;}
.faqs .dropdown-title:hover h3 i {transform: rotate(180deg);}
.faqs .active .dropdown-title h3 i {transform: rotate(405deg);}
.faqs .dropdown-content p {font-size: .9rem;font-weight: 400;line-height: 1.6;color: #454545;padding-bottom: 14px;}
.faqs .row .col-md-6{display:flex; flex-direction:column; justify-content:space-between;}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .faqs .flex-container {width: calc(100% - 4rem);}
}
@media screen and (max-width:767px) {
  .service-page .hollowsection3 .faqs{margin-bottom: 1.5rem}
  .faqs {padding: 4.5rem 0 5rem;}
  .faqs .content-wrap {width: 100%;margin-bottom: 2rem;}
  .faqs .btn-wrap a {font-size: 1.1rem;}
  .faqs .accordion-wrap {width: 100%;}
  .faqs .dropdown-title h6 {font-size: 1.4rem;padding: 1rem 0;}
  .faqs .dropdown-title h6 i {font-size: 1.2rem;}
  .faqs .dropdown-content {padding: 1rem 1rem 2rem;}
}