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

body{
	background:#fff;
	margin:0px;
	padding:0px;
	color:#333333;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
}
*{
	margin:0px;
	padding:0px;
}
h1{ font-size:24px;}
.heading h2{ background:#000; height:4px; width:100%;}
h2{ font-size:20px; font-family: 'Exo 2', sans-serif; color:#333333; font-weight:800;}
h3{ font-size:16px; font-family: 'Exo 2', sans-serif; color:#333333; font-weight:600;}
h4{ font-size:14px;}
p{
	color:#797979;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	line-height:21px;
	padding-bottom:4px;
	text-align:left;
}
a{
	text-decoration:none;
}
a:hover, a:link, a:active { color: #005892;}
li{
	list-style:none;
}
a img {
	border: none;
}
.height10 {
	height: 10px;
}
.height15 {
	height: 15px;
}
.height20 {
	height: 20px;
}
.height25 {
	height: 25px;
}
.height30 {
	height: 30px;
}
.height35 {
	height: 35px;
}
.clear {
	clear: both;
}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-25{margin-top:29px;}
.margin-top-30{margin-top:30px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}

.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-50{margin-left:50px;}
.margin-right-20{margin-right:20px;}
.margin-right-30{margin-right:30px;}
.margin-right-50{margin-right:50px;}

#wrap {
}
#wrap .container, .container {
	margin: 0 auto;
	/* width: 1170px;*/
}
.error {
    background: none repeat scroll 0 0 #F9C8C8 !important;
    border: 1px solid #B42727 !important;
    color: #000000 !important;

}
.success {
    background: none repeat scroll 0 0 #C2E5AC;
    border: 1px solid #54AF1E;
    color: #54AF1E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 15px 0 16px;
    padding: 10px 17px 10px;
    text-transform: uppercase;
}
.boxed-version{ max-width:1210px; margin:0 auto; background:#fff; padding-bottom:25px;}
.bg{ background:url(../images/bg.png);}
.bg .foot-bot{ background:url(../images/footer-bg.png); border-top:1px solid #005892; padding:20px 0 15px}

/*header*/

#header{
	background: none repeat scroll 0 0 ;
	background: rgba(9,63,110,1);
background: -moz-linear-gradient(top, rgba(9,63,110,1) 0%, rgba(49,123,184,1) 56%, rgba(49,123,184,1) 57%, rgba(49,123,184,1) 58%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,63,110,1)), color-stop(56%, rgba(49,123,184,1)), color-stop(57%, rgba(49,123,184,1)), color-stop(58%, rgba(49,123,184,1)));
background: -webkit-linear-gradient(top, rgba(9,63,110,1) 0%, rgba(49,123,184,1) 56%, rgba(49,123,184,1) 57%, rgba(49,123,184,1) 58%);
background: -o-linear-gradient(top, rgba(9,63,110,1) 0%, rgba(49,123,184,1) 56%, rgba(49,123,184,1) 57%, rgba(49,123,184,1) 58%);
background: -ms-linear-gradient(top, rgba(9,63,110,1) 0%, rgba(49,123,184,1) 56%, rgba(49,123,184,1) 57%, rgba(49,123,184,1) 58%);
background: linear-gradient(to bottom, rgba(9,63,110,1) 0%, rgba(49,123,184,1) 56%, rgba(49,123,184,1) 57%, rgba(49,123,184,1) 58%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093f6e', endColorstr='#317bb8', GradientType=0 );
    left: 0;
    padding: 30px 0 0;
    position: fixed;
	z-index:5;
    top: 0;
    transition: all 800ms ease 0s;
    width: 100%;
}
#header .logo{
	float:left;
}
#header .search{
	float:right;
	margin:0 6px 0 0;
}
#header .menu{
	float:right;
}
#header .search input[type=text]{
	background:#fff;
	width:234px;
	height:38px;
	padding:0 40px 0 14px;
	border:solid 1px #d0d0d0;
	color:#7f7f7f;
	font-size:14px;
	float:left;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}
#header .search a.search-icon{
	color:#cacaca;
	position: absolute;
	margin: 11px 0 0 -30px;
}

.header-small .logo, .header-small .search, .menu{ display:none;}
.header-small #header{ padding:0;}
.header-small .nav-full-width{ margin:0;}
.header-small .fluid_container {
    margin-top: 49px;
}
.header-small .logo-small{ display:block !important;}
.header-small .nav-full-width .menu{ display:block !important;}
/*mega menu*/

