@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto+Condensed');
html, body { margin: 0; padding: 0; font-family: verdana,arial,tahoma; text-align: center; height: 100%; }

.group:after { content: ""; display: table; clear: both; }

.header-wrapper { max-width:1366px; overflow: hidden; margin: 0px auto; padding: 5px 0 0 0; position: relative; }
.header-wrapper .logo-img { display: none; width: 110px; height: 33px; cursor: pointer; background: url(/img/design/logo_text.png) no-repeat; background-size: 110px 33px; }
.header-wrapper .top-menu-icon { display: none; width: 34px; height: 20px; cursor: pointer; background: url(/img/design/menu_icon_effector.png) no-repeat; }

.header-wrapper .fb-like-button { position: absolute; top: 165px; right: 10px; z-index: 1000; }
.header-wrapper .top-menu-wrapper { position: relative; width: 100%; margin-top: 0px; }
.header-wrapper .top-menu-wrapper .top-menu-bg-img { max-width: 100%; height: 200px; width: 1366px; background-color: #181c27; }
.header-wrapper .top-menu-wrapper .top-menu { width: 100%; height: 32%; position: absolute; top: 16%; left: 0px; z-index: 1000; list-style-type:none; padding: 0; margin: 0; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.75); }
.header-wrapper .top-menu-wrapper .top-menu a{ text-decoration: none; }

