Results of the CSS crunched for alvarvas.com

Let's see what we've done for alvarvas.com

CSSCruncher.com has crunched this CSS to
14.89 %Less Size! Nice!

Crunched CSS code:

@import url("css/reset.css");@import url("css/slippry.css");dl{margin:0 0 24px 0}
dt{font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
em,i{font-style:italic;margin-right:6px}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote{padding:40px 40px 20px 40px;margin:5px 0 25px 0px;font-family:'Roboto Condensed',sans-serif;font-weight:300;display:block;background:#eaeaea;color:#444;border:1px solid #ddd;font-size:16px;text-shadow:0 1px 1px #fff}
pre{background:#f7f7f7;color:#222;line-height:18px;margin-bottom:18px;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
input,textarea{padding:2px 5px;color:#666;font-size:14px;border:1px solid #ccc;background:#f8f8f8;vertical-align:middle}
pre{border:1px solid rgba(0,0,0,0.1);margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
ol li{margin:0px;padding:0 0 7px 0px}
ol{list-style:decimal;margin:15px 0 18px 1.5em}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
table{width:100%;margin:20px 0 40px 0}
table th{font-family:'Roboto Condensed',sans-serif;color:#FFF;text-align:left;padding:15px 14px;font-size:16px;font-weight:300;border:1px solid #687a92}
table td{padding:13px 14px;border:1px solid #eaeaea;vertical-align:top}
table tr:nth-of-type(even){background:#fff}
table tr:nth-of-type(odd){background:#fafafa}
a{text-decoration:underline}
a:hover{color:#333;text-decoration:underline;cursor:pointer}
body{background:#eee url(images/bg.jpg) repeat fixed;font-family:'Tinos',Arial,serif;font-size:15px;line-height:22px;font-weight:400}
#wrap{background:#fff;height:100%;margin:30px auto 30px;position:relative;-webkit-box-shadow:0px 4px 20px rgba(51,51,51,0.4);-moz-box-shadow:0px 4px 20px rgba(51,51,51,0.4);box-shadow:0px 4px 20px rgba(51,51,51,0.4)}
.inner{width:90%;margin:0 auto}
.header{width:100%;height:auto;margin:0 0 40px 0}
.logo{width:100%;padding-top:35px;font-size:44px;font-family:'Roboto Condensed',sans-serif;font-weight:700;position:relative}
.logo a{text-decoration:none}
span.lcolors{color:#333;line-height:55px}
.desc{font-size:14px;font-weight:300;line-height:15px;color:#888;margin:0}
.contact-info{position:absolute;top:60px;right:0;font-size:15px;line-height:22px;font-family:'Roboto Condensed',sans-serif;text-align:right;font-weight:300}
span.contact-font{font-size:20px;line-height:22px}
#mob{margin-top:20px;display:none}
#mob span{margin-left:10px;font-size:25px;text-transform:uppercase}
#mob a{color:#333}
.fa-bars{font-size:25px;text-align:center;color:#000;margin:0 auto 10px}
#mobilemenu{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:16px}
#mobilemenu a{color:#eaeaea}
#mobilemenu a:hover{color:#BDFFA5}
.menunav{display:block;list-style:none;font-weight:normal;width:100%;padding:0;position:relative;margin:15px auto 0;clear:both;height:60px;z-index:1001}
.menunav ul{margin:0;list-style-type:none;font-style:normal;letter-spacing:normal}
.menunav ul li{position:relative;display:inline;float:left;padding:0;position:relative;z-index:101}
.menunav ul li:first-child{margin:0;z-index:1}
.menunav ul li{display:block;line-height:22px;font-weight:400;font-size:16px;letter-spacing:0.2px;padding:20px 35px 10px 0px}
.menunav li a{font-family:'Roboto Condensed',sans-serif;text-decoration:none;padding-left:12px}
* html .menunav ul li a{display:inline-block}
.menunav ul li ul{position:absolute;height:auto;top:60px;left:0;display:none;visibility:hidden;width:240px;padding:0}
.menunav ul li ul li{display:list-item;float:none;font-size:15px;padding:20px 0px 20px 20px;margin-left:0}
.menunav ul li ul li ul{top:0}
.menunav ul li ul li a{margin:0;border:none}
* html .menunav{height:1%}
.menunav ul li ul li ul{position:absolute;height:auto;left:240px;display:none;visibility:hidden;width:240px;padding:0;margin-left:-1px}
.select-menu{width:400px;padding:0;height:40px;font-size:14px;display:none;border:1px solid #ddd}
.main,.right-col,.left-col{float:left}
.main{width:77%;margin-right:3%}
.right-col{width:20%;margin-top:40px}
.main-full{width:100%}
.center-full{width:100%;float:left;margin-top:40px}
.center-col{width:72%;float:right;margin-left:4%;margin-top:40px}
.left-col{width:24%;margin-top:40px}
.fullwidth{width:100%;margin:0 auto}
.icon-boxes-wrap{width:86%;height:auto;margin:50px auto 0px}
.icon-box{width:33.3%;float:left;margin-bottom:30px}
.icon-box-title{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:18px}
.icon-box span,.icon-box-title{padding:0 30px 20px 30px}
.icon-box span{display:block}
.icon-box-icon{font-size:1.5em;margin-right:20px}
.icon-clear{clear:both;display:block;content:" ";height:0px;visibility:hidden}
.homebox{width:90%;background-position:top center;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-attachment:fixed;padding:5%;margin-top:40px}
.homebox-text{font-family:'Roboto Condensed',sans-serif;font-weight:400;width:80%;display:block;margin:3% auto;font-size:18px;line-height:22px;color:#fff;padding:40px;background:rgba(49,47,47,0.5)}
a.button{width:30%;margin:20px auto 0;border-top:1px solid #ddd;text-decoration:none;font-size:16px;line-height:20px;padding:17px 0px 17px 0px;text-align:center;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.home-text-boxes-wrap{width:86%;margin:50px auto 30px}
.home-text-box{width:44%;float:left;margin-bottom:30px;padding:0 3%}
h2.home-text-title{font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:18px;line-height:20px;margin-bottom:28px}
h2.home-text-title a{text-decoration:none}
h2.home-text-title a:hover{text-decoration:underline}
.home-bottom-wrap{width:86%;margin:0 auto;padding-top:50px;padding-bottom:50px;padding-left:7%;padding-right:7%;font-family:'Tinos',Arial,serif;font-size:15px;line-height:22px;font-weight:400}
.home-bottom-box{width:21%;float:left;margin-bottom:5px;padding:0 2%;font-size:14px}
.home-bottom-title{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:18px;margin-bottom:22px}
.home-bottom-box a{text-decoration:none}
.home-bottom-box a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{margin:0 0 25px 0;font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase}
h1{font-size:30px;line-height:32px}
h2{font-size:26px;line-height:30px}
h3{font-size:24px;line-height:28px}
h4{font-size:22px;line-height:26px}
h5{font-size:20px;line-height:24px}
h6{font-size:18px;line-height:22px}
h2.index-title{font-size:30px;line-height:32px}
h2.index-title a{text-decoration:none}
h2.index-title a:hover{text-decoration:underline}
.center-col .post,.center-col .pagepost,.center-full .post{margin:0 0 40px 0;padding:30px;background:#f9f9f9;border:1px solid #eaeaea;text-shadow:0 1px 1px #fff}
.entry-info{font-size:13px;line-height:20px;text-align:left;color:#444;padding:10px 0 10px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin-bottom:40px;font-family:'Roboto Condensed',sans-serif;font-weight:300}
.entry-info-bottom{font-size:13px;line-height:20px;text-align:left;color:#444;padding:10px 0 10px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin:20px 0 0 0;font-family:'Roboto Condensed',sans-serif;font-weight:300}
.entry-info a,.entry-info-bottom a{text-decoration:none;color:#444}
.entry-info a:hover,.entry-info-bottom a:hover{text-decoration:underline}
.cat-description{display:block;margin:12px 0 0 0;font-style:italic}
.side-blok{margin-bottom:30px}
.side-title{display:block;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed #5C6C82}
.side-title span{font-size:18px;line-height:20px;font-family:'Roboto Condensed',sans-serif;font-weight:400;padding-right:10px}
.side-blok a{color:#444;text-decoration:none}
.side-blok a:hover,.post-col a:hover,.credits a:hover{text-decoration:underline}
.side-blok p a{text-decoration:none}
.side-blok p a:hover{color:#333;text-decoration:underline}
.home-bottom-wrap ul{list-style:square;padding-left:15px;margin:0}
.home-bottom-wrap ul li{margin:0px 0px 8px 0px;padding:0 0 0 3px}
.home-bottom-wrap ul li ul{list-style:square;padding-left:15px;padding-top:8px}
.home-bottom-wrap ul li ul li{margin:0px 0px 8px 0px;padding:0 0 0 3px}
.left-col ul,.right-col ul,.post ul{list-style-type:none;margin:0}
.left-col ul li ul,.right-col ul li ul,.post ul li ul{list-style-type:none;margin:9px 0 0 0}
.left-col ul li,.right-col ul li,.post ul li{margin:0;padding:0 0 9px 14px;background:url(images/mark.gif) 0 8px no-repeat}
.left-col ul li ul li,.right-col ul li ul li,.post ul li ul li{margin:0;padding:0 0 9px 18px;background:url(images/sub.png) 0px 2px no-repeat}
#slippry-slides ul li,.pictures-slider ul li{list-style:none}
.wp-caption{text-align:center;margin-bottom:15px;max-width:100%;height:auto}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption-text{font-size:13px;line-height:17px;padding:7px 5px;font-family:'Roboto Condensed',sans-serif;font-weight:300;margin:0}
.wp-caption.alignleft{float:left;margin:5px 30px 7px 0}
.wp-caption.alignright{float:right;margin:5px 0 7px 30px}
.wp-caption.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}
img.alignleft{float:left;margin:5px 30px 7px 0}
img.alignright{float:right;margin:5px 0 7px 30px}
.blog .center-col .post img:hover,.index-thumb img:hover,.home-text-box img:hover{opacity:.7}
.index-thumb{float:left;margin:5px 30px 10px 0}
.home-thumb{margin:5px 0 15px 0}
.no-display{opacity:0}
.appear{opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slidebox{width:200px;height:220px;padding:10px;background:rgba(51,51,51,0.7);position:fixed;bottom:0px;right:-230px;line-height:18px;z-index:1000;font-family:'Roboto Condensed',sans-serif;font-weight:400}
#slidebox p{margin:0 0 10px 10px;padding:0px;font-size:14px;color:#ddd}
#slidebox p a{color:#fff;text-decoration:underline}
#slidebox p a:hover{text-decoration:underline}
#slidebox h4{color:#ddd;font-size:16px;font-weight:700;margin:10px 20px 10px 10px}
a.close{background:transparent url(images/cancel.png) no-repeat top left;width:26px;height:26px;position:absolute;cursor:pointer;top:5px;right:5px;text-decoration:none;border:none}
.endpage{margin:0;padding:0}
.wp-pagenavi{width:100%;margin:40px 0;padding:30px 0;font-size:14px;color:#888;font-family:'Roboto Condensed',sans-serif;font-weight:300}
.wp-pagenavi a,.wp-pagenavi a:link{padding:10px 8px;margin:1px 10px 2px 0;text-decoration:none;background:#f9f9f9;color:#888;border:none}
.wp-pagenavi a:visited{padding:10px 8px;margin:1px 10px 2px 0;text-decoration:none;color:#888;border:none}
.wp-pagenavi a:hover{color:#fff;border:none}
.wp-pagenavi a:active{padding:10px 8px;margin:2px 10px 2px 0;text-decoration:none;color:#fff;border:none}
.wp-pagenavi span.pages{padding:2px 4px 2px 4px;margin:1px 30px 20px 2px;border:none}
.wp-pagenavi span.current{padding:10px 8px;margin:1px 10px 2px 0;color:#fff;border:none}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px;margin:2px}
.tagcloud{width:100%;display:inline-block;margin-bottom:10px;font-family:'Roboto Condensed',sans-serif;font-weight:300}
.tagcloud a,.post-tags a{border:none;float:left;margin:0 7px 7px 0;padding:3px 5px;line-height:20px;text-transform:uppercase;font-size:11px !important;text-decoration:none}
.tagcloud a:hover,.post-tags a:hover{border:none;text-decoration:none}
.post-tags{display:block;margin:20px 0 60px 0}
#search{padding:0px;height:60px;position:absolute;top:0;right:0}
#search #sfor{width:150px;position:relative;padding:22px 0 17px 35px;margin:0;background:transparent url(images/search-bg.png) repeat;border:none;font-family:'Roboto Condensed',Tahoma,sans-serif;font-size:16px;font-weight:400}
#search2 #sfor{display:block;width:96%;height:60px;padding:0% 2%;margin:30px auto;background:transparent url(images/search-bg.png) repeat;border:none;font-family:'Roboto Condensed',Tahoma,sans-serif;font-size:16px;font-weight:400}
#search #sfor:focus,#search2 #sfor:focus{color:#333;background:rgba(189,255,165,1);-webkit-box-shadow:0px 0px 4px rgba(102,203,245,1);-moz-box-shadow:0px 0px 4px rgba(102,203,245,1);box-shadow:0px 0px 4px rgba(102,203,245,1)}
.fa-search{position:absolute;left:10px;top:22px}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline:none}
.slides, .flex-control-nav, .flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0}
.flexslider .slides >li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides >li:first-child{display:block}
.flexslider{margin:0;position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
ul.slides li{position:relative}
.flex-direction-nav a{width:36px;height:39px;margin:-20px 0 0;display:block;background:url(images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;z-index:100}
.flex-direction-nav .flex-next{background-position:0 -39px;right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:1;right:0}
.flexslider:hover .flex-prev{opacity:1;left:0}
.flex-control-nav{width:100%;position:absolute;bottom:-20px;text-align:center}
.flex-control-nav li{margin:0 6px;zoom:1;display:inline-block}
.flex-control-paging li a{width:16px;height:16px;display:block;background:#eaeaea;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#956989}
.flex-control-paging li a.flex-active{background:#956989;cursor:default}
.flex-caption{bottom:0px;left:0px;position:absolute;z-index:1000;text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;font-weight:400;background:rgba(49,47,47,0.5);color:#FFF;padding:3% 5%;font-size:20px;line-height:22px;width:90%;text-align:center;transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.flexslider a{text-decoration:none}
.comment-title{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:20px;line-height:28px;margin:5px 0 5px 0;text-transform:uppercase;border-bottom:1px dashed #5C6C82;padding:0 0 15px 0;display:block}
.comments-box{margin:10px 0px 10px 0;padding:0;position:relative}
.comments-box img{}
#respond{margin:20px 0px 10px 0px;padding:0px}
#respond p{margin:0px 0px 5px 0px}
.cancel-comment-reply{padding:0px 0px 10px 0px;font-size:12px}
.cancel-comment-reply a{text-decoration:underline}
.cancel-comment-reply a:hover{color:#333}
.text{border:1px solid #DDD;padding:2px;color:#666;width:200px}
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none}
ol.commentlist{margin:10px 0px 0px 0px;padding:0px}
ol.commentlist li{margin:0px 0px 10px 0px;padding:15px 0 0px 0;list-style-type:none}
ol.commentlist li.alt{}
ol.commentlist li.bypostauthor{}
ol.commentlist li.byuser{}
ol.commentlist li.comment-author-admin{}
ol.commentlist li.comment{}
ol.commentlist li div.comment-author{}
ol.commentlist li div.vcard{font-style:normal}
ol.commentlist li div.vcard cite.fn{font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:17px}
ol.commentlist li div.vcard cite.fn a.url{color:#333;text-decoration:none}
ol.commentlist li div.vcard img.avatar{float:left;margin:0px 10px 5px 0px}
ol.commentlist li div.vcard img.avatar{border:1px solid #ddd;padding:4px}
ol.commentlist li div.vcard img.photo{padding:2px;border:1px solid #DDD}
ol.commentlist li div.vcard span.says{color:#7b7b7b}
ol.commentlist li div.commentmetadata{font-size:12px}
ol.commentlist li div.comment-meta{margin:0px 0px 20px 0px}
ol.commentlist li div.comment-meta a{color:#7b7b7b;text-decoration:none}
ol.commentlist li p{margin:10px 0px 0px 0px}
ol.commentlist li ul{}
ol.commentlist li div.reply{margin:0px;line-height:18px;font-size:12px}
ol.commentlist li div.reply a{text-decoration:underline;font-size:11px}
ol.commentlist li div.reply a:hover{color:#333 !important;text-decoration:underline}
ol.commentlist li ul.children{padding-left:20px;background:transparent url(images/sub.png) 0px 25px no-repeat;margin-bottom:5px}
ol.commentlist li ul.children li{margin:0px 0px 0px 10px}
ol.commentlist li ul.children li li.alt{}
ol.commentlist li ul.children li.bypostauthor{}
ol.commentlist li ul.children li.byuser{}
ol.commentlist li ul.children li.comment{}
ol.commentlist li ul.children li.comment-author-admin{}
ol.commentlist li ul.children li.depth-2{}
ol.commentlist li ul.children li.depth-3{}
ol.commentlist li ul.children li.depth-4{}
ol.commentlist li ul.children li.depth-5{}
ol.commentlist li ul.children li.odd{}
ol.commentlist li.even{}
ol.commentlist li.odd{}
ol.commentlist li.parent{}
ol.commentlist li.pingback{}
ol.commentlist li.thread-alt{}
ol.commentlist li.thread-even{}
ol.commentlist li.thread-odd{}
.navleft{width:50%;padding:20px 0 20px 0;float:left;text-align:left}
.navright{width:50%;padding:20px 0 20px 0;float:right;text-align:right}
.comment-xhtml{color:#797979;font-size:12px;float:left;padding-bottom:30px}
#commentform input{height:25px;padding:5px 10px;margin-bottom:20px;font-size:15px;border-bottom:1px solid #ccc;color:#333;background-color:#eaeaea;width:70%;float:right}
#commentform textarea{height:180px;padding:10px 10px;font-size:15px;line-height:24px;display:block;color:#333;background-color:#eaeaea;width:70%;float:right;resize:none;border-bottom:1px solid #ccc;font-weight:300}
.logged-in #commentform textarea{width:97%}
#commentform input:focus,#commentform textarea:focus,.your-name input[type="text"]:focus,.your-email input[type="text"]:focus,.wpcf7-email:focus,.your-message textarea:focus,.your-subject input[type="text"]:focus{background:rgba(189,255,165,1);-webkit-box-shadow:0px 0px 4px rgba(102,203,245,0.6);-moz-box-shadow:0px 0px 4px rgba(102,203,245,0.6);box-shadow:0px 0px 4px rgba(102,203,245,0.6)}
#commentform p{margin-bottom:10px;clear:both}
#commentform label{font-weight:300;font-family:'Roboto Condensed',sans-serif;font-size:12px}
#commentform p.comment-notes{margin:0}
p.form-allowed-tags{display:none}
#commentform input#submit{float:right}
.wpcf7-submit{float:left}
#commentform input#submit,.wpcf7-submit{font-weight:400;font-family:'Roboto Condensed',sans-serif;cursor:pointer;margin:20px 0 50px 0px;transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:30%;border-top:1px solid #ddd;text-decoration:none;font-size:18px;line-height:16px;height:60px;text-align:center;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#commentform input#submit:active{-webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.5);-moz-box-shadow:0px 4px 10px rgba(0,0,0,0.5);box-shadow:0px 4px 10px rgba(0,0,0,0.5)}
.your-name input[type="text"],.your-email input[type="text"],.wpcf7-email, .your-subject input[type="text"]{width:50%;padding:10px 20px;background:#f9f9f9;box-shadow:0 0 2px #999;border:1px solid #ddd;font-size:14px;line-height:19px;border:none;color:#191919;font-weight:normal}
.your-message textarea{width:50%;padding:10px 20px;background:#f9f9f9;box-shadow:0 0 2px #999;border:1px solid #ddd;height:200px;border:none;font-size:14px;line-height:19px;text-align:left;font-weight:normal;color:#191919}
.social-bar{margin-bottom:40px}
.twi{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.rss{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.fb{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.vk{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.gp{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.yt{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.in{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.ok{width:32px;height:32px;text-indent:-9999px;border:none;cursor:pointer;margin:5px 20px 10px 0;display:block;float:left}
.twi:hover{background:url(images/s/tw.png) no-repeat}
.rss:hover{background:url(images/s/rss.png) no-repeat}
.fb:hover{background:url(images/s/fb.png) no-repeat}
.vk:hover{background:url(images/s/vk.png) no-repeat}
.gp:hover{background:url(images/s/gp.png) no-repeat}
.yt:hover{background:url(images/s/yt.png) no-repeat}
.in:hover{background:url(images/s/in.png) no-repeat}
.ok:hover{background:url(images/s/ok.png) no-repeat}
.twi{background:url(images/s/tw.png) no-repeat}
.rss{background:url(images/s/rss.png) no-repeat}
.fb{background:url(images/s/fb.png) no-repeat}
.vk{background:url(images/s/vk.png) no-repeat}
.gp{background:url(images/s/gp.png) no-repeat}
.yt{background:url(images/s/yt.png) no-repeat}
.in{background:url(images/s/in.png) no-repeat}
.ok{background:url(images/s/ok.png) no-repeat}
.side-blok #calendar_wrap{width:100%;font-size:14px;font-family:'Roboto Condensed',sans-serif;font-weight:300}
.side-blok table#wp-calendar{min-width:100%}
.side-blok #wp-calendar caption{color:#333;font-size:14px;padding:6px;text-align:left;text-transform:uppercase}
.side-blok #wp-calendar th{border:1px solid #687a92;color:#fff;text-align:center;padding:6px;font-size:12px}
.side-blok #wp-calendar td{padding:3px 6px;border:1px solid #eaeaea;text-align:center}
.side-blok #today{color:#FFF}
.side-blok #today a{color:#FFF}
.side-blok #wp-calendar a{text-decoration:underline}
.home-bottom-wrap #calendar_wrap{width:100%;font-size:14px;font-family:'Roboto Condensed',sans-serif;font-weight:300}
.home-bottom-wrap table #wp-calendar{min-width:100%}
.home-bottom-wrap #wp-calendar caption{color:#fff;font-size:12px;padding:4px;text-align:left;text-transform:uppercase}
.home-bottom-wrap #wp-calendar th{border:1px solid #eaeaea;color:#fff;text-align:center;padding:6px;font-size:12px}
.home-bottom-wrap #wp-calendar td{padding:5px;text-align:center;border:1px solid #eaeaea}
.home-bottom-wrap #today{color:#FFF}
.home-bottom-wrap #today a{color:#FFF}
.home-bottom-wrap #wp-calendar a{text-decoration:underline}
#credits{width:80%;margin:30px auto 30px;font-size:12px;text-align:center;color:#222;text-shadow:1px 1px 1px #fff;font-family:'Roboto Condensed',Tahoma,sans-serif;font-weight:300}
#credits a{color:#222;text-decoration:none}
#credits a:hover{color:#6D9182;text-decoration:underline}
#backtop{display:none;position:fixed;padding:10px 10px 10px 15px;text-align:center;z-index:100;bottom:50px;right:50px;font-size:40px;color:#fff;font-weight:normal;background:rgba(51,51,51,0.4);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#backtop:hover{-webkit-box-shadow:0px 0px 10px rgba(51,51,51,0.5);-moz-box-shadow:0px 0px 20px rgba(51,51,51,0.5);box-shadow:0px 0px 20px rgba(51,51,51,0.5)}
.error404{font-family:'Roboto Condensed',Arial,sans-serif;font-weight:300}
.error-title{font-weight:700;font-size:100px;line-height:110px;margin:50px 0;display:block;text-align:center}
ul.nice-cats{margin:30px 0 70px 0;text-transform:uppercase;font-size:14px}
.nice-cats li.cat-item{border-bottom:1px dotted #eaeaea;text-align:right;font-weight:300;padding:4px 0;clear:both;list-style:none;color:#222;background:transparent;padding-left:0}
.nice-cats li.cat-item a{color:#222;text-align:left;float:left;text-decoration:none}
.nice-cats li.cat-item a:hover{text-decoration:underline;cursor:pointer}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}}
@media only screen and (max-width:1200px){#wrap{width:98%}
.inner{width:92%}}
@media only screen and (max-width:1024px){#wrap{width:96%}
.main{width:75%;margin-right:3%}
.right-col{width:22%;margin-top:40px}}
@media only screen and (max-width:1000px){#wrap{margin-top:0;width:90%}
.header,.main,.right-col,.center-col,.left-col,.home-bottom-wrap{width:100%;padding:0;float:left;margin:0}
.home-bottom-box{width:80%;float:left;padding:3% 10% 0% 10%}
.logo{margin-bottom:30px}
.icon-boxes-wrap,.home-text-boxes-wrap{width:94%}
#menu{margin-left:-9999px;width:0px;height:0px;overflow:hidden}
#mob{display:block}
.flex-caption{font-size:16px}
.flexslider{margin-top:20px}
.icon-box{width:100%;height:auto}
.icon-box-icon{font-size:1.5em}
.homebox-text{width:60%;font-size:16px;line-height:20px}
.icon-box-text{width:100%}
.icon-clear{clear:none;display:block;height:auto;visibility:visible}
a.button{width:40%}
table{font-size:0.9em}
th{font-size:1em}
.logo{text-align:center;font-size:40px;line-height:44px;padding-top:100px}
.contact-info{top:20px;left:0;width:100%;text-align:center}
.center-col .post,.center-col .pagepost{width:90%;padding:5%;float:left;margin-bottom:30px}
h1,h2,h3,h4,h5,h6{margin:0 0 30px 0;clear:both;font-weight:700}
h1{font-size:26px;line-height:30px}
h2{font-size:24px;line-height:28px}
h3{font-size:22px;line-height:26px}
h4{font-size:20px;line-height:24px}
h5{font-size:18px;line-height:22px}
h6{font-size:16px;line-height:20px}
.home-bottom-wrap{padding-top:30px}}
@media only screen and (max-width:768px){.inside{padding:0px;background:none;border:none;margin-bottom:30px}
.index-thumb{float:left;margin:0 20px 10px 0}
a.button{width:50%}
.icon-box-title{font-size:18px}
.homebox-text{font-size:15px;line-height:21px}
.home-text-box{width:96%}
#backtop{bottom:25px;right:25px}}
@media only screen and (max-width:600px){#commentform label{display:block;margin-bottom:20px;clear:both}
a.button{width:90%}
.homebox-text{width:92%;padding:20px}}
@media only screen and (max-width:480px){.index-thumb{float:none;margin:0 auto 20px}
.contact-info,.entry-date{font-size:12px}
#credits{font-size:11px}}
@media only screen and (max-width:320px){.logo{font-size:28px;line-height:32px}}

» Show original CSS code

« Hide original CSS code

/*
Theme Name: Emulator Pro
Theme URL: http://www.goodwinpress.ru
Description:  Премиум тема от Goodwinpress.ru.  
Author: Goodwin
Author URI: http://www.goodwinpress.ru
Version: 1.0
Tags: responsible, liquid, flexy slider, slippry slider, 3-column blog, static homepage, super mobile menu, personal support etc.
*/

/* содержание таблицы стилей:

присоединить reset
стили стандартных элементов
оформление таблиц
ссылки
фон, контейнеры
колонки
блоки на главной с иконками
блок на главной с фоном и кнопкой
избранные записи на главной
блоки  в подвале
шапка
логотип и контакт
произвольное меню
заголовки
записи и их элементы
блоки боковых колонок
списки
оформление изображений
постраничная навигация
облако меток
форма поиска
слайдер
комментарии и стили под contact form7
социалка
календарь
виджеты подвала
кредитсы
404 страница
адаптивные стили

/*  присоединить reset   */
@import url("css/reset.css"); 
@import url("css/slippry.css");

/*  стили стандартных элементов  */

dl{margin:0 0 24px 0}
dt{font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
em, i{font-style:italic; margin-right:6px}
big{font-size:131.25%}
ins{background:#ffc; text-decoration:none}
blockquote{padding:40px 40px 20px 40px; margin:5px 0 25px 0px;  font-family:'Roboto Condensed',sans-serif;  font-weight:300; display:block; background:#eaeaea; color:#444; border:1px solid #ddd;  font-size:16px; text-shadow:0 1px 1px #fff}
pre{background:#f7f7f7; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}
abbr, acronym{border-bottom:1px dotted #666; cursor:help}
sup, sub{height:0; line-height:1; position:relative; vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
input, textarea{padding:2px 5px; color:#666; font-size:14px; border:1px solid #ccc; background:#f8f8f8; vertical-align:middle}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

ol li{margin:0px; padding:0 0 7px 0px}
ol{list-style:decimal; margin:15px 0 18px 1.5em}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul, ol ol, ul ol, ol ul{margin-bottom:0}

table{width:100%;    margin:20px 0 40px 0}
table th{  font-family:'Roboto Condensed',sans-serif; color:#FFF;  text-align:left; padding:15px 14px; font-size:16px;  font-weight:300;  border:1px solid #687a92}
table td{padding:13px 14px; border:1px solid #eaeaea; vertical-align: top}
table tr:nth-of-type(even){background:#fff}
table tr:nth-of-type(odd){background:#fafafa}

/*  ссылки  */

a{text-decoration:underline; }
a:hover{color:#333; text-decoration:underline; cursor:pointer}

/*   фон, контейнеры   */
body{  background:#eee url(images/bg.jpg) repeat fixed; font-family:'Tinos',Arial,serif;  font-size:15px;  line-height:22px;  font-weight:400}
#wrap{background:#fff;  height:100%; margin:30px auto 30px; position:relative; -webkit-box-shadow:0px 4px 20px rgba(51,51,51,0.4); -moz-box-shadow:0px 4px 20px rgba(51,51,51,0.4); box-shadow:0px 4px 20px rgba(51,51,51,0.4)}
.inner{width:90%; margin:0 auto}

/*  шапка  */

.header{width:100%;  height:auto; margin:0 0 40px 0;}

/*  логотип и контактная информация  */

.logo{width:100%;   padding-top:35px;  font-size:44px; font-family:'Roboto Condensed',sans-serif; font-weight:700;  position:relative}
.logo a{text-decoration:none; }
span.lcolors{color:#333; line-height:55px}

.desc{font-size:14px; font-weight:300; line-height:15px; color:#888;  margin:0}

.contact-info{position:absolute; top:60px; right:0; font-size:15px; line-height:22px; font-family:'Roboto Condensed',sans-serif; text-align:right;  font-weight:300}
span.contact-font{font-size:20px;  line-height:22px}

/*  произвольное меню  */

#mob {margin-top:20px; display: none}
 #mob span { margin-left: 10px; font-size: 25px; text-transform: uppercase; }
  #mob a{color:#333}
 .fa-bars{ font-size: 25px; text-align: center; color:#000; margin: 0 auto 10px}
#mobilemenu {  font-family:'Roboto Condensed',sans-serif; font-weight: 400; font-size: 16px; }
#mobilemenu a{ color:#eaeaea}
#mobilemenu a:hover{ color:#BDFFA5}

.menunav{display:block; list-style:none; font-weight:normal; width:100%; padding:0;     position:relative; margin:15px auto 0; clear:both; height:60px; z-index:1001;} 
.menunav ul{margin:0; list-style-type:none; font-style:normal; letter-spacing:normal}
.menunav ul li{position:relative; display:inline; float:left; padding:0; position:relative; z-index:101}
.menunav ul li:first-child{margin:0; z-index:1}
.menunav ul li{display:block; line-height:22px; font-weight:400; font-size:16px; letter-spacing:0.2px; padding:20px 35px 10px 0px}

.menunav li a{font-family:'Roboto Condensed',sans-serif;  text-decoration:none; padding-left:12px; }

* html .menunav ul li a{display:inline-block}

.menunav ul li ul{position:absolute; height:auto; top:60px;   left:0; display:none; visibility:hidden; width:240px; padding:0;  }
 
.menunav ul li ul li{display:list-item; float:none;   font-size:15px; padding:20px 0px 20px 20px; margin-left:0} 
.menunav ul li ul li ul{top:0}
.menunav ul li ul li a{margin:0; border:none}
* html .menunav{height:1%}
.menunav ul li ul li ul{position:absolute; height:auto; left:240px; display:none; visibility:hidden; width:240px; padding:0; margin-left:-1px}

.select-menu{width:400px; padding:0; height:40px; font-size:14px; display:none; border:1px solid #ddd}

/*  колонки  */

/*  выравнивание колонок  */
.main, .right-col, .left-col{float:left}

/*  контейнер для основной колонки и левой колонки  */
.main{width:77%; margin-right:3%;}

/*  правая колонка  */
.right-col{width:20%; margin-top:40px;}

/*  контейнер при выключенной правой колонке  */
.main-full{width:100%;}

/*  контейнер при выключенной левой колонке  */
.center-full{width:100%; float:left;  margin-top:40px;}

/*  центральная колонка   */
.center-col{width:72%; float:right; margin-left:4%; margin-top:40px;}

/* левая колонка  */
.left-col{width:24%; margin-top:40px;  }

/*  контейнер для статичной главной  */
.fullwidth {width: 100%; margin:0 auto}

/*  блоки на главной с иконками  */

.icon-boxes-wrap{width: 86%; height:auto; margin: 50px auto 0px; }
.icon-box {width:33.3%; float:left;  margin-bottom: 30px; }
.icon-box-title{font-family:'Roboto Condensed',sans-serif; font-weight: 400; font-size: 18px; }
.icon-box span, .icon-box-title {padding:0 30px 20px 30px; }
.icon-box span {display: block}
.icon-box-icon {font-size: 1.5em;   margin-right: 20px;}

.icon-clear {	clear: both;display: block;content: " ";height: 0px;visibility: hidden;}

/*  блок на главной с фоном и кнопкой  */
.homebox  { width:90%; background-position: top center; background-repeat: no-repeat; -moz-background-size: cover;  -webkit-background-size: cover;  background-size: cover;  background-attachment: fixed;padding: 5%;margin-top:40px}
.homebox-text {font-family:'Roboto Condensed',sans-serif; font-weight: 400; width:80%;  display: block;  margin:3% auto;font-size: 18px; line-height: 22px; color:#fff; padding:40px; background:rgba(49,47,47,0.5);  }
a.button   { width:30%; margin: 20px auto 0;border-top:1px solid #ddd;text-decoration: none; font-size: 16px;line-height: 20px;padding:17px 0px 17px 0px; text-align:center; display:block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/*  избранные записи на главной */

.home-text-boxes-wrap {width: 86%; margin:50px auto 30px}

.home-text-box {  width: 44%;  float:left;  margin-bottom: 30px; padding:0 3%}
h2.home-text-title{font-family:'Roboto Condensed',sans-serif; font-weight: 700; font-size: 18px; line-height:20px; margin-bottom: 28px}
h2.home-text-title a { text-decoration:none}
h2.home-text-title a:hover{  text-decoration:underline}

/*  блоки  в подвале  */
.home-bottom-wrap {width: 86%;  margin: 0 auto;  padding-top: 50px; padding-bottom: 50px; padding-left:7%; padding-right: 7%;  font-family:'Tinos',Arial,serif;  font-size:15px;  line-height:22px;  font-weight:400}
.home-bottom-box {  width: 21%; float:left;  margin-bottom:5px; padding: 0 2%;  font-size: 14px;    }
.home-bottom-title{  font-family:'Roboto Condensed',sans-serif;  font-weight: 400; font-size: 18px; margin-bottom: 22px; }
.home-bottom-box a{  text-decoration: none;}
.home-bottom-box a:hover{  text-decoration: underline;}

/*  заголовки  */

h1, h2, h3, h4, h5, h6{margin:0 0 25px 0; font-family:'Roboto Condensed',sans-serif; font-weight:700; text-transform:uppercase}
h1{font-size:30px; line-height:32px}
h2{font-size:26px; line-height:30px}
h3{font-size:24px; line-height:28px}
h4{font-size:22px; line-height:26px}
h5{font-size:20px; line-height:24px}
h6{font-size:18px; line-height:22px}
h2.index-title {font-size:30px; line-height:32px}
h2.index-title a{ text-decoration:none}
h2.index-title a:hover{  text-decoration:underline}

/*  стили записей и их элементов  */

.center-col .post, .center-col .pagepost, .center-full .post {margin:0 0 40px 0;  padding:30px; background:#f9f9f9;  border:1px solid #eaeaea;   text-shadow:0 1px 1px #fff}
.entry-info{font-size:13px; line-height:20px; text-align:left; color:#444; padding:10px 0 10px 0; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea;  margin-bottom:40px; font-family:'Roboto Condensed',sans-serif; font-weight:300}

.entry-info-bottom{font-size:13px; line-height:20px; text-align:left; color:#444; padding:10px 0 10px 0; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea;  margin:20px 0 0 0; font-family:'Roboto Condensed',sans-serif; font-weight:300}
.entry-info a, .entry-info-bottom a{text-decoration:none; color:#444}
.entry-info a:hover, .entry-info-bottom a:hover{  text-decoration:underline}

.cat-description {display: block; margin: 12px 0 0 0;    font-style: italic;   }

/*  стили блоков боковых колонок  */

.side-blok{margin-bottom:30px;}
.side-title{display:block;  margin-bottom:20px;  padding-bottom:10px;  border-bottom:1px dashed #5C6C82}
.side-title span{font-size:18px;  line-height:20px; font-family:'Roboto Condensed',sans-serif; font-weight:400;  padding-right:10px}

.side-blok a{color:#444; text-decoration:none}
.side-blok a:hover, .post-col a:hover, .credits a:hover{  text-decoration:underline}
.side-blok p a{ text-decoration:none}
.side-blok p a:hover{color:#333; text-decoration:underline}

/*  списки  */

.home-bottom-wrap ul{list-style:square; padding-left:15px; margin:0}
 .home-bottom-wrap ul li{margin:0px 0px 8px 0px; padding:0 0 0 3px}
 .home-bottom-wrap ul li ul{list-style:square; padding-left:15px; padding-top:8px}
 .home-bottom-wrap ul li ul li{margin:0px 0px 8px 0px; padding:0 0 0 3px}
 
 
.left-col ul,.right-col ul,.post ul{list-style-type:none; margin:0}
.left-col  ul li ul,.right-col  ul li ul, .post ul li ul{list-style-type:none; margin:9px 0 0 0}
.left-col  ul li,.right-col  ul li,.post ul li{margin:0; padding:0 0 9px 14px; background:url(images/mark.gif) 0 8px no-repeat}
.left-col  ul li ul li,.right-col  ul li ul li,.post ul li ul li{margin:0; padding:0 0 9px 18px; background:url(images/sub.png) 0px 2px no-repeat}

#slippry-slides ul li, .pictures-slider ul li {list-style:none;}

/*  оформление изображений  */

.wp-caption{ text-align:center; margin-bottom:15px;  max-width:100%;  height:auto}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption-text{font-size:13px; line-height:17px; padding:7px 5px; font-family:'Roboto Condensed',sans-serif; font-weight:300; margin:0}
.wp-caption.alignleft{float:left; margin:5px 30px 7px 0}
.wp-caption.alignright{float:right; margin:5px 0 7px 30px}
.wp-caption.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:20px}
img.aligncenter{display:block; margin-left:auto; margin-right:auto; margin-bottom:20px}
img.alignleft{float:left; margin:5px 30px 7px 0}
img.alignright{float:right; margin:5px 0 7px 30px}

.blog .center-col .post img:hover, .index-thumb img:hover, .home-text-box img:hover{opacity:.7}
 .index-thumb{ float:left; margin:5px 30px 10px 0}
  .home-thumb{  margin:5px 0 15px 0}
.no-display{opacity:0}
.appear{opacity:1;  -webkit-transition:all .4s ease-in-out;  -moz-transition:all .4s ease-in-out;  -o-transition:all .4s ease-in-out;  transition:all .4s ease-in-out}

#slidebox{width:200px;height:220px;padding:10px;background:rgba(51,51,51,0.7);position:fixed;bottom:0px;right:-230px;line-height:18px;z-index:1000; font-family:'Roboto Condensed',sans-serif; font-weight:400;}
#slidebox p{margin:0 0 10px 10px;padding:0px;font-size:14px;color:#ddd}
#slidebox p a{color:#fff; text-decoration:underline}
#slidebox p a:hover{ text-decoration:underline}
#slidebox h4{color:#ddd;font-size:16px; font-weight:700;margin:10px 20px 10px 10px}
a.close{background:transparent url(images/cancel.png) no-repeat top left;width:26px;height:26px;position:absolute;cursor:pointer;top:5px;right:5px;text-decoration:none;border:none}
.endpage{margin:0;padding:0}

/*  постраничная навигация (плагин список страниц)  */

.wp-pagenavi{width:100%; margin:40px 0; padding:30px 0; font-size:14px; color:#888; font-family:'Roboto Condensed',sans-serif; font-weight:300; }
.wp-pagenavi a, .wp-pagenavi a:link{padding:10px 8px; margin:1px 10px 2px 0; text-decoration:none; background:#f9f9f9;color:#888; border:none}
.wp-pagenavi a:visited{padding:10px 8px; margin:1px 10px 2px 0; text-decoration:none; color:#888; border:none}
.wp-pagenavi a:hover{color:#fff;  border:none}
.wp-pagenavi a:active{padding:10px 8px; margin:2px 10px 2px 0; text-decoration:none; color:#fff; border:none}
.wp-pagenavi span.pages{padding:2px 4px 2px 4px; margin:1px 30px 20px 2px; border:none}
.wp-pagenavi span.current{padding:10px 8px; margin:1px 10px 2px 0; color:#fff;  border:none}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px; margin:2px}

/*  облако меток  */

.tagcloud {width:100%; display:inline-block; margin-bottom:10px; font-family:'Roboto Condensed',sans-serif; font-weight:300}
.tagcloud a, .post-tags a{   border:none;  float:left; margin:0 7px 7px 0; padding:3px 5px; line-height:20px; text-transform:uppercase; font-size:11px !important;  text-decoration:none}
 .tagcloud a:hover, .post-tags a:hover{ border:none;    text-decoration:none}
 .post-tags{display:block;margin:20px 0 60px 0}

/*  форма поиска  */

#search{padding:0px; height:60px; position:absolute; top:0; right:0}
#search #sfor{width:150px; position:relative; padding:22px 0 17px 35px; margin:0; background:transparent url(images/search-bg.png) repeat; border:none; font-family:'Roboto Condensed',Tahoma,sans-serif; font-size:16px; font-weight:400}
#search2 #sfor{ display:block; width:96%; height:60px; padding:0% 2%; margin:30px auto;  background:transparent url(images/search-bg.png) repeat; border:none; font-family:'Roboto Condensed',Tahoma,sans-serif; font-size:16px; font-weight:400}
#search #sfor:focus,  #search2 #sfor:focus{color:#333; background:rgba(189,255,165,1); -webkit-box-shadow:0px 0px 4px rgba(102,203,245,1); -moz-box-shadow:0px 0px 4px rgba(102,203,245,1); box-shadow:0px 0px 4px rgba(102,203,245,1)}
.fa-search{position:absolute; left:10px; top:22px}

слайдер

* jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

.flex-container a:active, 
.flexslider a:active, 
.flex-container a:focus, 
.flexslider a:focus{outline:none}
.slides, 
.flex-control-nav, 
.flex-direction-nav{margin:0; padding:0; list-style:none}

.flexslider{margin:0; padding:0}
.flexslider .slides >li{display:none; -webkit-backface-visibility:hidden}

.flexslider .slides img{width:100%; display:block}
.flex-pauseplay span{text-transform:capitalize}

.slides:after{content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}

.no-js .slides >li:first-child{display:block}

.flexslider{margin:0;  position:relative; zoom:1}
.flex-viewport{max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
ul.slides li{position:relative}

.flex-direction-nav a{width:36px; height:39px; margin:-20px 0 0; display:block; background:url(images/bg_direction_nav.png) no-repeat 0 0; position:absolute; top:50%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease;z-index: 100}
.flex-direction-nav .flex-next{background-position:0 -39px; right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:1; right:0}
.flexslider:hover .flex-prev{opacity:1; left:0}

.flex-control-nav{width:100%; position:absolute; bottom:-20px; text-align:center}
.flex-control-nav li{margin:0 6px; zoom:1; display:inline-block}
.flex-control-paging li a{width:16px; height:16px; display:block; background:#eaeaea;   cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#956989}
.flex-control-paging li a.flex-active{background:#956989; cursor:default}

.flex-caption{bottom:0px; left:0px; position:absolute; z-index:1000; text-transform:uppercase; font-family:'Roboto Condensed',sans-serif; font-weight:400; background:rgba(49,47,47,0.5); color:#FFF; padding:3% 5%; font-size:20px; line-height:22px; width:90%; text-align:center; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear}
.flexslider a{text-decoration:none}

/*   комментарии и стили для плагина contact form7  */
 
 
 .comment-title{font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:20px;  line-height:28px; margin:5px 0 5px 0; text-transform:uppercase; border-bottom:1px dashed #5C6C82; padding:0 0 15px 0; display:block}
.comments-box{margin:10px 0px 10px 0; padding:0; position:relative}
.comments-box img{}
#respond{margin:20px 0px 10px 0px; padding:0px}
#respond p{margin:0px 0px 5px 0px}
.cancel-comment-reply{padding:0px 0px 10px 0px; font-size:12px}
.cancel-comment-reply a{  text-decoration:underline}
.cancel-comment-reply a:hover{color:#333}
.text{border:1px solid #DDD; padding:2px; color:#666; width:200px}
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none}
ol.commentlist{margin:10px 0px 0px 0px; padding:0px}
ol.commentlist li{margin:0px 0px 10px 0px; padding:15px 0 0px 0; list-style-type:none}
ol.commentlist li.alt{}
ol.commentlist li.bypostauthor{}
ol.commentlist li.byuser{}
ol.commentlist li.comment-author-admin{}
ol.commentlist li.comment{}
ol.commentlist li div.comment-author{}
ol.commentlist li div.vcard{font-style:normal}
ol.commentlist li div.vcard cite.fn{font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:17px}
ol.commentlist li div.vcard cite.fn a.url{color:#333; text-decoration:none}
ol.commentlist li div.vcard img.avatar{float:left; margin:0px 10px 5px 0px}
ol.commentlist li div.vcard img.avatar{border:1px solid #ddd; padding:4px}
ol.commentlist li div.vcard img.photo{padding:2px; border:1px solid #DDD}
ol.commentlist li div.vcard span.says{color:#7b7b7b}
ol.commentlist li div.commentmetadata{font-size:12px}
ol.commentlist li div.comment-meta{margin:0px 0px 20px 0px}
ol.commentlist li div.comment-meta a{color:#7b7b7b; text-decoration:none}
ol.commentlist li p{margin:10px 0px 0px 0px}
ol.commentlist li ul{}
ol.commentlist li div.reply{margin:0px; line-height:18px; font-size:12px}
ol.commentlist li div.reply a{   text-decoration:underline; font-size:11px}
ol.commentlist li div.reply a:hover{color:#333 !important; text-decoration:underline}
ol.commentlist li ul.children{padding-left:20px; background:transparent url(images/sub.png) 0px 25px no-repeat; margin-bottom:5px}
ol.commentlist li ul.children li{margin:0px 0px 0px 10px}
ol.commentlist li ul.children li li.alt{}
ol.commentlist li ul.children li.bypostauthor{}
ol.commentlist li ul.children li.byuser{}
ol.commentlist li ul.children li.comment{}
ol.commentlist li ul.children li.comment-author-admin{}
ol.commentlist li ul.children li.depth-2{}
ol.commentlist li ul.children li.depth-3{}
ol.commentlist li ul.children li.depth-4{}
ol.commentlist li ul.children li.depth-5{}
ol.commentlist li ul.children li.odd{}
ol.commentlist li.even{}
ol.commentlist li.odd{}
ol.commentlist li.parent{}
ol.commentlist li.pingback{}
ol.commentlist li.thread-alt{}
ol.commentlist li.thread-even{}
ol.commentlist li.thread-odd{}

.navleft{width:50%; padding:20px 0 20px 0; float:left; text-align:left}
.navright{width:50%; padding:20px 0 20px 0; float:right; text-align:right}
.comment-xhtml{color:#797979; font-size:12px; float:left; padding-bottom:30px}
#commentform input{height:25px; padding:5px 10px; margin-bottom:20px; font-size:15px; border-bottom:1px solid #ccc; color:#333; background-color:#eaeaea; width:70%; float:right}
#commentform textarea{height:180px; padding:10px 10px; font-size:15px; line-height:24px; display:block; color:#333; background-color:#eaeaea; width:70%; float:right; resize:none; border-bottom:1px solid #ccc; font-weight:300}
.logged-in #commentform textarea{width:97%}
#commentform input:focus, #commentform textarea:focus, .your-name input[type="text"]:focus, .your-email input[type="text"]:focus, .wpcf7-email:focus, .your-message textarea:focus, .your-subject input[type="text"]:focus{background:rgba(189,255,165,1);  -webkit-box-shadow:0px 0px 4px rgba(102,203,245,0.6); -moz-box-shadow:0px 0px 4px rgba(102,203,245,0.6); box-shadow:0px 0px 4px rgba(102,203,245,0.6)}
#commentform p{margin-bottom:10px; clear:both}
#commentform label{font-weight:300;  font-family:'Roboto Condensed',sans-serif; font-size:12px}
#commentform p.comment-notes{margin:0}
p.form-allowed-tags{display:none}
#commentform input#submit{float:right}
.wpcf7-submit{float:left}
#commentform input#submit, .wpcf7-submit{font-weight:400;  font-family:'Roboto Condensed',sans-serif;  cursor:pointer; margin:20px 0 50px 0px;  transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;
	width:30%;  border-top:1px solid #ddd;text-decoration: none; font-size: 18px;line-height: 16px;  height:60px; text-align:center; display:block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	}

#commentform input#submit:active{-webkit-box-shadow:0px 4px 10px rgba(0,0,0,0.5); -moz-box-shadow:0px 4px 10px rgba(0,0,0,0.5); box-shadow:0px 4px 10px rgba(0,0,0,0.5)}

.your-name input[type="text"], .your-email input[type="text"], .wpcf7-email, 
.your-subject input[type="text"]{width:50%;  padding:10px 20px;  background:#f9f9f9;  box-shadow:0 0 2px #999;  border:1px solid #ddd;  font-size:14px;  line-height:19px;  border:none;  color:#191919;  font-weight:normal}

.your-message textarea{width:50%;  padding:10px 20px;  background:#f9f9f9;  box-shadow:0 0 2px #999;  border:1px solid #ddd;  height:200px;  border:none;  font-size:14px;  line-height:19px;  text-align:left;  font-weight:normal;  color:#191919}

/*  социалка  */

.social-bar{margin-bottom:40px}

.twi{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.rss{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.fb{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.vk{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.gp{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.yt{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.in{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.ok{width:32px; height:32px; text-indent:-9999px; border:none; cursor:pointer; margin:5px 20px 10px 0; display:block; float:left}
.twi:hover{background: url(images/s/tw.png) no-repeat}
.rss:hover{background: url(images/s/rss.png) no-repeat}
.fb:hover{background: url(images/s/fb.png) no-repeat}
.vk:hover{background: url(images/s/vk.png) no-repeat}
.gp:hover{background:url(images/s/gp.png) no-repeat}
.yt:hover{background:url(images/s/yt.png) no-repeat}
.in:hover{background: url(images/s/in.png) no-repeat}
.ok:hover{background:url(images/s/ok.png) no-repeat}
.twi{background:url(images/s/tw.png) no-repeat}
.rss{background:url(images/s/rss.png) no-repeat}
.fb{background:url(images/s/fb.png) no-repeat}
.vk{background:url(images/s/vk.png) no-repeat}
.gp{background:url(images/s/gp.png) no-repeat}
.yt{background:url(images/s/yt.png) no-repeat}
.in{background:url(images/s/in.png) no-repeat}
 .ok{background:url(images/s/ok.png) no-repeat}

/*  виджет календаря  */

.side-blok #calendar_wrap{width:100%; font-size:14px; font-family:'Roboto Condensed',sans-serif; font-weight:300}
.side-blok table#wp-calendar{min-width:100%}
.side-blok #wp-calendar caption{color:#333; font-size:14px;  padding:6px; text-align:left; text-transform:uppercase}
.side-blok #wp-calendar th{border:1px solid #687a92;   color:#fff;  text-align:center; padding:6px; font-size:12px}
.side-blok #wp-calendar td{padding:3px 6px; border:1px solid #eaeaea; text-align:center}
.side-blok #today{  color:#FFF}
.side-blok #today a{color:#FFF}
.side-blok #wp-calendar a{text-decoration:underline}

.home-bottom-wrap #calendar_wrap{width:100%; font-size:14px; font-family:'Roboto Condensed',sans-serif; font-weight:300}
.home-bottom-wrap table #wp-calendar{min-width:100%}
.home-bottom-wrap #wp-calendar caption{color:#fff; font-size:12px;  padding:4px; text-align:left; text-transform:uppercase}
.home-bottom-wrap #wp-calendar th{border:1px solid #eaeaea;  color:#fff;  text-align:center; padding:6px; font-size:12px}
.home-bottom-wrap #wp-calendar td{padding:5px; text-align:center;border:1px solid #eaeaea; }
.home-bottom-wrap #today{  color:#FFF}
.home-bottom-wrap #today a{color:#FFF}
.home-bottom-wrap #wp-calendar a{text-decoration:underline}

/*  кредитсы  */

#credits{width:80%;  margin:30px auto 30px; font-size:12px; text-align:center; color:#222;  text-shadow:1px 1px 1px #fff;  font-family:'Roboto Condensed',Tahoma,sans-serif;  font-weight:300}
#credits a{color:#222;  text-decoration:none}
#credits a:hover{color:#6D9182;  text-decoration:underline}

#backtop{display:none; position:fixed;  padding:10px 10px 10px 15px; text-align: center;  z-index:100; bottom:50px; right:50px; font-size:40px; color: #fff; font-weight:normal; background: rgba(51,51,51,0.4); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#backtop:hover{-webkit-box-shadow:0px 0px 10px rgba(51,51,51,0.5); -moz-box-shadow:0px 0px 20px rgba(51,51,51,0.5); box-shadow:0px 0px 20px rgba(51,51,51,0.5)}

/* 404 */

.error404 {font-family:'Roboto Condensed',Arial,sans-serif; font-weight: 300;}
.error-title{ font-weight: 700; font-size: 100px; line-height:110px; margin: 50px 0; display: block; text-align: center}
ul.nice-cats{  margin:30px 0 70px 0; text-transform:uppercase; font-size:14px}
.nice-cats li.cat-item{border-bottom:1px dotted #eaeaea; text-align:right; font-weight:300; padding:4px 0; clear:both; list-style:none; color:#222; background:transparent; padding-left:0}
.nice-cats li.cat-item a{color:#222; text-align:left; float:left; text-decoration:none}
.nice-cats li.cat-item a:hover{ text-decoration:underline; cursor:pointer}

/*  адаптивные стили  */
 
 @media screen and (max-width:860px){
	.flex-direction-nav .flex-prev{opacity:1; left:0}
.flex-direction-nav .flex-next{opacity:1; right:0}
}

@media only screen and (max-width:1200px){#wrap{width:98%}
.inner {width:92%}
 
}
@media only screen and (max-width:1024px){
#wrap{width:96%}
/*  контейнер для основной колонки и левой колонки  */
.main{width:75%; margin-right:3%;}

/*  правая колонка  */
.right-col{width:22%; margin-top:40px;}

}
@media only screen and (max-width:1000px){#wrap{margin-top:0;width:90%}
.header,.main,.right-col,.center-col,.left-col,.home-bottom-wrap{width:100%; padding:0;float:left;  margin:0}
.home-bottom-box {width:80%; float:left;  padding:3% 10% 0% 10%; }
.logo {margin-bottom: 30px}
.icon-boxes-wrap, .home-text-boxes-wrap {width:94%}
#menu {margin-left:-9999px;  width:0px; height:0px;  overflow:hidden}
 #mob {display: block}
.flex-caption{font-size:16px}
.flexslider {margin-top:20px}

.icon-box {width:100%;height:auto; }
.icon-box-icon {font-size: 1.5em;  }
.homebox-text {width:60%; font-size: 16px; line-height: 20px;  }
.icon-box-text {width:100%;}
.icon-clear {	clear:none;
	display: block;
	height: auto;
	visibility:visible;}
a.button   { width:40%;}
table{font-size:0.9em}
th{ font-size:1em}
 
.logo{text-align:center;  font-size:40px;  line-height:44px;    padding-top:100px;   }
.contact-info{top:20px;  left:0;  width:100%;  text-align:center}
 
.center-col .post, .center-col .pagepost{width:90%;  padding:5%;  float:left;   margin-bottom:30px}
h1, h2, h3, h4, h5, h6{margin:0 0 30px 0;  clear:both;  font-weight:700} 
h1{font-size:26px; line-height:30px}
h2{font-size:24px; line-height:28px}
h3{font-size:22px; line-height:26px}
h4{font-size:20px; line-height:24px}
h5{font-size:18px; line-height:22px}
h6{font-size:16px; line-height:20px}

.home-bottom-wrap {padding-top:30px}
}
 
@media only screen and (max-width:768px){.inside{padding:0px; background:none;  border:none;  margin-bottom:30px}
 .index-thumb{float:left; margin:0 20px 10px 0}
a.button   { width:50%;}
.icon-box-title{font-size: 18px; }
.homebox-text {  font-size: 15px; line-height: 21px;  }
.home-text-box {width:96%;}
#backtop{ bottom:25px; right:25px;  }
}
@media only screen and (max-width:600px){
 #commentform label{display: block; margin-bottom: 20px; clear: both}
 a.button   { width:90%;}
 .homebox-text  { width:92%;  padding:20px; }
}
@media only screen and (max-width:480px){
 .index-thumb{float:none; margin:0 auto 20px}
.contact-info, .entry-date{font-size:12px}
 #credits{font-size:11px}

}
@media only screen and (max-width:320px){.logo{font-size:28px;  line-height:32px}

}

Some information about this website:

URL: http://alvarvas.com/
CSS URL: http://alvarvas.com/wp-content/themes/emulator/style.css
Title: Портал alvarvas.com | Информационный IT - ресурс