.container{width:80%;margin:0 auto;padding:0 30px;}
section{padding:60px 0;}
section h1{font-weight:700;margin-bottom:10px;}
section p{margin-bottom:30px;}
section p:last-child{margin-bottom:0;}
section.color{background-color:#3cb5f9;color:white;}
#info-bar{background-color:#3cb5f9;}
#info-bar a{color:white;font-size:14px;text-transform:uppercase;display:inline-block;margin:0;padding:10px;}
#info-bar a:hover{background-color:#0793e2;}
#info-bar span.all-tutorials,
#info-bar span.back-to-tutorial{display:block;width:50%;}
#info-bar span.all-tutorials{float:left;text-align:left;}
#info-bar span.back-to-tutorial{float:right;text-align:right;}
.header{width:100%;height:auto;position:fixed;top:0;left:0;z-index:999;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;}
.header .topfull{width:auto;line-height:48px;height:48px;background:url(../images/menu-bg.jpg) center top repeat-x;background:linear-gradient(to bottom, rgb(255,168,76) 0%,rgb(255,123,13) 100%);box-shadow:2px 2px 3px #8b8b8b;position:fixed;left:0;right:0;}
.header .topf-left{float:left;}
.header .topf-right{float:right;text-align:right;font-family:'Open Sans', sans-serif;color:#FFFFFF;font-size:14px;font-weight:normal;width:780px;}
.header .topf-right span{color:#aad576;}
.header .topf-right img{margin-top:0px;}
.header .topf-1{float:left;margin:0 20px 0 0;}
.header .lang{margin:12px 0 0 0;}
.topf-2{float:right;margin:2px 0px 5px 0;}
.topf-3{float:right;margin:0 15px 0 0;}
.topf-4{float:right;margin:0 0 0 0;font-size:15px;font-family:'Open Sans', sans-serif;border:1px solid #eeeeee;border-radius:3px;background-color:#FFFFFF;padding:0 10px;}
.topf-4 img{vertical-align:middle;margin-right:7px;}
.social{opacity:1;transition:0.4s;margin:0 3px 0 0;}
.social:hover{opacity:1;transition:0.4s;transform:scale(0.8);}
.s-input{background-color:#ffffff;border:0 none;color:#737373;float:left;font-family:"Open Sans",sans-serif;font-size:12px;height:30px;padding:0 0 0 8px;width:182px;border:1px solid #dcdcdc !important;}
.s-bt{width:29px;height:32px;background-color:#ffbb29;text-align:center;float:left;margin-left:-1px;}
.s-bt img{margin:10px 0 0 0;}
.logo{float:left;margin:10px 0 0 0;}
.header .logoarea{float:left;width:206px;height:252px;padding:0;margin:0 0 0 0;background:url(../images/logo-bg.png) left top/100% 100% no-repeat;z-index:20000 !important;position:absolute;}
.header.smaller .logoarea{float:left;width:206px;height:48px;padding:0;margin:0 0 0 0;background:url(../images/logo-bg-small.png) left top/100% 100% no-repeat;}
.header .logoarea2{float:left;width:206px;height:48px;padding:0;margin:0 0 0 0;background:url(../images/logo-bg-small.png) left top/100% 100% no-repeat;}
.header .topmenu{width:auto;height:auto;line-height:48px;padding:0;margin:0;display:inline-block;}
.header .topmenu li{width:auto;height:48px;line-height:48px;padding:0;margin:0;display:inline-block;float:left;}
.header .topmenu li:last-child{border:0;}
.header .topmenu li>ul{display:none;}
.header .topmenu li:hover>ul{display:block;padding:0;margin:-2px 0 0 0;width:250px;height:auto;background-color:#FFF;position:fixed;z-index:400000;box-shadow:1px 1px 5px #999999;}
.header .topmenu li:hover>ul li{width:250px;height:auto;display:block;border:0;}
.header .topmenu li:hover>ul li a{font-size:13px !important;color:#000;line-height:35px;width:auto;height:auto;display:block;font-family:'Open Sans', sans-serif;}
.header .topmenu li:hover>ul li a:hover{color:#fff;background:#b11f0a;}
.header .topmenu li a{width:auto;height:auto;line-height:48px;padding:0 7px;margin:0;display:inline-block;color:#000;font-size:15px;font-weight:normal;font-family:'Noto Serif', serif;text-decoration:none;transition:0.3s;text-align:left;background:url(../images/menu-hoverbg.png) center top repeat-x;}
.header .topmenu li a:hover{background:url(../images/menu-hoverbg.png) center bottom repeat-x;transition:0.3s;color:#fff;}
.header.smaller .topfull{display:block;}
.header.smaller .topfull2{display:none;}
.header.smaller .logo{float:left;height:auto;margin:4px 0 0 25px;width:220px;}
.header.smaller{height:auto;background-color:#000;}
.header.smaller h1#logo{width:150px;height:75px;line-height:75px;font-size:30px;}
.header.smaller nav a{line-height:75px;}
.header.smaller #h-top{display:none;}
.clearfix:after{visibility:hidden;display:block;content:"";clear:both;height:0;}