/* custom CSS settings by oscarherrera@thedot-studio.com The Dot Studio 2018 */

/* fonts */
@font-face {
   font-family: 'comfortaa';/* embed */
   src: url('../fonts/comfortaa.eot');
   src: url('../fonts/comfortaa.eot?#iefix') format('embedded-opentype'),
       url('../fonts/comfortaa.woff') format('woff'),
       url('../fonts/comfortaa.ttf') format('truetype'),
       url('../fonts/comfortaa.svg#comfortaa') format('svg');
}

@font-face {
   font-family: 'poppins';/* embed */
   src: url('../fonts/poppins.eot');
   src: url('../fonts/poppins.eot?#iefix') format('embedded-opentype'),
       url('../fonts/poppins.woff') format('woff'),
       url('../fonts/poppins.ttf') format('truetype'),
       url('../fonts/poppins.svg#poppins') format('svg');
}

@font-face {
   font-family: 'poppinseb';/* embed */
   src: url('../fonts/poppinseb.eot');
   src: url('../fonts/poppinseb.eot?#iefix') format('embedded-opentype'),
       url('../fonts/poppinseb.woff') format('woff'),
       url('../fonts/poppinseb.ttf') format('truetype'),
       url('../fonts/poppinseb.svg#poppinseb') format('svg');
}

