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

img{
	max-width:100%;
}
body{
	background: #00272f url("../img/bg.jpg") repeat-x scroll center top;
    color: #ddd;
    height: 100%;
    scroll-behavior: smooth;
    width: 100%;
}
.btn-primary{
	background-color: #00d2ff;
    background-image: -moz-linear-gradient(center bottom , #117489 0%, #00d2ff 100%);
    border: 1px solid #186778;
    border-radius: 4px;
    box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.09), 0 0.0625em 0 rgba(255, 255, 255, 0.5) inset;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 1px #111;
    transition: all 0.15s ease-out 0s;
}
#logo {
	height:150px;	
	margin:20px auto 0;
	width:220px;
}
#logo  img{
	margin-left:35px;
}
#header-buttons {
	float: left;
	text-decoration:none;
	color:#000;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 16px;
	font-weight:bold;
}

.header-btn {
	border:3px solid #edc232;
	text-decoration:none;	
	color:#000;
	padding: 10px 24px;
}

a:hover { 
    text-decoration:none;
	color: #000;
}

.color-font {
	color:#edc232;
}

#banner1{
	width:100%;
	height: 282px;
	background-image:url(../img/2.jpg);
	margin-top: 1px;
}

#banner1:hover{
	opacity:0.6;
}

#banner2{
	width:100%;
	height: 282px;
	background-image:url(../img/3.jpg);
	margin-top: 12px;
}

#banner2:hover{
	opacity:0.6;
}

#textinbanner {
	width: 250px;
	height:100px;
	margin:auto;
	padding-top: 110px;
}

.bannertitle {
	color: #FFF;
	font-size: 30px;
	font-weight:bold;
	text-align:center;
}

.ads {
	height: 150px;
	background-color: #F6F6F6;
	display: inline-block;
	margin:25px 0 0;
	overflow:auto;
	word-wrap:break-word;
	width:100%;
	position:relative;
}

.ads-name{
	font-size:15px;
	color:#2A8FBD;
	margin: 2px 0;
	text-decoration: none;
	font-weight:bold;
}

.ads-img{
	max-width:125px;max-height:125px; float:left;vertical-align:top;margin-right:5px;
}
.ads-name:hover{
	color:#edc232;
	text-decoration: none;
}

.ads-link{
	font-size: 16px;
	color: #78818A;
	padding-left: 10px;
}

.ads-inner{
	padding:0;
	margin-left:5px;
	max-height:120px;
	overflow:auto;
}
.ads-description {
	font-size: 14px;
	color: #999;
	margin-top:5px;
}
.ads-contact{
	border-top: 2px solid #C0C0C0;
    bottom: 0;
    color: #828282;
    margin: 0;
	padding:2px 5px;
    position: absolute;
    width: 100%;
}
.threeimg {
	height:370px;
}

.threeimg:hover{
	opacity:0.6;
}

#textinbox {
	width: 250px;
	height:100px;
	margin:auto;
	padding-top: 140px;
}

.title {
	color: #FFF;
	font-size: 30px;
	font-weight:bold;
	text-align:center;
}

#contacts-details {
	padding-top: 30px;
	padding-left: 20px;
	color:#000;
}

#socialmedia {
	margin-left:auto;
	margin-right: auto;
	padding-top: 30px;
	display:inline;
	float:left;
	color:#edc232;
}

#workwithus {
	width: 100%;
	height:220px;
	background-color:#edc232;
	color: #000;
	text-align:center;
	padding-top: 35px;
	margin-top: 50px;
	margin-bottom: 20px;
}

#keepintouch-button {
	float: inherit;
	text-decoration:none;
	color:#000;
	margin-top: 20px;
	margin-left: 10px;
	font-size:20px; 
	text-align:center;
	margin-top:-10px;
}

.keepintouch-btn {
	border:3px solid #000;
	text-decoration:none;	
	padding: 10px 15px;
	color:#000;
}

footer{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
	background:#edc232;
}

.center-wrap img{
	margin:0 auto;
	display:block;
}