@import url(bootstrap.css);
@import url(bootstrap-responsive.css);

/*@media (min-width: 1200px) {*/
.container{
		padding: 0;
    }

html { 

}

body { 
	/*padding-top: 50px;*/
	padding-top: 0;
	font-size: 16px;
	background: #b9b6b0 url(../cssimages/bg.jpg) repeat-y center center;
}

body, h1, h2, h3, h4, h5, h6 { 
	font-family: 'Fugaz One', Calibri, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	/*font-family: FuturaStdMediumCondensed, Bariol, Calibri, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/
}

h1, h2, h3, h4, h5, h6 { 
}

h1 {
	font-size: 60px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

h2 {
	font-size: 42px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #333;
}

.yellow {
	color: #f2b735;
	color: #edb215;
}
.blue {
	color: #0450ac;
	font-weight: 600;
}
.red {
	color: #dc223c;
}
h3 {
	font-size: 38px;
	color: #FFFFFF;
	margin-top: 10px;
	text-shadow: 1px 1px 1px #333;
}
h3.premium-offer {
	color: #0450ac;
	margin: 20px 0 40px 0;
	text-transform: uppercase;
}

h4 {
	font-size: 34px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 1px #333, 
               3px 3px 5px #666; }

.orange{ color: #ef7c00; }
.blue-gray { color: #5e6f75; }
.green { color: #008852; }
.red { 
	color: #de0023; 
	font-weight: bold;
}

p {
	color: #ffffff;
	text-transform: none;
	font-size: 20px;
	font-family: 'Myriad Pro', Calibri, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

.faq {
	margin-top: 20px;
}

.faq p,
.faq ul li {
    margin: 0 0 2px 0;
    /*text-transform: none;
    font-size: 12px;
	line-height: 14px;
    font-family: 'Myriad Pro', Calibri, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #000000;
}
.faq a {
    color: #ff5f00;
    text-decoration: underline;
    outline: none;
}

.faq ul {
	padding: 0 0 0 15px;
}

.black {
	color: #000000;
}

em {
	font-style:normal;
	font-weight: bold;
}

p.issues {
	font-size: 22px;
	text-shadow: 1px 1px 1px #333; 
}

.container-issue p {
	color: #882f84;
	font-size: 20px;
	padding: 10px 35px;
}
/*
.container img {
    max-height:100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
}
*/


.jumbotron h1 {
	font-size: 60px;
	color: #000;
}

.jumbotron p {
	font-size: 24px;
}

#outer-container {
	background:  url(../cssimages/outer-bg.png) no-repeat top center; 
	padding: 0;
}

.container-carousel h2 {
	font-size: 60px;
	font-weight: bold;
	color: #000;
}

.container-carousel p {
	font-size: 22px;
	line-height: 30px;
	margin: 16px 0;
}

.container-carousel p strong {
	color: #000000;
	font-weight: bold;
}

.row { padding: 20px 0; }

