/* 

Green Template
http://www.templatemo.com/preview/templatemo_449_green

*/

body { font: 13px/1.85em 'Open Sans', Arial, Helvetice Neue, sans-serif; color: #fff; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background: url(../images/bg1.jpg) no-repeat #00121A top center; background-attachment: fixed; }

html {  

	}
img { width: 100%;}
a, a:hover, a:focus { text-decoration: none; color: #ffffff;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; }

h1 { width: 100%; font-size: 36px; color: #747474; text-align: center; }

::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333333;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;  
}

.clear	{ clear: both;}
.shadow {  box-shadow: 0px 0px 7px #011933;}
.margin30 { margin-top: 30px;}
.center { text-align: center;}

.templatemo_home_top { }
.templatemo_webtitle {
	margin-top: 28px;
	width: 150px;
	 height: 46px;
	}
.templatemo_home_top img{ width: 100%;}     
.templatemo_home_top_left { 
    background: url(../images/templatemo_hometop_bg.png) no-repeat #00547E;
	background-position: top right;
	color: #FFFFFF;
	margin-right: -30px;
	border-left: 1px solid #0a328b;
	border-bottom: 1px solid #0a328b;
	padding: 40px;  
  line-height: 20px; 
	}
.templatemo_buttongreen { 
	padding: 10px 0px; 
	margin: 10px 0px; 
	text-align: center; 
	border-left: 10px solid #002535; 
	font-family: 'Oswald', sans-serif;
	background: #00547E; 
	color: #ffffff; 
	width: 180px; 
	float: left; 
	font-size: 16px;
	font-weight: 500;
	}
.templatemo_buttongreen:hover { background: #003584;}
.templatemo_hometop_title { 
	font-size: 42px; 
	line-height: 50px; 
	color: #101d3b; 
	font-family: 'Oswald', sans-serif; 
	font-weight: bold;  
	}
.templatemo_hometop_stitle { 
	font-size: 28px; 
	line-height: 28px; 
	margin-bottom: 5px;
	color: #101d3b; 
	font-family: 'Oswald', sans-serif; 
	font-weight: bold;
	}
.templatemo_home_midleft {
	background: -webkit-linear-gradient(#0d636f, #08353f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d636f, #08353f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d636f, #08353f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d636f, #08353f); /* Standard syntax (must be last) */
	border: 1px solid #0a7e8b;
}
.templatemo_home_midleft_in {
	margin: 30px;
	padding: 50px 20px;
	background: -webkit-linear-gradient(top,rgba(10,74,82,0),rgba(10,74,82,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(top,rgba(10,74,82,0),rgba(10,74,82,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top,rgba(10,74,82,0),rgba(10,74,82,1)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(10,74,82,0), rgba(10,74,82,1)); /*Standard*/
}

.templatemo_home_midleft_in div.small { 
	font-weight: bold; 
	font-size: 18px; 
	text-align: center; 
	margin-top: 70px;
	}
.templatemo_home_midleft_in div.big { 
	font-weight: bold; 
	font-size: 34px; 
	text-align: center; 
	line-height: 36px;}
.templatemo_home_midleft_in div.button { 
	background: #225b6f; 
	width: 150px; 
	margin: 25px auto; 
	padding: 5px 0px; 
	text-align: center;
	border: 1px solid #09404a; 
	font-family: 'Oswald', sans-serif; 
	font-size: 16px;
	}
.templatemo_home_midmid {
	background: #ffffff;
}
.templatemo_home_midmid div.big { 
	color: #3a3a3a;
	font-size: 24px;
	letter-spacing: -2px;
	font-weight: bold;
	padding: 30px 10px 0px 30px;
} 

.templatemo_home_midmid div.small { 
	color: #767676;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 0px 30px;
} 
.templatemo_home_midmid div.big span.icon{
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 3px solid #196073;
	float: right;
	text-align: center;
	line-height: 26px;
	font-size: 22px;
	margin-top: -10px;
	color: #196073;
}
.templatemo_home_midmid div.para {
	color: #767676;
	padding: 15px 30px;
}

.templatemo_home_midmid div.green {
	background: #225b6f;
	padding: 30px 30px;
	font-family: 'Oswald', sans-serif; 
	font-size: 16px;
	text-align: center;
}
.templatemo_home_midmid div.readmore {
	float: right;
	color: #3a3a3a;
	padding: 20px 30px;
	font-size: 14px;
	font-weight: bold;
}
.templatemo_home_midmid div.readmore a{color: #3a3a3a;0}

.templatemo_home_midright {
	position: relative;
	background-color:rgba(0,0,0,0.5);
	height: 50px;
  text-align: center;
}
.templatemo_home_midright div.big { 
	padding: 3px 0px 0px 0px;
	font-size: 22px;
	font-weight: bold; 
}
.templatemo_home_midright div.small { 
	font-size: 14px;
	padding: 0px 0px;
}

.templatemo_home_botleft {
	background: #ffffff;
	color: #3e3e3e;
}
.templatemo_home_botleft div.para {
	padding: 40px 30px 20px 30px;
}
.templatemo_home_botleft div.para .big{
	font-size: 26px;
 	font-family: 'Oswald', sans-serif; 
	 }
.templatemo_home_botright {
	background: #ffffff;
	color: #3e3e3e;
}	
.templatemo_popular_wrapper, .templatemo_recent_wrapper { 
	font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; 
	font-size: 13px; 
	}

.templatemo_popular_wrapper div.popular_box, .templatemo_recent_wrapper div.recent_box { padding: 5px; float: left; width: 100%;}
.templatemo_popular_wrapper div.popular_box:hover, .templatemo_recent_wrapper div.recent_box:hover { background: #e9e9e9; color: #3e3e3e;}
.templatemo_popular_wrapper div.popular_box .image, .templatemo_recent_wrapper div.recent_box .image{ width: 110px; float: left; margin-right: 15px;}
.templatemo_popular_wrapper a:focus div.popular_box, .templatemo_recent_wrapper a:focus div.recent_box  { background: #e9e9e9; color: #3e3e3e;}

.statbar {
   width: 16px;
   float: left;	
}

.statcount {
   width: 80px;
   float: left;	
}

.statcount2{
   width: 200px;
   float: left;	
}

.statgratos{
   float: right;	
}

.ciel{
  text-align: center;
	width: 300px;
}  

.mail4{
  padding-left: 190px;
}

.menu { margin-top: 50px;}
.navbar { border-radius: 0px; min-height: 80px;}
.navbar-default { background: none; border: none; margin: 0px; background: #181818; border-top: 5px solid #1ab2c0; border-left: 1px solid #0a7e8b; border-right: 1px solid #0a7e8b; border-bottom: 1px solid #0a7e8b;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #000;}
.navbar-nav { width: 100%;}
.navbar-default .navbar-toggle .icon-bar { background-color: #0a7e8b;}
.navbar-default .navbar-toggle { border-color: #0a7e8b; margin-top: 15px;}
.navbar-default .navbar-nav>li>a { color: #fff;}
.navbar-default .navbar-collapse ul{ padding: 0px; margin: 0px; float: left;}
.navbar-default .navbar-collapse ul li{ padding: 0px; margin: 0px;}
.navbar-default .navbar-collapse ul li a:hover { background: #07203c; color: #02e0f8;}
.navbar-default .navbar-collapse ul li.current { background: #07203c; color: #02e0f8; }
.navbar-collapse { padding: 0px;}




.ui-tabs { padding: 0px 0px 10px 0px; font-family: 'Oswald', sans-serif;}
.ui-tabs .ui-tabs-nav { padding: 0px;}
.ui-tabs .ui-tabs-nav li { margin: 0px; font-weight: bold; }
.ui-tabs .ui-tabs-nav li { width: 50%; height: 40px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #ffffff; border: none; color: #00547E;}
.ui-tabs .ui-tabs-nav li { background: #00547E; border: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #00547E; border: none; font-weight: bold; }
.ui-tabs .ui-tabs-nav li { top: 0px;}
.ui-corner-top { border-radius: 0px;}
.ui-state-hover a, .ui-state-hover a:hover { color: #3fa1c3; font-weight: bold;}
.ui-tabs .ui-tabs-panel { padding: 0;}


.img-title {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /*opacity: 0;*/
    display: none; /* comment this out for CSS hover */
    background-color: #333;
    /*transition: all 0.5s ease;*/
}

    .img-title h5 {
        position: absolute;
        color: #fff;
        top: 33%;
        width: 100%;
        text-align: center;
    }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


@media (max-width: 450px) { 
	.templatemo_about_bot .text { float: left; width: 100%; margin-top: 20px;}
	
}
@media (min-width: 450px) {
	.templatemo_webtitle {
	margin-top: 20px;
	width: 180px;
	 height: 55px;
	}
}
@media (max-width: 766px) {
	.templatemo_webtitle { position: absolute; z-index: 1000; top: -10px; margin-left: 20px; font-size: 40px;}
	.templatemo_aboutmid_image .circle { margin-top: 5%;}
	.templatemo_aboutmid_image .text { font-size: 14px;}
	.navbar-default .navbar-nav>li>a { border-top: 1px solid #093e47;}
	.g_margin30 { margin-top: 30px;}
	div#top-menu { margin-top: 20px;}
}

@media (max-width: 991px) {
	.templatemo_home_top_left, .templatemo_gallery_top_left { 
	margin-right: 0px;
    }
	.s_margin30 { margin-top: 30px;}
	.templatemo_webtitle { padding: 0px;}
}
@media (min-width: 767px) {
	.container-fluid { padding: 0px; margin: 0px;}
	.nav>li>a { padding: 0px 25px; line-height: 80px;}
	.menu .col-sm-8, .menu .col-sm-4 { float: right;}
	.templatemo_webtitle {
	margin: 0 auto;
	}
	.navbar-default .navbar-collapse ul li a:hover { border-top: 5px solid #0f707e; margin-top: -5px;}
	.navbar-default .navbar-collapse ul li.current { border-top: 5px solid #0f707e; margin-top: -5px; }
}

 
@media (min-width: 992px) {
	.templatemo_webtitle {
	margin: 0 auto;
	width: 244px;
	height: 74px;
	}
	.templatemo_home_top_left, .templatemo_gallery_top_left { min-height: 340px; padding: 20px;}
	.templatemo_home_midleft, .templatemo_home_midmid {	min-height: 337px;	}	
	.templatemo_home_midmid div.green{ padding: 15px 30px;}
	.templatemo_home_midleft_in div.small { margin-top: 0px;}
	.templatemo_home_midleft_in div.button { margin: 15px auto; }
	.templatemo_aboutmid_image{	width: 50%;}
	.navbar-default { margin-right: -30px;}

 }
 
@media (min-width: 1200px) {
 	.templatemo_home_top_left, .templatemo_gallery_top_left { min-height: 420px; padding: 40px;}
	.templatemo_home_midleft, .templatemo_home_midmid {	min-height: 413px;	}
	.templatemo_home_midmid div.green{ margin-top: 30px; padding: 30px 30px;}
	.templatemo_home_midleft_in div.small { margin-top: 70px;}
	.templatemo_home_midleft_in div.button { margin: 25px auto; }
 
}