@media screen and (max-width: 600px) {
  .main-nav a:not(:last-child) {display: none;}
  .main-nav a.icon {
    float: left;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .main-nav.responsive {position: relative;}
  .main-nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-nav.responsive a {
    float: none;
    display: block;
    text-align: left; 
  }

}
ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width: inherit;
	height:auto;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:250px;
	height:85px;
	position:relative;
	cursor:pointer;
	background:#000;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:85px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:250px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:300px;
	height:0px;
	left:0px;
	z-index:14;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:24px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:290px;
	overflow:hidden;
	height:350px;
	top:0px;
	left:250px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}
{
  "theme_color": "#317EFB";
}
.auto-style1
{
vertical-align:middle;
}
.auto-style2
{
text-align:center;
}
.auto-style3
{
vertical-align:text-bottom;
}
.auto-style4 
{
margin:1% 25% 1% 25%;
}
.auto-style5 {
   vertical-align: top;
   margin-left:6%;
}
.auto-style6 
{
 height:auto;
 width:100%;	
}
.auto-style7 
{
 height:auto;
 width:60%;	
}
.auto-style8 
{
 height:auto;
 width:20%;	
}
.auto-style9 
{
 text-decoration-color:brown; color:dodgerblue;	
}
.auto-style10 
{
 height:auto;
 width:30%;	
}
.auto-style11 {
 margin-left:14%; margin-right:5%;
}
.auto-style12 {
 margin-right:5%; margin-left:5%;
}
.auto-style13 
{
 height:auto;
 width:29%;	
}
.auto-style14 {
	 line-height: 100%;
	 margin-top: 1%;
	 margin-bottom: -1%;
	 text-decoration-color:brown;
	 color:brown;
}
.style1
{
font-size:35px;font-family:"apolline-sc", serif; text-align:center;
}
.style2
{
font-size:24px;font-family:"apolline-sc", serif;
}
.style3
{
font-size:34px;font-family:"apolline-sc", serif;text-align:center;
}
.style4
{
font-size:42px;font-family:"apolline-sc", serif;
}
.style5
{
font-size:24px;font-family:"apolline-sc", serif;text-align:center;
}
.style6
{
font-size:40px;font-family:"apolline-sc", serif;text-align:right,
}
.style7
{ 
font-weight:bold; 
}
.style8
{ 
 color: brown;
}
ul
{
border:0px solid yellow;list-style:none;
}
h1, h2, h3, h4, h5, h6
{font-weight:500;line-height:1;margin:0 0 25px 0;border:0px solid red;font-style:normal;
}
h1
{margin:0 0 15px 0;font-family:"apolline-sc", serif;font-style:normal;font-size:35px; text-align:center;
}
h2
{margin:0 0 15px 0;font-family:"apolline-sc", serif;font-style:normal;font-size:35px;text-align:center;
}
h3
{margin:0 0 15px 0;font-family:"apolline-sc", serif;font-style:normal;font-size:35px;text-align:center;
}
h4
{margin:0 0 15px 0;font-family:"apolline-sc", serif;font-style:normal;font-size:25px;text-align:center;
}
h5
{margin:0 0 15px 0;font-family:"apolline-sc", serif;font-style:normal;font-size:25px;text-align:center;
}
h6
{margin:0 0 15px 0;font-family:"apolline-sc", serif;font-style:normal;font-size:20px;
}
#video 
{
height:Auto; 
width:100%;
}
#video1 
{
height:Auto; 
width:35%; volume:soft;
margin:1% 30% 1% 32%;
}
#video2 
{
height:Auto; 
width:30%; volume:soft;
margin:1% 1% 1% 1%;
}
#video3 
{
height:Auto; 
width:100%;
}
#video4 
{
height:Auto; 
width:45%;
}
#video5 
{
height:Auto; 
width:45%;
}
.border
{
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
border:8px solid transparent;
}
.border1
{
box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
border:8px solid transparent;
border-top-left-radius:25px;border-top-right-radius:25px;
border-bottom-left-radius:25px;border-bottom-right-radius:25px;
border-color:azure;
}
.subtitle
{
font-size:16px;margin:0 0 4px 0
font-weight:600;color:#999;
text-transform:uppercase;
letter-spacing:2px;
}
body
{background-image:url('backgr.png');
width:100%;
margin:0px;
font:18px/1.4 "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif;
color:#333;overflow-x:hidden;
}
#container
{border:0px solid purple;
margin:0.5% 0.5% 0.5% 0.5%;
width:99%;
}
#pageWrape
{
background:white;
background-clip:padding-box;
padding:0px 0px;position:relative;
}
#pageWrape1
{
background:url(Z8Vl7Tn.png);
background-clip:padding-box;
padding:0px 0px;position:relative;
}
#header
{
width:100%;
background-color:#333;
background-color:rgba(0,0,0,0.65);
box-shadow:inset 0 -5px 8px -5px rgba(0,0,0,0.65);
border-top:1px solid #333;
position:relative;
}
#header .inside
{
width:100%;
}
.main-nav
{
list-style:none;
overflow: hidden;
}
.main-nav .icon {
  display: none; 
}
.main-nav ul {
  margin:0px;
  position:relative;
}
.main-nav li {
  float:left;
  width:16.5%;
  position:relative;
  transition:background-color 0.4s ease;
}
.main-nav a {
  border:0px solid blue;
  border-top:0;
  display:block;
  text-align:center;
  position:relative;
  z-index:2;
  color:white;
  padding:1% 4% 1% 4%;
  font:bold 16px kulturista-web-1, kulturista-web-2, serif;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.5px;
  overflow:hidden;
  float:left;
}
.main-nav a:before
{
content:"";
display:block;
height:40px;
width:100%;
background:url(http://css-tricks.com/wp-content/themes/CSS-Tricks-9/images/nav-sprite.png) top center no-repeat;
}
.main-nav span
{
display:block;
text-align:center;
font-size:17px;
}
.main-nav .home:hover
{
background:#01b0ec;
}
.main-nav .articles:hover
{
background:#ef7901;
}
.main-nav .forums:hover
{
background:#d54421;
}
.main-nav .snippets:hover
{
background:#98bf0d;
}
.main-nav .almanac:hover
{
background:#7449f1;
}
.main-nav .gallery:hover
{
background:#b147a3;
}
#sidebar
{
float:left;width:100%;border:0px solid rgba(255, 0, 0, .5);
padding:0.5% 0.5% 0.5% 0.5%;
}
#sidebar p
{
border:0px solid blue;
}
.sidebar_content
{
margin:0.5% 20% 1% 1%;
width:auto;
border:0px solid purple;
border-bottom:1px #6d6a68;
border-bottom-style:dashed;
padding-bottom:1px;
}
.sidebar_content a
{
text-decoration:none;color:blue;
}
.sidebar_content a:hover
{
color:#adbde3;
}
#content_wrap {
  margin-top:.3%;
  border:0px solid blue;
  position:absolute;
  right:-2.2%;
  float:right;
  width:20%;
  overflow-style:inherit;
}
#content_t {
background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
padding:0px;
height:auto;
width:80%;
text-align:center;
margin:25px 0 0 0;
}
#content_t1 {
background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
padding:0px;
height:auto;
width:80%;
text-align:left;
margin:25px 0 0 0;
}
#content_t2
{background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
height:auto;
width:80%;
text-align:left;
margin:30px 0 0 0;
}
#content_t3
{background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
padding:0px;
height:auto;
width:80%;
text-align:left;
margin:30px 0 0 0;
}
#content_t4
{background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
padding:0px;
height: auto;
width:80%;
text-align:left;
margin:30px 0 0 0;
}
#content_t5
{background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
padding:0px;
height:auto;
width:80%;
text-align:left;
margin:30px 0 0 0;
}
#content_t6
{background:url(brush.png);
background-clip:padding-box;
border:4px solid #C5C5C5;
padding:0px;
height:auto;
width:80%;
text-align:left;
margin:30px 0 0 0;
}
.clearClass
{
clear:both;
}
#footer
{
width:100%;
position:relative;
min-height:140px;
background-color:#3f3f3f;
background-image:-webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#2b2b2b));
background-image:-webkit-linear-gradient(top, #3f3f3f, #2b2b2b);
background-image:-moz-linear-gradient(top, #3f3f3f, #2b2b2b);
background-image:-ms-linear-gradient(top, #3f3f3f, #2b2b2b);
background-image:-o-linear-gradient(top, #3f3f3f, #2b2b2b);
background-image:linear-gradient(top, #3f3f3f, #2b2b2b);
font-size:16px;color:white;position:relative;overflow:hidden;
clear:both;
}
#footer > span
{
position:absolute;top:0;width:33.33%;height:4px;
}
#footer > .f1
{left:0;background:#f3a01e;
}
#footer > .f2
{left:20%;background:#D05D2A;
}
#footer > .f3
{left:40%;background:#9dc425;
}
#footer > .f4
{left:60%;background:#4b8db5;
}
#footer > .f5
{left:80%;background:#7c48b5;
}
#footer_cont
{
border:0px solid green;
width:100%;
margin:5px auto;
position:relative;
}
.footer-link-group
{
float:left;box-sizing:border-box;
position:relative;
z-index:1;
}
.footer-link-group-1
{
width:33.333%;
}
.footer-link-group-2
{
width:33.333%;
float:left;
border-right:1px solid rgba;
}
.footer-link-group-3,
{
width: 33.333%;
float:left;
border-right:1px solid rgba;
}
.footer-link-group a
{
display:block;overflow:hidden;color:white;
background:-webkit-linear-gradient(left, transparent, transparent 30%, rgba(255,255,255, 0.4));
background:-moz-linear-gradient(left, transparent, transparent 30%, rgba(255,255,255, 0.4));
background:-ms-linear-gradient(left, transparent, transparent 30%, rgba(255,255,255, 0.4));
background:linear-gradient(left, transparent, transparent 30%, rgba(255,255,255, 0.4));
background-size:200% 100%;
transition:all 0.26s ease-out;
}
.cssgradients .footer-link-group a:hover
{
background-position:100% 100%;padding-left:5px;
}
.no-cssgradients .footer-link-group a:hover
{
text-decoration:none;}
.footer-contact
{
margin-top:5px; 
}
.footer-link-group .footer-contact a
{
color:#9dc425;}
footer section .footer-link-group:nth-of-type(1)
{
padding-right:20px;
}
footer section .footer-link-group:nth-of-type(1) small
{display:block;margin-top:5px;line-height:1.4;color:#eee;
}
footer section .footer-link-group:nth-of-type(2)
{padding-left:18px;
}
footer section .footer-link-group:nth-of-type(3)
{
padding-left:18px;
}
footer section .footer-link-group:nth-of-type(4)
{
padding-left:26px;
}
#footer-boxes
{
border:0px solid blue;
margin-top:35px;
}
.footer-box
{
margin:0 12.5% 0 0;
float:left;
width:25%;
height:auto;
background:#e6e2df;
background-clip:padding-box;
color:#b2aaa4;
background-repeat:no-repeat;
overflow:hidden;
box-sizing:border-box;
position:relative;
}
.footer-box1
{
margin:0 12.5% 0 0;
float:left;
width:25%;
height:auto;
background:#e6e2df;
background-clip:padding-box;
color:#b2aaa4;
background-repeat:no-repeat;
overflow:hidden;
box-sizing:border-box;
position:relative;
}
.footer-box2
{
margin:0 0% 0 0;
float:left;
width:25%;
height:auto;
background:#e6e2df;
background-clip:padding-box;
color:#b2aaa4;
background-repeat:no-repeat;
overflow:hidden;
box-sizing:border-box;
position:relative;
}
.footer-box h5
{
font-family:"kulturista-web-1", "kulturista-web-2";
font-style:normal;
font-size:16px;line-height:1;
margin:0 0 10px 0;
font-weight:normal;
letter-spacing:-1px;
}