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

body
{margin:0px; padding:0px;}

*
{margin:0px; padding:0px;}

html
{font-size:14px; }

p{font-family: 'Barlow', sans-serif; line-height:22px; font-size:14px;}

/*   ------  navigation-----------*/



nav.navbar.navbar-inverse {
    background-color: #fff;
	    border-color: white; z-index:1000;
}

nav.navbar.navbar-inverse .navbar-nav > li > a:hover {
    color: blue;
}

nav.navbar.navbar-inverse .navbar-nav > li > a {
    color: #1996c7;
	font-size:18px;
}


button.navbar-toggle {
    margin-top: 80px;
}
.resposivemenu
    {
	
}



@media only screen and (min-width: 1100px) {
nav.navbar.navbar-inverse .navbar-nav > li > a {
    padding-top:88px;
    padding-bottom: 15px;}
	
	

}

@media only screen and (max-width: 440px) {
	.logomedia{width:150px; height:90px;}
	.navbar-inverse .resposivemenu {
     z-index:1000; position:absolute; background-color:#FFF; width:300px;}

}

/*     --------------navigation-----------*/

.top_line{width:100%; margin:0px; padding:0px; background-color:#000; color:#FFF;}
.col-md-3 .bg-success{background-color:#03F; padding:8px;}
.col-md-3 .bg-success:hover{background-color:#006; padding:8px;}
.col-md-3 .bg-success a{color:#FFF; font-weight:bold;}
.col-md-3 .bg-success a:hover{color:#FFF; text-decoration:none;}
.fa-phone{padding:8px;}
.fa-envelope{padding:8px;}
.request-head{width:100%; background:#fcd76f; color:#FFF; padding:20px; font-family: 'Oswald', sans-serif; font-size:24px;}

.col-md-3 .btn-danger{padding:10px; width:200px; border:#FFF solid 2px; background-color:transparent; text-align:center;
        }
.col-md-3 .btn-danger:hover{background-color:#000; border:#000 solid 2px;}

.padding{padding:8px;}

a:hover{text-decoration:none;}

.section1{margin-top:20px; margin-bottom:60px;}
.section2{background-color:#2b4d68; padding:15px;}

.read{font-size:16px; font-weight:bold;}

.icon-wrap {
    background: #2691e4;
	margin-top:5px; 
    font-size: 28px;
	 width:65px; height:65px;
    margin-right:20px;
	padding:16px; text-align:center;}
	
	.icon-wrap:hover{background-color:#F00;}
	
	.bgbg{background-color:#FFF;  padding:12px;
	  border-radius:5px; cursor:pointer;}
	.bgbg:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.margen-top{margin-top:50px;}
.margen-botom{margin-bottom:50px;}
 .services{font-size:40px; color:#003; font-weight:800; letter-spacing:2px; font-family: 'Oswald', sans-serif;}
 .section2 h4{font-size:20px; color:#003; font-family: 'Oswald', sans-serif; color:#ad8705; line-height:44px;}
 .padding h3{font-size:20px; color:#003; font-family: 'Oswald', sans-serif;}
 .services-line{background:#F00; width:70px; height:2px; margin:auto;}
a .btn-danger {background:#F00; color:#FFF; width:110px; padding:9px; font-size:16px; font-weight:bold;
 border-radius:0px;}
 
 
 /* img efect---------*/
 
 .bgg{background:#04465e; padding:30px;}
select.frecuency {
    border: none;
    font-style: italic;
    background-color: transparent;
    cursor: pointer;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .35s ease-in;
    transition: -webkit-transform .35s ease-in;
    border-bottom: none;
}
select.frecuency:focus {
    outline: none;
    border-bottom: 5px solid #39b3d7;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .35s ease-in;
    transition: -webkit-transform .35s ease-in;
}
.free {
    text-transform: uppercase;
}
.input-group {
    margin: 20px auto;
    width: 100%;
}
input.btn.btn-lg,
input.btn.btn-lg:focus {
    outline: none;
    width: 60%;
    height: 60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
button.btn {
    /*width: 40%;
    height: 60px;*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.promise {
    color: #999;
}

 
.course{
	text-align:center;
	color:green;
}
.course1{
	text-align:center;
	font-family:Bradley Hand ITC;
}
.cours2{
	margin-top:30px;
}

.cours2{
	position:relative;
	margin-bottom:50px;
	
}


.cours3{
	-border:1px solid red;
	position:absolute;
	top:-100px;
	opacity:0;
	-bottom:100px;
	-background-color:rgba(142,198,63,.8);
	background-color:rgba(0,0,0,0.3);
	color:white;
	padding:10p;
}
.cours2:hover .cours3 {
	opacity:1;
	top:0px;
	transition:1s;
}
.cours4{
	position:absolute;
	-border:1px solid red;
	-margin-top:-80px;
	padding-top:20px;
	width:100%;
	height:80px;
	opacity:0;
	bottom:-50px;
	-background-color:rgba(142,198,63,.8);
	background-color:rgba(0,0,0,0.3);
}
.cours2:hover .cours4{
	opacity:1;
	bottom:0;
	transition:1s;
}
.cours2:hover .hover{
	transform:scale(1.3);
	transition:1s;
}
.cours7{
	border:1px solid rgb(73,183,43);
	background-color:rgb(73,183,43);
	color:white;
	font-size:18px;
	padding:10px 15px;
	border-radius:5px 20px;
}
.cours7:hover{
	background-color:transparent;
	color:rgb(73,183,43);
	border:1px solid rgb(73,183,43);
	transition:1s;
}

.cou:hover{
	background-color:transparent !important;
	color:rgb(237,78,110) !important;
	border:1px solid rgb(237,78,110) !important;
}
 
 .col-md-3.myrow{padding:0px; margin:0px;}
 
 .access-services{color:#fff; font-size:20px; font-family: 'Oswald', sans-serif; text-align:center;}
 
 /*-------emage efect end------*/
 
 /*--------follow-us----*/
.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }

/*---------folow us end------*/


/*------------------footer-----contact---*/
aside.sidebar .single {


}
aside.sidebar .single h3.side-title {
margin: 0;
padding: 0;
font-size: 20px;
color: #333;
text-transform: uppercase; }
aside.sidebar .single h3.side-title:after {
content: '';
width: 60px;
height: 1px;
background: #00b0ff;
display: block;
margin-top: 6px; }
.single.contact-info {
background: none;
border: none; }
.single.contact-info li {
margin-top: 30px; line-height: 50px;}
.single.contact-info li .icon {
display: block; font-size:16px;
float: left;
margin-right: 10px;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #f0f0f0;
color: #ebd11e; padding-top:7px;
text-align: center;
line-height: 50px; }
.single.contact-info li .info {
overflow: hidden; line-height: 50px;}

/*----------ent--footer--contact--*/






 
 .testiimg{background:url(../eamge/shippingyard.jpg); background-attachment:fixed;
           background-position:center; color:#FFF; padding-bottom:40px;} 
 

.futer{background-color:#04465e; color:#FFF;}
.futer ul{list-style-type:none;}
.futer ul a{text-decoration:none; color:#FFF; line-height:32px;
        font-size:16px;}
.futer ul a:hover{text-decoration:none; color:#CFF;}
.footer-h3{color:#ebd11e; font-family: 'Oswald', sans-serif; line-height:35px;}

.footer-botom{background-color:#02334b; padding:11px; color:#FFF; text-align:center;}