@charset "utf-8";
/* CSS Document */

body{ font-family: "Roboto Condensed", sans-serif;}
h1,h2,h3,h4,h5,h6{ font-weight:700; text-transform:uppercase;}
p,a,li{ font-weight:300; font-size:17px;}
a{ transition:1s;}
ul, ol { margin:0; padding:0;}
section { padding: 70px 0;}
.button-central{color: #ffffff; background-color: #1b1b1b; border-color: #1b1b1b; padding:9px 45px;}
.button-central:hover {color: #fff;background-color: #00e1e8;border-color: #00e1e8;}
a:hover { text-decoration:none;}

footer{ background:#262626; padding:70px 0;}
footer{ color:#fff;} 
footer h3 span{ color:#00e1e8;}
footer p, footer li{ color:rgba(255, 255, 255, 0.4); font-size:18px; line-height:30px; }
footer p{ }

footer + section{ padding:45px 0 35px 0; background:#1b1b1b;} 
footer + section ul{ width:100%; display:inline-block; width:100%; }
footer + section ul li{ color:#fff; list-style:none; text-align:center; }
footer + section ul li:first-child{ text-align:left;}
footer + section ul li:last-child{ text-align:right;}
@media (max-width: 992px) { footer + section ul li:first-child, footer + section ul li:last-child{ text-align:center;}  }

footer ul li:first-child span{ color:#fff; margin-left:25px;}
footer ul li:last-child span{ color:#fff; margin-left:15px;}
footer h3{ margin-bottom:35px;}
footer ul li{ list-style:none; }
footer ol { margin-top:25px;}
footer ol li {display: inline;margin-right: 10px;background: #313131;padding: 15px 19px;border-radius: 200px; transition:1s;}
footer ol li:hover { background:#00e1e8;}
footer ol li:hover i{ color:#313131;}
footer ol a i{color:#00e1e8; font-size:25px; transition:1s;  }

.quality-bg {  background:#f9f9f9;}
.form-container-style form{ background:#fff; padding:50px 15px; }
.form-control{ border-radius:0;}
.form-container-style .form-control{ border:none; border-bottom:1px solid #c4c4c4 }
.form-container-style .form-control:focus { border-bottom:1px solid #00e1e8; box-shadow:none;}

.section-lined {position: relative;}
.section-lined .container-lined {display: none;position: absolute;top: 0;left: 50%;height: 100%;transform: translateX(-50%);pointer-events: none;}
.section-lined .container-lined .row {height: 100%;margin: 0;}
.section-lined .container-lined .row > [class*="col-"] {border-left: 1px solid #e5e5e5;}
.section-lined .container-lined .row > [class*="col-"]:last-child {border-right: 1px solid #e5e5e5;}
.section-lined:before, .section-lined:after {content: '';position: absolute;width: 100%;border-left: 1px solid #000000;border-right: 1px solid #000000;}
.section-lined:before {max-width: calc(1200px - 30px);}
.section-lined:after {max-width: calc(420px - 30px);}
.section-lined .container-lined + .container {margin-top: 0;}
@media (min-width: 992px) {.section-lined .container-lined {display: block;}.section-lined .container-lined + .container .form-boxed {margin-right: 1px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}}

.hovereffect {
  width: 100%;
  height: 98%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #00e1e8; 
}

.content { margin-bottom:0px;}
.content h3{ color:#000; background:#fff; padding:10px; font-weight:300; text-transform:uppercase; font-size:20px;}

.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px;}
.hovereffect img {  display: block; position: relative;  max-width: none;  width: calc(100% + 20px);  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: translate3d(-10px,0,0);  transform: translate3d(-10px,0,0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.hovereffect:hover img {  opacity: 0.4;  filter: alpha(opacity=40);  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
.hovereffect h2 {  text-transform: uppercase;  color: #fff;  text-align: center;  position: relative;  font-size: 17px;  overflow: hidden;  padding: 3.5em 0 1.5em 0;  background-color: transparent;}
.hovereffect h2:after {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 2px;  background: #fff;  content: '';  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;  -webkit-transform: translate3d(-100%,0,0);  transform: translate3d(-100%,0,0);}
.hovereffect:hover h2:after {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
.hovereffect a, .hovereffect p {  color: #FFF;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: translate3d(100%,0,0);  transform: translate3d(100%,0,0);}
.hovereffect:hover a, .hovereffect:hover p {  opacity: 1;  filter: alpha(opacity=100);  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}

.counter h2{ font-weight:300; font-size:90px; padding:0; margin:0;}
.counter p{ font-size:15px; margin-top:27px;}
@media (max-width: 567px) { .counter p{ margin-top:0px;} }
.counter p span{ /*font-family: 'Dancing Script', cursive;*/ color:#00e1e8; font-size:25px;}
.counter ul { padding:0; margin:0;}
.counter ul li{ list-style-position:inside; list-style: none; list-style-color:#ff0; margin-bottom:15px;}
.counter ul li:before{ content:''; width:5px; height:5px; background:#00e1e8; position:relative; display:inline-block; margin-right:10px;}

.counter-1 ul li{ list-style:none; list-style-color:#ff0;}
.counter-1 ul li:before{ content: "\2022";
  color: #00e1e8;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;}

.image-respo-content{ background:#fff; padding:56px 0;}
.image-respo img { width:100%;} 
.image-respo-content h2{ font-weight:300; font-size:70px; }

.lined-1 { background-image: url(img/line.png), url(img/line.png), url(img/line.png),url(img/line.png), url(img/line.png);
  background-position: calc(100% - 106px) center, calc(100% - 1228px) center, calc(100% - 850px) center, calc(100% - 450px) center;
  background-repeat: no-repeat}
  
  .three-style{}
  .three-style i{ font-size:50px; color:#00e1e8;}
  .three-style h3{ font-weight:400; margin-bottom:15px; font-size:25px; margin-top:15px;}
  .three-style p{ color: rgba(0, 0, 0, 0.4); font-size:17px; }
  
  .four-block h3{ font-weight:400; margin-bottom:25px;}
  .four-block ul{ margin-left:15px; margin-bottom:35px;}
  .four-block ul li{ font-size:18px; list-style:none; margin-bottom:10px;}
  .four-block ul li a{ color:#000;}
  .four-block ul li a:hover{ color:#00e1e8;}
  .four-block img{ border-radius:5px;}
  @media (max-width: 990px) { .four-block h3{ margin:35px 0 25px;}}

.banner { background: url(img/bg-index.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
  .banner-style h1{ color:#00e1e8; font-size:68px; text-transform:uppercase; line-height:72px; margin:30px 0;}
  .banner-style, .banner-style img{ margin-left:25px;}
  .banner-style .content-banner{ padding:125px 0 150px 0;}
  .banner-style .content-banner-img-1 img{ padding-top:105px;}
   @media (max-width:992px) {
  .banner-style h1{ font-size:45px; line-height:55px; }
  .banner-style h1, .banner-style h4, .banner-style p{ padding:0px 25px;} 
  .banner-style h4{ margin-top:100px;}
  .banner-style,.banner-style img{ margin-left:0px;} 
  .banner-style .content-banner-img-1 img{ padding-top:25px;}
  .banner-style .content-banner{ padding:25px 0 25px 0;}
  .banner-style{ padding:0px 0;}
  }
  @media (max-width:992px) {.banner-style{ padding:0px 0;}}
  @media screen and (max-width: 996px) and (min-width: 768px) { .banner-style{ padding:0px 0;} .banner-style .content-banner-img-1 img{ padding-top:9rem;}}
  .banner-style h4{ font-weight:300; text-transform:uppercase; color:#fff;} 
  .banner-style p{ color:rgba(255, 255, 255, 0.4); font-size:20px; font-weight:400;}
  .banner-style ul li { /*display:ruby-text-container;*/ margin-bottom:40px; list-style:none;}
  .banner-style ul li a i { font-size:25px;}
  .banner-style ul li a{ background:rgba(255,255,255,.2); color:#fff; padding:16.5px 17px 13.5px 17px; border-radius:200px; transition:1s ease-out;}
  .banner-style ul li a:hover{ color:#00e1e8; background:rgba(255,255,255,1);}
  .banner-style ul {margin-left: 5rem; margin-top: 2rem;}
  .banner-style-img img { transform: rotate(-90deg) translateX(-40%); margin:0 auto; }
  .banner-style-img { height:250px; margin-top:125px;}
  
  .contact-us h2{ text-align:center; margin-bottom:25px;}
  .contact-us ul li{ list-style:none; text-align:center; padding-bottom:25px;  }

  .contact-content { background:#fff;  padding:25px; /*box-shadow: -1px 4px 31px 3px rgba(0,0,0,0.15);
-webkit-box-shadow: -1px 4px 31px 3px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 4px 31px 3px rgba(0,0,0,0.15); */text-transform:uppercase; border:1px solid #f0f0f0; }
.contact-content  span { text-transform:lowercase;}


.navbar-radius{ padding: 17px 62px;
background-color: #00e1e8;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; float:right; margin-top:-14px;}
.navbar-radius ul li:last-child .nav-link{ border-right:0;}
@media (max-width:992px) {.navbar-radius{ float:none;} .navbar-radius ul li .nav-link{ border-right:0;}}

.custom-subtitle h2, .custom-subtitle h3{ /*padding-left:70px;*/}
.custom-subtitle h2, .contact-us h4 { /*background-image:url(img/bg-header-1.jpg);*/ background-position:left bottom; background-repeat:no-repeat; line-height:27px; padding-bottom:15px;}
/*.custom-subtitle h2::after, .custom-subtitle h3::after {position: absolute;content: '';width: 70px;height: 1px;top: 37px;transform: translateY(-50%);left: 8px;                     background-color: #212529;}*/
.contact-us h4{ color:#00e1e8; font-weight:400; font-size:20px; margin-bottom:25px;}
.contact-us p{ font-weight:300;}
.contact-us ol li {display: inline;margin-right: 10px;background: #fff;padding: 15px 19px;border-radius: 200px;transition: 1s;border:1px solid #c4c4c4;}
.contact-us ol li a{ color:#000;}
.contact-us ol li a:hover{ color:#00e1e8;}
.contact-us h4, #contact-p .contact-us p, .contact-us ol{ padding-left:70px;}
.contact-us h4 {  background-image:url(img/bg-header-1.jpg); background-position:left bottom; background-repeat:no-repeat; line-height:1.8px; }
.contact-us ol{ margin-top:40px;}
@media (max-width:992px) { .contact-us h4{ margin-bottom:20px;} .contact-us p { margin-bottom:50px;} }


.custom-subtitle h3::after { top:29px;}
.package-list{ margin:35px 0 0 35px;}
.package-list li{ margin-left:25px; list-style:square; margin-bottom:15px;}

.package-list-highlights{ list-style:none;}
.package-list-highlights li{ padding:50px 35px; text-align: left; margin-bottom:0;  border-color: #ccc; border-style: solid;}
.package-list-highlights li:first-child{ border-width: 1px 1px 0px 1px;} 
.package-list-highlights li:nth-child(2){ border-width: 1px}
.package-list-highlights li:nth-child(3){ border-width: 0px 1px 1px 1px;}

.package-list-highlights{ background: #f9f9f9;}
.highlights-table{ padding-top:25px;}
.highlights-table td{ padding:10px;}
.package-list-highlights strong{ color:#00e1e8; font-size:22px;}
.package-list-highlights span{ text-decoration: line-through;}
.package-list-highlights a{ background:#00e1e8; color:#fff; padding:13px 23px; border:2px solid #00e1e8; }
.package-list-highlights a:hover{ color:#00e1e8;}

/*slick*/

 html, body { margin: 0; padding: 0; }
 * { box-sizing: border-box;}
 .slider { width: 100%; margin: 0px auto;}
 .slick-slide { margin: 0px 10px; }
 .slick-slide img { width: 100%;}
 .slick-prev:before,.slick-next:before {color: black; }
 .slick-slide { transition: all ease-in-out .3s; opacity: .2; } 
 .slick-active {  opacity: 1; }
 .slick-current { opacity: 1; }
 
 .news-feed{ background:#fff; border:1px solid rgba(204,204,204,.3);}
 .news-feed h4,.news-feed p{ padding:0 25px;}
 .news-feed p{ padding-bottom:25px;}
 .news-feed h4:before{ position:absolute; width:25px; height:5px; background:#000; top:0; left:0; content:'';}
 
 @media (max-width: 576px) { .text-right{ text-align:center;}}
 
 .banner-style-inner{ padding:8rem 0 3rem 0;}
 
 #banner-styles-inner .banner-style h4{ padding-top:10rem;}
 #banner-styles-inner .banner-img-stylezz img{ padding-top:7rem; margin-bottom:3rem;}
 
 .automation ul{ margin-bottom:25px;}
 .automation ul li{ list-style:square; list-style-position:inside;}
 
 .four-block ul li:last-child a{ color:#00e1e8;}
 .four-block ul li:last-child a:hover{ color:#000;}
 
 .side-bottom-menu{ bottom:5%; right:5%; width:175px; height:175px; z-index:9999; position:fixed}
  @media (max-width: 576px) { .side-bottom-menu{  bottom:3%; right:3%;} }
  
  .about-style{ text-align: right;}
  .about-style h2{ font-size:30px;}
  @media (max-width: 996px) {  .about-style{ text-align:left;} .about-style h2{ margin-top:35px;}}
  
  #accordion i{ font-size:20px;}
   #accordion button{ color:#00e1e8;}
   
    @media (max-width: 996px) { footer ol{ margin-bottom:40px;}}
	
	.approved{ background:#fff; padding:25px; box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
	@media (max-width: 996px) { .approved{ margin-bottom:50px; }}
	.approved span{ color:#000; background:#00e1e8; }