/* CSS Document */
/*

  @media screen and (min-width:600px) and (max-width:2000px){
*/
@font-face {
    font-family: font;
    src: url("../fonts/font.otf") format("opentype");
}

@font-face {
    font-family: font;
    font-weight: bold;
    src: url("../fonts/font.otf") format("opentype");
}


.navbar .collapse .navbar-nav li a{font-size: 25px}
.navbar .collapse .navbar-brand {position: relative ; top: 30px ; background-color: white ; border-radius: 70px}
.navbar .collapse .navbar-brand img{}
.font{font-family: font ; }
.font2{font-family: 'Lobster', cursive; font-size: 50px}
.pfont{font-size: 30px
}


.header{position: fixed ; z-index: 90000000000 ;     top: 0px;
}
#preloader {
  background-color: #fff;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1100;
	
}

#preloader > img {
  left: 37%;
  position: absolute;
  top: 23%;
	width: 30%
}


#navigation {
  background-color: #fff;
  border: 0 none;
  margin: 0;
  
    -webkit-transition: background-color 800ms linear;
       -moz-transition: background-color 800ms linear;
	    -ms-transition: background-color 800ms linear;
         -o-transition: background-color 800ms linear;
			transition: background-color 800ms linear;
}

.row{margin: 0px}

.navbar-toggle i {
	color: #fff;
}

.navbar-brand {
  padding: 0;
}

.navbar-nav li a {
	border-top: 1px solid transparent;
}

.navbar-nav li a.current,
.navbar-nav li a:focus,
.navbar-nav li a:hover {
	background-color: transparent;
	border-top: 1px solid #8bc53e;
	color: #000000;
}

.navbar-toggle i {
	color: #fff;
}



.container-fluid {padding: 0px ; margin: 0px}
.container-fluid  .row{padding: 0px ;}
.container-fluid  .row .col-sm-12{padding: 0px ; margin: 0px}
.container {padding: 0px ;}

ul{margin-left: 50px}
ul li {margin:auto}


.home{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b6c4a2+2,b6c4a2+2,8bc53e+50 */
background: #b6c4a2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #b6c4a2 2%, #b6c4a2 2%, #8bc53e 50%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #b6c4a2 2%,#b6c4a2 2%,#8bc53e 50%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #b6c4a2 2%,#b6c4a2 2%,#8bc53e 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c4a2', endColorstr='#8bc53e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
.padding{padding-top: 343px}
p{padding: 20px}
h2{padding: 20px}
h3{padding: 20px}


.button {
    border-radius: 10px;
    background-color: #0a2c33;
    color: white;
    border: none;
    padding: 10px;
	margin: 60px;
	width: 50%;
	font-size: 18px; 
	font-weight: bold;
}

.greenbutton{
	 border-radius: 10px;
    background-color: #8bc53e;
    color: white;
    border: none;
    padding: 10px;
	margin: 60px;
	width: 50%;
	font-size: 18px; 
	font-weight: bold;
	
}




.col-sm-12 img {width: 100%}

.col-12 {padding: 0px ; margin: 0px}
.col-12  .curve{ width: 100% ; background-color:  #8bc53e }
.col-12  .curve-down{ width: 100% ; position: absolute;}

.after-cure {margin-bottom:143px ; }
iframe{border-radius: 50px}
.iframe{border-radius: 1000px; border: 1px solid black}
.center{background-color:#103b42 }
.video-text{text-shadow: 2px 2px 1px black}

.vertical-center {
  margin: 0;
  position: absolute;
	text-align: center;
  top: 50%;
	left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	-ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.card-text{padding: 0px}
.car-header{margin: -200px 0 0 -150px}

.underline {text-decoration: underline ; color: #103b42}



.black {
	background-color: #103b42 ;
	}

.cloud {
	
	background-image: url(../images/cloud.png) ,
		url(../images/cloud.png);
	background-position: top right 0 ,
		bottom left 0;
	background-repeat: no-repeat;}


.black p,h3{color: white}

ul li{list-style-type: none}

i{margin: 5px ; color: white ; font-size: 20px}

span{color: #8bc53e }

.grad{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#55878e+1,103b42+52 */
background: #55878e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #55878e 1%, #103b42 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #55878e 1%,#103b42 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #55878e 1%,#103b42 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55878e', endColorstr='#103b42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


.lowercase{text-transform: lowercase}

.rowmaphide{background-color:#103b42 }
.maphide{width: 100% ; background-color: #103b42; height: 50px ; position: relative ; top: 50px ; z-index: 99999999}


.supoliers .col-sm-6 img{width: 100%}

.card-img-top{position: relative; top: -150px}
.card{border-radius: 50px}
.card-text{margin-top: -100px}


.fa-whatsapp , .fa-phone-alt , .fa-headset {color: #8bc53e}

/*
}
@media screen and (min-width:100px) and (max-width:599px){
  body {
    background-color: lightblue;
  
  }
	
	.curve{top: -20px}
}
*/