.top-menu-tabs { width: 16.66%; height: 100%; border-top: 2px solid rgba( 255, 255, 255, 0.7); border-bottom: 2px solid rgba( 255, 255, 255, 0.7); border-right: 2px solid rgba( 255, 255, 255, 0.7); box-sizing: border-box; padding: 2px 2px 2px 2px; float: left; display: inline; } 
.top-menu-tabs .tab-inner { height: 100%; background: rgba( 255, 255, 255, 0.7); cursor: pointer; color: #444444; }
.top-menu-tabs .tab-inner a{ color: #444444; }
.top-menu-tabs .tab-inner-active { background: rgba( 255, 255, 255, 0.3); }
.top-menu-tabs .tab-inner-active a{ color: #ffffff; }
.top-menu-tabs .tab-inner-text { position: relative; top: 50%; transform: translateY(-50%); font-size: 25px; text-align: center; color: #ffffff; } 
.top-menu-tabs .tab-inactive-right { border-right: 0; }
.top-menu-tabs .tab-inner:hover { background: rgba( 255, 255, 255, 0.3); }

.content-wrapper { max-width: 1366px; text-align: left; position: relative; margin: 0 auto; }
.effector-header { font-family: 'Roboto Condensed', sans-serif; font-size: 45px; color: #f9b261; font-weight: normal; position: absolute; left: 10px; top: -90px; }
.ads-sticky { width: 300px; height: 600px; margin: 5px 5px 5px 5px; vertical-align: top; position: absolute; padding-top: 5px; }

.effects-wrapper { margin: 10px 0px 0px 315px; display: inline-block; }

.effects-wrapper .ads { width: 96%; margin: 15px auto 10px auto; }
.effects-wrapper .ads .ads-1 { width: 100%; height: auto; margin: 0px 0px 10px 0px; text-align: center; min-height: 90px; }
.effects-wrapper .ads .ads-2 { width: 100%; height: auto; text-align: center; min-height: 90px;}
.effects-wrapper .ads-3 { width: 99%; height: auto; text-align: center; margin-top: 10px; }

.effects-wrapper .effects-list { width: 100%; text-align: center; }
.effects-wrapper .effects-list .effect-preview { margin: 1px; display: inline-block; }
.effects-wrapper .effects-list .effect-preview :hover { -webkit-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); box-shadow: 0px 0px 7px -1px rgba(0,0,0,0.75); }
.effects-wrapper .effects-list .effect-preview img { display:block; width: 200px; height: 200px; }

.effects-wrapper #show-more { border: 1px solid #cce6e6; width: 96%; text-align:center; margin: 12px auto 0px auto; padding: 3px; height: 18px; cursor: pointer; visibility: visible; color:#006666; font-size:15px; }
.effects-wrapper #show-more:hover { border: 1px solid #90c5c5; }
.effects-wrapper #show-more-preloader { width: 96%; margin: 12px auto 0px auto; text-align: center; display: none; height: 32px; }

.effects-wrapper .effector-desc { width: 100%; font-size: 14px; color: #999999; margin-top: 10px; padding: 10px; box-sizing: border-box; text-indent: 20px; }
.effects-wrapper .effector-desc h2 { font-weight: bold; font-size: 14px; padding: 0; margin: 0;}

.footer-wrapper { max-width:1366px; width: 100%; text-align: center; background: #4080ff; padding: 15px; box-sizing: border-box; font-size: 13px; color: #ffffff; margin: 20px auto 0px auto; }
.footer-wrapper .footer-menu { display: inline; }
.footer-wrapper .footer-menu p { margin: 5px 30px; display: inline; }
.footer-wrapper .footer-menu .translated { font-size:10px; padding:0px; margin:0px;}
.footer-wrapper .footer-menu a{ color: #004399; }
.footer-wrapper .footer-menu a:hover{ color: #ffffff; }
.footer-wrapper .footer-menu span { cursor: pointer; }
.footer-wrapper .footer-menu select { margin: 0 10px 0 10px; width: 100px; background-color: #4080ff; border: 1px solid #ffffff; padding: 2px; font-size: 12px; font-weight: bold; color: #ffffff; letter-spacing: 1px; }
.footer-wrapper .footer-menu select option { font-size: 14px; }

.adpush { display: none; position:fixed; width:100%; height: 150px; left: 0px; bottom: 0px; background-color: #14181f; border-top: 1px solid #f39e47; text-shadow: 0px 1px 0px #281e16; color: #f39e47; text-align: left; background-image: url('/img/design/bg_adpush.png'); background-repeat: no-repeat; background-position: 5% 10px; background-size: contain; padding-bottom: 20px; }
.adpush #adpush-text { font-family: 'Montserrat', sans-serif; font-size: 35px; padding-top: 30px;  padding-left: 20%; }
.adpush #adpush-text:hover { text-shadow: 0px 0px 8px rgba(243, 158, 71, 1); }
.adpush #adpush-notice { font-family: verdana; font-size: 15px; padding-left: 20%; }
.adpush #adpush-notice:hover { text-shadow: 0px 0px 8px rgba(243, 158, 71, 1); }
.adpush #adpush-close { z-index: 100; position: absolute; top: 5px; right: 5px; width: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family: Arial; font-size: 14px; padding: 1px 5px 1px 6px;  text-decoration: none; cursor: pointer; height: 16px; color: #f39e47; }
.adpush #adpush-close:hover { border: 1px solid #f39e47; }
.adpush .adpush-yes { cursor: pointer; }
.adpush #adpush-yes { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 20px; padding: 2px 0 5px 0; color: #14181f; background-color: #f39e47; width: 150px; text-align: center; margin: 15px auto; }
.adpush #adpush-yes:hover { -webkit-box-shadow: 0px 0px 24px 0px rgba(243,158,71,1); -moz-box-shadow: 0px 0px 24px 0px rgba(243,158,71,1); box-shadow: 0px 0px 24px 0px rgba(243,158,71,1); }
~

@media screen and (max-width: 1365px){
	.top-menu-tabs .tab-inner-text { font-size: 18px; } 
}
@media screen and (max-width: 1280px){
	.effects-wrapper .effects-list .effect-preview img { width: 182px; height: 182px; }
}
@media screen and (max-width: 1024px){
	.top-menu-tabs .tab-inner-text { font-size: 15px; } 
	.ads-sticky { display: none; }
	.effects-wrapper { margin: 10px 0px 0px 10px; }
	.effects-wrapper .effects-list .effect-preview img { width: 192px; height: 192px; }
	.effector-header { font-size: 30px; left: 10px; top: -70px; }
	.adpush { background-image: none; }
}

@media screen and (max-width: 720px){
	.header-wrapper { overflow: visible; padding: 0; position: static; }
	.header-wrapper .logo-img { display: block; position: absolute; z-index: 1000; top: 12px; left: 2.5%; }
	.header-wrapper .top-menu-icon { display: block; position: absolute; z-index: 1000; top: 15px; right: 2.5%; } 
	.header-wrapper .top-menu-wrapper .top-menu { width: 100%; top: 45px; background: #767676; display: none; height: auto; padding: 10px 0 10px 0; }
	.header-wrapper .top-menu-wrapper .top-menu-bg-img { height: 150px; width: 720px;}
	.top-menu-tabs { float: none; width: 100%; padding: 0px; border: none; }
	.top-menu-tabs .tab-inner { background: #767676; }
	.top-menu-tabs .tab-inner-active { background: rgba( 255, 255, 255, 0.3); }
	.top-menu-tabs .tab-inner-text { text-align: left; color: #ffffff; position: static; transform: none; padding: 5px 5px 5px 20px; }
	.header-wrapper .top-menu-wrapper .top-menu a{ color: #ffffff; }
	.header-wrapper .fb-like-button { top: 12px; left: 130px; width: 100px; }
	.effects-wrapper .effects-list .effect-preview img { width: 165px; height: 165px; }
	.effector-header { font-size: 25px; left: 15px; top: -55px; }
	.adpush #adpush-text { padding-left: 0px; margin 0 auto; text-align: center; font-size: 25px; } 
	.adpush #adpush-notice { padding-left: 0px; margin 0 auto; text-align: center; font-size: 12px; }  
}

@media screen and (max-width: 480px){
	.effects-wrapper .effects-list .effect-preview img { width: 200px; height: 200px; }
	.effector-header { font-size: 16px; left: 10px; top: -85px; }
	.effects-wrapper .ads { height: auto; }
	.effects-wrapper .ads .ads-2 { height: 170px; }
	.effects-wrapper .ads .ads-1 { height: auto; display: none; }
	.adpush { padding-bottom: 0px; }
	.adpush #adpush-text { font-size: 20px; }
	.adpush #adpush-notice { font-size: 10px; }
	.footer-wrapper { padding: 15px 5px 10px 5px; }
	.footer-wrapper .footer-menu p { display: block; margin: 10px 5px 10px 15px; }
}

@media screen and (max-width: 360px){
	.effects-wrapper .effects-list .effect-preview img { width: 160px; height: 160px; }
	.adpush #adpush-text { font-size: 15px; }
	.adpush #adpush-notice { display: none; }
}
@media screen and (max-width: 320px){
	.effects-wrapper .effects-list .effect-preview img { width: 140px; height: 140px; }
}