@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body{margin:0;padding: 0;color:#1c5179;overflow-x: hidden;background: url("../img/bg-body.webp");background-repeat: repeat;background-position: left top;font-family: "Bai Jamjuree", Sans-serif;background-attachment: fixed}

html{scroll-behavior:smooth}

.row{margin:0}.container-fluid{padding-left:0}

h2{font-size:3rem}

.banner .row > * {

  padding-right: 0!important;

  padding-left: 0!important;

}

/*.banner{background: #e4e5e7}*/

.container-fluid.banner .row .col-12.col-xl-5.mt-5.pt-5.ps-5{padding-top:100px!important;padding-left:7%!important}	

.rotateme {

  -webkit-animation-name: rotateme;

  animation-name: rotateme;

  -webkit-animation-duration: 20s;

  animation-duration: 20s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;position: absolute;z-index: 9999;right:0;top:0

}



@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}	

.w3-animate-fading{animation:fading 5s;animation-iteration-count: 1;}@keyframes fading{0%{opacity:0}100%{opacity:1}}

.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-1800px;opacity:0} to{left:0;opacity:1}}



/*button*/

.gb {

  padding: 8px 20px;

  cursor: pointer;

  font-size: 18px;

  border-radius: 4px;

}

.gb-bordered {

  padding: 6px 20px;

  position: relative;

  border: 4px solid transparent;

  background-clip: padding-box;

  transition: 0.5s all;z-index: 999999;

}

