/*
Theme Name: http://perfactfacility.com/
Author: Rahul Batra
Version: 1.0
 ====================================================================================*/
 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
html, body { outline:none; margin:0px; padding:0px;}
html{font-size:17px;}
body {color:#000; font-weight:400; background:#fff; font-family: 'Montserrat', sans-serif; font-style:400; line-height:140%;}

.ui-widget{font-family: 'Montserrat', sans-serif; !important; font-size: 0.9em !important;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6, dt{font-weight:600; margin:0px; line-height:110%;}
img {max-width:100% !important;height:auto !important;}
p {margin:0 0 10px 0;}
ul, ol{list-style:none; margin:0px; padding:0px;}
input:focus, textarea:focus, select:focus, select, option {outline:none;}
a{color:#c40401; text-decoration:none;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	outline:0;
}
a:focus, a:active{outline:0 !important; text-decoration:none;}	
a:hover{ text-decoration:none; color:#000;}
.cursor{cursor:pointer;}
.btn, input[type="submit"], button{ cursor:pointer; background-color:#c40401; border:2px solid #c40401; font-size:0.85rem; display:inline-block; line-height:100%; color:#fff; padding:14px 25px; text-transform:uppercase; text-decoration:none; text-align:center; cursor:pointer; font-weight:500; border-radius:0px; font-family:inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	outline:0;
}
.btn:hover, input[type="submit"]:hover{ background-color:transparent; color:#c40401; }
.btn.white{background-color:#fff; border-color:#fff; color:#000}
.btn.white:hover{color:#fff; background-color:transparent;}

.hundred{float:left; width:100%;}
.fleft{float:left;}
.fright{float:right;}

.text-yellow{color:#f8981d;}
.clr{clear:both;}
.text-center{text-align:center;}
small{font-size:0.7rem;}
.mr-top-10{margin-top:10px !important;}
.mr-top-15{margin-top:15px !important;}
.mr-top-20{margin-top:20px !important;}
.mr-top-25{margin-top:25px !important;}
.mr-top-30{margin-top:30px !important;}
.mr-top-35{margin-top:35px !important;}
.mr-top-40{margin-top:40px !important;}
.mr-top-45{margin-top:45px !important;}
.mr-top-50{margin-top:50px !important;}
.mr-bot-10{margin-bottom:10px !important;}
.mr-bot-15{margin-bottom:15px !important;}
.mr-bot-20{margin-bottom:20px !important;}
.mr-bot-25{margin-bottom:25px !important;}
.mr-bot-30{margin-bottom:30px !important;}
.mr-bot-35{margin-bottom:35px !important;}
.mr-bot-40{margin-bottom:40px !important;}
.mr-bot-45{margin-bottom:45px !important;}
.mr-bot-50{margin-bottom:50px !important;}
strong{font-weight:700;}
.container { margin:0px auto; width:100% !important; padding:0px 60px; }
.bound{margin:0px auto; max-width:800px;}
.table{display:table; width:100%; float:left;}
.table .col{display:table-cell; vertical-align:top;}
.light-grey{ color:#595959;}
.pointer{cursor:pointer;}
.mobile{display:none !important;}
#menu{display:none;}
#menu.mm-current {display: block;}
#menu .social{ padding-left:25px; margin-top:15px;}
#menu .social a{margin-right:8px; max-width:26px;}
#menu li.button a{color:#fff; background-color:#000; font-weight:500;}
a.float:hover{color:#fff; background-color:#1dc35b;}
#menu li.call a{font-size:1.28rem; background-color:#c40401; color:#fff;  padding:13px 25px 13px 55px; line-height:100%; font-weight:600; background-repeat:no-repeat; background-size:28px auto; background-image: url(../images/icon-call.svg); background-position:17px center; }
#menu li.call a span{font-size:0.7rem; font-weight:400;}
.mm-page.mm-slideout{background-color:#fff;}

#foot-fix{position:fixed; width:100%; left:0px; bottom:0px; z-index:999;}
#foot-fix .col{ display:none;}
@media only screen and (max-width:450px){
#foot-fix .col{ display:block; display:table-cell; vertical-align:top;}
}
#foot-fix .col{width:50%; vertical-align:middle;}
#foot-fix .col.call{background-color:#0698e4;}
#foot-fix .col a{color:#fff; float:left; width:100%; padding:10px 10px; text-align:center;}
#foot-fix .col.whats{background-color:#c40401; line-height:120%;}
#foot-fix .col.whats a img, #foot-fix .col.whats a b{ display:inline-block; vertical-align:middle;}
#foot-fix .col.whats a img{margin-right:10px; margin-top:-2px;}

/*=======================================================================================*/
#head-out{height:71px;}
#header{ background-color:#fff; color:#000; position:fixed; width:100%; z-index:9999;}
#header.sticky{
	-webkit-box-shadow: 0 3px 5px 0 #333;
	-moz-box-shadow: 0 3px 5px 0 #333;
	box-shadow: 0 0 8px 0 rgba(51,51,51,0.3);
}
#header .container{ padding-left:39px; padding-right:0px;}
#header .logo{ float:left; margin-top:9px;}
#header .logo img{width:242px;}
#nav{float:right; margin-top:0px !important;}
#nav ul{display:inline-block; }
#nav li{ display:inline-block; vertical-align:middle;  margin:0px 17px; text-align:center; position:relative; }
#nav li:last-child{margin-right:0px;}
#nav li a{font-size:0.8rem; color:#000; float:left; font-weight:500; line-height:100%; text-transform:uppercase; position:relative; z-index:999;}
#nav li a:hover, #nav li.current-menu-item a{color:#c40401;}
#nav li.button{}
#nav li.button a{ background-color:#0083c7; padding:9px 12px; color:#fff; border:2px solid #0083c7; }
#nav li.button a:hover{background-color:transparent; color:#0083c7; }
#nav li.has-child a{background:url(../images/nav-arrow.html) right center no-repeat; padding-right:15px;}
#nav li.call a{font-size:1.1rem; background-color:#c40401; color:#fff; padding:18px 18px 16px 45px; background-image: url(../images/icon-call.svg); background-position:12px center; background-repeat:no-repeat; background-size:25px auto;}
#nav li.call a span{font-size:0.52rem;}

a.tog{display:none;}

.overlay {
    height:0%;
    width:100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
   background-color: rgba(255,255,255,1);
    overflow:auto;
    transition:0.5s;
}
.overlay-content {
    position: relative;
    top:5%;
    width: 100%;
    margin-top:0px;
}
.overlay .closebtn { line-height:100%; color:#000; position:absolute; top:10px; right:10px; z-index:999; font-size:3rem; font-weight:600;}
.overlay .closebtn:hover{color:#333;}
.overlay  #contact-page{background-color:#fff !important;}
.overlay #tp-strip{ background-color:transparent !important; padding:20px !important;}
.overlay  #contact-page #frm-add {padding:30px 0px;}
.overlay #contact-page form .hundred{margin-bottom:8px;}
.overlay #contact-page #frm-add .frm-area{}
/*=================================================*/
.img.bg-cover{background-position: center top; background-repeat:no-repeat; background-size:cover;}

#banner{background-image:url(../images/banner-mobile.jpg); background-position: center top; background-repeat:no-repeat; background-size:cover;  color:#fff; }	

#banner .ban-in{ background-color:rgba(0,0,0,0.75); padding:120px 0px; font-size:1.2rem; line-height:140%;}
#banner h1{font-size:3.3rem; position:relative; color:#0698e4; float:left; width:100%; line-height:110%; margin-bottom:10px; font-weight:700; }
#banner p{margin:0px; margin-top:30px; max-width:700px;}
#banner .btn{background-color:#fff; border-color:#fff; color:#000; margin-top:30px; font-size:0.9rem;}
#banner .btn:hover{background-color:transparent; color:#fff;}
@media only screen and (min-width:450px){
#banner{   background-image:url(../images/banner.jpg);}
#banner img{display:none;}
}
#hm-page{font-size:1rem; background-color:#fff; }
.sec-title{font-size:1.9rem; line-height:130%; font-weight:600; margin-bottom:15px;}
.sec-title span{ /*border-top:6px solid #ED1C24;*/ display:inline-block; padding-top:66px; background:url(../images/security-gurad.svg) center top no-repeat; background-size:120px auto;}
.sec-pad {padding:100px 0;}
#hm-page #why{text-align:center; line-height:140%;}

#hm-page #why p{padding:0px 3%; line-height:160%;}
#hm-page #why strong{font-weight:600;}

#hm-page .intro{  margin:0px auto; max-width:1000px; margin-bottom:20px; line-height:150%;}
#hm-page .intro strong{font-weight:600;}
.slick-prev, .slick-next{width:28px !important; height:45px !important; background-size:100% auto!important; top:50% !important; background-position:left top !important; background-repeat:no-repeat;}
.slick-prev{background-image:url(../images/left.png) !important;}
.slick-next{background-image:url(../images/right.png) !important;}
.slick-next {right: -35px !important;}
.slick-prev {left: -35px !important;}
.slick-prev::before, .slick-next::before{font-size:0px !important;}
#secure-stable{background-color:#f9f9f9; padding-left:70px; padding-right:70px; text-align:center;}
#secure-stable .title{}
#secure-stable .three-col{ margin:30px 0px 0px 0px; /*border-right:1px dashed #bebebe;*/}
#secure-stable .three-col .col{width:33.33%;  /*border-left:1px dashed #bebebe;*/ padding:10px 20px; font-size:0.8rem;}
#secure-stable .three-col .colin{background-color:#fff; float:left; width:100%; padding:35px 25px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
#secure-stable .three-col .col .img{height:85px; display:inline-block; vertical-align:middle; opacity:1;}
#secure-stable .three-col .col .img img{ max-height:85px !important; width:auto !important;}
#secure-stable .three-col .col.slick-slide img {display:inline-block;}
#secure-stable .three-col .col h4{ font-size:1.1rem; margin:15px 0px 6px 0px; float:left; width:100%; line-height:1.3rem; height:1.3rem; overflow:hidden;}
#secure-stable .three-col .col p{font-size:0.8rem; color:#555; margin:0px; float:left; width:100%; line-height:1.3rem; height:3.7rem; overflow:hidden;}
.cl-action-strip {padding: 26px 50px; background-color: #0698e4; color:#fff;}
.cl-action-strip .left {font-size: 1.3rem; font-weight: 600; width: 65%; text-align: left; line-height: 1.4rem;}
#secure-stable .cl-action-strip{margin-top:50px;}

#hm-page .table{display:table;}
#hm-page .table .col{width:50%; display:table-cell;}
#hm-page .two-col .col.text{ line-height:140%; font-size:0.9rem;}
#hm-page .two-col .col b{font-weight:700;}
#hm-page .two-col .col strong{font-weight:600;}
#hm-page .two-col .col p{margin-bottom:22px;}
#hm-page .two-col .col p:last-child{margin-bottom:0px !important;}
#hm-page .two-col.with-img{background-color: #c40401; color:#fff;}
#hm-page .two-col.with-img .col.text{border-top:22px solid #f9f9f9;}
#hm-page .two-col .col h3.sec-title{font-size:1.6rem; margin-bottom:20px; font-weight:700;}
#hm-page .two-col .col .btn{margin-top:60px; padding:11px 25px; margin-bottom:40px; font-size:0.9rem;}

#tp-strip{ background-color:#f1f1f1; padding:60px 0px; text-align:center; font-size:1rem;}
#tp-strip .title{font-size:1.5rem; margin-bottom:10px;}
#tp-strip .intro{ padding:0px 230px; margin-top:5px; line-height:140%;}
/*======================================================================*/
#footer{ background-color:#f1f1f1; padding:60px 0px;}
#footer .foot-logo{float:left; max-width:59px !important;}
#footer .footer-in{display:block; margin-left:80px;}
#footer .footer-in .col{float:left; width:30%; padding-right:30px; font-size:0.82rem;}
#footer .footer-in .col .col-title{font-size:0.9rem; text-transform:uppercase; margin-bottom:15px;}
#footer .footer-in .col.last{width:21%; float:right; padding-right:0px;}
#footer .footer-in .col.address{width:42%;}
#footer .footer-in .col p{margin-bottom:20px;}
#footer .footer-in .col p:last-child{margin-bottom:0px;}
#footer .footer-in .col .menu{}
#footer .footer-in .col .menu li{padding-bottom:10px; text-transform:uppercase; font-size:0.7rem;}
#footer .footer-in .col .menu li:last-child{padding-bottom:0px !important;}
#footer a{color:#000;}
#footer a:hover{text-decoration:underline;}
#footer .btn{padding:16px 22px; color:#fff; text-decoration:none !important; font-size:0.8rem; max-width:100% !important; margin-top:15px;}
#footer .btn:hover{color:#c40401;}

#bot-strip{ background-color:#333; padding:15px 0px; font-size:0.7rem; color:#fff;}
#bot-strip a{color:#fff;}
#bot-strip .left{padding-top:5px;}
#bot-strip .left a{margin:0px 15px;}
#bot-strip .left a:hover{text-decoration:underline;}
#bot-strip .social{float:right; margin-top:4px;}
#bot-strip .social a{margin:0px 4px; display:inline-block;}
#bot-strip .social a:hover img{opacity:0.8;}
/*=====================================================*/
#contact-page{}
#contact-page #frm-add{padding:60px 0px;}
#contact-page #frm-add .frm-area{ background-color:#f1f1f1; float:left; width:50%; padding:50px 60px 40px 60px;}
#contact-page #frm-add .frm-area .title{ font-weight:600; margin-bottom:30px; font-size:1.2rem; text-align:center;}
#contact-page form .hundred{margin-bottom:20px;}
#contact-page form .hundred.disc{font-size:0.75rem; margin-top:15px; line-height:140%;}

#contact-page form input[type="text"], #contact-page form input[type="tel"], #contact-page form input[type="email"], #contact-page form textarea, #contact-page form select, #contact-page form input[type="date"], #contact-page form input[type="number"] {
    display: block;
    float: left;
    width: 100%;
    background: #fff;
    border: 1px dotted #fff;
    padding:6px 25px;
    height: 50px;
    font-size:0.85rem;
    font-weight:400;
    font-family: inherit;
    color: #000;
    box-shadow: none !important; border-radius:0px; text-transform:uppercase;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	
}
#contact-page form select{color:#787878; }
#contact-page form select:focus{color:#000;}
#contact-page form input[type="text"]:focus, #contact-page form input[type="tel"]:focus, #contact-page form input[type="email"]:focus, #contact-page form textarea:focus, #contact-page form select:focus, #contact-page form input[type="date"]:focus, #contact-page form input[type="number"]:focus { border:1px solid #9b9b9b;}
#contact-page form textarea{padding-top:14px; height:140px;}
.overlay #contact-page form textarea{height:90px;}
#contact-page form input[type="submit"]{width:100%; font-size:1.1rem;}


#contact-page #frm-add .address-area{ float:right; width:50%; padding:20px 60px;}
#contact-page #frm-add .address-area .row{ font-size:0.85rem; float:left; width:100%; padding:10px 0px 0px 0px;}
#contact-page #frm-add .address-area .row h4{ font-size:1.2rem; margin-bottom:12px;}
#contact-page #frm-add .address-area .row p{margin:0px; line-height:160%;}
#contact-page #frm-add .address-area .row .phone{ letter-spacing:1px; float:left; width:100%; background-position:left top; background-repeat:no-repeat; background-size:24px auto; font-size:1rem; padding:1px 0px 5px 0px; min-height:24px; margin-top:10px;}


#contact-page #locations{ background-color:#f1f1f1; padding:60px 0px; text-align:center;}
#contact-page #locations .title{font-size:1.3rem; margin-bottom:60px;}
#contact-page #locations .table{}
#contact-page #locations .table .col{width:50%; text-align:center; background-position: center 10px; background-repeat:no-repeat; background-size:55px auto; padding:90px 30px 20px 30px; font-size:0.9rem;}
#contact-page #locations .table .col h5{font-size:1.2rem; margin-bottom:20px;}
#contact-page #locations .table .col p{margin-bottom:22px; line-height:150%;}
#contact-page #locations .table .col p:last-child{margin-bottom:0px;}
.overlay #tp-strip {
    background-color: transparent!important;
    padding: 20px!important;
}
/*====================================================*/
#inner{ font-size:1.1rem;}
#inner, #inner p{ line-height:150%;}
.entry-header{ background-color:#0786c9; color:#fff; }
.entry-header .col{vertical-align:top;}
.entry-header .page-title{ font-size:2.9rem; display:inline-block; max-width:510px;}
.entry-header .page-title span{ background-color:#fff; width:78%; height:6px; float:left; margin-top:10px;}
.entry-header .col.text{padding:130px 0px 50px 0px;}
.entry-header .col.image{width:600px;}
.entry-header .col.image .image-in{position:relative;}
.entry-header .col.image .image-in img{z-index:2; position:relative;}

/*=====================================================================*/
@media only screen and (max-width:1200px){
.entry-header .col.image{width:500px;}
.entry-header .col.text{padding:100px 0px 50px 0px;}
}
@media only screen and (max-width:1023px){
html{font-size:15px;}
.container, #header .container{padding:0px 25px;}
#nav{display:none;}
#header{padding:13px 0px;}
#header .logo{margin:0px;}
a.tog{display:block; float:right; color:#c40401; font-size:0.9rem; margin-top:13px;}
a.tog img{max-width:24px !important;}
#head-out {height:64px;}
#header .logo img {width:200px;}
#banner .ban-in{padding:70px 0px; text-align:center;}
#banner .ban-in{font-size:1.1rem;}
#banner h1{font-size:2.8rem;}
#banner p{padding:0px 40px;}
.sec-pad {padding:55px 0;}
.sec-title span{background-size:95px auto; padding-top:60px;}
.sec-title {font-size: 1.6rem; margin-bottom:15px;}
#hm-page {font-size:0.9rem;}
#secure-stable {padding-left:40px; padding-right:40px;}
#secure-stable .cl-action-strip {margin-top:30px;}
.cl-action-strip {padding:16px 30px;}
.cl-action-strip .left{font-size:1.1rem;}
#hm-page .table .col{float:left; width:100%; display:block;}
#hm-page .two-col.with-img .col.text{border:none; text-align:center;  background-color: rgba(95,11,10,0.7);} 
#hm-page .two-col.with-img{ background:url(../images/trust.jpg) center center no-repeat; background-size:cover;}
#footer{padding:30px 0px;}
#footer .foot-logo, #footer .footer-in{ margin:0px; float:left; width:100%; text-align:center; max-width:100% !important;}
#footer .foot-logo{margin-bottom:10px;}
#footer .footer-in .col{width:100% !important; padding:0px !important; margin-bottom:25px; font-size:0.9rem;}
#footer .footer-in .col .col-title{margin-bottom:10px; font-size:1rem;}
#footer .footer-in .col p {margin-bottom:10px;}
#footer .footer-in .col .menu li{font-size:0.85rem;}
#footer .footer-in .col.last{margin-bottom:0px;}
#footer .btn {padding:12px 20px; font-size: 0.85rem; margin-top:5px;}
#bot-strip .social{margin-top:10px;}
#bot-strip .left, #bot-strip .right, #bot-strip .social{width:100%; text-align:center;}
#tp-strip .intro{padding: 0px 30px;}
#contact-page #frm-add .address-area, #contact-page #frm-add .frm-area{float:left; width:100%;}
#contact-page #frm-add .address-area .row{ padding:0px; margin:0px;}
#contact-page #frm-add .address-area{padding:0px; text-align:center; padding-bottom:20px; font-weight:600;}
.overlay #contact-page #frm-add{padding-top:0px;}
#contact-page #tp-strip .intro{padding:0px;}
#contact-page form input[type="text"], #contact-page form input[type="tel"], #contact-page form input[type="email"], #contact-page form textarea, #contact-page form select, #contact-page form input[type="date"], #contact-page form input[type="number"] {padding: 6px 15px;
height:44px;font-size: 0.9rem;}
.entry-header .col.text, .entry-header .col.image{float:left; width:100% !important; display:block;}
.entry-header .col.text{padding:40px 0px;}
.entry-header{}
.entry-header .page-title{ font-size:2.6rem;}
.entry-header .page-title span{height:6px;}
.entry-header .col.image .image-in .border{display:none;}
.entry-header .col.image .image-in{padding:0px;}
.slick-prev, .slick-next{width:25px !important; height:40px !important;}
.slick-next {right: -23px !important;}
.slick-prev {left: -23px !important;}
#contact-page #frm-add .frm-area{padding:30px;}
}
@media only screen and (max-width:767px){
#header .logo img {width:180px;}	
.container, #header .container{padding:0px 20px;}
#head-out {height:58px;}
#banner .ban-in{padding:30px 0px 50px 0px; text-align:center;}
#banner .ban-in{font-size:0.95rem;}
#banner h1{font-size:1.8rem; margin-bottom:20px;}
#banner p{padding:0px 0px;}
.btn, input[type="submit"], button{padding: 11px 20px;}
#banner .btn{margin-top:15px; font-size:0.85rem;}
.sec-pad {padding:35px 0;}
.sec-title span{background-size:95px auto; padding-top:60px;}
.sec-title {font-size: 1.2rem; margin-bottom:15px;}
a.tog {margin-top:10px;}
.cl-action-strip{padding:20px;}
.cl-action-strip .left{width:100%; text-align:center; font-size:1rem; margin-bottom:20px;}
 .cl-action-strip .right{float:left; width:100%; text-align:center;}
 #hm-page .two-col .col h3.sec-title{font-size:1.2rem; margin-bottom:10px; font-weight:600;}
 #footer .footer-in .col .col-title{font-size:0.95rem;}
 #footer .footer-in .col, #footer .footer-in .col .menu li{font-size:0.85rem;}
.slick-prev, .slick-next{width:20px !important; height:32px !important;}
.slick-next {right: -20px !important;}
.slick-prev {left: -20px !important;}
#secure-stable .three-col .col p{height:auto !important;}
.entry-header .page-title{ font-size:1.8rem;}
.entry-header .page-title span{height:4px; margin-top:5px;}
#contact-page #frm-add .frm-area{padding:22px;}
}
@media only screen and (max-width:450px){
#banner{background-color:#0786c9; background-image:none !important;}
#banner .ban-in{ background-color:#0786c9; padding:50px 0px;}	
#banner .ban-in .container{float:left; width:100%;}
#banner h1{color:#fff; line-height:130%; margin-bottom:10px; font-weight:600;}
#banner p{margin-bottom:10px; font-size: 1.05rem; padding:0px 15px; line-height:160%;}
#banner .btn{background-color:transparent; color:#fff;}
#banner .btn:hover{background-color:#fff; color:#0786c9;}
body.home #hm-page #why{padding-bottom:0px !important;}
body.home #hm-page #secure-stable{background-color:#fff; padding-top:10px !important;}
body.home #hm-page #secure-stable .sec-title{display:none;}
}