.nav-full-width{background:#333333; margin:80px 0 0; }
.nav-full-width .container{ position:relative}
.mega-dropdown{ position:static !important;}
.mega-menu-inner{ background:#181818; padding:1px;}
.mega-menu-inner .subnav{ width:314px; text-align:left; margin: 20px 24px 20px 20px; border-right:solid 1px #464646; padding: 0 46px 0 0; float:left;}

.mega-menu-inner .subnav.last{padding:0px; border:none;}
.mega-menu-inner .subnav a{ padding:0px; display:block; }
.mega-menu-inner a.subnavi img{ width:100%; }

.mega-menu-inner .subnav span.title{ color:#fff; font-size:16px; font-family: 'Exo 2', sans-serif; text-transform:uppercase;}
.mega-menu{ position:absolute; left:0; z-index:5555; width:100%; border-bottom:solid 3px #0b0b0b;}
.mega-menu ul{ list-style:none; width:18.5%; float:left; padding:0; margin:0 0 0 17px;}
.mega-menu ul li a{ border:0 !important; border-top:1px solid #E5E5E5 !important; margin:0 !important;}
.mega-menu ul li a:hover{ background:none !important;}
.mega-menu ul li span.heading{display: block;font-size: 18px;    line-height: 40px; min-height: 45px; padding-left: 14px;}
.mega-menu-inner > img {float: right;}
.mega-menu-inner .fa-caret-up{color: #FFFFFF; display: block; font-size: 24px; left: 70px; position: absolute; top: 13px;}

.mega-dropdown .mega-menu{ display:none;}
.mega-dropdown:hover .mega-menu{ display:block;}

/*nav*/
.bg-azul{ background:#484848 }
.nav-menu{ }
.nav-menu li{ float:left; position:relative; line-height: 48px;}
.nav-menu li:hover{ background:#181818 !important;}
.nav-menu li.sel{ background:#484848;}

.nav-menu li a{ color:#fff; padding:12px 20px; font-family: 'Exo 2', sans-serif; font-weight: 600; text-transform:uppercase; font-size: 16px;}
.nav-menu li a:hover{color:#fff;}


/*sub menu*/

.nav-menu li ul.sub-menu{ left: 0;list-style: none outside none;padding:0;position: absolute;z-index: 5555;width: 205px;}
.nav-menu li ul.sub-menu li.menu-item-has-children ul li:first-child:before{ border-width:0;}
.nav-menu li ul.sub-menu li a{ line-height:22px; background:#181818; color:#fff;}
.nav-menu li ul li{ float:none; position:relative;}
.nav-menu li ul li:first-child a{}
.nav-menu li ul li a{ margin:0; display:block; background:#fff;}
.nav-menu li ul li a:hover{ background:#333333;}
.nav-menu li ul li.menu-item-has-children{ position:relative;}
.nav-menu li ul li.menu-item-has-children ul{ top:0;left: 100%; padding-top:0;}
.nav-menu li ul{ display:none;}
.nav-menu li:hover ul{ display:block;  min-width: 170px;}
.nav-menu li:hover ul li ul{ display:none;}
.nav-menu li:hover ul li:hover ul{ display:block;}
.nav-menu li:hover ul li:hover ul li ul{ display:none;}
.nav-menu li:hover ul li:hover ul li:hover ul{ display:block;}


.nav-full-width .social{background: none repeat scroll 0 0 #484848;float: right; padding: 15px 16px 10px;}
.nav-full-width .social a.fb{ color:#fff; margin: 0 8px;
}
.nav-full-width .social a.fb:hover{ color:#CCC; 
-moz-transform: rotate(-360deg);
-moz-transition: all 0.8s ease-in-out 0s;
-webkit-transform: rotate(-360deg);
-webkit-transition: all 0.8s ease-in-out 0s;
-ms-transform: rotate(-360deg);
-ms-transition: all 0.8s ease-in-out 0s;
transform: rotate(-360deg);
transition: all 0.8s ease-in-out 0s;

}
.nav-full-width .social i{ font-size:22px;}


/*banner*/

#camera_wrap_4 { bottom: 0; height: 40%; left: 0; margin-bottom: 0!important; right: 0; top: 0; }
.camera_bar { z-index: 2; }
.camera_thumbs { bottom: 0; left: 0;  position: absolute;  width: 100%; z-index: 1; }
.camera_thumbs_cont { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.camera_overlayer { opacity: .1; }

.banner-detail{
	background:rgba(0, 145, 208, 0.6);
	width: 300px;
	float: right;
	height: 100%;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-top: 11px;
	padding-bottom: 17px;
}

.banner-detail h1{
	font-size: 40px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 800;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	line-height: 42px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
.banner-detail p{
	font-size: 15px;
	margin: 20px 0 0 20px;
	font-family: 'Open Sans', sans-serif;	font-weight: normal;
	color: #FFF;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
#camera_wrap_5 .banner-detail{ width:600px; background:none; margin-top: 55px;   padding:0 0; }
#camera_wrap_5 .banner-detail .derecha{ float:right !important;}
#camera_wrap_5 .banner-detail .izq{ float:left !important;}
#camera_wrap_5 h1{ background: /*  rgba(255,255,255,0.8); */ margin:0px; display:inline-block !important; padding:5px 20px 5px 10px; font-weight:normal;}
#camera_wrap_5 p{ background: /* rgba(255,255,255,0.8); */ display:inline-block !important; padding:10px 20px 10px 10px; font-size:24px;}
#camera_wrap_5 .banner-detail a.more{  background:#005892; /* display:none !important;*/ padding:10px 20px; text-decoration:none;}
#camera_wrap_4 .banner-detail a.more{  background:#005892; /* display:none !important;*/ padding:10px 20px; text-decoration:none; margin-left:20px; margin-top:20px}
.banner-detail a.more{ font-size:14px; text-transform:uppercase; color:#fff; text-decoration:underline; font-family: 'Exo 2', sans-serif; font-weight: 600; margin:5px 0 0 0; float:left;}
.banner-detail a.more:hover{ text-shadow:0 0px 2px #C9C9C9; 
}
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
		  -webkit-filter: grayscale(100%);
		  -moz-filter: grayscale(100%);
  		  filter: grayscale(100%);
		  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}
 
.bw:hover {
  -webkit-filter: grayscale(0);
		  -moz-filter: grayscale(0);
  		  filter: grayscale(0);
		  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/*content*/


#content{
	margin:30px 0 0 0;
}
#content .sub-page{
	margin:160px 0 0 0;
}
.date{
	background:url(../images/date.png) no-repeat;
	width:62px;
	height:67px;
	float:left;
	margin:12px 0 0 12px;
	position:absolute;
	text-align: center;
	z-index:1;
}
.strong img{ width:100%; }
.date .date-month{
	color:#fff;
	font-size:14px;
	font-family: 'Exo 2', sans-serif; 
	font-weight: 600;	
	margin: 10px 0 0 0;
	display: block;
}
.date .year{
	color:#000000;
	font-size:16px;
	font-family: 'Exo 2', sans-serif; 
	font-weight: 600;
	margin: 10px 0 0 0;
	display: block;
}
#content .strong{
	width:366px;
	float:left;
	text-align:center;
	background:#f9f9f9;
	padding:0 0 20px 0;
}
#content .strong h2{
	text-transform:uppercase;
	margin:20px 0 0 0;
}

#content .photography{
	width:366px;
	float:right;
	text-align:center;
	background:#f9f9f9;
	padding:0 0 26px 0;
}
#content .photography img{
	width:100%;
}
#content .photography h1{
	text-transform:uppercase;
	margin:27px 0 0 0;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	 color:#333333;
	font-size:34px;
}
#content .photography a.more-photos{
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	 color:#333333;
	font-size:16px;
	margin:15px 0 0 0;
	display:block;
}
#content .black-day{
	float:left;
	margin:0 0 0 30px;
}
#content .black-day img{
	width:100%;
}

#content .black-day .video{
	background:#f9f9f9;
	padding:10px;
	margin:23px 0 0 0;
}
.news{ float:left; background:#dcdcdc; padding:14px; margin:0 10px 0 0; }
#ticker-area{
	margin:0 0 0 0;
	background:#f5f5f5;
	padding:15px;
}
#ticker-area .apple{
	float:right;
	color:#f00;
	margin:50px 0 0 0 !important;
}
#content .black-day .video img{ width:100%;}
#content .black-day .video .v-player{
	height:60px; width:60px; float:left; background:url(../images/player-icon.png) no-repeat; position:absolute; margin: 82px 0 0 160px;
}
#content .black-day iframe{
	height:204px;
}
.heading{ background:url(../images/heading-divider.jpg) repeat-x 0 12px; text-align:center;  }
.heading h2{ background:#fff; display: inline; padding:0 15px; text-transform:uppercase;}
#content .left-sec{
	width:100%;
	float:left;
	margin:30px 0 0 0;
}
#content .left-sec.last{
	margin:0;
}
#content .right-sec2{
	width:100%;
	float:right;
	margin:30px 0 0 0;
}
#content .right-sec2.last{
	margin:0;
}

#content .recent-post{
	width:777px;
	float:left;
	margin:0 0 0 0;
}
#content .recent-post.recent-post2{ margin:30px 0 0 0;}
#content .author-sec{ width:46%; float:left; margin:0 32px 0 0;}
#content .author-sec.last{  margin:0 0px 0 0;}
#content .author-sec .detail{ border-bottom:solid 1px #CCC; padding: 0 0 16px 0; margin: 0 0 16px 0;}
#content .author-sec img{ float:left; margin:0 10px 0 0;}
#content .author-sec .text h4{ font-size:18px; font-family: 'Exo 2', sans-serif; font-weight: 600;}
#content .author-sec .text p{ line-height:18px; margin:5px 0 0 0;}
#content .author-sec .text a{ color:#333333; font-size:11px; font-family: 'Exo 2', sans-serif; font-weight: 600; text-transform:uppercase;}
#content .author-sec .text a:hover{ color:#000;}


#content .author-sec2{ width:100%; float:left; margin:0 32px 0 0;}
#content .author-sec2.last{  margin:0 0px 0 0;}
#content .author-sec2 .detail{ border-bottom:solid 1px #CCC; padding: 0 0 16px 0; margin: 0 0 16px 0;}
#content .author-sec2 img{ float:left; margin:0 20px 0 0;}
#content .author-sec2 .text h4{ font-size:18px; font-family: 'Exo 2', sans-serif; font-weight: 600;}
#content .author-sec2 .text h4 a:hover{ font-size:18px; font-family: 'Exo 2', sans-serif; font-weight: 600; color:285e86}
#content .author-sec2 .text p{ line-height:18px; margin:5px 0 0 0;}
#content .author-sec2 .text a{ color:#333333; font-size:11px; font-family: 'Exo 2', sans-serif; font-weight: 600; text-transform:uppercase;}
#content .author-sec2 .text a:hover{ color:#285e86;}

#clients .mask{ height:50px !important;}
.mask{
	height:428px !important;
}
.view{
	margin:10px 0 0 0;
}
.view a{
	color:#666666;
	margin:0 12px 0 0;
}
.view i{
	margin:0 5px 0 0;
	font-size:13px;
}
.view a:hover{
	color:#999999;
}
a.read-more{
	background:#333333;
	color:#fff;
	font-size:12px;
	padding:8px 30px;
	text-transform:uppercase;
	margin:12px 0 0 0;
	float:left;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}

a.read-more2{
	background:#1e5592;
	color:#fff;
	font-size:12px;
	padding:8px 30px;
	text-transform:uppercase;
	margin:12px 0 0 0;
	float:left;
	font-family: 'Exo 2', sans-serif; font-weight: 600; 
	}
a.read-more3{
	background:#1e5592;
	color:#fff;
	font-size:12px;
	padding:8px 30px;
	text-transform:uppercase;
	float:left;
	font-family: 'Exo 2', sans-serif; font-weight: 600; 
	
}

a.read-more4{
	background:#1e5592;
	color:#fff;
	font-size:12px;
	padding:8px 30px;
	text-transform:uppercase;
	float:right;
	font-family: 'Exo 2', sans-serif; font-weight: 600; 
	
}

a.read-more5{
	background:#1e5592;
	color:#fff; 
	width:110px;
	font-size:12px;
	padding:8px 8px;
	margin-bottom:5px; margin-left:10px;
	text-transform:uppercase; 
	text-align:center;
	float:left;
	font-family: 'Exo 2', sans-serif; 
	font-weight: 600; 
	
}

a.read-more6{
	background:#4db1f0;
	color:#fff; width:110px;
	font-size:12px;
	padding:8px 8px;
	margin-bottom:5px;
	text-transform:uppercase;
	text-align:center;
	float:left;
	font-family: 'Exo 2', sans-serif; 
	font-weight: 600; 
	
}


#content .recent-post .recent-sec{
	width:372px;
	float:left;
	margin:30px 0 0 0;
}
#content .recent-post .recent-sec img{
	width:100%;
}
#content .recent-post .recent-sec.right{
	float:right;width:372px;
}
#content .recent-post .recent-sec h3{
	margin:15px 0 0 0;
}
#content .recent-post .recent-sec span{
	font-size:12px;
	color:#909090;
	font-style:italic;
	background:none;
}
#content .recent-post .recent-sec p{
	margin:10px 0 0 0;
}
a.read-more{
	background:#333333;
	color:#fff;
	font-size:12px;
	padding:4px 20px 6px 20px;
	text-transform:uppercase;
	margin:8px 0 20px 0 !important;
	float:left;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
a.read-more:hover{
	background:#000;
}

a.read-more2:hover{
	background:#000;
}
a.read-more3:hover{
	background:#000;
}
a.read-more4:hover{
	background:#000;
}

#content .tabs{
	background:url(../images/tab-bg.jpg) repeat;
	width:352px;
	margin:30px 0 0 0;
	float:right;
	padding:7px;
}
#content .tabs .popular{
	float:left;
	width: 306px;
	padding: 0 22px 20px 22px;
	margin:20px 0 0 0;
	background:#FFF;
	border-bottom:solid 1px #f2f2f2;
}
#content .tabs .popular img{
	float:left;
}
#content .tabs .popular .detail{
	float:left;
	width: 224px;