.container {
	/*width: 1006px;*/
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.container-nopadding {
	padding: 0;
	border: 1px solid #f3f8fa;
	/*border-bottom: 3px solid #0077bc;*/
	padding-bottom: 20px;
}

.container-yellow {
	background:  url(../cssimages/container-bg.jpg) repeat-y top center; 
	padding: 0;
}

.row-hr {
	background: #dc223c; 
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #dc223c;
}

.container-blue-top {
	background:  url(../cssimages/video-bg.jpg) no-repeat top center; 
	padding: 0;
}

.background-v-repeat {
	background-repeat: repeat-y;
}

.container-spirit {
	background:  url(../cssimages/spirit-bg.jpg) no-repeat top center; 
	padding: 0;
}

.container-premium {
	background:  url(../cssimages/premium-offer-bg.jpg);
	background-size: cover; 
	padding: 0;
}

.container-blue {
	background:  url(../cssimages/blue-bg.jpg) repeat-y top center;
	padding: 0;
}

.container-padding {
	padding: 2%;
}

.container-padding-bottom {
	padding-bottom: 20px;
}

.container-issue {
	padding: 2%;
	padding-bottom: 20px;
	background: #ffe4e2 url(../cssimages/issue-bg.jpg) no-repeat center center; 
	min-height: 500px;
}

.container-carousel {
	border: 1px solid #f3f8fa;
	/*border-bottom: 3px solid #0077bc;*/
	padding: 15px 40px;
}

.container-padding_3p {
	padding: 3%;
}

.container-padding_15px {
	padding: 15px;
}

.container-gap
{
	margin-top: 40px;
	margin-bottom: 40px;
}

.banner-fluid {
	/*height: 231px;*/
	background-image:url(../images/banner-fluid-bg.png);
	background-repeat: repeat-x;
	background-size: cover;
  	/*
	padding: 0;
	margin: 0;*/
}

.banner {
	height: 231px;
	background-image:url(../images/banner-bg.png);
	background-repeat: repeat-x;
  	/*
	padding: 0;
	margin: 0;*/
}

.banner-win {
	height: 231px;
	background-image:url(../images/banner-win-bg.png);
	background-repeat: repeat-x;
  	/*
	padding: 0;
	margin: 0;*/
}

.navbar {
    margin-bottom: 0;
}

.navbar-container {
  background-image: url('../cssimages/navbar-bg.png');
  background-repeat: repeat-x;
-webkit-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
-moz-box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
box-shadow: 0px 4px 8px 0px rgba(51,51,51,1);
}

.navbar-collapse {
	max-width: 900px;
	
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	font-size: 21px;
	font-weight: normal;
	height: 50px;
}

.navbar-nav {
    display: inline-block;
    float: none;
}
	
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	font-size: 21px;
	background-color: transparent;
	font-weight: normal;
}

/*
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
background-color: #178acc;
}
*/
/*
.navbar-nav>li {
        float: none;
}
*/
/*
.navbar-nav li {
	min-height: 50px ! important;
	height: 50px ! important;
	margin: 0 ! important;
	padding: 0 ! important;
}
*/
.navbar-nav li a {
    /*line-height: 150px;
    height: 150px;
    padding-top: 0;*/
	text-transform: uppercase;
}

.navbar-default {
    /*background-color: #0077bc;*/
    /*border-color: #E7E7E7;*/
	background-color: transparent;
}


.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 25px;
	line-height: 12px;
}

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

.nav {
/*padding-left: 50px;*/
}

/* Prevent word-wrap  */
.nav li {
white-space: nowrap; 
}

.navbar-brand {
	padding: 12px 15px 0 15px;
}


.jumbotron{
    background-color: #f1f2f3;
	height: 708px;
  	/*background-image:url(../images/robi-jumbotron-banner.jpg);
	background-repeat: no-repeat;*/
  	background-size: cover;
	padding: 0;
	margin: 0;
}

.features
{
	min-height: 200px;
}

.features img
{
	margin: 0 auto;
	/*margin-top: 10px;*/
}

.features p
{
	text-align:center;
}
/*
.gifts img
{
	margin: 0 auto;
}
.gifts p
{
	text-align:center;
}
*/

.nomargin-top
{
	margin-top: 0;
}

.nomargin-bottom
{
	margin-bottom: 0;
}

.nopadding-top
{
	padding-top: 0;
}

.nopadding-left
{
	padding-left: 0;
}

.nopadding-right
{
	padding-right: 0;
}

.nopadding-bottom
{
	padding-bottom: 0;
}

footer ul
{
    list-style-type: none;
}

footer ul li,
footer ul li a {
	color: #c1bfbf;
}
/*
.specialjum {
background: url(../images/jumbotron.png) center;
color:#f1f2f3;
background-size: cover; 
height: 608px;
}
*/
#deag-header {
background-image: url(../images/deagostini-bg.gif);
background-repeat: repeat-x;
background-position: left top;
}



