@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,500,600,700,800,900&display=swap');


 
 

::-moz-selection{background:#00bcd4;color:#fff}
::selection{background:#00bcd4;color:#fff}



body{font-family:'Muli', sans-serif; font-size:16px;font-weight:400; color:#1E1E1E; line-height: 1.65;}
.no-banner{ padding-top: 112px;}
a{color: #00bcd4;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;	}
a:hover {color: #00bcd4; text-decoration: none;}

h1, h2, h3, h4, h5, h6{ font-family:'Muli', sans-serif; font-weight: 600; line-height: 1.2;  
margin-bottom: 20px; color: #1E1E1E;}
.main-section a.link { word-break: break-all;}
h1{font-size: 40px; font-weight:700; }
h2{font-size: 35px; }
h3{font-size: 30px;  }
h4{font-size: 23px; }
h5{font-size: 23px;  font-weight: 700; line-height: 1.25; }
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-18{font-size:18px;}

img{max-width: 100%;}
.btn, button, input[type="submit"], input[type="reset"] {  
 background-color: #00bcd4;
border-radius:0px; 	    text-transform: uppercase;    color: #fff;    text-decoration: none; font-family:'Muli', sans-serif;   border: none;  outline: none !important; white-space: normal;  -webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s; min-width: 135px; border:none; font-size: 16px; font-weight: 500;letter-spacing: .32px; color: #ffffff; padding:13px 20px;  position: relative;}



.btn:before, .button.shap:before {content: "";position: absolute;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 15px 0 0 15px;border-color: transparent transparent transparent #fff;line-height: 0;_border-color: #000000 #000000 #000000 #6980fe;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');left: 2px;bottom: 2px;}

 
[type=reset]:hover, 
[type=submit]:hover,
button:hover, 
.btn:hover, 
html [type=button]:hover {  background: #000;  border-color: #000; color: #fff; cursor: pointer;}
.hover-white:hover{   background: #fff; border-color: #fff; color: #00bcd4; }

[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
  
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background: #00bcd4;
	color: #fff;
}

 

a.link {text-decoration:underline; font-weight:500; }
input{ font-family:'Muli', sans-serif; }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 21px; display: inline-block;  width: 100%;}
.form-control {outline: none !important; padding: 11px 15px; font-size: 15px;font-weight: 300; border-radius: 0px;
    font-family: 'Muli', sans-serif;  background: transparent; color: #C4c4c4; letter-spacing: 1.5px; box-shadow:none !important;}
.contact-form .form-control{color:#fff;}	
.padding-divider-60{padding:30px 0px;}
textarea.form-control { min-height: 91px;}
 .form-control:focus {  background-color: transparent;  border-color: inherit;} 
  


select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 25px; border-left: 4px solid #82BC40;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px;     color: #346585;}
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
.quott-icon{ display: inline-block;   width: 73px;   height: 55px;  background: url(images/quote.png);   background-repeat: no-repeat !important;
    background-position: center center !important;    margin-bottom: 40px;}
.quott-author {font-weight: 600;  padding: 10px;    position: relative; color: #37afe4;}
.main-section{padding:85px 0px; background-size: cover !important;	background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
 
 h1.error-title { color: #105678;  font-size: 109px;}
.font-medium .form-control { font-weight: 500;}
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
  
 

strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}

 

::placeholder {color: #C4C4C4;  opacity: 1;  }
::-webkit-input-placeholder {color:#C4C4C4; opacity:1;}
::-moz-placeholder { color:#C4C4C4; opacity:1;}
:-ms-input-placeholder {color:#C4C4C4; opacity:1;}
:-moz-placeholder {color:#C4C4C4; opacity:1;}

.sprit-icon {display: inline-block;  background-repeat: no-repeat !important; background-size: auto !important; background-image:url(images/sprit.png);}
.main-title {margin-bottom: 50px;}
.main-title h3 {margin-bottom: 10px;}


 

/* header */

.header {position: fixed; left: 0px; top: 0px; width: 100%; z-index:101; -webkit-transition: all .3s; -moz-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;}
.header-top-bar {background: #00bcd4;  color: #fff; padding: 9px 0px;}
.top-bar-txt p {font-size: 12px; font-weight: 300;  margin-bottom: 0px;}
.top-bar-txt p a {  color: #fff; font-weight: 500;} 
nav.nav { justify-content: flex-end;}
nav.nav ul {padding: 0px;margin: 0px;}
nav.nav ul li {font-size: 16px;font-weight: 600; display: inline-block; margin-right: 33px;}
nav.nav ul li:last-child {margin-right: 0px;}
nav.nav ul li a {color: #fff;}
nav.nav ul li a:hover,
nav.nav ul li.active a{color:#00bcd4;	}
.site-logo {position: relative; max-width: 250px;}
.top-bar-txt p a {margin-right: 10px;}
.top-bar-txt p a:last-child {margin-right: 0px;}
.top-bar-txt p a i {margin-right: 3px;} 
 
.e-panel  .sprit-icon{width:27px; height:20px;}
.sprit-icon.search-icon {background-position: -11px -16px;}
.sprit-icon.user-icon {background-position: -12px -57px;}
.sprit-icon.wishlist-icon {background-position: -11px -107px;}
.sprit-icon.wishlist-icon.active {background-position: -11px -138px;}
.sprit-icon.cart-icon {background-position: -10px -173px;}
.e-panel ul {float: right; list-style: none;  padding: 0px; margin: 0px;}
.e-panel ul li {display: inline-block;  margin-right: 25px;}
.e-panel ul li:last-child {margin-right: 0px;}
.header-main {padding-top: 25px;padding-bottom: 0px;}
.cart-icon small {color: #fff; background: #00bcd4;  width: 20px; height: 20px; display: inline-block;  text-align: center;  line-height: 20px;  border-radius: 100%; position: relative;  top: -19px;  font-size: 14px;  font-weight: 500;  left: 10px;}
.cart-icon small:empty{display:none;}

.header.sticky {background: #fff;   top: -44px;     -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.09);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.09);    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.09);}
.header.sticky .header-main {padding-top: 21px; padding-bottom: 0px;  background: #000;}

.header.sticky .site-logo { max-width: 150px;}
.header.sticky .header-main{padding-bottom: 15px;}

/* Banner  */

.banner{position: relative; -webkit-transition: -webkit-transform 4s cubic-bezier(.23,1,.38,1);
    -o-transition: transform 4s cubic-bezier(.23,1,.38,1);    transition: transform 4s cubic-bezier(.23,1,.38,1);
    transition: transform 4s cubic-bezier(.23,1,.38,1),-webkit-transform 4s cubic-bezier(.23,1,.38,1);
	overflow: hidden;	 background-size: cover !important;    background-attachment: fixed;
    background-repeat: no-repeat;    background-position: right center !important;
	background: url(images/banner-1.jpg);}
.bgImage { -webkit-background-size: cover;  background-size: cover;  background-position: 50% 50%;   background-repeat: no-repeat;
    background-image: url("images/banner-1.jpg"); position: absolute; height: 100%;  width: 100%;}
.videoPosition{position: absolute; left:0px; width: 100%; height: 100%;}
.videoPosition video {  position: absolute;   top: 50%;   left: 50%;   width: 100%;   transform: translate(-50%,-50%); 
      -webkit-transition: opacity .3s linear 1s;    -o-transition: opacity .3s linear 1s;    transition: opacity .3s linear 1s; }
.dtble { display: table;  width: 100%; height: 100vh;}
.dtcell{display: table-cell;	vertical-align: middle;	}
.banner-content { position: relative; z-index: 10; color: #fff; padding-top:30px; padding-top: 80px; max-height: 100vh;
 background-repeat:no-repeat !important; background-position:center center !important; 
background-size:cover !important; background-image: linear-gradient(to right top, #000000, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.16));}
.banner:after {content: "";  position: absolute;  left: 0px;  width: 100%;   height: 100%;  z-index: 1;top: 0px;     background: rgba(0, 0, 0, 0.24);}
.banner.inner-banner:after { background: hsla(0, 0%, 0%, 0.45);}
.banner-title{color:#fff; font-weight:600;line-height: 120%;     animation-delay: 1s; font-size: 40px;}
.banner-title span{font-weight:300;}
.banner .typewrite { color: #00bcd4 !important;  font-size: 24px;  margin-bottom: 20px;display: inline-block; font-weight:700;}
.banner p {font-size: 20px;  padding-left:0px;     animation-delay: 1.2s; margin-bottom:70px; }
.banner p a{text-decoration:none; font-weight: 700;}
.banner .btn{ animation-delay: 2s;}
.banner-title sup {font-size: 42%;    margin-right: -10px;}
.banner-title small {font-size: 35%; margin-left: -10px;}
 
 
 
/* product category */

.category-section {padding: 30px 0px;}
.bg-img {background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;}
.cat-banner {    width: 100%; height: 257px;  position: relative;  z-index: 11;  display: flex;  align-items: center;  justify-content: center;}
.cat-banner a { display: block;  width: 100%;  padding: 30px 30px;}
.cat-banner img { vertical-align: middle;}
.cat-banner h5{    display: inline-block;  padding-left: 15px;}
.cat-banner u {font-size: 13px;font-weight: 500; text-decoration: underline; color: #1e1e1e;}
.cat-banner u:hover {color: #00bcd4;}
.cat-banner:before {position: absolute;  left: 0px;  top: 0px;  width: 100%;    background: rgba(0, 0, 0, 0.55);  z-index: 1;  height: 100%; content: "";}
.cat-banner * { z-index: 11; position: relative; color: #fff !important;}
.roadway{background: url("images/roadway.jpeg");}
.airway{background: url("images/airway.jpeg");}
.oceanway{background: url("images/ocean-way.jpeg");}

/* home about */
.habt-section{background:url(images/yoga-y-bk.png);}
.habt-section .abt-img{opacity:0; visibility:hidden;}
.bg-fixed{background-attachment:fixed !important;}

.header-top-bar  p{display:inline-block;}
.header-top-bar span.sprit-icon {display: inline-block;width: 30px;  height: 30px; vertical-align: middle; background-position: -179px -10px;}

.benift-section{background:url(images/siting-banner.jpg);}

.content-section { padding: 30px;  background: rgba(255, 255, 255, 0.8);}


/* overview */

.box-shadow { box-shadow: 0px 12px 29px 0px rgb(0 0 0 / 7%); } 
.br-5 { border-radius: 5px; } 
.overview-box { padding: 30px; border-right: 1px solid rgb(189 189 189 / 43%);  height: 100%;} 
.overview-box:hover{transform: translateY(-10px);}
.transition { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.overview-box h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; position: relative; } 
.overview-box:hover h3 { color: #00bcd4;}
span.deliver { display: inline-block; width: 100%; position: relative; margin-bottom: 20px;} 
span.deliver:before { content: ''; background: #00bcd4; width: 50px; height: 3px; position: absolute; left: 0; right: 0; top: 0px; margin: auto; } 
.overview-box img { margin-bottom: 20px; }
.overview-box:hover img {transform: rotateY(180deg);}


/* about us */
.tcolor {color: #00bcd4;}
.img-section img{box-shadow: 30px -30px 0px 0px #00bcd4;}
.img-section img:hover { box-shadow: 0px 12px 29px 0px rgb(0 0 0 / 19%);}
span.deliver.left:before {left: 0px;  right: auto;}
.heading img { animation: moving 2s infinite alternate;}

@keyframes moving {
    0% { transform: translateX(-10px); }
    100% { transform: translateX(40px); }
}

/* services */

.ser-box { padding: 30px; border-radius: 10px;    height: 100%; } 
.services-img.object-fit { width: 150px; height: 150px; border-radius: 100%; overflow: hidden; } 
.object-fit img { object-fit: cover; width: 100%; height: 100%; }
.ser-box:hover .services-img img { transform: scale(1.3);}
.services-img img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}


.process-box { padding: 30px; height: 100%; } 
.number { width: 50px; height: 50px; display: inline-block; border-radius: 100%; border: 2px solid #00bcd4; text-align: center; line-height: 45px; margin-bottom: 20px; transition: all .5s; font-size: 20px; }
.process-box h5 { display: inline-block; padding-left: 3px; font-size: 17px;}
.process-box:hover .number {background: #00bcd4; color: #fff;}


.feature-box { text-align: center; padding: 60px 30px 30px; position: relative; } 
.mv_bestservice_icon span { display: flex; width: 70px; height: 70px; text-align: center; background: #00bcd4; border-radius: 100%; 
    align-items: center; justify-content: center; position: absolute; top: -29px; left: 50%; transform: translateX(-50%); border: dashed #fff 1px;} 
#featured .mb-5 { margin-bottom: 70px !important; } 
.feature-box:before {content: "";position: absolute;left: 0px;width: 0px;height: 2px;background: #00bcd4;bottom: 0px;transition: all .5s;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} 
.feature-box:hover:before { width: 100%; }

/* testimonials */
.bg-color  {position: absolute; top: 0px;  width: 100%;  height: 50%;}
.c-img {position: absolute; display: inline-block; width: 93px; height: 93px;
 border-radius: 100%;overflow: hidden; box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
 left: 50%;top: -46px; z-index: 1; transform: translateX(-50%);}
.c-img img { width: 100%;  height: 100%;  object-fit: cover;}
.test-box {padding: 70px 50px 25px;border-radius: 10px;position: relative;}
.testimonials-slider .item {padding-top: 50px;}
span.short-line {display: inline-block;width: 30px;height: 1px;background: #00bcd4;position: relative;top: -5px;}
.quott-icon { width: 30px; height: 30px; position: absolute; right: 30px; top: 32px; }
.fs-18 {font-size: 18px;}
.font-weight-medium {font-weight: 500;}
.fs-12{font: 12px;}




.counter-section .section-heading {color: #fff;transform: translate(-50%, -50%); text-shadow: 0px 3px 99px rgb(0 0 0 / 6%); 
        top: 15%;   left: 50%;}
.counter-header .counter { font-size: 50px; font-weight: 700; margin-right: 5px; } 
.counter-header p {color: #191E2E;font-weight: 600;font-size: 18px;margin-bottom: 10px;} 
.counter-header sup { color: #191E2E; font-size: 29px; font-weight: 600; top: -.7em; }
.counter-header { border-bottom: 1px solid #00bcd4;  margin-bottom: 20px;}




/* owl */

.owl-nav {width: 123px;margin: auto;padding-top: 25px;}
.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button { background-color: transparent; overflow: hidden;  display: inline-block; min-width: auto !important; margin-right: 7px; 
width: 14px; height: 14px; border: 1px solid #707070 !important; border-radius:100%;}
.owl-dots button.owl-dot.active {background: #707070;}
.owl-dots button{box-shadow:none !important; outline:none !important; }
.owl-nav button {width: 50px;min-width: auto;height: 50px;position: relative;overflow: hidden;border: 1px solid #fff !important;
    pointer-events: all;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);float: left;background: #fff !important;border-radius: 100%;}
.owl-nav button:hover{background: #fff !important;}
.owl-nav button span {position: relative; z-index: 1;}  
.owl-nav  .fa-angle-right:before {font-family: 'LineIcons' !important; content: "\e93e";}
.owl-nav .fa-angle-left:before {font-family: 'LineIcons' !important;     content: "\e93c";} 
.owl-carousel .owl-item img {width: auto;}
 button.owl-next {float: right;}
.owl-nav button span { color:#000;}
.nav-center .owl-nav { width: 105%;  top: 50%;  left: 50%;  position: absolute; transform: translate(-50%, -50%); pointer-events: none;}



 
 

/* baaner swipe */

.info {margin: 0 auto;	 text-align: center;}
.w { margin: 0 auto; white-space: nowrap; width: 100%; height: 600px;position: absolute;
	 top: 0; left: 0; right: 0;	 bottom: 0;	 overflow: hidden;	 background: rgba(66, 66, 66, .5) url('images/apple-bright.jpg') repeat fixed;
 	 background-position: 50% 100%;	 background-size: cover;	 position: relative;	 z-index: 5; font-size: 0;
	 }
 .i {width: 40px; height: 100%; display: inline-block;	 position: relative;	 z-index: 4; padding: 2px;	 transition: all 1.3s ease-in-out;
	 background: rgba(66, 66, 66, .5) url('images/woman-practicing-yoga.jpg') repeat fixed;	 background-size: cover;
	 	 background-position: 50% 100%;	 border-radius: 0%;
		 }
.i:hover {transition: all 0s linear; opacity: 0;}
.h {display: block;position: absolute;z-index: 2;width: 100%;text-align: center;font-size: 40px;color: #fff;left: 50%;top: 50%;
 transform: translate(-50%, -50%);}
.h h3 {font-size: 60px;  color: #fff;text-shadow: 0 5px 17px rgba(87, 87, 80, 0.85);}

.pak { position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);  z-index: 11; width: 100%;
 font-size: 20px;    pointer-events: none;}
.pak .btn{pointer-events: auto;}
.marqee-slide {max-height: 395px; overflow: hidden; padding-right: 30px; overflow-y: auto;}
.event-section .form-control {border-radius: 0px;}
.event-item {position: relative; border: 1px solid #00bcd4; margin-bottom: 20px; padding: 10px 20px 5px 69px;}
.event-date { position: absolute; left: 0px; top: 0px; bottom: 0px; background: #00bcd4;  color: #fff;  display: flex;  justify-content: center;
    align-items: center;  font-weight: 600; padding: 0px 10px;}
span.event-date:after { width: 0; height: 0;  border-style: solid; border-width: 15px 0 0 15px;border-color: transparent transparent transparent #00bcd4; content: "";  position: absolute; bottom: -7px; left: -1px;}


.map {height: 100%; line-height: 0px;}
.map iframe { width: 100% !important; height: 100% !important;}


/* footer */

.footer{background: url(images/siting-banner.jpg) no-repeat !important; background-position: top center !important; 
    background-size: cover !important;  padding-bottom: 0px; background-attachment: fixed !important;}
.overlay-section { position: relative;}
.overlay-section:before {content: ""; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #000;}
.socail-icon ul { list-style: none;  display: block; text-align: center;}
.socail-icon ul li { display: inline-block;  margin-right: 10px;}
.socail-icon ul li a { width: 45px; height: 45px; line-height: 45px; border: 1px solid #fff; display: inline-block; border-radius: 100%;}
.socail-icon ul li a:hover{background:#00bcd4; border-color:#00bcd4;}
.footer-menu ul { padding: 0px; margin: 0px;  list-style: none;}
.footer-menu ul {text-align: center;}
.footer-menu {padding-bottom: 10px;}
.footer-menu ul li { display: inline-block; margin-right: 10px;}
.footer-menu ul li:last-child {margin-right: 0px;}
.footer * {color:#fff;}
.newsletter button {border-radius: 31px; padding: 10px 15px; position: absolute; right: -1px; bottom: 0px;min-width: 159px;letter-spacing: 2px;}
.field {position: relative;}
.newsletter .field{margin-bottom:30px;}

.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}

.footer-logo { margin-bottom: 20px; max-width: 200px;}
.socail-icon ul { list-style: none; padding: 0px; margin: 0px; text-align: left; } 
.socail-icon ul li { text-align: center;  padding-left: 0px !important;} 
.socail-icon ul li:before{display: none;}
.footer-widget ul { list-style: none; padding: 0px; } 
.footer-widget ul li { position: relative; padding-left: 20px; margin-bottom: 10px; } 
.footer-widget-title { position: relative; font-size: 20px; padding-bottom: 15px; } 
.footer-widget-title:before {content: "";position: absolute;left: 0px;bottom: 0px;width: 40px;height: 2px;background: #00bcd4;}


.newsletter .form-control:focus{border-color:#fff;}
.newsletter .form-control{color:#fff;}
.socail-icon {padding: 20px 0px;}

.footer-widget {padding-left: 20px;}
.footer-widget ul li:before { font-family: 'LineIcons' !important; content: "\e93e"; position: absolute;  left: 0px; top: 0px;}

.footer address i { position: absolute; left: 0px; top: 7px; } 
.footer address { position: relative; padding-left: 25px; } 
i.fa.fa-phone {transform: rotate(92deg);}

.copyright { position: relative; background: #00bcd4; padding: 10px 0px; margin-top: 50px;}
.copyright a:hover {color: #eee !important;}


/* inner banner */
 
ol.breadcrumb { background: transparent; text-align: right;  float: right;}
ol.breadcrumb li{ font-weight: 500;   color: #85bc44;}
ol.breadcrumb li a{color:#fff; font-weight: 300;}
ol.breadcrumb li a:hover{color:#85bc44; }
.breadcrumb-item+.breadcrumb-item::before { color: #fff; content: "|";}
.breadcrumb-item.active { color: #85bc44;}


     


/* pagination */

.blog-pagination nav {display: inline-block; width:100%;}
.blog-pagination{display:inline-block; text-align: center; width: 100%;}
.page-link:focus { z-index: 2;  outline: 0;   box-shadow: none;}
.page-link {color: #212121; font-weight: 500;}
.page-item.active .page-link { background-color: #027abf;  border-color: #027abf;}
.blog-single-page  ul.pagination { width: 100%; display:inline-block;}
ul.pagination { display: inline-block;}
ul.pagination li.page-item.text-left { padding-right: 10px;}
ul.pagination li {float: left;}



/* single pagination */

.blog-single-page .blog-pagination {  padding-top: 25px;   border-top: 1px solid #eee;    margin-top: 40px;}
.blog-single-page .blog-pagination a.page-link { border: none;}
.blog-single-page .blog-pagination a.page-link:hover { background: transparent;}
.page-link:hover {color: #85bc44;}
.blog-single-page .blog-pagination a.page-link strong { margin-bottom: 3px;    display: inline-block;}
.blog-single-page ul.pagination li{ width: 50%; float:left;}
.blog-single-page ul.pagination li.page-item.text-right { padding-left: 10px; float:right;}

 

/* loader */

.se-pre-con{position:fixed;left:0px;top:0;margin-left:0px;margin-top:0px;width:100%;height:100%;     z-index: +11111;
     background: rgba(0, 0, 0, 0.92) !important; text-align:center;display:block;}
 
.loader-img { display: flex;width: 100%;height: 100%;   align-items: center;justify-content: center;font-size:72px;}
 @keyframes blink {
    
    0% {
      opacity: .2;
    }
    
    20% {
      opacity: 1;
    }
    
    100% {
      opacity: .2;
    }
}

.saving span {
   color: #fff;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    margin-right: 5px;
    
}

.saving span:nth-child(2) {animation-delay: .2s;}
.saving span:nth-child(3) {animation-delay: .4s;}
.saving span:nth-child(4) {animation-delay: .6s;}
.saving span:nth-child(5) {animation-delay: .8s;}  
.btn.quote-btn {position: fixed; right: -56px; top: 40%;  z-index: 11; transform: rotate(-90deg);
    border-radius: 10px; font-size: 14px;  font-weight: 600;  padding: 16px 25px; border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px; text-transform: inherit; transform: matrix(0, -1, 1, 0, 0, 0);}
.before-none:before{display: none;}

.field-sm { float: left; width: 50%; padding: 0px 10px; } 
.field .field-sm:first-child { padding-left: 0px; }
.field .field-sm:last-child { padding-right: 0px; } form label { font-weight: 600; }
.call-btn { width: 50px; height: 50px;  background: #00bcd4; display: inline-block;  color: #fff !important; border-radius: 100%; text-align: center; line-height: 50px;  position: fixed; z-index: 11; bottom: 80px; right: 30px;}



/* container */


 
@media (min-width: 767px){
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
}
@media (min-width: 1200px){
.container {max-width: 1170px;	}
.container-fluid {padding-left: 30px;  padding-right: 30px;}

}

@media (max-width:1500px){
	
}


@media(min-width:576px){

.ressponive-tab .card{border:none;}
.ressponive-tab .card .card-header{display:none;}
.ressponive-tab .card .collapse{display:block;}
.work-steps div#content {  height: 100%;}
 
}


@media(max-width:575px){
.ressponive-tab .tab-content > .tab-pane{display:block !important;opacity:1;}
.ressponive-tab  .nav-pills { display: none;}
 


}