margin: 0 0px 0 15px;
}
#content .tabs .popular .detail h4{
	font-size:14px;
	color:#333333;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
#content .tabs .popular .detail p{
}
#content .tabs .popular .detail span{
	font-size:12px;
	color:#909090;
	font-style:italic;
	background:none;
}
#content .tabs .tags{
		padding: 20px 22px;
}
#content .tabs .tags a{
	background:#fff;
	color:#b2b2b2;
	font-size:11px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	border: solid 1px #b2b2b2;
	text-transform:uppercase;
	float:left;
	margin:0 5px 5px 0;
	padding:9px 18px;
}

#content .tabs .tags a:hover{
	background:#b2b2b2;
	color:#fff;
}
#content .latest-article{
	margin:30px 0 0 0;
}
#content .latest-article .art-detail{
	text-align:center ; 
}
#content .latest-article .art-detail h3{
	text-transform:uppercase;
	margin: 15px 0 0 0;
}
#content .latest-article .art-detail a{
	margin:5px 0 0 66px;
}


/*footer*/


#footer{
	margin:30px 0 0 0;
	color: #333  /*#fff*/  ;
	background: #005892 !important;
}
.newsletter{
	border:solid 1px #e0e0e0;
	padding:18px;
}
.newsletter .text{
	float:left;
}
.newsletter .text h1{
	font-size:24px;
	color:#005892;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
.newsletter .text span{
	font-size:16px;
}
.newsletter .email{
	float:right;
}
.newsletter .email input[type=text]{
	width:410px;
	border:none;
	height:48px;
	font-size:14px;
	padding:0 0 0 14px;
	margin: 0 -3px 0 0px;
	background:#f4f3f3;
}
.newsletter .email a.subscribe{
	color:#fff;
	background:#333333;
	text-transform:uppercase;
	font-size:16px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	padding:13px 26px;
}
.newsletter .email a.subscribe:hover{ background:#000}



.newsletter .email2{
	float:right;
	
}
.newsletter .email2 input[type=text]{
	width:232px;
	border:none;
	height:48px;
	font-size:14px;
	padding:0 0 0 14px;
	margin: 0 -3px 0 0px;
	background:#f4f3f3;
}
.newsletter .email2 a.subscribe{
	color:#fff;
	background:#333333;
	text-transform:uppercase;
	font-size:16px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	padding:13px 26px;
}
.newsletter .email a.subscribe:hover{ background:#000}

#footer .foot-sec{
	float:left;
	margin:25px 114px 0 0;
	padding-left:40px
}
#footer .foot-sec.sec2{
	float:left;
	margin:25px 0px 0 0;
	
}
#footer .foot-sec.sec3{
	float: right;
	margin-top: 25px;
	padding-right: 40px;
	margin-bottom: 0;
	margin-left: 0;
}
#footer .foot-sec .menu{
	float:left;
	display:block !important;
}
#footer .foot-sec .menu.menu2{
	float:right;
}
#footer .foot-sec span.title{
	font-size:18px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	color:#333; /*#f2f2f2;  */
	text-transform:uppercase;
}
#footer .foot-sec .menu ul{
	margin:10px 0 0 0;
}
#footer .foot-sec .menu li{
	line-height:27px;
}
#footer .foot-sec .menu a{
	font-size:14px;
	color:#535353 !important;
}
#footer .foot-sec .menu a:hover{
	color:#000;
}
#footer .foot-sec .payment{
	margin:15px 0 0 0;
}
#footer .foot-sec .share img{
	margin:10px 0 0 0;
}
#footer .foot-sec .payment img{
	margin:10px 0 0 0;
}
#footer .foot-sec .contact img{
	margin:10px 0 0 0;
}

