@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; }

.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; }
.effects-wrapper .ads .ads-2 { width: 100%; height: auto; text-align: center; }
.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; }
.effects-wrapper .effector-desc h2 { font-weight: bold; font-size: 14px; padding: 0; margin: 0;}

.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: 1280px){
	.effects-wrapper .effects-list .effect-preview img { width: 182px; height: 182px; }
}
@media screen and (max-width: 1024px){
	.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){
	.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; }
}

@media screen and (max-width: 414px){
	.effects-wrapper { margin: 10px auto; display: block; }
	.effects-wrapper .effects-list .effect-preview img { width: 190px; height: 190px; }
}

@media screen and (max-width: 375px){
	.effects-wrapper .effects-list .effect-preview img { width: 160px; height: 160px; }
}

@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; }
}
@media screen and (max-width: 240px){
	.header-wrapper .fb-like-button { left: 5px; top: 50px; z-index: 100; }
	.effects-wrapper .effects-list .effect-preview img { width: 200px; height: 200px; }
	.effects-wrapper { margin: 10px auto; }
}