body {
font-family: open-sans,sans-serif;
background:#f3f3f3;
}
h1,h2,h3{
font-family:open-sans,sans-serif;
font-weight: 600;
}
/*---------------------header--------------------------*/

.logo{
display:block;
width:192px;
height:21px;
background:url(../images/modus_logo.png)no-repeat;
float:left;
margin-top:10px;
}
.navbar-default {
background: url(../images/headerBG.png) repeat-x left bottom #76c7c0;
padding:15px;
font-size:14px;
font-weight:600;
}
.navbar {
margin-bottom:0;
border:none;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{
color:white;
background:#e8645a;
border-radius:5px;
box-shadow:0 3px 0 #e2534b;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-default .navbar-nav>li> .active{
color:white;
background:#62a29e;
border-radius:5px;
box-shadow:0 3px 0 #528b86;
}
/*---------------------carousel--------------------------*/ 
.carousel-caption h1{
background:#e2534b;
font-weight:bold;
width:100%;
border-radius:5px;
font-size:32px;
}
.carousel-caption p {
background:#766435;
width:100%;
border-radius:5px;
right:10%;
}
.carousel-indicators {
top: 101%;
}
.carousel-indicators li {
width: 60px;
height: 5px;
background:#b0b8b9;
}
.carousel-indicators .active {
width: 60px;
height: 5px;
background:#e2534b;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-double-left, .carousel-control .fa-angle-double-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
background: #e8645a;
padding: 20px;
}
.carousel-control .fa-angle-double-right {
border-radius: 5px 0 0 5px;
border-bottom: 0 3px 0 #e2534b;
right: 0!important;
}
.carousel-control .fa-angle-double-left {
border-radius: 0 5px 5px 0;
border-bottom: 0 3px 0 #e2534b;
left: 0!important;
}
.carousel-control.left, .carousel-control.right{
background: none;
display:none;
}
/*---------------------carousel--------------------------*/ 
.services{
width:100%;
margin-top:50px;
margin-bottom:50px;
background:#ececec;
border-radius:10px;
text-align:center;
}
.services .btn-primary {
color: #fff;
background-color: #e8645a;
border: none;
box-shadow: 0 3px 0 #e2534b;
margin-top: 25px;
}

.services .btn-primary:hover{
background: #62a29e;
box-shadow: 0 3px 0 #528b86;
margin-top: 25px;
}
/*---------------------content--------------------------*/ 
#content{
width:100%;
}
#content .fa {
font-size: 60px;
color:#e2534b;
}
#content .box {
height:310px;
position:relative;
padding:50px 17px;
text-align:center;
background:#f8f8f8;
margin-right:29px;
margin-bottom:50px;
border-radius:10px;
box-shadow:0 3px 0 #e5e6e6;
}
#content .box h3{
color:#7f8c8c;
font-size:16px;
}
#content .box p{
color:#777777;
font-size:13px;
margin-top:34px;
}
#content .box:hover{
background:#ffffff;
}
#content .readmore:hover{
color:white;
background:#e8645a;
border-radius:5px;
box-shadow:0 3px 0 #e2534b;
}
 .thumb{
font:60px FontAwesome;
color:#e2534b;
}
.key{
font:60px FontAwesome;
color:#62bdbd;
}
.flag{
font:60px FontAwesome;
color:#62bdbd;
}
.tube{
font:60px FontAwesome;
color:#62bdbd;
}
#content .readmore{
display:block;
width:75%;
position:absolute;
left:0;
right:0;
margin:auto;
top:288px;
color:white;
background:#62a29e;
box-shadow:0 3px 0 #528b86;
border:none;
}

#content  .active{
color:white;
background:#e8645a;
border-radius:5px;
box-shadow:0 3px 0 #e2534b;
}
#content .btn-lg {
font-size: 14px;
padding:15px 0;
}
/*---------------------content--------------------------*/ 
footer{
width:100%;
height:auto;
background:url(../images/linetop_03.png)repeat-x top #76c7c0;
padding:48px 0 50px 0;
color:white;
margin-top:50px;
}
footer .logo{
float:none;
margin-bottom:34px;
}
footer .contact{
font-size:20px;
font-weight:bold;
font-style:italic;
padding-left:20px;
}
footer h3{
margin-bottom:30px;
color:#497e79;
margin-top:0;
}
footer ul{
list-style-image:url(../images/arrow_07.png);
}
footer li{
margin-bottom:12px;
}
footer li a{
color:white;
display:block;
}
footer .date{
color:#497e79;
}
/*---------------------content--------------------------*/ 
#base{
width:100%;
height:auto;
background:#6ab3ac;
padding:14px 0;
color:white;
}
#base .left{
float:left;
}
#base .right{
float:right;
}
#base ul{
list-style:none;
}
#base li{
float:left;
}
#base li a{
display:block;
width:38px;
height:23px;
}
#base .facebook{
background:url(../images/sicons_07.png)no-repeat 0 0;
}
#base .google{
background:url(../images/sicons_07.png)no-repeat 29% 0;
}
#base .twitter{
background:url(../images/sicons_07.png)no-repeat 65% 0;
}
#base .wifi{
background:url(../images/sicons_07.png)no-repeat 100% 0;
}
@media (min-width:768px){
 .navbar-collapse {
float:right;
}
.carousel-caption {
right: 20%;
left: 33%;
padding-bottom: 200px;
}
.carousel-caption h1{
background:#e2534b;
font-weight:bold;
width:347px;
height:auto;
border-radius:5px;
margin-left:60px;
}
.carousel-caption p {
background:#766435;
font-size:14px;
width:470px;
height:auto;
border-radius:5px;
}
.carousel-indicators {
top: 101%;
}
.carousel-indicators li {
width: 60px;
height: 5px;
background:#b0b8b9;
}
.carousel-indicators .active {
width: 60px;
height: 5px;
background:#e2534b;
}
.carousel-control.left, .carousel-control.right{
background: none;
display:block;
}
.services{
width:100%;
margin-top:50px;
margin-bottom:50px;
background:#ececec;
border-radius:10px;
text-align:left;
padding:15px 91px 15px 15px;
position:relative;
}
.services .btn-primary {
color: #fff;
background-color: #e8645a;
border: none;
box-shadow: 0 3px 0 #e2534b;
margin-top: 25px;
position:absolute;
}

.services .btn-primary:hover{
background: #62a29e;
box-shadow: 0 3px 0 #528b86;
margin-top: 25px;
}
@media(min-width: 768px) and (max-width: 992px){
	.navbar-nav>li {
		margin-right: 0;
	}

	.navbar-nav>li>a {
		padding: 10px;
	}

	.logo{
	display: block;
	width: 120px;
	height: 21px;
	background: url(../images/modus_logo.png) no-repeat;
	background-size: 100%;
	float: left;
	margin-top: 10px;
}
}