#footer .foot-sec .contact span.number{
	font-size:13px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	margin:0 0 23px 0;
	display:block;
}
.foot-bot{
	background:#000;
	border-top:solid 1px #e3e3e3;
	padding:15px 0;
	margin:30px 0 0 0;
}
.foot-bot .social{
	float:left;
}
.foot-bot .social a{
	color: #f2f2f2;
	font-size: 20px;
margin: 0 12px 0 0;
}
.foot-bot .social a:hover{ color:#005892}


.foot-bot p{
	font-size: 12px;
	float:right;
}

/*footer dark*/

#footer-dark{
	background: #005892;
	margin: 30px 0 0 0;
}
#footer-dark .dark-left { float:left; width:252px; margin:30px 0 0 0;}
#footer-dark .dark-left .footer-slider{ margin:30px 0 0 0; position:relative}
#banner-slider{  float:left; width:400px;}
#footer-dark .dark-middle{ float:left; width:410px; margin:30px 0 0 62px;}
#footer-dark .dark-middle a.sec{ margin:0 0 15px 0; float:left;}


#footer-dark .dark-right{ float:right; width:392px; margin:30px 0 0 0;}
#footer-dark .dark-right img{ max-width:100%;}
#footer-dark .dark-right .about{  margin:30px 0 0 0;}
#footer-dark .dark-right p{ color:#e3e3e3;}
#footer-dark .dark-right a { color:#e3e3e3;}

#footer-dark  h3{ font-size:14px; font-family: 'Exo 2', sans-serif; font-weight: 600; color:#fff; text-transform:uppercase;}
#footer-dark .dark-left ul{
	margin:0 0 0 0;
}
#footer-dark .dark-middle img{ width:100%;}
#footer-dark .dark-middle p{ color:#e3e3e3;}
#footer-dark .dark-left li{
	border-bottom:solid 1px #656565;
}
#footer-dark .dark-left li:hover{
	background:#4C4C4C;

}
#footer-dark .dark-left a{
	line-height:42px;
	color:#ffffff;
	display:block;
	margin:0 0 0 5px;
	font-size:14px; 
}
#footer-dark .dark-left a span{
	 float:right;
	 margin: 0 15px 0 0;
}
#footer-dark  h4{
	color:#fff;
	font-size:18px;
	margin:0 0 30px 0;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
#footer-dark .dark-right .social{ margin:15px 0 0 0;}

#footer-dark .dark-right .social a{
	color:#c6c6c6; 
	font-size: 22px;
	margin: 0 12px 10px 0;
	float:left;
}

#footer-dark .dark-right .social a:hover{
	color:#fff; 
}

#footer-dark .foot-bot{
	border-top:1px solid #5b5b5b; 
	text-align:center;
	background:#000;
}
#footer-dark .foot-bot p{
	float:right;
	color:#c6c6c6;
}
#footer-dark .dark-right .img a:hover{
	color:#fff; 
}

#content .left-sec2{
	width:365px;
	float:left;
}
#content .right-sec{
	width:365px;
	float:right;
}
#content .right-sec .reviews{
	margin:30px 0 0 0;
}
#content .right-sec .reviews .rating{
	background:#fff;
	margin:10px 0 0 0;
	border:solid 1px #dbdbdb;
	padding:15px;
}
#content .right-sec .reviews .rating img{
	float:right;
}
#content .right-sec .reviews .rating span{
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	font-size:14px;
	float:left;
}
#content .right-sec .authors{
	margin:30px 0 0 0;
}
#content .people{ margin:30px 0 0 0; float: left;}
#content .right-sec .authors .people{
	margin:20px 0px 0 0px;
	float:left;
}
#content .right-sec .authors a{
	margin:1px 1px 0 0px;
	float:left;
}
.skimiler{float: left;margin:-15px auto 0px 0px;}
.skiller {margin:20px 0 0 0;font-size: 12px;line-height: 2em;position: relative; display:block;}
.col { width:365px;}
#skill {list-style: none outside none;}
#skill li {background:#f9f9f9;height: 42px;margin-bottom: 5px;width: 365px;}
#skill li em { position:relative; float: left;
color: #fff; font-size:14px; font-style:normal; font-family: 'Exo 2', sans-serif; font-weight: 600; text-transform:uppercase; margin: 8px 0 0 12px;}
#skill li small { float: right; font-family: 'SourceSansProLight'; font-size:16px; margin:8px 12px 0 0;}
#skill span { color:#fff; }
.expand {background:#333333;height: 42px;position: absolute;left: 0;}
.color-ch {background:#565656 !important;}
 
.html5       { width:72%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;        }
.css3        { width:55%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;         }
.jquery      { width:50%; -moz-animation: jquery 2s ease-out;   -webkit-animation: jquery 2s ease-out;      }
.photoshop   { width:50%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;    }
.dreamweaver { width:86%; background:#005892 !important; -moz-animation:dreamweaver 2s ease-out; -webkit-animation:dreamweaver 2s ease-out;  }
.totalotras { width:76%; background:#005892 !important; -moz-animation:totalotras 2s ease-out; -webkit-animation:totalotras 2s ease-out;  }
.totalrazas { width:100%; background:#005892 !important; -moz-animation:totalrazas 2s ease-out; -webkit-animation:totalrazas 2s ease-out;  }
.raza1       { width:62%;  -moz-animation:raza1 2s ease-out;       -webkit-animation:raza1 2s ease-out;        }
.raza2        { width:50%;  -moz-animation:raza2 2s ease-out;        -webkit-animation:raza2 2s ease-out;         }
.raza3      { width:80%; -moz-animation: raza3 2s ease-out;   -webkit-animation: raza3 2s ease-out;      }
.raza4   { width:75%;  -moz-animation:raza4 2s ease-out;   -webkit-animation:raza4 2s ease-out;    }
.raza5 { width:75%;  -moz-animation:raza5 2s ease-out; -webkit-animation:raza5 2s ease-out;  }
 
@-moz-keyframes html5       { 0%  { width:0px;} 100%{ width:72%;}   }
@-moz-keyframes css3        { 0%  { width:0px;} 100%{ width:55%;}  }
@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }
@-moz-keyframes photoshop   { 0%  { width:0px;} 100%{ width:50%;}  }
@-moz-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:86%;} }
@-moz-keyframes raza1       { 0%  { width:0px;} 100%{ width:62%;}   }
@-moz-keyframes raza2       { 0%  { width:0px;} 100%{ width:50%;}  }
@-moz-keyframes raza3       { 0%  { width:0px;} 100%{ width:80%;}  }
@-moz-keyframes raza4       { 0%  { width:0px;} 100%{ width:75%;}  }
@-moz-keyframes raza5       { 0%  { width:0px;} 100%{ width:75%;} }
@-moz-keyframes totalotras       { 0%  { width:0px;} 100%{ width:76%;} }
@-moz-keyframes totalrazas       { 0%  { width:0px;} 100%{ width:100%;} }
 
@-webkit-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes css3        { 0%  { width:0px;} 100%{ width:90%;} }
@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;} }
@-webkit-keyframes photoshop   { 0%  { width:0px;} 100%{ width:80%;} }
@-webkit-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:100%;} }
@-webkit-keyframes raza1       { 0%  { width:0px;} 100%{ width:62%;}   }
@-webkit-keyframes raza2       { 0%  { width:0px;} 100%{ width:50%;}  }
@-webkit-keyframes raza3       { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes raza4       { 0%  { width:0px;} 100%{ width:75%;}  }
@-webkit-keyframes raza5       { 0%  { width:0px;} 100%{ width:75%;} }
@-webkit-keyframes totalotras       { 0%  { width:0px;} 100%{ width:76%;} }
@-webkit-keyframes totalrazas       { 0%  { width:0px;} 100%{ width:80%;} }

#content .sub-tags{
	margin:30px 0 0 0px;
	float:left;
}
#content .sub-tags .all-tags{
	margin:20px 0 0 0px;
}