.carousel-inner {
	margin-bottom: 50px;
}

.carousel-indicators {
	bottom: -50px;
}	

.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border-radius: 10px;
cursor: pointer;
/*border: 1px solid #ffffff;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);*/
border: 1px solid #c2c2c2;
background-color: #c2c2c2;
}

.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #cc2b24;
	background-color: #cc2b24;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}
/*
.carousel-control.left {  
    margin-left: -50px;
}
.carousel-control.right {
    margin-right: -60px;
}
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-top: 16px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.container-footer {
	background-color: #000000;
	padding-top: 50px;
	padding-left: 70px;
}

.container-footer ul li,
.container-footer ul li a {
	color: #ffffff;
}

.container-footer .border-right {
	/*min-height: 200px;
	min-height: 140px;*/
	border-right: 1px solid #7f7f7f;
}

.gift-wrapper {
	float: left;
	/*width: 429px;
	height: 541px;*/
}

.gift-wrapper-inner {
	float: left;
	margin-top: 270px; 
	padding-left: 80px; 
	padding-right: 40px;
}
.gift-wrapper-inner h4 {
	color: #feef3f;
	font-size: 34px;
	text-transform: none;
	font-weight: 200;
	/*font-family: 'Minion Pro', FuturaStdLight, FuturaStdLightCondensed, FuturaStdMediumCondensed, Bariol, Calibri, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;*/
}
.gift-wrapper-inner p {
	font-size: 22px; color: #ffffff;
}
#next-issue-free {
	float: left;
	background: url(../cssimages/gifts/next-issue-free.png) no-repeat top left; 
	/*width: 429px;
	height: 541px;*/
	max-width: 429px;
	height: 541px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#nail-polish-bag {
	background: url(../cssimages/gifts/nail-polish-bag.png) no-repeat top left; 
	/*width: 429px;
	height: 541px;*/
	max-width: 429px;
	height: 541px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#nail-dryer {
	background: url(../cssimages/gifts/nail-dryer.png) no-repeat top left; 
	/*width: 429px;
	height: 541px;*/
	max-width: 429px;
	height: 541px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#binder {
	background: url(../cssimages/gifts/binder.png) no-repeat top left; 
	/*width: 429px;
	height: 541px;*/
	max-width: 429px;
	height: 541px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#magazine {
	/*width: 901px;
	height: 635px;*/
	float: left;
}

#magazine-inner {
	float: left;
	/*padding: 37px 15px 0;*/
	background: url(../cssimages/magazine_window.png) no-repeat top left; 
	/*width: 901px;
	height: 635px;*/
	max-width: 100%;
	/*max-height: 100%;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



.container-banner {
	width: 1016px;
	max-width:  1016px;
}

p.desc {
	font-size: 21px;
	padding: 10px 20px;
}

.benefits p {
	font-size: 22px;
}

p.small {
	font-size: 17px;
}

.anchor{
  display: block;
  /*height: 50px;
  margin-top: -50px;
  height: 132px;
  margin-top: -132px;*/
  visibility: hidden;
}

@media (min-width: 768px){
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
		height: 50px;
    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text:align: center;
    }
	div.cover-detail
	{
		position: absolute; top: 56%; right: 3%;width:350px;
	}
	p.cover-text {
		font-size:18px;text-align:center;
		text-shadow: 1px 1px 1px #333, 
               3px 3px 5px #666; }
} 

@media (min-width: 945px) {
    .container{
        /*max-width: 1145px;*/
		/*max-width: 985px;*/
		max-width: 945px;
		width: 945px;
    }
	div.cover-detail
	{
		position: absolute; top: 56%; right:8%;width:350px;
	}
	p.cover-text {
		font-size:18px;
		text-align:center;
		text-shadow: 1px 1px 1px #333, 
               3px 3px 5px #666; 
	}
}

