@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');

body, html{width: 100%; height: 100%;}
body{font-family: 'Roboto', sans-serif;background-color: #ffffff;  font-size: 16px; color: #000000;}

.wrapper{width: 100%;}
.title-page{width: 100%; background-color: #bbb5b4;   background-position: top center;}
.title-page{width: 100%; position: relative;  background-position: top center; }
.cont-pages{width: 100%; margin: 0 auto; width: 100%; padding: 58px 0 0px;  max-width: 920px;}
.cont-pages img{max-width: 100%;vertical-align: bottom;}
.page_disclaimer{width: 100%; padding: 30px 0; position: relative;}
.cont-disclaimer{width: 100%; max-width: 980px; margin: 0 auto;}
.cont-disclaimer h5{font-size: 18px; font-family: 'Roboto', sans-serif; text-transform:uppercase;  text-align: left; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-disclaimer p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-disclaimer p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.page_disclaimer2{width: 100%;   position: relative;}
.cont-disclaimer2{width: 100%;  max-width: 980px; margin: 0 auto; padding: 70px 0 40px;}
.cont-disclaimer2 h5{font-size: 18px; font-family: 'Roboto', sans-serif; text-transform:uppercase;  text-align: left; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-disclaimer2 p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-disclaimer2 p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-disclaimer2 ul{padding: 0 0 0 20px;}
.cont-disclaimer2 ul li{list-style: disc; font-size: 16px; line-height: 22px; padding: 0 0 15px 0px;}
.chapter{width: 100%; background-color: #fff; margin: 0 auto; margin-top: 35px; border-radius: 5px; max-width: 131px; height:74px;}
.chapter h2{font-size: 19px; color: #000000/* rgba(10,47,88,1)*/; padding: 20px 0 0; letter-spacing: 2px; font-family: 'Oswald', sans-serif; text-transform:uppercase; text-align: center;}
.tableContents{width: 100%; height: 100%;}
.cont-table{width: 100%; max-width: 900px; margin: 0 auto;}
.cont-table h1{text-align: left; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight: bold; font-size: 26px; padding: 15px 0 30px; box-sizing: border-box;}
.cont-table ul{padding: 0 0 0 30px;}
.cont-table ul li{list-style: decimal; font-size: 22px; padding: 0 0 0px;}
.cont-table ul li a{text-decoration: none; color: #000000; display:block;}

#copyright{margin: 30px auto 0;} /*styles to copyright in the footer*/
#copyright p{text-align: center !important;}

.title-content{width: 100%; padding: 0 0 20px; box-sizing: border-box;}
.title-content h2{font-size: 22px; font-family: 'Roboto', sans-serif; text-transform:uppercase; text-align: left; line-height: 24px;}
.title-content p{font-size: 14px; text-align: left;box-sizing: border-box;}


.article{width: 100%; max-width: 850px; margin: 0 auto 20px; padding: 50px 0 0;}
.cont-article{width: 100%;}
p > iframe, p > object, p > embed {
    height: auto;
    margin: 0 auto;
    max-width: 980px;
    min-height: 480px;
    width: 100%;
}
.header-title{width: 100%; padding: 0 0 20px; margin-bottom: 20px!important; color: #fff; background: url(../img/cover01.png) no-repeat; background-size: 100%; background-color: #000000;}
.header-title{
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-position-y: -130px;
    -moz-background-position-y: -130px;
    background-position-y: -130px;
}
.header-title h1{font-size: 24px; color: #fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; line-height: 32px; padding: 10px 0 10px; font-weight: bold;}
.header-title h3{font-size: 16px; line-height: 20px; padding: 0px 0 10px; font-weight: normal;font-family: 'Roboto', sans-serif;}
.cont-article h5{font-size: 18px; text-align: center; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-article p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-article ol{padding: 0 0 0 35px;}
.cont-article ol li ol{margin-left: 15px;}
.cont-article ol li{list-style: decimal; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article ul{padding: 0 0 0 35px;}
.cont-article ul li{list-style: disc; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-article .img{width: 100%; text-align: center; padding-bottom: 20px;}
.cont-article .img img{width: 100%; max-width: 800px;}
.cont-article .author{padding: 30px 0;} /*space*/
.cont-article .author img{width: 100%; max-width: 150px; height: auto;}

.img-left{float: left; padding: 0 20px 20px 0;}
.img-right{float: right; padding: 0 20px 0px 20px;}
@media screen and (max-width:360px){
    .img-left,.img-right{float: none!important;display: block!important;text-align: center!important;margin: 0 auto!important;}
}

.silver{width: 100%; height: 1px; margin-bottom: 25px; background-color: #cccccc;}
strong, .bold{font-weight: bold;}
.subr{text-decoration: underline;}
.clear{clear: both;}
em, .italic{font-style: italic;}
.row{margin-top: 15px;}
.center{text-align: center;}
.box{width: 95%; background-color: #fbd4b4; border:1px solid #000000; margin: 0 auto 20px; padding: 15px;}
.adbanner{width: 100%; cursor: pointer; height: 150px; border: 1px solid #cccccc; margin: 0px 0 20px; padding: 0px 0 0; max-width: 616px; height: auto;}
.adbanner img{width: 100%; max-width: 800px!important; height: auto;}

@media screen and (max-width: 1024px){
.page_disclaimer2{width: 100%;   position: relative;}
.cont-disclaimer2{width: 90%;  max-width: 980px; margin: 0 auto; padding: 70px 0 40px;}
.cont-disclaimer2 h5{font-size: 18px; font-family: 'Roboto', sans-serif; text-transform:uppercase;  text-align: left; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-disclaimer2 p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-disclaimer2 p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-disclaimer2 ul{padding: 0 0 0 20px;}
.cont-disclaimer2 ul li{list-style: disc; font-size: 16px; line-height: 22px; padding: 0 0 15px 0px;}
.chapter{width: 100%; margin: 0 auto; margin-top: 0px; max-width: 131px; height:74px; background: url(../img/chapterbubble.png) no-repeat; background-size: 131px 74px;}
.chapter h2{font-size: 19px; color: #000; padding: 20px 0 0; letter-spacing: 2px;  text-transform:uppercase; text-align: center;}
.tableContents{width: 100%; height: 100%;}
.cont-table{width: 100%; max-width: 900px; margin: 0 auto;}
.cont-table h1{text-align: left; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight: bold; font-size: 26px; padding: 15px 0 30px; box-sizing: border-box;}
.cont-table ul{padding: 0 0 0 30px;}
.cont-table ul li{list-style: decimal; font-size: 22px; padding: 0 0 0px;}
.cont-table ul li a{text-decoration: none; color: #000000; display:block;}

.title-content{width: 100%; padding: 0 0 20px; box-sizing: border-box;}
.title-content h2{font-size: 22px; font-family: 'Roboto', sans-serif; text-transform:uppercase; text-align: left; line-height: 24px;}
.title-content p{font-size: 14px; text-align: left;box-sizing: border-box;}


.article{width: 100%; max-width: 850px; margin: 0 auto 20px; padding: 50px 0 0;}
.cont-article{width: 100%;}
.header-title{width: 100%; margin-bottom: 20px; padding: 20px 0; color: #fff; background: url(../img/cover01.png) no-repeat; background-size: cover; background-color: #000000;}
.header-title h1{font-size: 24px; text-align: center; color: #fff; text-transform:uppercase; line-height: 32px; padding: 30px 0 10px; font-weight: bold;}
.header-title h3{font-size: 16px; text-align: center; line-height: 20px; padding: 0px 0 10px; font-weight: normal;}
.cont-article h5{font-size: 18px; text-align: center; line-height: 20px; padding: 0px 0 10px; font-weight: bold;}
.cont-article p{padding: 0 0 20px; text-align: justify; font-size: 16px; line-height: 20px;}
.cont-article ol{padding: 0 0 0 15px;}
.cont-article ol li{list-style: decimal; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article ul{padding: 0 0 0 15px;}
.cont-article ul li{list-style: disc; font-size: 16px; line-height: 20px; padding: 0 0 20px 0;}
.cont-article p a{color: #0000ff; text-decoration: underline; font-weight: bold;}
.cont-article .img{width: 100%; text-align: center; padding-bottom: 20px;}
.cont-article .img img{width: 100%; max-width: 420px;}
.cont-article .author img{width: 100%; max-width: 150px; height: auto;}

.img-left{float: left; padding: 0 20px 20px 0;}
.silver{width: 100%; height: 1px; margin-bottom: 25px; background-color: #cccccc;}
strong, .bold{font-weight: bold;}
.subr{text-decoration: underline;}
.clear{clear: both;}
em, .italic{font-style: italic;}
.row{margin-top: 15px;}
.center{text-align: center;}
.box{width: 95%; background-color: #fbd4b4; border:1px solid #000000; margin: 0 auto 20px; padding: 15px;}
}

@media screen and (max-width: 650px){
	.cont-pages{width: 100%; margin: 0 auto; width: 100%; padding: 59px 0 0;  max-width: 800px;}
.title-page{width: 100%; height: auto; background-color: #ffffff; }
.title-page{width: 100%; position: relative; padding-top: 10px; }
}


/*
*******************************************************
				Menu
*******************************************************
*/

header{
	background-color:#00254a;
	position: fixed;
	width: 100%;
}

.logo{
    background: #2d2d2d;
	width: 23%;
	padding: 15px 0;
	float: left;
	text-align: center;
}
.logo img{width: 200px; height: auto;}
.logo h1{
	font-size: 40px;
	color: #ffffff;
	padding: 20px 0 0;
 }

 /*
estilos para el menu
 */

.menu_bar{
	display: none;
}

nav.menu{
	display: none;
	float: right;
	width: 82%;
}

nav.menu ul{
	text-align: right;
	list-style: none;
	overflow: hidden;/* limpiar float */ 
}

nav.menu ul li{
	display: inline-block;
}
nav.menu ul li a{
	display: block; /*esto es para poder darle espacio en todos los lados*/ 
	padding: 30px 20px;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;

}

nav.menu ul li a:hover{
	background-color: #ff0000;
	color: #ffffff;
}

.active{
	background-color: #ff0000;
	color: #ffffff;
}

@media screen and (max-width: 1250px/*1024px*/){

/*
estilos para el header
 */

header{
	background-color:#f2f2f2/* rgba(51,51,51,0.9)*/;
	position: fixed;
	width: 100%;
}

.logo{
	position: fixed;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	float: none;
	text-align: center;
}
.logo h1{
	font-size: 40px;
	color: #ffffff;
	padding: 20px 0 0;
 }

 /*
estilos para el menu
 */

.menu_bar{
	text-align: right;
	z-index: 9999;
	display:block;
}

.bt-menu {
		display:block;
		padding: 20px 20px;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
	}

nav.menu{
	display: block;
	background-color: rgba(51,51,51,0.9);
	position: fixed;
	right: -100%;
	float: none;
	width: 100%;
	height: 69%;
	overflow-y: scroll!important;
}

nav.menu ul{
	text-align: left;
	list-style: none;
	overflow: hidden;/* limpiar float */ 
}

nav.menu ul li{
	display:block;
	padding: 0px 0;
}
nav.menu ul li a{
	display: block; /*esto es para poder darle espacio en todos los lados*/ 
	padding: 10px 10px;
	font-size: 13px;
	color: #ffffff;
	text-transform:uppercase;
	text-decoration: none;

}

nav.menu ul li a:hover{
	background-color: #000;
	color: #ffffff;
}

.active{
	background-color: #ff0000;
	color: #ffffff;
}

.menu_bar span {
		font-size:30px;
	}

}


.top{display:none;
	padding:20px;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px; }
.top i{font-size: 30px; color:rgba(10,47,88,1); }

.blue{color: #00519a;}
.bg-silver{width: 100%; height: 150px; background-color: #e8e8e8;}
.ad-title{width: 100%;   margin-left: -20px; text-align: center; font-family: 'Roboto', sans-serif;}
.ad-title h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title  a.orange-btn{display: block; padding: 12px 20px; margin: 10px auto 0; font-size: 24px; max-width: 220px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}


@media screen and (max-width: 640px){
	.bg-silver{width: 100%; height: auto; padding: 20px 0; background-color: #e8e8e8;}
.ad-title{width: 100%;   margin-left: 0px; padding: 15px 0 0; text-align: center; font-family: 'Roboto', sans-serif;}
.ad-title h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title  a.orange-btn{display: block; padding: 12px 20px; margin: 10px auto 0; font-size: 24px; max-width: 220px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}
.bg-silver{text-align: center; padding: 20px 0!important;}
.bg-silver img{width: 90px; height: auto;}
}

.bg_ad{ height: 500px;}
.adbanner_big{width: 100%; cursor: pointer; margin: 30px 0; padding: 70px 0 0; height: 500px; background: url(../img/bg_banner.png) no-repeat; background-size: cover;}
.ad-title2{width: 100%;  padding: 20px 0 0;  text-align: left; font-family: 'Roboto', sans-serif;}
.ad-title2 h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title2  a.orange-btn2{display: block; text-align: center; padding: 12px 0px; margin: 10px 0 0; font-size: 34px; max-width: 230px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}
.ad-title2  a.orange-btn2:hover{background-color: #d98604;}

.adbanner a{display: block;}
@media screen and (max-width: 650px){
	.bg_ad{ height: auto;}
.adbanner_big{width: 100%; padding: 50px 0; height: auto; background: url(../img/bg_banner.png) no-repeat; background-size: cover;}
.ad-title2{width: 100%;  padding: 20px 0 0;  text-align: left; font-family: 'Roboto', sans-serif;}
.ad-title2 h1{padding: 0; margin: 0; font-size: 28px;}
.ad-title2  a.orange-btn2{display: block; text-align: center; padding: 12px 0px; margin: 10px 0 0; font-size: 34px; max-width: 230px; border-radius: 10px; background-color: #f39c12; color: #ffffff; text-decoration: none;}
.ad-title2  a.orange-btn2:hover{background-color: #d98604;}


}

/********************************

    ads styles

*******************************/
.cont-ads{width: 100%;text-align: center;margin: 0 auto;border: 1px solid #ccc;padding: 0;background: #f2f2f2;}
.cont-ads img{max-width: 750px; width: 100%;}
.ads-wrapper{max-width: 780px;margin: 0 auto;}
.ads-book,.ads-book2{
    float: left;
    text-align: center;
    width: 40%;
}
.ads-book img{
    max-width: 190px;
    width: 100%;
}
.ads-book2 img{
    max-width: 280px;
    width: 100%;
}
.ads-text{
    float: left;
    text-align: center;
    width: 50%;
}

.ads-text h1{
    font-size: 30px;line-height: 36px;font-weight: bold;margin-top: 0;
}

.ads-text p{
    padding: 15px 0 0;
    text-align: center;
}

.ads-offer{padding: 15px;box-sizing: border-box;margin: 0 auto;text-align: center;}

.ads-offer a{max-width: 300px; font-size: 18px;color: #fff;text-decoration: none;display: block;padding: 15px 30px!important;font-weight: bold;text-transform: uppercase;margin: 0 auto;font-family: 'Roboto', sans-serif;
    
border:3px solid #CC7200;border-radius: 3px;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #FF8F00; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8F00), to(#EB8400));
 background-image: -webkit-linear-gradient(top, #FF8F00, #EB8400);
 background-image: linear-gradient(to bottom, #FF8F00, #EB8400);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8F00, endColorstr=#EB8400);
}

.ads-offer a:hover{
 border:3px solid #CC7200;
 background-color: #E68100; background-image: -webkit-gradient(linear, left top, left bottom, from(#E68100), to(#D47600));
 background-image: -webkit-linear-gradient(top, #E68100, #D47600);
 background-image: linear-gradient(to bottom, #E68100, #D47600);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E68100, endColorstr=#D47600);

}

@media screen and (max-width:550px){
    .ads-text,.ads-book,.ads-book2{width: 100%;float: none;}
    .ads-text h1{
         margin-top: 10px;
    }
    .ads-text p{
        padding: 15px 20px 0;
    }
}

/********************************

    btns styles

*******************************/
.offert{text-align: center;width: 90%;margin: 0 auto;text-align: center!important;}
.offert-btn{margin: 0 auto!important;
border:2px solid #0906b2; box-shadow: #B4B5B5 2px 2px 2px  ;border-radius: 3px;font-size:18px; padding: 20px 20px; text-decoration:none!important; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF!important;
 background-color: #2B2BF0; background-image: -webkit-gradient(linear, left top, left bottom, from(#2B2BF0), to(#2C10E3));
 background-image: -webkit-linear-gradient(top, #2B2BF0, #2C10E3);
 background-image: linear-gradient(to bottom, #2B2BF0, #2C10E3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2B2BF0, endColorstr=#2C10E3);
}

.offert-btn:hover{
 border:2px solid #0906b2;
 background-color: #0f0fd9; background-image: -webkit-gradient(linear, left top, left bottom, from(#0f0fd9), to(#230db3));
 background-image: -webkit-linear-gradient(top, #0f0fd9, #230db3);
 background-image: linear-gradient(to bottom, #0f0fd9, #230db3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0f0fd9, endColorstr=#230db3);
}

hr{margin-bottom: 20px;}

.offert-list{padding-bottom:160px!important;margin-top:20px!important;}
@media screen and (max-width:800px){
    .offert-list{padding-bottom:120px!important;margin-top:20px!important;}
}
@media screen and (max-width:600px){
    .offert-list{padding-bottom:20px!important;margin-top:20px!important;display: block!important;}
    .align-offert-mobile{width: 100%; text-align: center; padding-bottom: 20px;}
    .align-offert-mobile img{width: 100%; max-width: 650px;}
}

/********************************

    video styles

*******************************/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;margin-bottom: 15px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.border-img{border:2px solid #4d4d4d;}
.red-center{color: #ff0000!important;font-weight: bold!important;text-align: center!important;}
.red{color: #ff0000!important;}
.green{color: #2ac141!important;}
.spot{padding: 20px 0;text-align: center;width: 600px;background: #fdfdfd;text-align: center;border:1px solid #000;margin:0 auto  20px;}
.spot h1{padding: 0px;text-align: center!important;width: 100%;font-size: 40px!important;display: block;font-weight: bold;color: #0000dc;}
.spot a{display: block;padding: 20px 0;text-align: center;width: 100%;}
.spot h4{padding: 0px;text-align: center!important;width: 100%;font-size: 16px!important;display: block;}

.cont-article .img-2{width: 100%; text-align: center; padding-bottom: 20px;display: inline-block;text-align: center;}
.cont-article .img-2 img{width: 100%; max-width: 450px;}

.offer{padding: 15px;box-sizing: border-box;margin: 0 auto;text-align: center;}

.offer a{max-width: 850px; font-size: 18px;text-decoration: none;display: inline-block;padding: 15px 30px!important;font-weight: bold;text-transform: uppercase;margin: 0 auto;font-family: 'Roboto', sans-serif;
    
border-radius: 3px;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold;
 

}

.offer a:hover{
 opacity: 0.8;

}

@media screen and (max-width:1200px){
    .header-title h1,.header-title h3{box-sizing: border-box;padding-left: 15px;padding-right: 15px;}
}
.border-gray{padding: 15px 0!important;text-align: center!important;background: #cccccc!important;display: block!important;margin-bottom: 15px!important;}

.firstpage-no .ads-wrapper2 .row{margin-left: 0px!important;margin-right: 0px!important;}

.c-t{text-align: center!important;}


.ads-menu{
    left: -75px;
    overflow: hidden;
    position: absolute;
    top: 41rem;
    width: 300px;
    z-index: 1;
}
.ads-menu img{
    border: 1px solid #ccc;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    width: 100%;
}

.ads-menu img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
}

.ads-menu.fixed {
    position: fixed;
    left: 0px;
    margin-top: 10px;
}
.text-scroll{
    left: 115px;
    position: absolute;
    top:23.3em;
    width: 110px;
    z-index: 1;
}
.text-scroll.fixed {
    position: fixed;
    top: 38.2rem;
    left: 189px;
}

@media screen and (max-width:1249px){
    .ads-menu{
        display: none!important;
    }
    .text-scroll{
        display: none;
    }
}

.video {
    height: auto;
    position: relative;
    max-width: 100%;
    padding-bottom: 20px;
}
video {  
    cursor: pointer;
    width:100%; 
    max-width:900px; 
    height:auto; 
}




.ads-sponsor{
    margin: 40px 0 0;
    text-align: center;
}
.ads-sponsor-cont{    
    border: 1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 7px #ccc;
    -moz-box-shadow: 0px 0px 7px #ccc;
    box-shadow: 0px 0px 7px #ccc;
    max-width: 980px;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
}
.ads-sponsor-cont > .row{
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}
.ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > h1{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    line-height: 30px;
}
.ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > a{
	color: #fff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold !important;
    padding: 15px 25px;
    max-width: 450px;
    margin: 15px auto 0;
    text-decoration: none;
    text-transform: uppercase;
    
    border:none;border-radius: 3px;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; 
     
}
.ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > a:hover{
 opacity: 0.9;
}
.ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > img{
    max-width: 161px;
    vertical-align: middle;
    width: 100%;
}

@media screen and (max-width:991px){
    .ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > img,.ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > a,.ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > h1{
        padding: 15px;
    }
    .ads-sponsor > .ads-sponsor-cont > .row > .col-xs-12 > img{
        max-width: 180px;
    }
}

.ads-title-cd-header{
	width: 77%;
	padding: 13px 0 0;
	float: left;
	text-align: center;
}
.ads-title-cd-header > h1{
	color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 10px;
}
.ads-title-cd-header > a{
	color: #fff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold !important;
    padding: 10px 15px;
    max-width: 200px;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    
    border:none;border-radius: 3px;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; }
.ads-title-cd-header > a:hover{
opacity: 0.8;

}
@media screen and (max-width:1250px){
    .cd-header{
        background: #2d2d2d !important;
    }
    .ads-title-cd-header{
        position: fixed;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 90%;
        float: none;
        text-align: center;
        top: 30px;
    }
    .ads-title-cd-header > h1,.ads-title-cd-header > a{
        color: #fff;
        display: block;
    }
    .ads-title-cd-header > a{
        margin: 10px auto;
    }
}
@media screen and (max-width:800px){
    .ads-title-cd-header > h1,.ads-title-cd-header > a{
        font-size: 14px;
    }
}
@media screen and (max-width:450px){
    .ads-title-cd-header > h1,.ads-title-cd-header > a{
        font-size: 12px;
    }
    .ads-title-cd-header{
        width: 75%;
        top: 30px;
    }
    .bt-menu {
		padding: 10px 20px 30px;
	}
}

/* modal styles */
.mdl{
    background: rgba(0,0,0,.7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.mdl-cont{
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}
.mdl-headline{
    background: #c0392b;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
}
.mdl-headline h1{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 50px;
    text-align: center;
}
.mdl-cont > a > img{
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    max-width: 700px;
    width: 100%;
}
.mdl-close{
    cursor: pointer;
    position: fixed;
    right: 10px;
    top: 5px;
    z-index: 9999;
}
.mdl-close > i{
    color: #fff;
    font-size: 30px
}
@media screen and (max-width:480px){
    .mdl-cont{
        width: 100%;
    }
    .mdl-close{
        top: -20px;
    }
}

.cont-ad-first{
    margin: 30px auto;
    max-width: 500px;
    width: 100%;
}
.cont-ad-first > h1{
    color:#003784;
    font-size:20px;
    font-weight:bold;
}
.cont-ad-first > p{
    padding-bottom:15px !important;
    text-align:left !important;
}
.cont-ad-first > ul > li{
    list-style: disc;
    margin-left: 35px;
    padding-bottom: 15px;
    text-align: left;
}
.cont-ad-first > a{
	color: #fff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold !important;
    padding: 15px 25px;
    max-width: 450px;
    margin: 10px auto 0;
    text-decoration: none;
    text-transform: uppercase;
    
    border:none;border-radius: 3px;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
     background-color: #FF8F00; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8F00), to(#EB8400));
     background-image: -webkit-linear-gradient(top, #FF8F00, #EB8400);
     background-image: linear-gradient(to bottom, #FF8F00, #EB8400);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8F00, endColorstr=#EB8400);
}
.cont-ad-first > a:hover{
 background-color: #E68100; background-image: -webkit-gradient(linear, left top, left bottom, from(#E68100), to(#D47600));
 background-image: -webkit-linear-gradient(top, #E68100, #D47600);
 background-image: linear-gradient(to bottom, #E68100, #D47600);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E68100, endColorstr=#D47600);

}

.button{position: fixed; top: 7px; right: 15px; z-index: 9999!important; }
.button a{display: inline-block; border-radius: 5px; font-weight: bold; padding: 15px 20px; text-align: center; background-color: #ff0000; color: #ffffff; font-size: 16px;}
.button a:hover{background-color:#bc1212; }
hr.space-sponsor{
    background: #4d4d4d;
    border: none;
    height: 2px;
    box-sizing: border-box;
    margin: 15px;
}

.block-sponsor{
    border: 6px solid #fa0000;
    width: 100%;
}
.block-image > a{
    display: inline-block;
    width: 100%;
}
.block-image > a > img{
    vertical-align: bottom;
    width: 100%;
}
.block-title{
    box-sizing: border-box;
    padding: 10px 30px 60px;
}
.block-title > h1{
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    padding-bottom: 20px;
}
.block-title > h2{
    font-size: 22px;
    font-weight: lighter;
    line-height: 30px;
    padding-bottom: 20px;
}
.block-title > h3{
    font-size: 17px;
    font-weight: lighter;
    line-height: 24px;
    padding-bottom: 20px;
}
.block-title > button{
    cursor: pointer;font-size: 20px;margin-top: 20px;
border:1px solid #ffad41; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 20px 35px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
 background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.block-title > button:hover{
 border:1px solid #ff9913;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
a.block-link{
    color: #000;
    display: block;
    text-decoration: none;
}