#content .sub-tags .all-tags a.active{
	border: solid 1px #B2B2B2;
	color: #fff;
	padding: 10px 18px;
	margin: 2px 2px 0 0;
	float: left;
	background-color: #00538A;
}
#content .sub-tags .all-tags a{
	border:solid 1px #B2B2B2;
	color:#535353;
	background:#fff;
	padding:10px 18px;
	margin: 2px 2px 0 0;
	float:left;
	width:90%
}
#content .sub-tags .all-tags a:hover{
	background:#B2B2B2;
	color:#fff;
}


#content .right-sec .photography{
	margin:30px 0 0 0;
}
#content .post-detail{
}
#content .post-detail h2{
	text-transform:uppercase;
	margin:18px 0 0 0;
}
#content .post-detail span{
	font-size:16px;
	color:#909090;
	margin:10px 0 0 0;
	font-style:italic;
	background:none;
}
#content .post-detail p{
	margin:10px 0 0 0;
}
#content .post-detail .tag{
	margin:10px 0 0 0;
}
#content .post-detail .tag i{
	font-size:26px;
	float:left;
	margin: 10px 12px 0 0;
}
#content .post-detail .tag a{
	border:solid 1px #dbdbdb;
	color:#535353;
	background:#fff;
	padding:10px 18px;
	margin: 2px 2px 0 0;
	float:left;
}
#content .post-detail .tag a:hover{
	border:solid 1px #000;
	color:#000;
}
#content .post-detail img.share-btn{
	float:right;
	margin:10px 0 0 0;
}
#content .comments{
	margin:30px 0 0 0;
}
#content .comment-sec{
	border:solid 1px #dbdbdb;
	background:#fff;
	padding:20px 20px 15px 20px;
	margin:20px 0 0 0;
}
#content .comment-sec.sec2{
	width:588px;
	float:right;
}
#content .comment-sec.sec2 .text{
	width:464px;
}
#content .comment-sec .text{
	width: 610px; 
	float:left;
	margin:0 0px 0 24px;    
}
#content .comment-sec .text2{
	float:left;
	margin:0 0 0 24px;    
}
#content .comment-sec .text span.title, #content .comment-sec .text2 span.title{
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
#content .comment-sec .text p, #content .comment-sec .text2 p{
	border-top:solid 1px #dbdbdb;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
#content .comment-sec span.admin-date{
	font-size:12px;
	color:#909090;
	margin:0 0 0 10px;
	font-family: 'SourceSansProLight';
}
#content .comment-sec a.reply{
	font-size:14px;
	text-transform:uppercase;
	float:right;
	color:#333333;
}
#content .comment-sec a.reply:hover{
	color:#000;
}
#content .comment-sec img{
	float:left;
	border: 1px solid #ccc;
	max-width:90px;
}
#content .leave-comment{

	margin:30px 0 0 0;
}
#content .leave-comment .form{
	margin:20px 0 0 0;
}
#content .leave-comment .form input[type=text]{
	float:left;
	width:360px;
	padding:0 10px;
	margin:0 12px 10px 0;
	background:#fff;
	border:solid 1px #dbdbdb;
	height:43px;
	color:#797979;
	font-size:14px;
	font-family: 'SourceSansProLight';
}
#content .leave-comment .form input[type=text].last{
	margin:0 0 0 0;
}
#content .leave-comment .form textarea{
	float:left;
	width:757px;
	padding:10px 10px;
	margin:0 12px 10px 0;
	background:#fff;
	border:solid 1px #dbdbdb;
	height:210px;
	color:#797979;
	font-size:14px;
	font-family: 'SourceSansProLight';
}
#content .travel img{
	margin:0 9px 9px 0;
}

#content .travel img.last{
	margin:0 0 9px 0;
}
a.submit{
	background:#333333;
	color:#fff;
	font-size:12px;
	padding:8px 30px;
	text-transform:uppercase;
	margin:12px 0 0 0;
	float:left;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
a.submit:hover{background:#000;}

/*typography*/

#content .typography {
margin: 30px 0 0 0;
float: left;
}
#content .typography .headings{
	float:left;
	width:561px;
	margin:0 30px 20px 0;
}
#content .typography .headings.last{
	float:left;
	width:561px;
	margin:0 0 20px 0;
}
#content .typography .headings p{
	margin:10px 0 0 0;
}
#content .typography .headings h1{
	font-size:34px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
#content .typography .headings h2{
	font-size:30px;

	text-transform:uppercase ;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
#content .typography .headings h3{
	font-size:26px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
#content .typography .headings h4{
	font-size:22px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
#content .typography .headings h5{
	font-size:20px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
#content .typography .headings h6{
	font-size:18px;

	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
#content .highlight{
	margin:30px 0 0 0;
}
#content .highlight p{
	margin:20px 0 0 0;
}
#content .highlight span.red{
	background:#f91515;
	color:#fff;
	padding: 4px 5px;
}
#content .highlight span.yellow{
	background:#fcff00;
	padding: 4px 5px;
}
#content .highlight span.black{
	background:#333333;
	padding: 4px 5px;
	color:#fff;
}
#content .pragraph{
	margin:30px 0 0 0;
}
#content .pragraph p.normal{
	margin:20px 0 0 0;
	float:left;
	width:366px;
	text-align:justify;
}
#content .pragraph p.bold{
	margin:20px 0 0 36px;
	float:left;
	font-weight:bold;
	width:366px;
	text-align:justify;
}
#content .pragraph p.it{
	margin:20px 0 0 0;
	float:left;
	font-style:italic;
	width:366px;
	text-align:justify;
	float:right;
}
#content .list-style{
	margin:30px 0 0 0;
}

#content .list-style .style1{
	float:left;
	width:366px;
	margin:10px 46px 0 0;
}
#content .list-style .style1.style3{
	float:right;
	width:330px;
	margin:10px 0 0 0;
}
#content .list-style .style1 i{
	margin:0 10px 0 0;
	color:#333333;
}
#content .list-style .style1 span.light i{
	color:#707070;
	margin:0 10px 0 30px;
}
#content .list-style .style1 span.more-light i{
	color:#adadad;
	margin:0 10px 0 60px;
}
#content .list-style .style1 span{
	display:block;
	line-height:34px;
}
#content .images-style {
float: left;
margin: 10px 0 0 0 auto;
}

#content .images-style2 {
float: left;
margin: 10px 0 0 0;
}

#content .images-style2 .img-sec2{
	float:left;
	width:570px;
	margin:10px 24px 0 0;
}
#content .images-style2 .img-sec2.last{
	margin:10px 0px 0 0;
}
#content .images-style2 .img-sec2 img{
	margin:0 0px 15px 0;
	width:100%;
}


