body { margin-top: /*160px*/ 300px; }

h1, h2, h3, h4, h5, h6, h7, footer, nav { /* font-family: 'Droid Serif', serif;  */text-transform: uppercase;}
h1, .h1 {
font-size: 32px; margin-top: 30px;
}
h2 {font-size: 30px; margin-top:0;}
h2 small {color: #fff; font-weight: bold;}
h3, h4, h5 {font-size: 12px; margin-top:0; }

img {width: auto;}

a {color: #000; }
a:hover {color: #000; text-decoration: underline; }

p {font-size: 13px; line-height: 19px;}
.inl-block {display: inline-block;}

main {padding-bottom: 70px;}

.navbar-default { background-color: rgba(255,255,255,1); border-color: #fff; }
.navbar-default .navbar-nav { margin-top: 0px; }
.navbar-default .navbar-nav>li>a {text-transform: uppercase; border-top: 3px solid transparent; color: #000;  font-size: 15px; font-weight: bold; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {border-top: 3px solid #000}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #000; background-color: transparent; border-top: 3px solid #000; text-transform: uppercase; }

footer {background: #f2f2f2; padding: 60px 0 120px 0; font-size: 12px;}
footer a { color: #000;}
footer a:hover { color: #000; text-decoration: underline;}

.nav-footer {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #000; display: inline-block;}
.nav-footer>li {float: left; margin-right: 20px;}
.nav-footer>li>a {padding: 0px;}
.nav-footer>li>a:hover {opacity: .8;}

.no-padding {padding: 0;}

.mag {padding-left: 15px; padding-right: 15px;}
.mag a { /*opacity:0; filter:alpha(opacity=0);*/ color: #fff; }
.bwWrapper { position:relative; display:block; }
.home .caption {position: absolute; top:0; left: 0; width: 100%; height: 100%; background: transparent; padding: 15px; text-transform: uppercase;}
.caption-hover {position: absolute; top:0; left: 0; width: 100%; height: 100%; background: url(../img/black-bg.png) repeat; padding: 15px; display: none;}
.cover { background: none;}
.issue {width: 100%; float: left;}

.previous, .next { position: relative;}

.previous a, .next a {display: block; position: absolute; color: #fff; top: 20%; left: 0px; width: 80%; margin: 10%; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; text-transform: uppercase;}

.modal {padding-top: 40px; padding-left: 15px; color: #fff; }

.modal-backdrop, .modal-backdrop.fade.in { opacity: 1; background: #000; }

.modal h1 {margin-top: 44px;}

.sidebar {padding-top: 71px; padding-bottom: 70px;}
aside .issue h2 {height: 0; margin: 0;} /*had to add*/

.last-nav a {margin-right: 0 !important;}

.reversed {color: #000; font-weight: 500;}

.page-header {
padding-bottom: 10px;
margin: -25px 0 20px;
border-bottom: 2px solid #000;
}

.thumbnail {
	border: 0;
	padding: 0;
	position: relative;
	width: auto !important;
}

.thumbnail .caption {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	color: #fff;
	position: absolute;
	width: 100%;
}

.form-horizontal .control-label {
text-align: left;
}

.isnotsue a {
        opacity:0;
        filter:alpha(opacity=0);
}


.issue img { width: 100%; max-width: 100%;
}

.BWfade {
	box-sizing: border-box;
 /* border: 1px solid #f2f2f2 !important; */
}

 .issue a { opacity:0; filter:alpha(opacity=0);} 
 .latest-insta a { opacity:100; filter:alpha(opacity=100);} 


.previous a, .next a {
        opacity:1;
        filter:alpha(opacity=100);
}



.issue-feed {position: relative;}

.of-hidden {overflow-x: hidden;}

#instafeed {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

#instafeed .clearfix { height: 100%;}
#instafeed .clearfix .pull-left { height: 100%;}
.issue img.insta-pic { height: 100%; width: auto; /* border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; */ }

.vc-outter {position:relative; height:450px; margin-bottom: 20px;}
@media(max-width:767px) {
	.vc-outter {position:relative; height:300px}
	}
.video-container { position: absolute; height: 100%; overflow: hidden; width: 100%; top: 0; left: 0; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ------------------------------------
Gravity Forms
---------------------------------------*/
 
.gform_wrapper ul { padding-left: 0; list-style: none }
 
.gform_wrapper li { margin-bottom: 15px }
 
.gform_wrapper form { margin-bottom: 0 }
 
.gform_wrapper .gfield_required { padding-left: 1px; color: #b94a48 }
 
.ginput_container input, .ginput_container select, .ginput_container textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
.ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder {
color:#999
}
.ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder {
color:#999
}
.ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder {
color:#999
}
.ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder {
color:#999
}
 
.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) }
 
.ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea { cursor: not-allowed; background-color: #eee }
 
textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea { height: auto }
 
.ginput_container textarea { height: auto }
 
.gform_button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-color: #428bca; border: 1px solid transparent; border-color: #357ebd; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
 
.gform_button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
 
.gform_button:hover, .gform_button:focus { color: #333; text-decoration: none }
 
.gform_button:active, .gform_button.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
 
.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
 
.gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { color: #fff; background-color: #3276b1; border-color: #285e8e }
 
.gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { background-image: none }
 
.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active { background-color: #428bca; border-color: #357ebd }
 
.gform_wrapper .gfield_error .gfield_label { color: #b94a48 }
 
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 }
 
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus { border-color: #b94a48; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(185,74,72,0.6) }
 
.validation_error { padding: 15px; margin-bottom: 20px; color: #b94a48; background-color: #f2dede; border: 1px solid transparent; border-color: #eed3d7; border-radius: 4px }
 
.validation_error h4 { margin-top: 0; color: inherit }
 
.validation_error .alert-link { font-weight: bold }
 
.validation_error>p, .validation_error>ul { margin-bottom: 0 }
 
.validation_error>p+p { margin-top: 5px }
 
.validation_error hr { border-top-color: #e6c1c7 }
 
.validation_error .alert-link { color: #953b39 }
 
#gforms_confirmation_message { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px }
 
#gforms_confirmation_message h4 { margin-top: 0; color: inherit }
 
#gforms_confirmation_message .alert-link { font-weight: bold }
 
#gforms_confirmation_message>p, #gforms_confirmation_message>ul { margin-bottom: 0 }
 
#gforms_confirmation_message>p+p { margin-top: 5px }


@media(max-width:767px) {

}

@media(max-width:767px) {
body { margin-top: 115px; }

.container {max-width: 513px;}

.navbar-default {
background-color: #f2f2f2;
border-color: #f2f2f2;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	background: #f2f2f2;
	border-top: 2px solid transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background: #f2f2f2;
	border-top: transparent;
}

footer .text-right {text-align: left;}

nav.pull-right {float: none !important;}

.navbar-toggle {margin-top: 15px;}

}
@media(min-width:768px) {
.navbar-default .navbar-nav { margin-top: 70px; }

.navbar-default .navbar-nav>li>a { padding: 30px 5px 15px 5px; font-size: 11px; }
.navbar-brand { padding: 40px 100px 15px 15px; }

.issue {width: 50%;}
.page main {padding-right: 70px;}
.home main {padding-right: 15px;}
.navbar-default .navbar-nav>li>a {border-top: 3px solid transparent; color: #000; margin: 0 7px; padding-left: 0px; padding-right: 0px;}


}

@media(min-width:992px) {
.navbar-default .navbar-nav>li>a { padding: 30px 0px 15px 0px; font-size: 15px; margin: 0 15px;}
.issue {width: 33.33333333333333%}
}

@media(max-width:1199px) {

.container {width: 100%;  /* padding-left: 0px; padding-right: 0px;*/}
.home main {padding-left: 0px !important; padding-right: 0px !important;}


}

@media(min-width:1400px) {
	.container {
		width: 1370px;
	}
}

@media(min-width:1600px) {
	.container {
		width: 1570px;
	}
		.issue {width: 25%;}

}