/*mobile*/
@media (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 30px; }
	h3 { font-size: 30px; }
	
	.container-footer {
	background-color: #000000;
	padding-top: 20px;
	padding-left: 20px;
	}
	
	.container-footer .border-right {
	min-height: 0;
	border-right: none;
	}
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
	{ padding-left: 0; }
	
	p.cover-text {
		font-size:18px;text-align:center;padding: 20px;
		text-shadow: 1px 1px 1px #333, 
               3px 3px 5px #666; }
	}
	
}
/*tablet*/
@media (min-width: 768px) and (max-width: 979px) {
}


/* HOTSPOT GALLERY float: left; height: 41em*/
#wrap {
height: auto;
/*max-width: 1024px;*/
min-width: 320px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
section.hotspot {}
/*section.hotspot .container-hp {width: 60em; left: 50%; margin-left: -30em; overflow: hidden}*/
section.hotspot .container-hp {width: 100%; left: 50%; overflow: hidden}
section.hotspot .container-hp p.title {width: 100%; height: 4em; display: table; font-size: 2em; text-transform: uppercase}
section.hotspot .container-hp p.title span {position: relative; width: 100%; display: table-cell; vertical-align: middle; padding: 0 1em}
section.hotspot .container-hp .holder {float: left; width: 100%; height: 30em}
section.hotspot .container-hp .holder .item {float: left; width: 50%; height: 100%}
/*height: 100%;width: 100%; */
section.hotspot .container-hp .holder img.background {position: absolute; top: 0; left: 0}
section.hotspot .container-hp .holder .hotspot-holder {position: absolute;  width: 100%; height: 100%; top: 0; left: 0}
section.hotspot .container-hp .holder .hotspot-holder .hotspot-item {position: absolute; cursor: pointer}
/* width: 100%; height: 100%*/
section.hotspot .container-hp .holder .view-item {position: absolute; left: 100%; top: 0;}
section.hotspot .container-hp .holder p.main-text {display: table; left: 0}
section.hotspot .container-hp .holder p.main-text span {display: table-cell; padding: 1.25em; vertical-align: middle; font-size: 1em}
section.hotspot .container-hp .holder .view-item img {float: left; width: 100%; height: auto}
section.hotspot .container-hp .holder .view-item p.hotspot-description {float: left; display: table; width: 100%; height: 6.25em; text-align: center}
section.hotspot .container-hp .holder .view-item p.hotspot-description span {display: table-cell; vertical-align: middle; width: 100%; padding: 1em; font-size: 16px}
section.hotspot .container-hp .holder .close {position: absolute; right: 1em; top: 1em; z-index: 10; visibility: hidden; cursor: pointer}
section.hotspot .container-hp .holder .close.disabled {cursor: default}


.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 944px) {
	.digital-edition-badge, .digital-edition-badge-look, .digital-edition-badge-cover {
		display: none;
	}
}
@media (min-width: 945px) {
	.digital-edition-badge {
    position: absolute;
    right: 15px;
    top: 140px;
    z-index: 99;
	}
	.digital-edition-badge-cover {
    position: absolute;
    right: 15px;
    top: 140px;
    z-index: 99;
	}
	.digital-edition-badge-look {
		position: absolute;
		right: 0px;
		top: -80px;
		z-index: 1;
	}
}
.p-content {
    padding: 0 60px;
    font-size: 20px;
    line-height: 26px;
    /*font-family: "futura-pt";
    font-weight: 500;*/
}
.deagostini-top-ms {
    background-color: #fff;
}
.deagostini-top-ms .inner {
    /*width: 1170px;*/
	width: auto;
}
.guarantee-align {
    text-align: right;
}
ul.list-benefits {
    margin: 15px 0;
	padding-left: 10px;
}
ul.list-benefits li {
    list-style: none;
    /*font-family: "futura-pt";*/
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
	color: #ffffff;
	    font-family: 'Myriad Pro', Calibri, "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.benefits-custom-list-icon {
    margin-right: 20px;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}