#content .images-style .left-img{
	margin:30px 0 0 0;
	float:left;
}
#content .images-style .left-img img{
	float:right;
	padding: 0 0 0 28px;
}
#content .images-style .left-img p{
	float:left;
	font-size:16px;
	
}
#content .images-style .right-img{
	margin:30px 0 0 0;
	float:left;
}
#content .images-style .right-img img{
	float:left;
	padding: 0 28px 0 0;
}
#content .images-style .right-img p{
	float:right;
	font-size:16px;
	
}
#content .images-style .img-3sec{
	float:left;
	width:374px;
	margin:30px 24px 0 0;
}
#content .images-style .img-3sec.last{
	margin:30px 0 0 0px;
}
#content .images-style .img-3sec img{
	margin:0 0 15px 0;
	width:100%;
}
#content .images-style .img-sec2{
	float:left;
	width:570px;
	margin:10px 24px 0 0;
}
#content .images-style .img-sec2.last{
	margin:10px 0px 0 0;
}
#content .images-style .img-sec2 img{
	margin:0 0px 15px 0;
	width:100%;
}
#content .message-box {
margin: 30px 0 0 0;
width: 100% !important;
float: left;
}
#content .message-box .box-style{
	border: solid 1px #e3e3e3;
	padding:15px;
	margin:10px 0 0 0;
}
#content .message-box .box-style i{
	padding:0 12px 0 0;
}
#content .message-box .box-style i.azul{
	color:#005892;
}
#content .main img{
	width:100%;
}


/*404 error*/


#content .error .text{
	text-align:center ;
	margin:80px 0 0 0;
	text-transform:uppercase;
}
#content .error .text h1{
	font-size:58px;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
#content .error .text span{
	font-size:20px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	display:block;
	margin:0 0 20px 0;
}
#content .error .text a.read-more{
	float:none;
	margin:20px 0 0 0;
}
#content .error .item{
	margin:100px 24px 0 0;
}
#content .item .art-detail h3{ margin:10px 0 0 0;}
#content .error .item.last{
	margin:100px 0 0 0px;
}
#content .error .item h3{
	margin:12px 0 0 0px;
}
#content .error .item p{
	margin:0 0 12px 0px;
}
#content .error .item a.read-more{
	float:none;
}


/*contact us*/

#content .contact-us {
margin: 30px 0 0 0;
float: left;
}

#map{
    width: 100%;
    height: 488px;
	margin:20px 0 0 0;
}
#content .contact-form{
	margin:0 0 0 0;
	float:left;
	width:778px;
}
#content .contact-form p{
	margin:15px 0 0 0;
}
#content .get-touch{
	margin:30px 0 0 0;
	float:right;
	width:348px;
}
#content .get-touch .touch{
	margin:20px 0 0 0;
}
#content .get-touch a{
	line-height:41px;
	font-size:14px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	color:#333333;
}
#content .get-touch i{
	width:30px;
	color:#333333;
	font-size:20px;
}
#content .get-touch i.fa-mobile{
	font-size:40px;
	margin: 7px 0 0 0;
	display:inline-table;
}
#content .get-touch i.fa-envelope{
	margin: 4px 0 0 0;
	display:inline-table;
}
#content .get-touch i.fa-globe{
	font-size:24px;
	display:inline-table;
	margin: 5px 0 0 0;
}
#content .get-social{
	margin:30px 0 0 0;
	float:right;
	width:348px;
}
#content .get-social .social-icons{
	margin:20px 0 0 0;
}
#content .get-social .social-icons a{
	background:#fff;
	border:solid 1px #dbdbdb;
	color:#333333;
	float:left;
	padding:12px 8px;
	margin: 5px 5px 0 0;
font-size: 20px;
}
#content .get-social .social-icons a:hover{
	border:solid 1px #ededed;
	color:#b0b0b0;
}
#content .get-social .social-icons i{
	width: 26px;
text-align: center;
}


/*columns*/

#content .columns {
float: left;
margin: 30px 0 0 0;
}
#content .columns .columns2{
	float:left;
	color:#f00;
	width:568px;
	margin:20px 34px 0 0;
	text-align:justify;
}
#content .columns .columns2.last{
margin:20px 0 0 0;
}
#content .columns3{    /*.columns */
	float:left;
	color:#f00;
	text-align:justify;
	width:370px;
	margin:20px 30px 0 0;
}
#content .columns3.last{   /*.columns */
	margin:20px 0 0 0;
}
#content .columns .columns4{
	float:left;
	color:#f00;
	text-align:justify;
	width:268px;
	margin:20px 32px 0 0;
}
#content .columns .columns4.last{
	margin:20px 0 0 0;
}
#content .columns3-1{   /*.columns */
	float:left;
	color:#f00;
	text-align:justify;
	width:768px;
	margin:20px 0 0 0;
}
#content .columns .columns4-1{
	float:left;
	color:#f00;
	text-align:justify;
	width:870px;
	margin:20px 0 0 0;
}
#content .singal-post .post-sec{
	width:777px;
	float:left;
	display:block;
	margin:30px 0 0 0;
}
#content .singal-post .post-sec img{
width:100%;	
}
.post-sec img{ width:100%; }
#content .singal-post .post-sec h3{
	margin:15px 0 0 0;
}
#content .singal-post .post-sec span{
	font-size:12px;
	color:#909090;
	font-style:italic;
	background:none;
	margin:3px 0 0 0;

}
#content .singal-post .post-sec p{
	margin:10px 0 0 0;
}
#content .tabs-toggle{
}
#content .toggles{
	float:left;
	width:568px;
	margin: 15px 34px 0 0;
}
#content .toggles.last{
	margin:15px 0 0 0;
}
#content .toggles_ancho{
	float:left;
	width:100%;
	margin: 15px 34px 0 0;
}
#content .toggle2{
	margin:0 0 3px 0;
}
#content .toggle h3{
	font-size:14px;
	text-transform:uppercase;
	border-bottom:solid 2px #333333;
	cursor:pointer;
	padding: 13px 0;
}
#content .toggle h3.apple{
	background:#333;   /*333*/
	color:#fff;
	padding:12px 10px;
}
#content .toggle.toggle2 i{
	color:#fff;
}
#content .toggle i{
	font-size:14px;
	color:#a5a5a5;
	float:right;
	text-transform:uppercase;
}
#content .toggle p{
	font-size:16px;
	color:#797979;
	margin: 15px 0 0 0;
text-align: justify;
}


.toggle div{
	display:none;
}
#tab1{
	margin:15px 0 0 0 ;
	float:left;
}
#tab2{
	margin:15px 0 0 0 ;
	float:right;
}

#tab3{
	margin:20px 0 0 0 ;
	float:right;
}

.etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #fff; border: solid 1px #d6d6d6; border-bottom: none; }
    .tab a { font-size: 14px;  display: block; padding:15px 27px; outline: none; text-transform:uppercase; font-family: 'itc_lubalin_graph_stddemi'; color:#838383;}
    .tab a:hover {background: #333333; color:#fff;}
    .tab.active { background: #333333;  position: relative;  border:none;}
    .tab a.active { color:#fff;}
#tab1 p{ font-size:16px; margin: 15px 0 0 0px; text-align:justify;}
#tab2 p{ font-size:16px; margin: 15px 0 0 0px; text-align:justify;}
#tab3 p{ font-size:16px; margin: 15px 0 0 0px; text-align:justify;}
    .tab-container .panel-container { background: #fff; border-top: solid #d6d6d6 1px;  width:568px; }
	#tab3.tab-container .panel-container { background: #fff; border-top: solid #d6d6d6 1px;  width:100%; }
    .panel-container { margin-bottom: 10px; }

   #tab2 .tab a:hover {background: #fff; color:#333333;}
    #tab2 .tab.active { background: #fff;  position: relative;  border:none;}
   #tab2 .tab a.active { color:#333333;}
#content .videos {
margin: 30px 0 0 0 !important;
float: left;
}
#content .videos .latest-videos{
	margin:10px 0 0 0;
}
#content .videos .latest-videos .latest-sec{
	float:left;
	width:372px;
	margin:20px 26px 0 0;
}
#content .videos .latest-videos .latest-sec.last{
	margin:20px 0 0 0;
}
#content .videos .latest-sec .v-player{ height:60px; width:60px; float:left; background:url(../images/player-icon.png) no-repeat; position:absolute; margin: 92px 0 0 165px;}
#content .videos .latest-sec h3{
	text-transform:uppercase;
	margin:15px 0 0 0;
}
#content .videos .latest-sec span{
	font-size: 12px;
color: #909090;
font-style: italic;
background: none;
}
#content .videos .latest-sec p{
	margin:10px 0 0 0;
}
#content .videos .most-comment{
	margin:30px 0 0 0;
}
#content .videos .most-comment .thre-sec{
	float:left;
	width:372px;
	margin:20px 26px 0 0;
}
#content .videos .most-comment .thre-sec.last{
	margin:20px 0 0 0;
}
#content .videos .most-comment .v-player{ height:60px; width:60px; float:left; background:url(../images/player-icon.png) no-repeat; position:absolute; margin: 92px 0 0 165px;}
#content .videos .most-comment h3{
	text-transform:uppercase;
	margin:15px 0 0 0;
}
#content .videos .most-comment span{
	font-size: 12px;
color: #909090;
font-style: italic;
background: none;
}
#content .videos .most-comment p{
	margin:10px 0 0 0;
}
#content .videos .most-comment .two-sec{
	float:left;
	width:572px;
	margin:20px 26px 0 0;
}
#content .videos .most-comment .two-sec .v-player{  height:60px; width:60px; float:left; background:url(../images/player-icon.png) no-repeat; position:absolute; margin: 134px 0 0 258px; }
#content .video-detail{
	width:1170px;
	height:658px;
}
#content .video-detail iframe{ width:100%; height:100%; border:none;}

#content .video-detail2 iframe{ width:100%; height:100%; border:none;}
#content .video-detail2{
	width:776px;
	
	height:436px;
}









.fluid_container {
    margin-top: 159px;
}

.smallheader #header{ position:fixed; left:0; top:-110px; width:100%; z-index:1000;-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;}
.smallheader .fluid_container{ margin-top:150px;}

