/*universal setting*/
h1,h2,h3,h4,h5,h6{ color: white; font-family:roboto; font-weight: 400; }
p,a,span{ color: white; font-family: roboto; font-weight: 300; }
.container{ max-width: 1170px; width: 100%; }
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);


/*top section*/
.topbg{ width: 100%; position: absolute; }
.addres p{    margin-top: 11px;}
.socio ol{ margin-top: 9px; float: right;}
.icon:hover { transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg); transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;}

/*menu sectio*/
.navbar-default{ background-color: #47bbc8 !important; border-color: transparent; margin-top: -1px!important; padding: 10px 0; }
	.navbar-default .navbar-nav>li>a{ color: black; font-size: 16px; font-weight: 400; text-transform: uppercase;}
	.navbar-default .navbar-nav>li>a:hover{ color: black; background: white; border-radius: 5px;}
	.navbar{ margin: 0 auto; }
	.logo{ padding: 0;  }


/*slider*/
.slidertag{ text-align: center; }
.slidertag p{ color: #ffa400; font-weight: 400; font-size: 16px; }
.slidertag h2{ font-size: 35px; }
.overb{ margin-top: -25%; position: absolute; }   



/*body section*/
.bod{ margin-top: 3%;}
.bod p{ color: black; font-weight: 300; font-size: 16px; font-family: 'Open Sans', sans-serif; text-align: justify;}
p.bod2{ color: #248d9a!important; text-align: center; font-size: 17px;}
.bod h2{ padding: 10px; background: #248d9a; text-align: center; }


/*services*/
.serv{ padding-top: 4%; }
.serv1{ padding-bottom: 2.5%; }
.serv2{ padding-left: 40%; text-align: justify; }
/*.pic-1{ padding-top: 6%; padding-bottom:5%; }
.pic-3{ padding-top: 2%; padding-bottom: 5%;}*/
.serv h5{ color: black; text-align: center; font-size: 15px; text-transform: uppercase; margin-top: 15px;}
.lol{ margin-bottom: 3%; }


/*testo*/
.test{ background: linear-gradient(
      rgba(74, 172, 184, 0.7), 
      rgba(74, 172, 184, 0.7)
    ),url('../images/client.jpg'); height: 418px; width: 100%;  }
.test h4{ text-align: center; font-size: 20px; padding-top: 15%;}


/*why choose*/
.why{ background: #0d515b; }
.why h2{ font-family: roboto; font-weight:100; }
.why ul{ padding: 0; }
.why li{ list-style-type: none; color: white; font-size: 16px; }
.yellow{ margin-top: 1%; }
.yellow p{ text-transform: uppercase; font-size: 18px; background: #fabe08; padding: 10px; border: 1px solid white; text-align: center;}

.bod22{ padding: 10px; background: #248d9a; text-align: center; }
.inn ul{ padding: 0; padding-top: 5%;}
.inn li{ list-style-type: none; font-size: 16px; }

.cont h1{}
.cont p{ color: black; }

.color1{ color: #0c515a; font-weight: 400; }
.color2{ color: black; font-weight: 400;}
.color11{ color: #40d0e0; font-weight: bold; }

.foot{ background: black; }
.foot{ padding: 10px 0; }

@media screen and ( max-width:970px){
		.addres{background: black; margin-top:inherit; font-size: 14px; text-align: center; margin-top: inherit; padding: 5px 0;}
.socio{margin-top: inherit; background: #03636f; text-align: center; padding: 2px;}
.socio ol{ float: inherit;}
.logo{ text-align: center; padding: inherit; }
.test{ background-position: 58% 0; }
.test h4{ padding-top: 25%; }
}
@media screen and (max-width: 700px){
		.addres{background: black; margin-top:inherit; font-size: 14px; text-align: center; margin-top: inherit; padding: 5px 0;}
.socio{margin-top: inherit;}
.socio ol{ float: inherit;}
.logo{ text-align: center; padding: inherit;}
.overb{ margin-top: -34%; }
.test{ background-position: 58% 0; }
.test h4{ padding-top: 45%; }
}
@media screen and (max-width: 480px) {
	.addres{background: black; margin-top:inherit; font-size: 14px; text-align: center; margin-top: inherit; padding: 5px 0;}
.socio ol{ margin-top: inherit; }
.socio ol{ float: inherit;}
.logo{ text-align: center;padding: inherit; }
.overb{ margin-top: -18%; }
.why h2{ font-size: 18px; text-align: center; }
.why li{ font-size: 13px; }
.inn li{     font-size: 14px; }
.test{ background-position: 58% 0; }
.test h4{ padding-top: 45%; }
}


@media screen and (width: 568px) {
	.test{ background-position: 58% 0; }
	.test h4{     padding-top: 20%; }
}