.pos-rel{position:relative}
.wrapper {
    width: 100%;
    height: auto;
    float: left;
}
.container { padding:0 15px; margin:auto; }
 
header  { float:left; height:auto; line-height:21px;  width: 100%; background-color:#fff; position:relative; z-index:777;  box-shadow: 0 -8px 26px 8px #505050;-moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);z-index:1   }
header.sticky {   position: fixed;  height:auto;  width: 100%; z-index:99; background-color: rgba(0,0,0,0.9);  box-shadow: 0 -8px 26px 8px #505050;    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);  }
header.sticky .logo img { max-width:80%; height:auto;  -webkit-transition: all 0.4s ease;  transition: all 0.4s ease;} 
header.sticky #cssmenu ul ul li a { background-color: rgba(0,0,0,0.9); }
header.sticky #cssmenu ul ul li a:hover { color: #ffffff; background-color:#0070bd; }
.header-top {animation: ripple 3s linear infinite;}
.header-top a {color:#333;text-decoration:none;font-size:16px;font-weight:700}
.header-top a .fa-phone:before {position: relative;display: inline-block;transform: rotate(90deg);}

.fixedheader {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
}
.ripple {   
    position: relative;
    float: right;   
    margin-top: 10px;
}

.ripple a {
    color: #ff0000;
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    position:relative
}

.ripple a .fa-phone:before {    
    position: absolute;
    left: -15px;
    top: 10px;    
    font-size: 15px;
    color: #444;
}
.ripple a .fa-phone:after {    
    content: "";
    border: #ff0000 2px solid;
    width: 28px;
    height: 28px;
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    left: -21px;
    top: 3px;
}

.fs-12{font-size:12px}

.logo {
    float: left;
    margin: 10px 0 10px 0;
} 
.logo a {  }
.logo img { float:left; height:auto; }
.des-mar-bt { margin-bottom:25px;}

.tp-nav {    
    text-align: center;   
   background: #34495e;
}
.tp-nav li {
    display: inline-block;
    padding: 0px 20px;
    position: relative;
}
.tp-nav li > ul {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: -1px;
    z-index: 10000;
    text-align: left;
    background:#34495e
}
    .tp-nav li > ul li {
        float: none;
        margin: 0;
        width: 100%;
        padding:0
    }

.tp-nav li > ul li a {
  display: block;
  border-top: 1px solid #555;
}

.tp-nav li > ul li a:hover {
  border-top: 1px solid #646464;
  background: #ff0000;
}



.tp-nav li a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 600;
    padding: 13px 13px;
}
.tp-nav li.acv-actv-ico a, .tp-nav li a:hover {
   background:#ff0000;
}


.call-us {
    float: right;
    width: auto;
    background: #f0ece9;
    padding: 0px 15px 0 50px;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    border-radius:40px;
    position:relative;
}
.call-us a {  float: right;  color: #323746;  text-decoration: none;  font-size: 12px; }
.call-us a strong { color: #f13b13; font-size: 26px; }
.call-us .fa-phone:before {
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 20px;
    transform: rotate( 90deg);
    background: #fff;
    padding: 7px;
    border-radius: 50px;
}

.eml-us {
    float: right;
    width: auto;
    background: url(../images/email-ico.png) 0px 10px no-repeat;
    padding: 5px 0 5px 50px; /*margin-right: 20px;*/
}
.eml-us a {  float: right;  color: #323746;  text-decoration: none;  font-size: 12px; }
.eml-us a strong { color: #323746; font-size: 16px; padding: 0px 0px 0px 0; float: right; }

.bk-nw {  background:url(../images/book-now.jpg) #0070bd no-repeat; float:right; } 
.bk-nw a { color:#ffffff; padding:15px 50px 15px 70px; float:left; text-decoration:none;}
.bk-nw a:hover { text-decoration:underline;}
.cal-bk { background-color:#e51837; color:#ffffff; border-radius:24px; padding:5px 10px; font-size:16px; width:100%; text-align:center;     margin: 10px 0 10px 0; }
.ban-in {
    float: left;
    width: 100%;
    height: auto;
    padding: 60px 0 0 0%;
    position: relative;    
    background: url(../images/fareoky-main-banner.jpg) 0 0 no-repeat;
    min-height: 450px;
    background-size: 100%;
}
.cloud1 {
    position: absolute;
    background: url(../images/cloud1.png) no-repeat 0 0;
    left: 10px;
    top: 4px;
    z-index: 10;    
    width: 226px;
    height: 169px;
    
}
.cloud2 {
    position: absolute;
    background: url(../images/cloud2.png) no-repeat 0 0;
    left: 50%;
    top: -10px;
    z-index: 10;
    width: 191px;
    height: 131px;
    
}
.cloud3 {
    position: absolute;
    background: url(../images/cloud3.png) no-repeat 0 0;
    right: 10px;
    top: 7px;
    z-index: 10;
    width: 194px;
    height: 146px;
    
}
.cloud4 {
    position: absolute;
    background: url(../images/cloud4.png) no-repeat 0 0;
    left: 30%;
    bottom: -40px;
    z-index: 10;
    width: 156px;
    height: 117px;
    
}
.cloud5 {
    position: absolute;
    background: url(../images/cloud5.png) no-repeat 0 0;
    left: 60%;
    bottom: -20px;
    z-index: 10;
    width: 168px;
    height: 127px;
    
}
.cloud6 {
    position: absolute;
    background: url(../images/cloud6.png) no-repeat 0 0;
    right: 10px;
    bottom: 10px;
    z-index: 10;
    width: 122px;
    height: 83px;
    
}
.plane1 {
    position: absolute;
    background: url(../images/plane1.png) no-repeat 0 0;
    left: 30%;
    top: 10px;
    z-index: 10;
    width: 114px;
    height: 114px;
    
}
.plane2 {
    position: absolute;
    background: url(../images/plane2.png) no-repeat 0 0;
    left: 70%;
    top: 0;
    z-index: 10;
    width: 99px;
    height: 112px;
    
}
.plane3 {
    position: absolute;
    background: url(../images/plane3.png) no-repeat 0 0;
    left: 7%;
    bottom: 0;
    z-index: 10;
    width: 125px;
    height: 110px;
    
}
.plane4 {
    position: absolute;
    background: url(../images/plane3.png) no-repeat 0 0;
    right: 11%;
    bottom: 20px;
    z-index: 10;
    width: 124px;
    height: 108px;
    
}

.scrollup {  width: 55px;  height: 55px;  opacity: 1;  position: fixed;  bottom: 2px;
    right: 2px;  display: none;  text-indent: -9999px;  background:url(../images/scrl-top.png) no-repeat;  z-index: 999; }

.scrollup-new {
    width: 55px;
    height: 55px;
    opacity: 1;
    position: fixed;
    bottom: 2px;
    right: 2px;
    display: none;
    text-indent: -9999px;
    background: url(../images/scrl-top.png) no-repeat;
    z-index: 999;
}

.flg-logo {
    float: left;
    width: 100%;
    text-align: center;
}
.ban-cont-lft { float:left; width:150px;}
.ban-cont-rgt { float:left; width:150px; margin:20px 0 0 0;} 
.ban-cont-rgt  img { max-width:100%;}

.cal-img { float:left; width:100%; text-align:center;}
.cal-img img { max-width:80%;}
.call-us2 { color:#000000; font-size:24px;  width:100%; float:left;  }
.call-us2 .call-in { width:215px; margin:auto; /* background: url(../images/m-phn-ico.png) 0px 10px no-repeat;*/ padding: 7px 0 5px 0px;}
.ladi-headline { font-size:14px; float:left; width:100%; padding:15px 0; text-align:center; color:#000000;}

.call-nv {background-color: #ff2e40 !important;}

.ban-cont2 {
    padding:90px 0 0 0;
}
.ban-cont2 .sale-end {
    font-size: 28px;
    padding-top: 15px;
}
.ban-cont2 p {
    margin-bottom: 0px !important;
}
.ban-cont2 .dis {
    font-size: 42px;
    margin-top: 30px;
}
.ban-cont2 .dis strong {
    font-size: 76px;
}

.ban-txt-bg { background-color: rgba(0,0,0,0.5) !important; float:left; padding:0 25px 15px 25px; margin-bottom:15px; border:dashed 1px #CCC;}

.nv-mn {  float: left; width: 100%;  min-height: 30px; position:absolute; top:48px; }
.nv-mn-in { background-color:#aab624; width:15%;margin:0 auto !important;border-radius:50px; }


.hd-txt  { font-size:30px;} 
.in-banner {min-height:400px; position:relative;}
.in-banner .hd-txt { margin:30% 0 0 0; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:36px; padding:10px 20px; }
.in-banner h1 {background-color: rgba(0,0,0,0.5) !important; display:inline-block;  }
.banner { position:relative; background:#0258a0}
.banner_home { background:url(../images/banner.jpg) top center no-repeat;  background-size:cover; }
.vac-banner { background:url(../images/vac-banner.jpg) top center no-repeat;  background-size:cover; }

.nws-rw { margin:0 auto 10px; float:none !important;}
.src-pos-tp { margin-top:-40px !important;}
 

.hm-ban-tp { margin-top:98px;}
.fnt10 { color: #222222; font-size:10px; padding:8px 0px; line-height:18px; float: left;  width: 100%;}
nav { float:right; margin:10px 0 0 0;}
nav ul { padding:0px; margin:0px;}
nav ul li { display:inline-block;}
nav ul li a { display:inline-block; color:#282e3c; text-decoration:none; line-height:24px; text-align:center;padding: 15px 10px; font-size: 13px;  }
nav ul li a:hover {  color: #98cb45 !important;}
.act-nv1 {   color: #98cb45 !important;}
 
 

.banner-in {  padding: 150px 0 130px 0; float:left; width:100%; }

.mob-ban-cont { padding: 15px 0  5px 35%; }
 
.why-us {  padding:40px 0;}
.why-us img { margin-bottom:20px;}
.why-us  p {     font-size: 13px;  text-align: justify;  line-height: 20px; }

.grp-trv { float:left; padding:0px 15px !important; margin:30px 0 0 0;}
.grp-trv .faq-des-content ul li { width:100%;}
 
.get-app-image img {
    height: 640px;
    margin-bottom: -232px;
    filter: drop-shadow(-80px 40px 30px #b5b5c2);
    object-fit: contain;
}
 
.nws-mn input {
    width:74%;
    padding: 10px 10px 10px 28px;
    border: none;
    outline: none; border-radius:24px;
    min-height: 45px; -moz-box-shadow:    inset 0 0 10px #9b9b9b;
   -webkit-box-shadow: inset 0 0 10px #9b9b9b;
   box-shadow:         inset 0 0 10px #9b9b9b;
}
.nws-mn p, footer p {     color: #ffffff; font-size:13px}
 

.nws-pad-rgt { padding-right:15% !important;}
.wel-mn h2 {}
.wel-mn h2 strong { color:#0070bd;}
.wel-mn p { line-height:20px;}
.wel-mn a { color:#004785;}


.usp-mn { padding:50px 20px;}
ul.usp-sec {float: left;
    width: 100%;    position: relative;
    z-index: 99;}
ul.usp-sec li { display:inline-block; width:15%; padding:0 1% 1% 1%; vertical-align:top; text-align:center; min-height:50px; background-color:#ffffff; border:solid 1px #abb727;     margin-right: 1.2%;}
ul.usp-sec li .usp-ico { background-color:#fff; width:55px; height:55px; border:solid 1px #f13b13; border-radius:48px; text-align:center; padding:7px 0 0 0;  margin:-30px auto 10px;}
ul.usp-sec li h3, ul.usp-sec li p { color:#323746}



.ft-mn-nv {
    background-color: #34495e;
}
.ft-mn-nv h3 { color:#ffffff;}
.ft-mn-nv .ft_heading {
    font-size: 20px;
    margin: 0 0 15px 0;
    font-weight: 700;
    line-height: 26px;
    color: #ffffff;
    display:block;
}
.footer_heading {
    font-size: 20px;
    margin: 0 0 15px 0;
    font-weight: 700;
    line-height: 26px;
    color: #ffffff;
    display: block;
}
footer {
    float: left;
    width: 100%;
    background-color: #1c2a38;
    color: #3c3c3c;
    padding: 10px 0 0 0;
} 

ul.ft-nv { padding:0px; margin:10px 0 20px 0;}
ul.ft-nv li { display:block; width:100%;  }
ul.ft-nv li a {display:inline-block;   padding:0px 0px 10px 0px;   text-decoration:none;    text-decoration: none;
    
    color: #d5d5d5; line-height: 23px;
    font-size: 14px; }
	
ul.ft-nv li a:before { content: "\00BB \0020";  }
ul.ft-nv li a:hover {color: #ffffff;}
   

.flw-us {   text-align:center; display:block; margin-bottom:10px; }
.flw-us ul {}
.flw-us ul li { display:inline-block; margin:0 4px 0 0; -webkit-transition: 0.6s ease-out; -moz-transition:  0.6s ease-out;  transition:  0.6s ease-out;}
.flw-us ul li:hover {   -webkit-transform: rotateZ(720deg);  -moz-transform: rotateZ(720deg);  transform: rotateZ(720deg); }

.des-bx { background-color:#FFF; float:left; border-radius:12px 12px 0 0;}
.des-img { float:left; width:100%;}
.des-img img { border-radius:12px 12px 0 0;}
.des-txt { float:left; width:100%; padding:20px 15px 15px 15px;}
.des-txt h3 { font-size:18px; margin-bottom:0px; color:#004785;}

.star1 { float:left; margin:0px 0 5px 0; width:100%;}
.star1 .fa-star { color: #999; }
.star1 .checked {  color: #fec42b !important; }
.fa-clock:before {color: #f05742; margin-right:10px;}
.card-text { float:left; width:100%;  margin:0px 0 5px 0;}

.prc { color:#f05742;  margin:-20px 0 5px 0; float:right;}
.prc strong { color:#f05742; font-size:24px;}

.dt-dtls { float:left; width:100%; color:#000000 !important;}
.address-info {
    padding: 0px 0 0px 0;
    margin: 0px;
    min-height: 130px;
}
    .address-info li {
        padding: 0px;
        width: 100%;
        text-align: left;
        display: block;
        padding-bottom: 10px;
        color: #d5d5d5;
        line-height: 23px;
        vertical-align: top;
    }
.address-info li a {
    color: #d5d5d5;
    text-decoration: none;
} 

.con-adrs .address-info {
    padding: 0px 0 0px 0;
    margin: 0px;
    border: none;
}

.con-adrs .address-info li {
    padding: 2% 0% 2% 0%;
    width: 103%;
    text-align: left;
    display: inline-block;
    color: #000000;
    line-height: 23px;
    vertical-align: top;
}
.con-adrs .address-info li .fa:before {
    color:#666;
}

.con-adrs .address-info li a {
    color: #000000 !important;
    text-decoration: none;
}
.con-nm {
    float: left; position:relative;
    width: 100%;
    padding: 0 15px 0 0;
    margin: 0 0 13px 0;
}
.con-phn-nm {
    float: left; position:relative;
    width: 100%;
    padding: 0 15px 0 0;
    margin: 0 0 13px 0;
}
.con-eml {
    float: left; position:relative;
    width: 100%;
    padding: 0 15px 0 0;
    margin: 0 0 13px 0;
}
.con-msg {
    float: left; position:relative;
    width: 100%;
}
.src-ico3 {
    position: absolute;
    z-index: 99;
    top: 12px;
    left: 7px;
}

.banner input {}
.banner input[type=text]:focus, .banner textarea:focus {
  box-shadow: 0 0 15px rgba(105, 181, 36, 3);
  border: 0px solid rgba(105, 181, 36, 1);
}
.contact-forms input, .contact-forms  textarea, .contact-forms select {
    background: #fff;
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #c3c3c3;
    border-top:  1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right:  1px solid #ffffff;
    padding-left: none; padding:10px 10px 10px 30px;
    
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    color: #626262;
    outline: none;
    min-height: 42px;
     -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
    width: 100%;
    *zoom: 1;
}
.contact-forms input[type=text]:focus, .contact-forms textarea:focus {
  box-shadow: 0 0 5px rgba(105, 181, 36, 1);
  border: 1px solid rgba(105, 181, 36, 1);
}
.contact-forms .src-ico2{top: 11px;}

/*  placeholder  */
::-webkit-input-placeholder {
    color: #484848 !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif;
}
::-moz-placeholder {  color:#484848 !important; font-size:13px !important;   font-family:'Open Sans', sans-serif;   }
:-ms-input-placeholder { color:#484848 !important; font-size:13px !important;  font-family:'Open Sans', sans-serif;    }
:-moz-placeholder {  color:#484848 !important; font-size:13px !important;  font-family:'Open Sans', sans-serif;  }

 
figure { overflow: hidden; }
.zoomIn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;  border-radius:12px 12px 0 0;
}
.zoomIn:hover img {
	-webkit-transform: scale(1.3); border-radius:12px 12px 0 0  !important;
	transform: scale(1.3);
}

 



.error1 { display:none; float:left; width:auto; font-size:12px; padding:5px 5px 5px 5px;  background: #fbc9ca;
   
  border-radius: 0 !important; color:#fe0000;
  position: relative; 
   
  box-shadow: 1px 1px 1px #d4d4d4;  
  margin-top: 10px; font-size:12px; }

.toll-mn { float:left; width:100%;   overflow-y: scroll; }
.toll-hd {float:left; width:100%;}
.toll-cont {float:left; width:100%; }
.toll-mn table tr th { font-size:14px; font-family:'Open Sans', sans-serif !important; padding:5px 2px 5px 5px; background: #004785; color:#ffffff;}
.toll-mn table tr td { font-size:13px; font-family:'Open Sans', sans-serif !important; padding:5px 2px 5px 5px; border:solid 1px #c3e3ff; color:#3d3d3d;}
.input-error {  border: 1px solid #fe0000!important;}

.rw100 { float:left; width:100%;}
   .g-map, .weath { float:left; width:100%; margin-bottom:20px;}
      .g-map img, .weath img { max-width:100%;}
 

 /*  TAB START */
.vd-nav {  margin-left: 0; list-style: none; margin-bottom:0px; margin-top:0px; text-align:center; display:block; float:left; }
.vd-nav > li > a {  display: block; }
.vd-nav-tabs { *zoom: 1;   }
.vd-nav-tabs:before, .vd-nav-tabs:after {  display: table; content: ""; }
.vd-nav-tabs:after {  clear: both; }
.vd-nav-tabs > li { display:inline-block;text-align:center;  }
.vd-nav-tabs > li > a {  line-height: 14px; padding:15px 22px; border-radius:8px 8px 0 0; color:#ffffff; background-color: rgba(0,0,0,0.2);  font-size:14px; text-decoration:none; }
.vd-nav-tabs > li > a:hover {  color:#ffffff; background-color: rgba(0,0,0,0.7);    }
.vd-nav-tabs > .active > a, .vd-nav-tabs > .active > a:hover {  cursor: default;  background-color: rgba(0,0,0,0.7); color:#ffffff; }
li {  line-height: 18px; }
.tab-content.active{ display: block; }
.tab-content.hide{ display: none;  }
.tab-content {float:left; width:100%; font-size: 13px;}
.vertical-widget .tab-content {
    background-color: #e4e7efb3;
    padding: 15px;
}
.smart-forms .tab-content {
    background-color: rgb(52,73,94,0.5);
    padding: 0 20px 15px;
    border-radius:10px;
}
.vd-nav-tabs > li strong { margin-left:7px;  }
.vd-nav-tabs > li  img { float:left; margin:-2px 0 0 0;}


/*radio button design*/
.radio-nv {
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 0;
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vertical-widget .radio-nv {    
    color: #333;
    
}

/* Hide the browser's default radio button */
.radio-nv  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px !important;
    width: 18px !important;
    background-color: #fff;
    border-radius: 50%;
    border: #ccc 1px solid;
}

/* On mouse-over, add a grey background color */
.radio-nv :hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-nv  input:checked ~ .checkmark {
  background-color: #34495e;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-nv  input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-nv .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.bd-mn {padding: 25px 0;}

.bd-mn ul li {
    list-style:disc;
    line-height: 26px;
}
.bg-img {
    width: 100%;
    float: left;
    height: auto;
    padding: 10px 0 160px 0;
    position: relative;  
}
.bg-img h1 { color:#ffffff; text-align:center; font-weight:bold;}
.opc-bg {
    position: absolute;
    z-index: 3;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
}
.frm-mn {
    position: relative;
    z-index: 4;
    top: 0px;
    width: 100%;
    height: auto;
}
ul.dls-cont {
    padding: 0px;
    margin: 0px 0 20px 30px;
}
ul.dls-cont li {
    list-style: disc;
    padding: 5px 0;
}
.bd-link {
    color: #ff0000;
}
.bd-link:hover {
    color: #000000;
}
 

/*contact us page*/

.form-control {
    display: block;
    width: 100%;
    height:45px;
    padding: 12px 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:none;
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.custom_input {
    border-radius: 0px;
    height: 40px;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    background-color: #fafafa;
}

<!--pop-up-->
.backgroundOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .65;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    z-index: 1101;
    display: none;
}


.backgroundOverlay {  position: fixed; top: 0;  right: 0; bottom: 0;  left: 0;  height: 100%;  width: 100%;  margin: 0;  padding: 0;  background: #000000; opacity: .85;  filter: alpha(opacity=85);  -moz-opacity: .85;  z-index: 1101;  display: none; }

 
.delayedPopupWindow { position: fixed; display:none; bottom: 0%; /*right: 2%; width:80px; height:80px; border-radius:50%;*/  width: 100%;
    max-width:750px;  min-width: 320px; height: auto;  padding:2px 0 0 0;  z-index: 99999; box-shadow:0 0 10px 0 #000;  background-color: #ffffff; /*background-color: #ff2e40;*/
   /*  -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);*/ -webkit-box-shadow: 0px -2px 2px 2px rgba(161,161,161,1);
-moz-box-shadow: 0px -2px 2px 2px rgba(161,161,161,1);
box-shadow: 0px -2px 2px 2px rgba(161,161,161,1); border:solid 1px #ffffff; }  



.delayedPopupWindow h1 { color:#000000;  font-weight:bold; font-size:30px; margin-bottom:5px; line-height:36px; text-align:center;  }
.delayedPopupWindow h1 strong {  font-size:28px; }
.delayedPopupWindow h1 strong span { font-size:42px; text-shadow: 1px 1px #000000;  }
.delayedPopupWindow h2 {color:#004785; font-size:18px; font-weight:bold; text-align:center; }
.delayedPopupWindow h3 {color:#959595; font-size:14px; text-align:center; }

.delayedPopupWindow a { color:#ffffff !important; text-decoration:none;}
.delayedPopupWindow a:hover { text-decoration:none; color:#ffffff !important;}

.pro-bx {width: 100%; background-color:#004785; text-align:center; color:#ffffff; float:left; padding:25px 15px; margin:0px 0 0 0; text-align:left; }
.pro-bx-lft { float:left; width:60%;}
.pro-bx-lft strong { font-size:23px;}
.pro-bx-lft span { font-size:16px;}
.pro-bx-rgt { float:left; width:40%; border:dashed 1px #c51230; text-align:center; margin:15px 0 0 0;}
.pro-bx-rgt strong { background-color:#c51230; width:100%; display:block; font-size:16px; padding:3px 0;}

.bt-colr017 {    font-weight:bold; color:#ffffff !important;  text-align:center; padding:10px 5px;    height:auto; text-decoration:none; margin:0 auto; min-height:42px; width:100%;   font-size:16px !important;  border:none !important; outline:none !important; background-color:transparent;   }
.bt-colr017:hover {color: #ffffff !important; text-shadow: 0 1px rgba(0, 0, 0, 0.08);     border:none !important;outline:none !important; } 
.bt-colr017 .fa-phone:before { color:#ffffff;}


#btnClose { width:25px; height:25px; position:absolute; z-index:9999; right:0px; text-align:center;  text-decoration: none;  color: #ffffff; background:#e65a07;  border-radius: 50%; padding-top:3px; top:0px; cursor:pointer; }
#btnClose:hover { color: #000000; }

.dis-txt { width:50px; display:inline-block; font-size:28px; line-height:34px; }

.tf-ico3 {animation:phoneAnimate 2s linear infinite;}
@keyframes phoneAnimate{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.1) rotate(8deg)}40%,60%{transform:scale(1.1) rotate(-8deg)}80%,to{transform:scale(1) rotate(0)}}

.smart-forms {    
    padding-top: 25px !important;
    border-radius: 20px;
    margin: 70px auto 0;
}
.usp {
    width: 100%;
    position: relative;
    float: left;
    padding: 20px 0;
    background: #f5f5f5;
    margin-bottom: 15px;
}
.usp ul{margin:0;padding:0;list-style:none;}
.usp ul li{display: inline-block;width: 24%;text-align: center;border-right: #ccc 1px solid;vertical-align: top;padding: 0 10px;}
.usp ul li:last-of-type{border-right: 0;}
.usp ul li p{text-align: center !important;color:#333}
    .usp ul li strong {
        font-size: 18px;
        width: 240px;
        display: inline-block;
        position: relative;
        color: #34495e;
        padding-bottom: 7px;
    }
.usp-icon {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    text-align:center;
}
    .usp-icon .fa:before {
        font-size: 34px;
        padding: 5px;
        position: absolute;
        left: 0;
        top: -8px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        color: #ff0000;
    }
.usp-icon .fa:after {
    content: "";
    /*border: #666 2px dotted;*/
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -10px;
}

.sitemap-box {
    background: #f1f8ff;
    border: #cad7e4 1px solid;
    padding: 10px 15px;
    font-size: 14px;
    margin-top: 15px;
    float: left;
    width: 100%;
}
.sitemap-box h3 {
    color: #004785;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
}
.sitemap-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sitemap-box ul li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    width: 33%;
    display: inline-block;
    position: relative;
}
.sitemap-box ul li a {
    text-decoration: none;
    color: #333;
    padding-left: 15px;
}
.sitemap-box ul li a:hover {
    
    color: #333;
    
}
.sitemap-box ul li a:before {
    content: "";
    border: solid #004785;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 9px;
}
ul.breadcrumb-hm {
    padding: 7px 0;
    list-style: none;    
}
ul.breadcrumb-hm li {
    display: inline;
    font-size: 14px;
    color: #fff;
}
ul.breadcrumb-hm li a {
    color: #fff;
    text-decoration: none;
}
ul.breadcrumb-hm li + li:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate( -45deg );
    -webkit-transform: rotate( -45deg );
    content: "";
    margin-right: 5px;
}
.blog-banner ul.breadcrumb-hm li a {
    color: #333;
}

.blog-banner ul.breadcrumb-hm li:before {
    border: solid #666;
    border-width: 0 2px 2px 0;
}

.blogSearch {
    width: 98%;
    float: left;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 30px;
    min-height: 42px !important;
    border: #ccc 1px solid;
    font-size: 16px;
    margin-top: 10px;
    position: relative;
}

.blogSearch_btn {
    background: #f91e1e !important;
    min-height: inherit !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    padding: 0 !important;
    position: absolute;
    right: 15px;
    height: 32px;
    width: 32px !important;
    top: 17px;
    z-index: 10;
    border: 0;
    color: #fff;
}

    .blogSearch_btn .fa-search:before {
        font-size: 17px;
    }

.blogPageNotFound {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

    .blogPageNotFound h3 {
        font-size: 28px;
    }

    .blogPageNotFound p {
        font-size: 16px;
    }

.blogPageNotFound_or {
    display: block;
    padding: 20px 0 15px;
    font-size: 24px;
    position: relative;
    float: left;
    width: 100%;
}

    .blogPageNotFound_or span {
        font-size: 16px;
        color: #666;
        display: block;
        padding-top: 15px;
    }

.blogPageNotFound p {
    font-size: 16px;
}

.blogPageNotFound a {
    font-size: 36px;
    text-decoration: none;
    color: #ff0000;
    font-weight: 700;
    display: inline-block;
    padding: 0 0 0 30px;
    position: relative;
}

.blogPageNotFound_callnow {
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    padding-top: 10px;
    color: #333;
}

    .blogPageNotFound_callnow .fa-phone:before {
        position: absolute;
        left: 0;
        top: 6px;
        transform: rotate( 90deg );
        font-size: 24px;
        color: #333;
    }
.phoneOnlyDeals {
    display:none;
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #fff;
    bottom: 0;
    padding: 15px 0;
    box-shadow: 0 2px 5px rgb(0 0 0 / 90%);
    font-size: 22px;
    line-height: 34px;    

}
.phoneOnlyDeals_phone {
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 12px;
    margin-left: 30px;
}
.phoneOnlyDeals_phone.ripple a .fa-phone:after {
    width: 35px;
    height: 35px;
}
.phoneOnlyDeals_phone.ripple a .fa-phone:before {
    font-size: 20px;
}
.tfn_red {
    color:#ff0000
}
.phoneOnlyDeals .close:before, .phoneOnlyDeals .close:after {
    background-color: #333;
}


@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}