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

.content-wrapper { max-width:1366px; text-align: left; position: relative; margin: 0 auto; }
.cat-header { font-family: 'Roboto Condensed', sans-serif; font-size: 40px; color: #ffffff; position: absolute; top: -60px; right: 2%; font-weight: normal; margin: 0; padding: 0; }

.more-info-text { font-size: 14px; width: 90%; padding: 30px; margin: 0 auto; color: #6c6c6c; display: none; }
.more-info-text img { float: left; margin: 0px 55px 0 15px; }
.more-info-text b { color: #606060; }
.more-info-text ul { list-style-type:none; padding-left: 15px; }

.frames-cats { display: inline-block; width: 23%; text-align: left; }
.frames-cats-text { font-size: 20px; margin: 10px 0 10px 20px; color: #2e2e2e; }
.frames-cats .cats-list { list-style: none; padding: 0; margin: 0; }
.frames-cats .cats-list a{ text-decoration: none; color: #565656; }
.frames-cats .cats-list li{ font-size: 17px; color: #565656; padding: 5px 5px 5px 20px; cursor: pointer; }
.frames-cats .cats-list .cat-root { background: #dbe9e9; margin-bottom: 1px;}
.frames-cats .cats-list .cat-root span{ font-size: 13px; }
.frames-cats .cats-list .subcats-list { list-style: none; padding: 0; margin: 0; }
.frames-cats .cats-list .subcats-list li { padding-left: 35px; background: #ffffff; }
.frames-cats .cats-list .subcats-list span{ font-size: 13px; }
.frames-cats .cats-list li:hover { background: #a9cbcb; }
.frames-cats .ads-sticky { width: 310px; margin: 10px auto auto 5px; text-align: center; }

.frames-data { display: inline-block; width: 72%; vertical-align: top; box-sizing: border-box; }
.frames-data .cats-nav-order { width: 100%; margin: 10px 0px 10px 20px; height: 17px; }
.frames-data .cats-nav-order .cats-nav { font-size: 17px; color: #292929; float: left; }
.frames-data .cats-nav-order .cats-nav ol{ list-style-type:none; display: inline; height: 20px; margin: 0; padding: 0; }
.frames-data .cats-nav-order .cats-nav li{ display: inline; }
.frames-data .cats-nav-order a{ color: #292929; }
.frames-data .cats-nav-order .cats-order { float: right; font-size: 14px; color: #4d4d4d; height: 22px; line-height: 22px; vertical-align: middle; }
.frames-data .cats-nav-order .cats-order a{ color: #4d4d4d; }
.frames-data .cats-nav-order .more-info { float: right; font-size: 14px; color: #4d4d4d; height: 22px; line-height: 22px; text-decoration: underline; margin-right: 40px; cursor: pointer; }

.frames-data #content-loader { margin: 40px auto; background: url('/img/design/preloader.gif') no-repeat center; height: 32px; width: 32px; }
.frames-data .frames-list { width: 100%; margin: 15px auto 20px auto; visibility: hidden; }
.frames-data .frames-list .frames-list-item { position: relative; margin: 5px; }
//.frames-data .frames-list .frames-list-item img { }
.frames-data .frames-list .frames-list-item: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); }

.frames-data .frames-list .social-buttons { padding: 0; margin-top: -40px; text-align: center; width: 100%; visibility: hidden; }
.frames-data .frames-list .template-specs { width: 100%; margin: 0; padding: 0; background-color: #f1f1f1; border: 1px solid #cccccc; position:absolute; z-index: 100; display: none;}
.frames-data .frames-list .template-specs .template-specs-header { display: none; cursor: pointer; }
.frames-data .frames-list .template-specs .template-specs-header .template-specs-header-text { background-color: #e82c38; height: 30px; border-sizing: border-box; padding: 0 0 0 8px; font-size: 14px; font-weight: bold; color: #ffffff; text-align: left; font-family: Arial; line-height: 30px; vertical-align: middle; }
.frames-data .frames-list .template-specs .template-specs-header .template-specs-header-triangle { margin: 0px auto; width: 0px; height: 0px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #e82c38; }
.frames-data .frames-list .template-specs .template-specs-data { margin: 1px auto; background-color: #f1f1f1; border-sizing: border-box; padding: 9px 0 18px 7px; color: #201f1f; font-family: Arial; font-size: 12px; text-align: left; letter-spacing: 0.1px; height: 100%; display: none; }
.frames-data .frames-list .template-specs .template-specs-data .specs-name { color: #e82c38; font-weight: bold; font-size: 13px; }
.frames-data .frames-list .template-specs .template-specs-data .specs-data-row { margin: 0 0 5px 0; }
.frames-data .frames-list .template-specs .template-specs-data .specs-data-name { font-weight: bold; padding-right: 1px; }
.frames-data .frames-list .template-specs .template-specs-data .specs-data-value {}
.frames-data .frames-list .template-specs .template-specs-data .specs-link { text-align: center; margin: 10px auto 0px auto; text-decoration: underline; color: #206acf; cursor: pointer; }
.frames-data .frames-list .template-specs .template-specs-data .template-specs-data-cross { cursor: pointer; float: right; text-align: right; margin: 0px 10px 5px 0; color: #206acf; font-size: 14px; display: none; }

.frames-data .ads { width: 100%; margin: 15px auto 10px auto; }
.frames-data .ads .ads-1 { width: 100%; height: auto; margin: 0px 0px 10px 0px; }
.frames-data .ads .ads-2 { width: 100%; height: auto; }
.ads-3 { margin: 0 auto; width: 95%; } 

.frames-data .show-more { border: 1px solid #cce6e6; width: 100%; text-align:center; margin: 12px 0 12px 0; padding: 3px; height: 18px; cursor: pointer; display: none; }
.frames-data .show-more #pager { text-decoration:none; color:#006666; font-size:15px; cursor:pointer; }
.frames-data .show-more:hover { border: 1px solid #94c5c5; }
.frames-data .show-more-preloader { display: none; width: 100%; margin: 12px 0 12px 0; padding: 3px; text-align:center;}

.framer-desc { width: 100%; font-size: 12px; color: #999999; padding: 60px 60px 0px 60px; box-sizing: border-box; display: inline-block;}
.framer-desc h2 { font-weight: bold; font-size: 12px; padding: 0; margin: 0;}

.extended-info { width: 100%; height: auto; background-color: #ffffff; z-index: 1000000; position: absolute; margin: 0 auto; box-sizing: border-box; padding: 15px 0 15px 0; left: 0px; }
.extended-info .extended-info-block { width: 100%; margin-bottom: 15px; padding: 25px; box-sizing: border-box; }
.extended-info .extended-info-block .extended-info-text h2 { color: #564c4c; font-size: 36px; margin: 0px 0px 35px 0px; font-family: Roboto Condensed; }
.extended-info .extended-info-block .extended-info-text { color: #755a5a; font-size: 15px; line-height: 18px; text-indent: 15px; }

.extended-info .extended-info-block .extended-info-video { display: inline-block; }
.extended-info .extended-info-block .extended-info-video iframe { border-box; -webkit-box-shadow: 0px 0px 2px 1px rgba(120,116,120,1); -moz-box-shadow: 0px 0px 2px 1px rgba(120,116,120,1); box-shadow: 0px 0px 2px 1px rgba(120,116,120,1);}
.extended-info .extended-info-block .extended-info-video-text { font-family: arial; display: inline-block; text-align: center; padding-top: 10px; box-sizing: border-box; height: 100%; vertical-align: top; width: 50%; }
.extended-info .extended-info-block .extended-info-video-text h2 { color: #564c4c; font-size: 36px; margin-top: 0px; font-family: Roboto Condensed; }
.extended-info .extended-info-block .extended-info-video-text p { color: #755a5a; font-size: 18px; margin-top: 10px; line-height: 20px; }
.extended-info .extended-info-block .extended-info-video-text #button-open-editor { padding: 10px 30px 10px 30px; border: 1px solid #edb2b5; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 18px; background-color: #edb2b5; cursor: pointer; color: #5f4040; }

@media screen and (max-width: 1365px){
	.frames-cats .ads-sticky { display: none; }
}
@media screen and (max-width: 1364px){
	.block-with-bg{ display: none; } 
}
@media screen and (max-width: 1024px){
	
	.cat-header { font-size: 30px; top: -50px; }
	.frames-cats { position: absolute; z-index: 100; width: 30%; margin-top: 40px; display: none; }
	.frames-cats .cats-list .cat-root { margin-bottom: 0px; }
	.frames-cats-text { display: none; }
	
	.frames-data { width: 95%; margin: 0 auto; display: block; }
	.frames-data .cats-nav-order { padding-right: 20px; box-sizing: border-box; margin-left: 0px; }
	.frames-data .cats-nav-order .cats-nav { font-size: 15px; }
	.frames-data .cats-nav-order .more-info { display: none; }
	.frames-data .frames-list { margin-left: 0px; }
	.frames-data .frames-list .social-buttons { display: none; } 
}

@media screen and (max-width: 720px){

	.cat-header { color: #292929; font-size: 20px; position: static; text-align: left; margin: 20px auto 5px auto; width: 95%; }
	.frames-cats { width: 100%; margin-top: 0px; }
	
	.frames-data { position: relative; }
	.frames-data .cats-nav-order { padding: 0; width: 95%; margin: 0; }
	.frames-data .cats-nav-order .cats-nav { color: #ffffff; float: none; position: absolute; top: -75px;  }
	.frames-data .cats-nav-order .cats-nav a{ color: #ffffff; }
	.frames-data .cats-nav-order .cats-order { float: left; }
	.frames-data .frames-list { margin: 15px 0 0 0px; }

	.framer-desc { padding: 60px 20px 20px 20px; }
}

@media screen and (max-width: 480px){
	.extended-info .extended-info-block .extended-info-text h2 { font-size: 20px; margin: 0; }
}

@media screen and (max-width: 240px){
	.header-wrapper .fb-like-button { left: 5px; top: 50px; z-index: 100; } 
	.frames-data .cats-nav-order .cats-nav { left: 5px; top: -120px; }
	.frames-data .frames-list { text-align: center; }
}