.gb-bordered a{color:#fff;text-decoration: none}	

.gb-bordered:after {

  transition: 0.5s all;

  position: absolute;

  top: -4px;

  left: -4px;

  right: -4px;

  bottom: -4px;

  content: "";

  z-index: -1;

  border-radius: 4px;color:#fff

}

.hover-slide {

  transition: 0.6s all;

}



.hover-slide:after {

  background-size: 200% 100%;

  background-position: 0% 0;

}



.hover-slide:hover:after {

  background-position: 100% 0;

}

.gb11:after {

  background-image: linear-gradient(

    135deg,

    #165ae3 0%,

    #165ae3 22%,

    #0448d1 22%,

    #0448d1 28%,

    #0e37b4 28%,

    #0e37b4 72%,

    #0241cc 72%,

    #0241cc 100%

  );

}

/*button*/

/*video section*/	

.glow-btn {

  position:relative;width:35px;height:35px;display: inline-block;text-align: center;vertical-align: middle;left:3%;

}

.glow-btn a{color:#1286d8}

.glow-btn::after,

.glow-btn::before,

.glow-btn>i::after {

  content:" ";

  position:absolute;

  top:0px;

  left:0;

  width:100%;

  height:100%;

  color:#1286d8;

  border-radius:50%;

  -webkit-box-shadow:0 0 0 0 #1286d8;

  box-shadow:0 0 0 0 #1286d8;

  -webkit-animation:button-ripple 3s infinite;

  animation:button-ripple 3s infinite;

  opacity:.6;

  z-index:999999999999;margin-top:-5px;

}

.glow-btn::before {

  -webkit-animation-delay:.9s;

  animation-delay:.9s

}

.glow-btn::after {

  -webkit-animation-delay:.3s;

  animation-delay:.3s

}

@keyframes button-ripple {

  70% {

    -webkit-box-shadow:0 0 0 var(--glow-size,15px) #1286d8;

    box-shadow:0 0 0 var(--glow-size,15px) #1286d8;

    opacity:0

  }

  100% {

    -webkit-box-shadow:0 0 0 0 currentColor;

    box-shadow:0 0 0 0 currentColor;

    opacity:0

  }

}	

/*title before*/

.title-sec .h5 {

    color:#fff;

    font-size: 20px;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

    display: inline-block;

}

.title-sec .h5:before {

    position: absolute;

    z-index: 1;

    content: "";

    display: inline-block;

    width: 40px;

    height: 1px;

    background: #fff;

    right: -46px;

    top: 15px;

}

.title-sec:after {

    position: absolute;

    content: "";

    left: -5px;

    top: -4px;

    background: url(../img/section1.png);

    width: 63px;

    height: 63px;

    display: inline-block;

    background-repeat: no-repeat;

}

/*line*/

.line:nth-child(1) {

    margin-left: -24%;

}

.line {

    position: absolute;

    width: 100%;

    height: 3px;

    top: 60px;

    left: 0;

    background: #1458e1;

    overflow: hidden;

    border-radius: 50%;z-index: 99999999

}

.line::after {

    content: "";

    display: block;

    position: relative;

    height: 3px;

    width: 50px;

    top: 0;

    left: 0px;

    background-color: #fff;

    -webkit-animation: moveLeftBounces-two 40s linear infinite;

    animation: moveLeftBounces-two 20s linear infinite;

    overflow: hidden;z-index: 99999999

}

@-webkit-keyframes moveLeftBounces-two {

0% {

-webkit-transform: translateX(0);

transform: translateX(0);

}

50% {

-webkit-transform: translateX(1920px);

transform: translatex(1920px);

}

100% {

-webkit-transform: translateX(0);

transform: translateX(0);

}

}

/*line*/

.info{font-size:.9rem;line-height:19px;color:#0e37b4}

.info a{color:#0e37b4;text-decoration:none}

.info .fas{font-size:1.2rem;line-height:16px;color:#226af4;margin:13px;}

.bg-body-tertiary{background: #1a4f77!important}

 .navbar-expand-lg .navbar-nav .nav-link,.navbar-brand{color:#1a4f77!important}

.navbar{z-index: 999999}

.float-start.me-2.border{border-radius: 50%;}	

	

/*service box*/

.services{background: url("../img/service-bg.webp");background-position: center top;background-size: 100% auto;padding: 50px 0px; background-repeat: repeat}	

.service-box{

            position: relative;

            overflow: hidden;

            margin-bottom:10px;

            perspective:1000px;

            -webkit-perspective:1000px;

        }

        .service-icon{

            width: 100%;

            height: 220px;

            padding: 20px;

            text-align: center;

            transition: all .5s ease;

        }

.color{backgroung:#293241}

.color1{backgroung:#3D5B81}

.color2{backgroung:#9BC0D9}

.color3{backgroung:#DFFBFC}

        .service-content{

            position: absolute;

            top: 0;

            left: 0;

            z-index: 1;

            opacity: 0;

            width: 100%;

            height: 220px;

            padding: 20px;

            text-align: center;

            transition: all .5s ease;

            background-color: #122878;

            backface-visibility:hidden;

            transform-style: preserve-3d;

            -webkit-transform: translateY(110px) rotateX(-90deg);

            -moz-transform: translateY(110px) rotateX(-90deg);

            -ms-transform: translateY(110px) rotateX(-90deg);

            -o-transform: translateY(110px) rotateX(-90deg);

            transform: translateY(110px) rotateX(-90deg);

        }

        .service-box .service-icon .front-content{

            position: relative;

            top:80px;

            -webkit-transform: translateY(-50%);

            -moz-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

            -o-transform: translateY(-50%);

            transform: translateY(-50%);

        }



        .service-box .service-icon .front-content i {

            font-size: 28px;

            color: #fff;

        }



        .service-box .service-icon .front-content h3 {

            font-size: 15px;

            color: #fff;

            text-align: center;

            margin-bottom: 15px;

            text-transform: uppercase;

        }

        .service-box .service-content h3 {

            font-size: 15px;

            font-weight: 700;

            color: #fff;

            margin-bottom:10px;

            text-transform: uppercase;padding-top:30px

        }

        .service-box .service-content p {

            font-size: 13px;

            color: #b1b1b1;

            margin:0;padding:30px 0px

        }

        .yellow{background-color: #0022b0;}

        .orange{background-color: #0237c3;}

        .red{background-color:#1a5ee7;}

        .grey{background-color: #326fe9;}

        .service-box:hover .service-icon{

            opacity: 0;

            -webkit-transform: translateY(-110px) rotateX(90deg);

            -moz-transform: translateY(-110px) rotateX(90deg);

            -ms-transform: translateY(-110px) rotateX(90deg);

            -o-transform: translateY(-110px) rotateX(90deg);

            transform: translateY(-110px) rotateX(90deg);

        }

        .service-box:hover .service-content {

            opacity: 1;

            -webkit-transform: rotateX(0);

            -moz-transform: rotateX(0);

            -ms-transform: rotateX(0);

            -o-transform: rotateX(0);

            transform: rotateX(0);

        }	

/*service box*/

.span{color:#1286d8}	

.bg-section1{padding:50px 0px;background: url(../img/dryer-lint-cleaning.webp);background-size: cover; background-position: center}

.bg-section2{padding-bottom:30px;color:#fff}

@keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    transform: translate3d(25px, 0, 0);

  }



  75% {

    transform: translate3d(-10px, 0, 0);

  }



  90% {

    transform: translate3d(5px, 0, 0);

  }



  to {

    transform: none;

  }

}



.bounceInLeft {

  animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}



ul li{list-style: none}

.bg-call{background: url("../img/call-center-section.webp");background-position: center top; background-repeat: no-repeat;background-size: 100% auto;padding:50px 0px}

.bg-section1 .ms-5 {

  margin-left: 6rem !important;

}

.padding-l{padding-left:8%!important}

/*FAQ*/

.faq{position: relative;z-index: 1;line-height:35px}

.row,.container ,ul,.row > *{padding-left:0;padding-right:0!important}

.tabs {

  position: relative;

  width: 90%;

  margin: 2em 0px;

}



.tabs-navigation:after {

  content: "";

  display: table;

  clear: both;

}



.tabs-navigation ul {

  float: left;padding-left: 0;

  

}

@media (max-width: 575px) {

  .tabs-navigation ul {

    width: 100%;

  }

}



.tabs-navigation li {

  float: left;background-color: dodgerblue;margin-right:20px

}

@media (max-width: 575px) {

  .tabs-navigation li {

    position: relative;

    width: 100%;

    display: block;

    text-align: center;

  }

}



.tabs-navigation a {

  position: relative;

  display: block;

  height: 60px;

  line-height: 60px;

  font-size: 14px;

  text-decoration: none;

  font-weight: 700;

  color: #FFF;

  padding: 0 2.8rem;

}

.tabs-navigation a:hover {

  background-color: #0077ea;

}



.tabs-navigation a.selected {

  box-shadow: inset 0 5px 0 0 #afbad9;

}

@media (max-width: 575px) {

  .tabs-navigation a.selected {

    box-shadow: none;

    background-color: #0077ea;

  }

}



.tabs-content {

  background-color: white;

  overflow: hidden;

}



.tabs-content li {

  display: none;

  

}

.tabs-content li p {

  line-height: 1.6;

  color: #1c5179;

  margin: 2rem;margin-left:0px

}



.tabs-content li.selected {

  display: block;

  animation: fade-in 0.5s;

}



@keyframes fade-in {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

/*FAQ*/

/*gallery*/

.heading {

    text-align: center;

    font-size: 2.0em;

    letter-spacing: 1px;

    padding: 40px;

    color: white;

}



.gallery-image {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;background: #030f25;

}



.gallery-image img {

  height: 400px;

  width:100%;

  transform: scale(1.0);

  transition: transform 0.4s ease;

}



.img-box {

  box-sizing: content-box;

  height: 400px;

  width:calc(100% / 5);

  overflow: hidden;

  display: inline-block;

  color: white;

  position: relative;

  background-color: white;

}



.caption {

  position: absolute;

  bottom: 5px;

  left: 20px;

  opacity: 0.0;

  transition: transform 0.3s ease, opacity 0.3s ease;

}



.transparent-box {

  height:400px;

  width:100%;

  background-color:rgba(0, 0, 0, 0);

  position: absolute;

  top: 0;

  left: 0;

  transition: background-color 0.3s ease;

}



.img-box:hover img { 

  transform: scale(1.1);

}



.img-box:hover .transparent-box {

  background-color:rgba(0, 0, 0, 0.5);

}



.img-box:hover .caption {

  transform: translateY(-20px);

  opacity: 1.0;

}



.img-box:hover {

  cursor: pointer;

}



.caption > p:nth-child(2) {

  font-size: 0.8em;

}



.opacity-low {

  opacity: 0.5;

}

/*gallery*/

/*counter*/



.counter-container {

  display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

  margin: 30px;float:left;

}

.counter {

  font-size: 60px;

  margin-top: 10px;

}



@media (max-width: 580px) {

  body {

    flex-direction: column;

  }

}

/*counter*/

/*testimonials*/

.bg-img1{background:url('../img/bg-testimonials.webp') no-repeat center top;background-size:100% auto;}

.testi_content {

  background: #1c54de;

  padding: 42px 0 40px 32px;

  position: relative;

  z-index: 1;color:#fff

}



.testi_content::after {

  content: "";

  position: absolute;

  width: 18px;

  height: 18px;

  background: #1c54de;

  left: 20px;

  bottom: -9px;

  transition: 0.5s;

  z-index: -9;

  transform: rotate(45deg);

}

.style13:hover .testi_content:after {

    background: #3ca1fe;

}

.testi_content::before {

  content: "";

  position: absolute;

  width: 4px;

  height: 120px;

  background: url("../img/testi-img-bg.webp");

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  transition: 0.5s;

  z-index: -1;

}

.style13:hover .testi_content:before {width:100%;

    height: 100%;}



.testi_text {

  width: inherit;

  margin: 0;

  padding: 0;

  font-style: inherit;

  font-size: 16px;

  line-height: 30px;

  color: #fff;

  font-weight: 400;

  font-family: "Rubik";

  transition: 0.5s;

}

.em_reviews_rating {

  padding: 20px 0 0 0;

  position: relative;

}

.em_reviews_rating::before {

  content: "";

  position: absolute;

  height: 28px;

  width: 38px;

  background: url("../img/testi-shape.webp");

  top: 20px;

  right: 30px;

  transition: 0.5s;

}

.em_reviews_rating .testi-star .fa.fa-star{color:#011126}

.testi_title {

    margin: 0 0 0 15px;

}

.testi_title h2 {

    margin-bottom: 0;

    text-transform: capitalize;

    letter-spacing: 0;

    font-size: 19px;

    color: #fff;

    font-weight: 500;

}

.testi_title span {

    display: block;

    padding-top: 5px;

    transition: .5s;

    font-size: 14px;

    line-height: 24px;

    color: #9d9ea6;

    font-weight: 400;

    font-family: "Rubik";

}

.testi-single-thumb {

    display: flex;

    align-items: center;

    position: relative;

}

.author img {

    height: 65px;

    width: 65px;

    line-height: 65px;

    border: 3px solid #ffffff;

    border-radius: 50%;

    transition:0.5s;

}

.style13:hover .author img {

    border: 3px solid #3ca1fe;

}

.margin-t{margin-top:-130px;}

.location{background:#f4f4f4;padding:50px 0px}

/*location move*/

.location-move{animation: witr_movelr_box45 5s linear 1s infinite alternate running;margin-top:-150px}

@-webkit-keyframes witr_movelr_box45 {

  0%{

	  -webkit-transform: translateX(0px);

	          transform: translateX(0px);

	}

  100%{

	  -webkit-transform: translateX(45px);

	          transform: translateX(45px);

	}

}

@keyframes witr_movelr_box45 {

  0%{

	  -webkit-transform: translateX(0px);

	          transform: translateX(0px);

	}

  100%{

	  -webkit-transform: translateX(45px);

	          transform: translateX(45px);

	}

}

/*location move*/

/*marquee*/

.marquee {width:100%;margin: 0 auto;overflow: hidden;white-space: nowrap;box-sizing: border-box;animation: marquee 50s linear infinite;color:#fff;}

.marquee:hover {animation-play-state: paused}

/* Make it move */

@keyframes marquee {0%   { text-indent: 27.5em }100% { text-indent: -105em }}

/*testimonials*/

/*video*/

.rotate {

  position: absolute;

  top:0px;

  right:-10px;

}

.img-rotate{margin-top:150px}

.rotateme {

  -webkit-animation-name: rotateme;

          animation-name: rotateme;

  -webkit-animation-duration: 20s;

          animation-duration: 20s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

}

@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

.video {

  top: 30px;

  left: 88%;

  position: relative;

  opacity: .7;

  -webkit-animation: circle-img-anim 1s infinite ease-in-out;

  -moz-animation: circle-img-anim 1s infinite ease-in-out;

  -ms-animation: circle-img-anim 1s infinite ease-in-out;

  -o-animation: circle-img-anim 1s infinite ease-in-out;

  animation: circle-img-anim 1s infinite ease-in-out;

  float: left;

  padding-right: 0px;font-size: 30px;

}

@keyframes circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}

/*video*/

.bg-form{background:url('../img/bg-form.webp') no-repeat center top;background-size:cover;padding:100px 0px;background-attachment: fixed}

.contact{padding: 70px 50px;background:rgba(255,255,255,.3);margin-top:50px;border-radius:5px}

.spam { display:none;}




.row .col-6.mt-5.pt-5 .mb-3{font-size:25px}

.call{background:url('../img/call.webp') no-repeat center top;background-size:cover;}

.call i{color:#fff}

.row .col-lg-3.img-rotate.position-relative .rotate.rotateme{right:-20px}

footer a{color:#1c5179;text-decoration: none}

 .title-sec .h5::before {color:#00b1ec !important}

.custom-btn {

  color: #fff;

  padding: 10px 25px;

  font-weight: 500;

  background: transparent;

  cursor: pointer;

  transition: all 0.3s ease;

  display: inline-block;

   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),

   7px 7px 20px 0px rgba(0,0,0,.1),

   4px 4px 5px 0px rgba(0,0,0,.1);

  outline: none;position: relative;z-index: 999999

}

a{color:inherit}

.btn-9 {

  border: none;

  transition: all 0.3s ease;

  overflow: hidden;color: #fff;

}

.btn-9:after {

  position: absolute;

  content: " ";

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

   background-color: #1c5179;

background-image: linear-gradient(315deg, #1c5179 0%, #1286d8 74%);

  transition: all 0.3s ease;

}

.btn-9:hover {

  background: transparent;

  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),

              -4px -4px 6px 0 rgba(116, 125, 136, .2), 

    inset -4px -4px 6px 0 rgba(255,255,255,.5),

    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);

  color: #fff;

}

.btn-9:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg);

  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),

              -4px -4px 6px 0 rgba(116, 125, 136, .2), 

    inset -4px -4px 6px 0 rgba(255,255,255,.5),

    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);

}

.heading {

	font-family: "Montserrat", Arial, sans-serif;

	font-size: 2rem;

	font-weight: 500;

	line-height: 1.5;

	text-align: center;

	padding: 3.5rem 0;

	color: #1c5179;

}

.heading span {

	display: block;

}

.gallery {

	display: flex;

	flex-wrap: wrap;

	margin: -1rem -1rem;

}

.gallery-item {

	flex: 1 0 24rem;

	margin: 1rem;

	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);

	overflow: hidden;

}

.gallery-image {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: transform 400ms ease-out;

}



.gallery-image:hover {

	transform: scale(1.15);

}

/*taba*/

.tab {

  padding-top: 50px;

  margin-bottom: 20px;

  position: relative;

  overflow: hidden;

  background: #fff;

  width: 70%;

  margin: 0 auto;

  font-family: "Roboto", sans-serif;

  line-height: 1.5;

  font-weight: 300;

  color: #888;

  -webkit-font-smoothing: antialiased;

}



.tabs {

  display: table;

  position: relative;

  overflow: hidden;

  margin: 0;

  width: 100%;

}

.tabs li {

  float: left;

  line-height: 38px;

  overflow: hidden;

  padding: 0;

  position: relative;

}

.tabs a {

  background-color: #00b1ec;

  color: #000;

  font-weight: 500;

  display: block;

  letter-spacing: 0;

  outline: none;

  padding: 0 20px;

  text-decoration: none;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  border-bottom: 2px solid #1c5179;

}

.tabs_item {

  display: none;

  padding: 30px 0;

}

.tabs_item h4 {

  font-weight: bold;

  color: #1c5179;

  font-size: 20px;

}

.tabs_item img {

  width: 200px;

  float: left;

  margin-right: 30px;

}

.tabs_item:first-child {

  display: block;

}



.current a {

  color: #fff;

  background: #1c5179;

}

/*taba*/

.card-body,.text-muted{color:#1c5179!important}

@media only screen and (max-width:1200px){.navbar-toggler{color:#1d5179!important}

.banner{background-size:cover;height:auto}

.bg-call{background-size:cover;background-position: left}	

.bg-section1{background-position: center top;}

.padding-l{padding-left:8%!important}.nav-link{margin-top:20px}

.info{display: none}	

.bg-img1{background-size:cover}	

.row .col-lg-3.img-rotate.position-relative .rotate.rotateme {

  right: 10px;

}	

.contact{margin-top:50px}

}	



@media only screen and (max-width:850px){

}		

@media only screen and (max-width:700px){

	.row > * {

  padding-right: 5%!important;

  padding-left: 5%!important;

}



}

.fa,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-3x{font-size:3em}.fa-blogger-b:before{content:"\f37d"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-facebook-f:before{content:"\f39e"}.fa-google:before{content:"\f1a0"}.fa-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-pinterest-p:before{content:"\f231"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-smile:before{content:"\f118"}.fa-star:before{content:"\f005"}.fa-thumbs-up:before{content:"\f164"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-truck:before{content:"\f0d1"}.fa-warehouse:before{content:"\f494"}.fa-youtube:before{content:"\f167"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fa-clipboard-list::before {content: "\f46d";}.fa-question::before {content: "\f128";}.fa-phone-alt:before{content:"\f879"}.fa-headset:before{content:"\f590"}.fa-smile:before{content:"\f118"}.fa-facebook-square:before{content:"\f082"}.fa-youtube-square:before{content:"\f431"}.fa-google-plus-square:before{content:"\f0d4"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-left:before{content:"\f30a"}

a{text-decoration:none}

h1{font-size:4rem}

.arrow_animation_float {animation:arrow_animation_float 6s ease-in-out infinite;transform: translatey(0px);}

@keyframes arrow_animation_float {

  0% {

    transform:translatey(0)

  }

  50% {

    transform:translatey(-20px)

  }

  100% {

    transform:translatey(0)

  }

}

 .container{

    max-width: 1450px;

  }

.margin-l{margin-left:80px!important}

.spin-top{margin-top:-40px;}

.spinner-image {

  animation: spinner 4s infinite linear;background: #1c5179;border-radius: 50px;

}

@keyframes spinner {

  to {

    transform:rotateZ(-360deg)

  }

}

/*phone*/

.ph-img-circle {

    width: 40px;

    height: 40px;

    position: relative;

    background: rgba(255, 255, 255, 0.4) url("../img/phone.png") no-repeat center center;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    opacity: .7;

    -webkit-animation: circle-img-anim 1s infinite ease-in-out;

    -moz-animation: circle-img-anim 1s infinite ease-in-out;

    -ms-animation: circle-img-anim 1s infinite ease-in-out;

    -o-animation: circle-img-anim 1s infinite ease-in-out;

    animation: circle-img-anim 1s infinite ease-in-out;left:20px;color:#1c5179;bottom: 10px

}









@-moz-keyframes circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



@-webkit-keyframes circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



@-o-keyframes circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}



@keyframes circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)

    }

}

/*phone*/

.btn{color:#fff;border:1px solid #fff;background-color:#1c5179}

.btn:hover{background-color:#70a1c6}

[class^=btn-] {

  position: relative;

  display: block;

  overflow: hidden;

  

  margin: 1rem auto;

  text-transform: uppercase;

  border: 1px solid currentColor;z-index: 555

}

.btn-8:before, .btn-8:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #1c5179;transition: 0.5s ease-in-out;z-index: -5

}

.btn-8:before {

  transform: translateY(-100%);

}

.btn-8:after {

  transform: translateY(100%);

}

.btn-8:hover {

  color:#fff;

}

.btn-8:hover:before {

  transform: translateY(-50%);

}

.btn-8:hover:after {

  transform: translateY(50%);

}

.bg-opacity{background: rgba(28,81,121,.7)}



/*.service-box*/

.service h1

{

    color: #777;

    display: inline;

    font-size: 38px;

    font-weight: inherit;

}



.service label

{

    background: #e02217;

    padding: 0px 12px;

    border-radius: 6px;

    font-weight: bolder;

    color: white;

    font-size: 38px;

    margin-right: 6px;

 

}

.service p

{

    color: #666;

    font-size: 14px;

    margin: 15px 0px 0px 0px;

    

}

.service .service-block .service-box

{

	  display: inline-block;

    height: 200px;

    width: 350px;

    margin: 0px 13px;

    cursor:pointer;

    text-align: center;

    border-radius: 5px;

    position: relative;

    padding: 90px 5px;

    margin-bottom: 30px;

    border: 1px solid rgba(238, 238, 238, 0.65);

    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);

    -webkit-transition: 0.36s;

    transition: 0.36s;

    background-color: #fff;

}

.service .service-block .service-box:hover

{

    border: 1px solid #fff;

    background:#d4e3ee;

    transform: scale(1.05);

}





.service .service-block .service-box:hover h3

{

    top: 100px;

    color: #1c5179;

}

.service .service-block .service-box:hover i {

    top: 40px;

    color: #1c5179;



    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;

}

.service .service-block .service-box:hover  p

{

  opacity: 1;

    color:#1c5179;

 }



.service .service-block .service-box:before

{

    position: absolute;

    content: "";

    height: 25%;

    width: 25%;

    left: 10px;

    top: 10px;

    border-top-left-radius: 5px;

    border-top: 1px solid #1c5179;

    border-left: 1px solid #1c5179;

}

.service .service-block .service-box:after

{

	position: absolute;

    content: "";

    height: 25%;

    width: 25%;

    bottom: 10px;

    right: 10px;

    border-bottom-right-radius: 5px;

    border-bottom: 1px solid #1c5179;

    border-right: 1px solid #1c5179;

}

.service .service-block .service-box h3

{

  text-transform: capitalize;

    color: #1c5179;

    top: 70px;

    left: 0;

    right: 0;

    font-size: 20px;

    position: absolute;

    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;



}



.service .service-block .service-box p

{

	position: absolute;

    opacity: 0;

  color:white;

    top: 120px;

    right: 0px;

    left: 0px;

    transform: scale(0.6);

    margin: 5px auto;

    padding: 0px 5px;

      font-size:25px;

    transition: all 0.5s ease 0s;

}

   

.service .service-block .service-box span i {

    font-size: 40px;

    color: #00b1ec;

    position: absolute;

    left: 0;

    right: 0;

    top: 110px;

    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;

}

/*gallery*/

.container-all{

  width: fit-content;

  margin: 20px auto;

  height: auto;

}

.container1{

  width: calc(33.33% - 6px);

  overflow:hidden;

  height: fit-content;

  margin:3px;

  padding: 0;

  display:block;

  position:relative;

  float:left;

}

.title{

  position:absolute;

  display:none;

  cursor:pointer;

  top: 35%;

  left: 50%;

  margin-right: -50%;

  transform: translate(-50%, -50%);

  font-weight: bold;

  font-size: 1.6em;

  text-shadow: 1px 5px 10px black;

  transition-duration: .3s;

}

.text{

  position:absolute;

  top: 70%;

  cursor:pointer;

  max-width: 80%;

  text-align:center;

  left: 50%;

  text-shadow: 1px 5px 10px black;

  font-size: 1em;

  display:none;

  margin-right: -50%;

  transition-duration: .3s;

  transform: translate(-50%, -50%) 

}

.container1:hover img{

  transform: scale(1.2);

  transition-duration: .3s;

  filter: grayscale(50%);

  opacity: .7;

}

.container1:hover span{

  color:white;

  display: block;

  transition-duration: .3s;

}

.container1 img{

  width: 100%;

  transition-duration: .3s;

  max-width: 100%;

  display:block;

  overflow:hidden;

  cursor:pointer;

}

@media only screen and (max-width: 900px) {

    .container1 {

        width: calc(50% - 6px);

    }

}

@media only screen and (max-width: 400px) {

    .container1 {

        width: 100%;

    }

}

/*gallery*/

.bg-dark{background:#1c5179!important}

.font1{font-size: 7rem}

.section3{background: #70a1c6}

.section3 .border-right{border-right:1px solid #fff}

.section3 a{color: #fff}