/* general */
body{padding:0; margin:0; overflow-x:hidden; font-family:'comfortaa', Arial, sans-serif; font-weight:normal;}
header{position:fixed; z-index:9; background:#fff; width:100%; height:auto;}
.sticky{display:block; width:100%;}
a, a:focus, a:hover, a:visited{text-decoration:none;}
img{display:block;}

.form-control{font-size:21px; color:#fff; margin-bottom:22px; height:66px; background-color:transparent; border:1px solid #fff;}
.form-control:focus{color:#fff; background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,255.1); outline:0; box-shadow:0 0 0 0.1rem rgba(255,255,255,.15);}
select.form-control{-webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url('../images/general/arrowDownBlue.png'); background-repeat:no-repeat;
    background-position:98% center;
}
input[type="submit"]{border:none; outline:none; cursor:pointer;}
input[type="checkbox"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #fff; width:12px; height:12px; background:transparent; border-radius:2px; outline:none;
    cursor:pointer;
}
.form-control::-webkit-input-placeholder{color:#fff;}
.form-control:-moz-placeholder{color:#fff; opacity: 1;}
.form-control::-moz-placeholder{color:#fff; opacity:1;}
.form-control:-ms-input-placeholder{color:#fff;}
.form-control::-ms-input-placeholder{color:#fff;}
.form-control::placeholder{color:#fff;}

/* reset menu */
.bg-light{background:#fff!important;}
.nav-link hr{margin-top:0.2rem; margin-bottom:0.2rem; border:0; border-top:2px dashed transparent; width:100%;}
.navbar-light .navbar-nav .nav-item .nav-link{color:#404041; font-size:18px; font-family:'poppins'; padding:0 40px;}
.navbar-light .navbar-nav .nav-item:nth-child(1) .nav-link:hover{color:#ee4036;}
.navbar-light .navbar-nav .nav-item:nth-child(2) .nav-link:hover{color:#8bc53f;}
.navbar-light .navbar-nav .nav-item:nth-child(3) .nav-link:hover{color:#8bc53f;}
.navbar-light .navbar-nav .nav-item:nth-child(4) .nav-link:hover{color:#25a9e0;}
.navbar-light .navbar-nav .nav-item:nth-child(5) .nav-link:hover{color:#25a9e0;}
.navbar-light .navbar-nav .nav-item:nth-child(1) .nav-link:hover hr{border-color:#ee4036;}
.navbar-light .navbar-nav .nav-item:nth-child(2) .nav-link:hover hr{border-color:#8bc53f;}
.navbar-light .navbar-nav .nav-item:nth-child(3) .nav-link:hover hr{border-color:#8bc53f;}
.navbar-light .navbar-nav .nav-item:nth-child(4) .nav-link:hover hr{border-color:#25a9e0;}
.navbar-light .navbar-nav .nav-item:nth-child(5) .nav-link:hover hr{border-color:#25a9e0;}
.navbar-light .navbar-nav .nav-item.active:nth-child(1) .nav-link{color:#ee4036;}
.navbar-light .navbar-nav .nav-item.active:nth-child(2) .nav-link{color:#8bc53f;}
.navbar-light .navbar-nav .nav-item.active:nth-child(3) .nav-link{color:#8bc53f;}
.navbar-light .navbar-nav .nav-item.active:nth-child(4) .nav-link{color:#25a9e0;}
.navbar-light .navbar-nav .nav-item.active:nth-child(5) .nav-link{color:#25a9e0;}
.navbar-light .navbar-nav .nav-item.active:nth-child(1) .nav-link hr{border-color:#ee4036;}
.navbar-light .navbar-nav .nav-item.active:nth-child(2) .nav-link hr{border-color:#8bc53f;}
.navbar-light .navbar-nav .nav-item.active:nth-child(3) .nav-link hr{border-color:#8bc53f;}
.navbar-light .navbar-nav .nav-item.active:nth-child(4) .nav-link hr{border-color:#25a9e0;}
.navbar-light .navbar-nav .nav-item.active:nth-child(5) .nav-link hr{border-color:#25a9e0;}


/* ease transition */
a, input, button, textarea, select, .navbar-light .navbar-nav .nav-item .nav-link hr
{-ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}


.navbar-brand .logo{width:232px;}


/* slider */
.slidernew .owl-dots{display: block; width: 100%; text-align: center; height: 35px; position: relative; bottom:55px;}
.slidernew .owl-dots .owl-dot{width:20px; height:20px; border-radius:50%; background:#fff; display:inline-block; margin:12px 10px;}
.slidernew .owl-dots .owl-dot.active{background:#6f7175; pointer-events:none;}
.slidernew .owl-dots .owl-dot:hover{border:4px solid rgba(0,0,0,0.2);}
.slidernew .owl-nav{position: absolute; top:40%; width: 100%;}
.slidernew .owl-nav div{display:block; margin:0; padding:3px 34px 3px 34px; position:absolute; background:rgba(255,255,255,0.0); color:#fff; text-align:center; font-size:28px; font-weight:bold;}
.slidernew .owl-nav div:hover{background:rgba(255,255,255,0.1);}
.slidernew .owl-controls .owl-nav .owl-prev{left: 0;}
.slidernew .owl-controls .owl-nav .owl-next{right: 0;}
/*.owl-stage-outer.owl-height{height: inherit!important;}*/
.slidernew .fixed-video {position: relative;}
.slidernew .fixed-video:before {display: block; content: ""; width: 100%; padding-top: 56.25%;}
.slidernew .fixed-video > .item-video {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.slidernew .owl-controls .owl-nav .owl-prev, 
.slidernew .owl-controls .owl-nav .owl-next, 
.slidernew .owl-dots{opacity: 0;}
.slidernew.owl-carousel:hover .owl-controls .owl-nav .owl-prev{opacity:1;}
.slidernew.owl-carousel:hover .owl-controls .owl-nav .owl-next{opacity:1;}
.slidernew.owl-carousel:hover .owl-controls .owl-dots{opacity:1;}
.slidernew .owl-controls{position:unset; width:100%;}
.slidernew .item div{display:table; width:100%; height:393px; background-repeat:no-repeat!important; background-position:center!important;
    -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important;
}
.slidernew .item div span{display:table-cell; vertical-align:middle; width:50%; height:auto;}
.slidernew .item div span h1{margin-left:50px; font-size:30px; font-weight:bold; color:#fff; width:48%;}
.slidernew .item div span h2{margin-left:50px; font-size:18px; color:#fff; width:50%;}
.slidernew .item div span a{margin-left:50px; display:inline-block; background:#fff; font-weight:500; text-align:center; padding:10px 24px; border-radius:7px; font-size:18px;}
.slidernew .item div.blue span a{color:#0082b9; border:1px solid transparent;}
.slidernew .item div.green span a{color:#8ac43f; border:1px solid transparent;}
.slidernew .item div.blue span a:hover{color:#058BC3; background:#EEEEEE; border:1px solid #0082b9;}
.slidernew .item div.green span a:hover{color:#8FCA43; background:#EEEEEE; border:1px solid #8ac43f;}
.slidernew .item div.blue span:first-child{background:url('../images/general/bgSliderBlueLeft.png')left top no-repeat; background-size:100% 100%!important; height:100%;}
.slidernew .item div.blue span:last-child{background:url('../images/general/bgSliderBlueRight.png')left top no-repeat; background-size:100% 100%!important; height:100%;}
.slidernew .item div.green span:first-child{background:url('../images/general/bgSliderGreenLeft.png')left top no-repeat; background-size:100% 100%!important; height:100%;}
.slidernew .item div.green span:last-child{background:url('../images/general/bgSliderGreenRight.png')left top no-repeat; background-size:100% 100%!important; height:100%;}


/* footer */
footer .after{background:#25a9e0;}
footer .after b{color:#fff; font-size:12px; text-align:center; padding:10px 0; display:block; font-family:Arial;}
footer .before{background:#25a9e0 url('../images/general/bgFooter.png')center no-repeat; padding:20px 0; color:#fff; background-size:cover;}
footer .before h1{width:100%; text-align:center; font-size:72px; font-weight:bold; font-family:'poppinseb'; margin:.8rem auto;}
footer .before form span{display:inline-block; width:90%; margin:15px auto 0 auto;}
footer .before form textarea{resize:none; height:100px; border:0; border-radius: 0; border-bottom:1px solid #fff; width:91%; margin:auto; color:#fff;}
footer .before form .right{width:100%; border-radius:5px; display:block; border:1px solid #fff; text-align:center;}
footer .before form span .terms{float:right;}
footer .before form span .terms a{font-size:10px; font-weight:bold; position:relative; top:-2px; text-decoration:underline; cursor:pointer; color:#fff;}
footer .before form span .terms a:hover{opacity:0.7; text-decoration:none;}
footer .before form span input[type=submit]{float:right; width:173px; text-align:center; background:transparent url('../images/general/arrowRight.png')right center no-repeat; color:#fff;
	border-left:1px solid #fff; margin-left:25px; font-size:14px; font-weight:bold;
}
footer .before form span input[type=submit]:hover{opacity:0.8; padding-left:10px;}
footer .before .contact div{text-align:center;}
footer .before .contact h5{color:#fff; font-size:21px; display:inline-block; text-align:left;}
footer .before .contact h5 img{width:22px; float:left; margin-bottom:10px; position:relative;}

/* ourMision */
#ourMision .row{background:#ee4036; padding-bottom:200px;}
#ourMision h1{width:100%; color:#fff; font-size:57px; font-family:'poppins'; font-weight:bold; margin-top:130px;}
#ourMision span{display:block; width:100%; color:#fff; font-size:21px;}
#ourMision img{width:85%; margin:auto; position:absolute;}
#ourMision img.one{bottom:-72%; left:7%;}
#ourMision img.two{width:80%; left:11%; bottom:-91%;}
#ourMision a{display:block; float:right; color:#fff; font-size:18px; text-align:center; font-weight:bold; border:1px solid #fff; border-radius:5px; padding:10px 40px; margin-bottom:56px;}
#ourMision a:hover{background:rgba(255,255,255,0.3);}

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-ime-align:auto) {
  #ourMision img.one{bottom:-180%;} 
}

@media all and (-ms-high-contrast:none) { 
	#ourMision img.one{bottom:-180%;} 
}



/* aboutUs */
.title{padding-right:0;}
.title h1{font-size:72px; font-family:'poppinseb'; font-weight:bold;}
.title:first-child h1{text-align:right; color:#fff; background:#8bc53f; border:2px dashed #fff; padding:5px 8px 5px 0;}
.title:last-child h1{color:#8bc53f; padding:5px 8px 5px 0;}
.aboutUs-servicces .imgAboutUs{width:98%; margin:auto;}
.aboutUs-servicces p{color:#404041; font-size: 33px; font-weight:bold;}
.aboutUs-servicces p img{float: left; position:relative; margin-right:29px; top:-18px;}
.aboutUs-servicces span{display:block; width:100%; color:#404041; font-size:21px;}

/* ourServices */
.slider{background:#d3efd6 url('../images/general/bgSlider.png')center no-repeat; background-size:100% auto; padding-bottom:90px;}
.slider span{display:block; color:#8bc53f; font-size:18px; font-weight:bold; font-family:'poppinseb'; text-align:left; width:23%; line-height:21px;}
.slider span b{font-size:53px; display:block; float:left; padding:10px; position:relative; top:0px; font-family:'poppinseb';}

.slider aside{display:block; width:100%; padding:0 120px; position:relative;}
.slider aside picture{display:block; position:absolute; width:100%; top:0; left:0;}
.slider aside picture *{display:block; width:100%;}

.contentSlider{display:block; width:100%; position:relative; height:720px; background:url('../images/general/bgSliderDesktop.png')center no-repeat; background-size:100% auto;}
.contentSlider div{display:inline-block; position:absolute; z-index:1; bottom:8%; right:9.5%;}
.contentSlider div a{float:left; cursor:pointer;}
.contentSlider div a:hover{opacity:0.7;}
.contentSlider div a img{width:52px; height:52px; margin-right:5px;}
#slider2, #slider3{opacity:0;}

/* sharethis */
#st-2 .st-btn > svg{fill:#303030;}
#st-2 .st-btn{background-color:#fff!important; outline:1px solid #F6F6F6;}
#st-2 .st-btn:hover{background-color:#fcc626!important;}
#st-2 .st-toggle{background:#303030!important;}

.dividerY.one{display:block; width:100%; height:286px;}


/* ************************************************** MEDEIA QIERIES ************************************************** */
@media only screen and (min-width: 1601px) and (max-width: 1900px) {
	/* ourMision */
	#ourMision img.two{bottom: -21%;}
	#ourMision img.one {bottom: -50%;}
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
    /* reset menu */
    .navbar-light .navbar-nav .nav-item .nav-link{padding:0 20px; font-size:15px;}

    /* footer */
	footer .after b{font-size:11px; padding:10px 0;}
	footer .before form span input[type=submit]{margin-left:14px;}
	footer .before .contact h5{font-size:13px;}
	footer .before .contact h5 img{top:-5px;}

	/* ourMision */
	#ourMision h1{font-size:37px; margin-top:70px;}
	#ourMision span {font-size:14px;}
	#ourMision a{margin-bottom:0px;}
	#ourMision img.one {bottom: -88%;}
	#ourMision img.two{bottom:-110%;}
	#ourMision .row {padding-bottom: 160px;}

	@supports (-ms-ime-align:auto) {
 		#ourMision img.one{bottom:-200%;} 
	}
	@media all and (-ms-high-contrast:none) { 
		#ourMision img.one{bottom:-200%;} 
	}

	/* aboutUs */
	.aboutUs-servicces p{font-size:23px;}
	.aboutUs-servicces span{font-size:12px;}

	/* ourServices */
	.slider span b{font-size:35px; top:-3px;}
	.slider span {font-size:11px; line-height:15px;}
	.slider aside {padding: 0 90px;}
	.contentSlider{height:461px;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	/* reset menu */
    .navbar-light .navbar-nav .nav-item .nav-link{padding:0 10px; font-size:13px;}

    /* footer */
	footer .after b{font-size:9px; padding:12px 0;}
	footer .before form span .terms a{font-size:8px; top:-4px;}
	footer .before form span input[type=submit]{width:133px; margin-left:15px; font-size:11px;}
	footer .before h1{font-size:52px;}
	footer .before .contact h5{font-size:10px;}
	footer .before .contact h5 img{top:-5px;}

	/* ourMision */
	#ourMision h1{font-size:27px; margin-top:40px;}
	#ourMision span {font-size:11px;}
	#ourMision a{margin-bottom:0;}
	#ourMision .row{padding-bottom:110px;}
	#ourMision img.one {bottom:-84%; width:367px;}
	#ourMision img.two{bottom:-104%;}

	@supports (-ms-ime-align:auto) {
 		#ourMision img.one{bottom:-200%;} 
	}
	@media all and (-ms-high-contrast:none) { 
		#ourMision img.one{bottom:-200%;} 
	}

	/* aboutUs */
	.aboutUs-servicces p{font-size:20px;}
	.aboutUs-servicces span{font-size:11px;}
	.aboutUs-servicces p img{width:35px; margin-right:19px; top:-5px;}
	.title h1{font-size:52px;}
	.dividerY.one{height:176px;}

	/* ourServices */
	.slider span b{font-size:16px; margin-bottom:10px; top:-5px;}
	.slider span {font-size:9px; line-height:9px;}
	.slider aside {padding: 0 60px;}
	.contentSlider{height:382px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* reset menu */
    .navbar-light .navbar-nav .nav-item .nav-link{padding:10px 10px;}

    /* footer */
	footer .after b{font-size:7px; padding:12px 0;}
	footer .before form span .terms a{font-size:8px; top:-4px;}
	footer .before form span input[type=submit]{width:100%; margin-left:0px; font-size:11px; float:none; border-left:0; border-bottom:1px solid; padding:10px 0; margin-bottom:10px;}
	footer .before h1{font-size:52px;}
	footer .before .contact h5{font-size:7px;}
	footer .before .contact h5 img{top:-3px; width:14px;}

	/* ourMision */
	#ourMision h1{font-size:18px; margin-top:40px;}
	#ourMision span {font-size:11px;}
	#ourMision a{margin-bottom:0; font-size:11px;}
	#ourMision .row{padding-bottom:70px;}
	#ourMision img.one {bottom:-59%; width:276px;}
	#ourMision img.two{bottom:-70%;}

	@supports (-ms-ime-align:auto) {
 		#ourMision img.one{bottom:-170%;} 
	}
	@media all and (-ms-high-contrast:none) { 
		#ourMision img.one{bottom:-170%;} 
	}

	/* aboutUs */
	.aboutUs-servicces p{font-size:20px;}
	.aboutUs-servicces span{font-size:11px;}
	.aboutUs-servicces p img{width:35px; margin-right:19px; top:-5px;}
	.title{padding-left:0; padding-right:5px;}
	.title h1{font-size:32px; padding-left:0; padding-right:5px;}
	.dividerY.one{height:136px;}

	/* ourServices */
	.slider span b{font-size:25px; margin-bottom: 0; top:-5px; float:none; padding:0;}
	.slider span{font-size:11px; line-height:12px;}
	.slider span br{display:none;}
	.slider aside {padding: 0 50px;}
	.contentSlider{height:552px;}
	.contentSlider div{bottom:11%; right:7.5%;}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* reset menu */
    .navbar-light .navbar-nav .nav-item .nav-link{padding:10px 10px;}

    /* footer */
    footer .before form {width:90%; margin:auto;}
    footer .before h1{font-size:32px;}
    footer .before .contact h5{width:90%; font-size:18px;}
    footer .before .contact h5 img{margin-right: 8px;}
    footer .before form textarea{padding: .375rem 0rem;}

    /* ourMision */
    #ourMision .row{padding-bottom:20px;}
    #ourMision h1{width:90%; margin:auto; font-size:27px; margin-top:20px;}
    #ourMision span{width:90%; margin:auto; font-size:12px;}
    #ourMision img{position:relative; left:0!important; top:0!important; width:70%; margin:20px auto;}
    #ourMision a{float:none; width:90%; margin:auto;}

    /* aboutUs */
	.aboutUs-servicces p{width:90%; margin:0px auto; font-size:20px;}
	.aboutUs-servicces span{width:90%; margin:20px auto; font-size:11px;}
	.dividerY.one{height:96px;}
	.title{width:50%; padding-left:0; padding-right:5px;}
	.title h1{font-size:32px;}

	/* ourServices */
	.slider{background-image:none;}
	.slider span {width:400px; padding-right:0; padding-left:0; margin:10px auto;}
	.slider aside {padding: 0 50px;}
	.contentSlider{height:513px; background:url('../images/general/bgSliderMobile.png')center no-repeat; background-size:100% auto;}
	.contentSlider div{bottom:11%; right:7.5%;}
	
}

@media only screen and (max-width: 479px) {
    /* reset menu */
    .navbar-light .navbar-nav .nav-item .nav-link{padding:10px 10px;}
    .navbar-brand .logo{width:190px;}

    /* footer */
    footer .before form {width:90%; margin:auto;}
    footer .before h1{font-size:32px;}
    footer .before form span input[type=submit]{width:100%; margin-left:0px; font-size:11px; float:none; border-left:0; border-bottom:1px solid; padding:10px 0; margin-bottom:10px;}
    footer .before .contact h5{width:90%; font-size:12px;}
    footer .before .contact h5 img{margin-right: 8px; top:-4px;}
    footer .before form textarea{padding: .375rem 0rem;}

    /* ourMision */
    #ourMision .row{padding-bottom:20px;}
    #ourMision h1{width:90%; margin:auto; font-size:20px; margin-top:20px; margin-bottom:20px;}
    #ourMision span{width:90%; margin:auto; font-size:12px;}
    #ourMision img{position:relative; left:0!important; top:0!important; width:90%; margin:20px auto;}
    #ourMision a{float:none; width:90%; margin:auto;}

    /* aboutUs */
    .aboutUs-servicces p{width:90%; margin:0px auto; font-size:16px;}
	.aboutUs-servicces span{width:90%; margin:20px auto; font-size:12px;}
	.dividerY.one{height:96px;}
	.title{width:50%; padding-left:0; padding-right:5px;}
	.title h1{font-size:32px;}
	.aboutUs-servicces p img{width:40px; margin-right:12px; top:3px;}

	/* ourServices */
	.slider{background-image:none;}
	.slider span{width:280px; padding-right:0; padding-left:0; margin:10px auto; font-size:12px;}
	.slider span b {font-size:43px;}
	.slider aside {padding: 0 0px;}
	.contentSlider{height:428px; background:url('../images/general/bgSliderMobile.png')center no-repeat; background-size:100% auto;}
	.contentSlider div{bottom:11%; right:7.5%;}
	.contentSlider div a img {width:40px; height:40px;}
}

/* exceptions */
@media only screen and (min-width: 992px) and (max-width: 1023px) {
   	/* reset menu */
    .navbar-light .navbar-nav .nav-item .nav-link{padding:0 10px; font-size:12px;}

    /* footer */
	footer .after b{font-size:9px; padding:12px 0;}
	footer .before form span .terms{float:none;}
	footer .before form textarea{height:61px;}

	/* ourMision */
	#ourMision h1{font-size:27px; margin-top:40px;}
	#ourMision span {font-size:11px;}
	#ourMision a{margin-bottom:0;}
	#ourMision .row{padding-bottom:110px;}
	#ourMision img.one {bottom:-84%;}
	#ourMision img.two{bottom:-104%;}

	/* ourServices */
	.contentSlider{height:381px;}
	.contentSlider div{right:10.5%;}
}