.logo-small {
    float: left;
	display:none;
    margin-top: 18px; margin-right:10px;
}
.nav-full-width .wrapper-dropdown-5{ background: url("../images/menu-dark.jpg") repeat scroll 0 4px rgba(0, 0, 0, 0);border: 0 none;height: 49px;}
.nav-full-width .wrapper-dropdown-5.active .dropdown{ top:49px; background:#fff; right:0;}

.nav-full-width  .wrapper-dropdown-5.active{ background:url(../images/menu.jpg) repeat 0 4px;}
.nav-full-width .menu{ display:none;}
.smallheader .nav-full-width .menu, .smallheader .nav-full-width .logo-small{ display:block;}








.layout-four{
	margin:190px 0 0 0 !important; 
}
.layout-four.layout-five{
	margin:0 0 0 0 !important; 
}
.layout-four .sec-1 {
	float:left;
	width:280px;
}
.layout-four .sec-2{
	float:right;
	width:280px;
}
.layout-four h4{
	text-transform:uppercase;
	font-size:16px;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
}
.layout-four .sec-1 .small{
	margin:0 0 0px 0;
}
.layout-four .sec-1 img{
	width:100%;
	overflow:hidden;
}
.layout-four .sec-1 .detail{
	background:#f8f8f8;
	border-bottom:solid 3px #d6d6d6;
	padding:10px 10px;
	margin:0 0 0 0;
	text-align:center;
}
.layout-four .latest-posts{
}
.layout-four .latest-posts h1{
	font-size:34px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 800;
}
.layout-four .latest-posts .sec-1{
	float:left;
	width:48%;
	margin:25px 0 0 0;
}
.layout-four .latest-posts .sec-1.sec-2{
	float:right;
}
.layout-four .latest-posts .sec-1 img{
	width:100%;
}
.layout-four .latest-posts .sec-1 .posts-detail{
	margin:15px 0 0 0;
}
.layout-four .latest-posts .sec-1 .posts-detail h4{
	margin:0 0 10px 0;
}


.layout-four .acting{
	background:url(../images/programas_home.jpg) no-repeat;
	margin: 30px 0 0 0;
	width:100%;
	height:388px;
	text-align:center;
}


.layout-four .acting span{
	font-size:42px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	color:#fff;
	padding-top: 150px;
	display:block;
}
.layout-four .acting a.find-more{
	
background: #fff;
color: #333333;
font-size: 12px;
padding: 8px 30px;
text-transform: uppercase;
margin: 12px 0 0 0;
font-family: 'Exo 2', sans-serif; font-weight: 600;
}


.layout-four2{
	margin:20px 0 0 0 !important; 
}

.layout-four2 .acting2{
	margin: 0px 0 0 0;
	background-color:#117dc6;
	width:100%; height:100px;
	text-align:center; 
}

.layout-four2 .acting2 span{
	font-size:30px;
	text-transform:uppercase;
	font-family: 'Exo 2', sans-serif; font-weight: 600;
	color:#fff;
	padding-top: 10px; margin-bottom:10px; 
	display:block;
}
.layout-four2 .acting2 a.find-more{
	background: #fff;
	color: #333333;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 30px;
}


.layout-four2 .acting2 a.find-more:hover{
background: #000;
color: #fff;

}






.layout-four .three-posts{
	margin:30px 0 0 0;
}
.layout-four .three-posts .sec-1{
	float:left;
	width:350px;
	margin:0 26px 0 0;
}
.layout-four .three-posts .sec-2{
	margin:0px;
}
.layout-four .three-posts .sec-1 img{
	width:100%;
	overflow:hidden;
}
.layout-four .three-posts .sec-1 .detail-three{
	margin:15px 0 0 0;
}




.tabla {
	margin:20px 0;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
	
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
	
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}

.tabla table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	
	
}.tabla tr:last-child td:last-child {
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
}
.tabla table tr:first-child td:first-child {
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}
.tabla table tr:first-child td:last-child {
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:7px;
	border-top-right-radius:7px;
}.tabla tr:last-child td:first-child{
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}.tabla tr:hover td{
	
}
.tabla tr:nth-child(odd){ background-color:#e8e8e8; }
.tabla tr:nth-child(even)    { background-color:#f6f6f6; }

.tabla td{
	vertical-align:middle;
	border:0px solid #ffffff;
	border-width:0px 0px 0px 0px;
	text-align:left;
	padding:7px;
	font-size:13px;
	font-family:'Open Sans';
	font-weight:normal;
	color:#000000;
}.tabla tr:last-child td{
	border-width:0px 0px 0px 0px;
}.tabla tr td:last-child{
	border-width:0px 0px 0px 0px;
}.tabla tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tabla tr:first-child td{
		background:-o-linear-gradient(bottom, #666666 5%, #333333 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #333333) );
	background:-moz-linear-gradient( center top, #666666 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#333333");	background: -o-linear-gradient(top,#666666,333333);

	background-color:#666666;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 0px 0px;
	font-size:16px;
	font-family:'Open Sans';
	font-weight:bold;
	color:#ffffff;
}
.tabla tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #666666 5%, #333333 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #333333) );
	background:-moz-linear-gradient( center top, #666666 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#333333");	background: -o-linear-gradient(top,#666666,333333);

	background-color:#666666;
}
.tabla tr:first-child td:first-child{
	border-width:0px 0px 0px 0px;
}
.tabla tr:first-child td:last-child{
	border-width:0px 0px 0px 0px;
}
div.flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
div.flex a {
	margin-bottom: 10px;
	font-weight: bold;
}
div.flex embed{
	margin-top: 15px;
}
div.flex .col-12 {
width: 100%;
}
a#download {
	background: white;
    padding: 16px;
}
.vegas div.container {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
header.vegas {
padding-bottom: 30px!important;
}
.vegas .container .logo {
	margin-bottom: 7px;
}
#vegasBody #rematesFlotante {
	display: none;
}
#rematesFlotante {
	width: 24%;
}
.flex div img {
	width: 100%;
}
#vegasBody h3 {
	margin:30px 0 20px 0;
	text-align: center;
}
/* pop up styles */
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
	z-index: 9;
    visibility: visible;
    opacity: 1;
  }
  .overlay img{
	width: 90%;	
}
  
  .popup {
    margin: 70px auto;
    padding: 20px;
    background: #13120f;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
  }
  

  .popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }
  .popup .close:hover {
    color: #06D85F;
  }
  .popup .content {
    max-height: 30%;
    overflow: auto;
    color: white;
    text-align: center;
  }
  .popup h3 {
	  color: white;
	  font-size: 18px;
  }
  .popup p {
	  margin: 10px;
	  text-align: center;
	  color: #539cac;
	  font-size: 20px;
	  font-weight: bold;
  }
  @media screen and (max-width: 700px){
    .box{
      width: 70%;
    }
    .popup{
      width: 70%;
    }
  }

  #derecha .idioma {
	background-color: white;
	padding: 10px;
	border-radius: 100%;
	font-weight: bold;
}
  .idioma#es {
    background: rgb(188,2,2);
    background: -moz-linear-gradient(180deg, rgba(188,2,2,1) 16%, rgba(249,252,0,1) 40%, rgba(249,252,0,1) 60%, rgba(252,0,0,1) 84%);
    background: -webkit-linear-gradient( 180deg , rgba(188,2,2,1) 16%, rgba(249,252,0,1) 40%, rgba(249,252,0,1) 60%, rgba(252,0,0,1) 84%);
    background: linear-gradient( 180deg , rgba(188,2,2,1) 16%, rgba(249,252,0,1) 40%, rgba(249,252,0,1) 60%, rgba(252,0,0,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc0202",endColorstr="#fc0000",GradientType=1);
  }
  .idioma#en{
	background: rgb(7,10,144);
    background: -moz-linear-gradient(180deg, rgba(7,10,144,1) 16%, rgba(255,255,255,1) 40%, rgba(252,0,0,1) 45%, rgba(252,0,0,1) 55%, rgba(255,255,255,1) 60%, rgba(7,10,144,1) 84%);
    background: -webkit-linear-gradient( 180deg , rgba(7,10,144,1) 16%, rgba(255,255,255,1) 40%, rgba(252,0,0,1) 45%, rgba(252,0,0,1) 55%, rgba(255,255,255,1) 60%, rgba(7,10,144,1) 84%);
    background: linear-gradient( 180deg , rgba(7,10,144,1) 16%, rgba(255,255,255,1) 40%, rgba(252,0,0,1) 45%, rgba(252,0,0,1) 55%, rgba(255,255,255,1) 60%, rgba(7,10,144,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc0202",endColorstr="#fc0000",GradientType=1);
  }
  .idioma#ch {
	background: red;
    color: yellow;
  }



  /* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 17; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 40%;
	position: relative;
  }
  .modal-content img {
	width: 100%;
  }
  /* The Close Button */
  .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top:-8px;
	right:10px;
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
#sponsorsHome {
	width: 100%;
}
#sponsorsHome img {
	width: 100%;
}

  /*  beneficios */
  div.row {
	display: flex;
	flex-flow: column;
	flex-wrap: wrap!important;
  }
  div.col-md-3 {
	width: 100%;
	flex: 0 0 auto;
	margin-bottom: 30px;
  }
  div.col-md-3 img {
	width: 100%;
  }
  div.beneficio {
	position: relative;
	width: 100%;
  }
  .beneficio .blue {
	background-color: #005892;
	color: white;
	padding: 20px;
	border-top-left-radius: 40px;
	max-height: 50px;
	position: absolute;
	bottom:0;
	transition: max-height 500ms ease-in-out; 
	overflow: hidden;
	width: 87%;
  }
  .beneficio .blue:hover {
	cursor: pointer;
    max-height: 120px;
  }

  div.blue h5 {
	font-size: 18px;
	margin-bottom: 10px;
  }
  div.blue h6 {
	font-size: 14px;
	margin-bottom:20px;
	font-weight: 600;
  }
  div.blue p , div.blue a{
	color: white!important;
  }
  div.blue a{
	float: right;
  }
.heading#beneficios {
position:relative;
min-height: 150px;
background-image: url(/img/fondo_beneficios.png);
background-position: center;
background-position-y: bottom;
padding-top: 15px;
}

.heading#beneficios h2 {
	background: transparent!important;
	color: white;
	margin-top: 20px;
	position: relative;
	/* offset-x | offset-y | blur-radius | color */
	text-shadow: 1px 3px 5px #000000;	
}
.heading#beneficios h2::before , .heading#beneficios h2::after {
	content: '';
	display: inline-block;
	width:67%;
	height: 5px;
	background-color: white;
	position: absolute;
	bottom:8px;
	box-shadow: 0px 2px 5px #626262;
}
.heading#beneficios h2::before {
	right:135px;
}

.heading#beneficios h2::after {
	left:135px;
}
.heading#beneficios .blue {
	background-color: #005892;
	color: white;
	padding: 20px;
	border-top-left-radius: 40px;
	position:absolute;
	right:0;
	bottom:0;
	text-transform: uppercase;
	max-width: 200px;
}

  @keyframes roadRunnerIn {
	0% {
	  transform:translateX(-1500px) skewX(30deg) scaleX(1.3);
	}
	70% {
	  transform:translateX(30px) skewX(0deg) scaleX(.9);
	}
	100% {
	  transform:translateX(0px) skewX(0deg) scaleX(1);
	}
  }
  
  @keyframes roadRunnerOut {
	0% {
	  transform:translateX(0px) skewX(0deg) scaleX(1);
	}
	30% {
	  transform:translateX(-30px) skewX(-5deg) scaleX(.9);
	}
	100% {
	  transform:translateX(1500px) skewX(30deg) scaleX(1.3);
	}
  }

  #myModal {
        transform:translateX(-1500px);
        animation: roadRunnerIn .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
      }

.btnAngus {
	padding: 5px 15px;
    color: white;
    background: #005892;
    border: none;
	transition: 250ms background;
}
.btnAngus:hover {
	background:#022a44 ;
}