Results of the CSS crunched for onlinevocal.pro

Let's see what we've done for onlinevocal.pro

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

Crunched CSS code:

@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSansCondensed-Bold'),url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html{margin:0;padding:0;width:100%;background:#FFFFFF;border:0px dotted red}
body{margin:0;padding:0;width:100%;color:#FFFFFF;color:#000000;font-family:Tahoma,Arial,sans-serif;font-size:1em;text-align:center}
a{color:#000066;text-decoration:none;font-weight:bold}
a:hover{text-decoration:underline;color:#990000}
a:focus,a:active{outline:none}
a img{border:0}
.b,.bi{font-weight:bold}
.i,.bi{font-style:italic}
.s{text-decoration:underline}
h1,h2,h3,.h1,.h2,.h3,h2 a{font-weight:normal;line-height:100%;text-align:left;text-transform:uppercase;color:#000000;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif}
h2 a{text-decoration:none}
h2 a:hover{text-decoration:none}
h1,.h1{font-size:2em;margin:0.5em 0 0.3em 0}
h2,.h2{font-size:1.5em;margin:0 0 0.3em 0}
h3,.h3{font-size:1.3em;margin:0 0 0.3em 0}
.formargin,.fm{margin:10px}
.center{text-align:center}
.archiveheader{font-size:180%;font-weight:normal;color:#FF7902}
img{border:0}
.img_l,.alignleft{margin:10px 10px 10px 0px;display:inline}
.img_r{margin:10px 0px 10px 10px;display:inline}
.alignleft{float:left;margin:10px 10px 10px 0px}
.alignright{float:right;margin:10px 0px 10px 10px}
.galka{list-style-image:url(img/icons/galka_blue.png);list-style-position:inside}
ul li,ol li{margin-bottom:0.5em}
hr{color:#0066CC;background-color:#0066CC;height:2px;border-width:0px}
p{margin:0px 0px 10px 0px;line-height:130%}
.clear{height:1px;height:0px;clear:both;margin:0;padding:0;border:0px dotted red}
.hidden{visibility:hidden}
.visible{visibility:visible}
#box{width:100%;padding:0;margin:0 auto;text-align:left;box-shadow:0px 0px 10px 0px #000000;border:0px dotted red}
.box{border:0px dotted red;margin:0 auto}
#wrap{width:100%;margin:0px;padding:0}
#wrap.dark_bg{background:#000000 url(img/fon/bg-dark-4782.jpg)}
#wrap.dark_bg h1,#wrap.dark_bg h2,#wrap.dark_bg h2 a,#wrap.dark_bg h3,#wrap.dark_bg h3 a, #wrap.dark_bg .h1,#wrap.dark_bg .h2,#wrap.dark_bg .h2 a,#wrap.dark_bg .h3,#wrap.dark_bg .h3 a{color:#FFFFFF}
#header{border:0px dotted yellow;width:100%;margin:0px 0 0px 0;padding:0px 0 0px 0;background:#3E3771;overflow:hidden}
#logo{border:0px dotted red;margin:0;padding:10px 0 5px 0;float:left}
#logo a{border:0px dotted blue;display:block;margin:0;padding:0px 0 0 0}
#logo a img{border:0px dotted green;float:left;margin:0}
#phone{border:1px dotted yellow;margin:25px 10px 10px 10px;font-weight:bold;font-size:1.3em;color:#FFFFFF;text-shadow:0 1px 1px #000000}
#phone img{float:left;margin:0px 7px 0 0;border:0px dotted red}
#menug{border:1px solid #3E3771}
#menug div.menu-top-menu-container{margin:0 0.5em;padding:0.25em 0;text-align:left}
#menug div #menu-top-menu{margin:0em;padding:0}
#menug div #menu-top-menu li{display:inline;margin:0.4em 0;padding:0em;text-align:left}
#menug div #menu-top-menu li a{margin:0em 0;padding:0.6em;color:#FFFFFF;text-align:center;text-decoration:none;text-transform:uppercase;color:#FFFFFF;border:0px solid #081528;border-radius:6px;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif}
#menug div #menu-top-menu li a:hover,#menug div #menu-menug li.current-menu-item a,#menu-top-menu li.current_page_item a{color:#FFCC00}
#footer{clear:both;width:100%;margin:0;padding:0;text-align:left;line-height:150%;border-top:1px solid #1E0033;font-size:0.9em;color:#FFFFFF;text-shadow:0 1px 1px #000000;background:#660000;background:url(img/fon/featuredbg.jpg) repeat-x;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#00007A),color-stop(1,#000033));background-image:-o-linear-gradient(top,#00007A,#000033);background-image:-moz-linear-gradient(top,#00007A,#000033);background-image:-webkit-linear-gradient(top,#00007A,#000033);background-image:linear-gradient(to bottom,#00007A,#000033);background:#3E3771;font-family:'Open Sans Condensed'}
#footer div{}
#footer div.kn{text-transform:uppercase;width:100%;text-align:left}
#footer div.flex{border:0px dotted #AAAAAA}
#footer div.flex div{border:0px dotted #AAAAAA}
#footer a{color:#FFCC33}
#footer a:hover{text-decoration:underline}
#footer div.flex div.vodafone,#footer div.flex div.phoenix,#footer div.flex div.viber,#footer div.flex div.skype,#footer div.flex div.whatsapp,#footer div.flex div.email,#footer div.flex div span.viber,#footer div.flex div span.skype{border:0px dotted red;display:inline-block;width:auto;height:34px;float:left;padding:0 12px 0 38px}
#footer div.flex div{min-width:150px}
#footer div.flex div.vodafone{background:url(img/icons/vodafone_32_v.png) no-repeat;cursor:pointer}
#footer div.flex div.phoenix{background:url(img/icons/phoenix_32.png) no-repeat;cursor:pointer}
#footer div.flex div.viber,#footer div.flex div span.viber{background:url(img/icons/viber_32.png) no-repeat;cursor:pointer}
#footer div.flex div.skype,#footer div.flex div span.skype{background:url(img/icons/skype_32.png) no-repeat;cursor:pointer}
#footer div.flex div.whatsapp,#footer div.flex div span.whatsapp{background:url(img/icons/whatsapp_32.png) no-repeat;cursor:pointer}
#footer div.flex div.email{background:url(img/icons/email_32.png) no-repeat;cursor:pointer}
#footer div.flex div.vodafone:hover, #footer div.flex div.phoenix:hover, #footer div.flex div .viber:hover, #footer div.flex div .skype:hover, #footer div.flex div.email:hover, #footer div.flex div.whatsapp:hover{cursor:pointer;color:#FFCC33}
#slider_box{border:0px dotted red;background:none}
#hello h1{font-family:'Open Sans Condensed';color:#FFFFFF;line-height:130%;text-align:left;margin:0.5em 0 0.25em 0}
#hello{border:0px dotted red;width:100%;padding:0em 0 0em 0;font-family:Tahoma,Arial,sans-serif;font-family:'Open Sans Condensed';color:#FFFFFF;text-shadow:0 2px 2px #000000}
#slider{width:100%;height:auto;margin:0em 0 0em 0;text-align:center;clear:both}
#sistema{border:0px dotted red;width:100%;margin:20px 0 0 0;padding:0px 0 5px 0;background:#3E3771;color:#FFFFFF;font-family:Tahoma,Arial,sans-serif;text-align:center}
#sistema h2{border:0px dotted blue;margin:0;padding:15px 10px;color:#FFFFFF;text-shadow:0 1px 1px #000000;text-align:center;line-height:150%}
.sistema_flex{display:flex;justify-content:space-around;justify-content:space-evenly;flex-wrap:wrap;padding-left:2%}
.sistema_box{border:0px dotted blue;width:29%;padding:20px 0;text-align:center;font-size:1.2em;line-height:150%}
.sistema_box h2{border:0px dotted red;line-height:150%;text-shadow:0 1px 1px #000000}
.sistema_box h3,.sistema_box div.h3{border:0px dotted red;width:100%;text-align:center;color:#FFFFFF;font-size:1em;text-shadow:0 1px 1px #000000;line-height:170%;margin:0 0 0.6em 0}
.sistema_box img{border:0px dotted red;text-align:center;float:none;margin:10px auto 15px auto}
#offers{border:1px solid #3E3771;width:100%;margin:0;padding:0px 0;background:#3E3771;color:#FFFFFF;font-family:Tahoma,Arial,sans-serif;text-align:center}
#offers h2{border:0px dotted blue;width:100%;margin:0;padding:20px 0;color:#FFFFFF;text-shadow:0 2px 2px #000000;text-align:center}
.offers_flex{display:flex;justify-content:space-around;justify-content:space-evenly;justify-content:center;flex-wrap:wrap;padding-left:0%;margin:0 10px 0 10px}
.offer{border:2px solid #240047;border-radius:8px;width:100%;padding:0px 0;text-align:left;font-size:1.1em;line-height:150%;color:#000000;background:#FFFFFF;box-shadow:1px 3px 3px 1px #262626;display:flex}
.offer:hover{border:2px solid #660000;box-shadow:none}
.offer h3,.offer div.h3{border:0px dotted black;border-bottom:1px solid #8F8F8F;border-top-left-radius:8px;border-top-right-radius:8px;background:#DDDDDD;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#EEEEEE),color-stop(1,#CCCCCC));background-image:-o-linear-gradient(top,#EEEEEE,#CCCCCC);background-image:-moz-linear-gradient(top,#EEEEEE,#CCCCCC);background-image:-webkit-linear-gradient(top,#EEEEEE,#CCCCCC);background-image:linear-gradient(to bottom,#EEEEEE,#CCCCCC);text-align:center;text-shadow:0 1px 1px #000000;color:#990000 !important;font-size:1.2em;line-height:170%;padding:0.75em;margin:0 0 0.6em 0}
.offer ul{border:0px dotted red;margin:0 0 0 28px;padding:0 0 0 0;list-style-image:url(img/icons/galka_blue.png)}
.offer .flex_box_button_parent{border:0px dotted red;display:flex;flex-direction:column;align-content:stretch;align-content:space-between;justify-content:space-between;height:100%;width:100%}
.offer .flex_box_button_child{border:0px dotted green;margin:0px 0 0px 0;text-align:left}
.offer .flex_box_button_child ul li{text-align:left}
.offer .flex_box_button_child .button_box{border:0px dotted green;padding:25px 0 25px 0;text-align:center}
#ucheniki_foto,#ucheniki_video,#video_do_i_posle{border:0px dotted red;width:100%;margin:0;padding:0px 0 0px 0;background:none;color:#FFFFFF;font-family:Tahoma,Arial,sans-serif;text-align:center}
#ucheniki_foto .h2,#ucheniki_video .h2,#video_do_i_posle .h2{border:0px dotted blue;width:100%;margin:0;padding:20px 0;color:#FFFFFF;text-shadow:0 2px 2px #000000;text-align:center}
.ucheniki_flex{display:flex;justify-content:space-around;justify-content:space-evenly;flex-wrap:wrap;padding-left:0%;margin:0 0px 0 0px}
.uchenik_foto,.uchenik_video{border:0px dotted blue;width:24%;margin-bottom:25px;padding:0px 0;text-align:left;font-size:1.1em;line-height:150%;color:#000000;background:#000000;box-shadow:1px 2px 2px 1px #303030;overflow:hidden}
.uchenik_foto img,.uchenik_foto a img,.uchenik_video img,.uchenik_video a img{border:0px dotted blue;width:100%;height:auto;float:left}
.uchenik_foto,.uchenik_foto img,.uchenik_video{-moz-transition:all 1.5s ease-out;-o-transition:all 1.5s ease-out;-webkit-transition:all 1.5s ease-out}
.uchenik_foto img:hover,.uchenik_foto a img:hover,.uchenik_video:hover,.uchenik_video img:hover,.uchenik_video a img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.uchenik_video iframe{border:0}
#video_do_i_posle h2,#video_do_i_posle .h2{}
#video_do_i_posle .uchenik_video,#ucheniki_video .uchenik_video,#ucheniki_foto .uchenik_foto{border:0px dotted red;background:#000000;width:300px;height:200px;text-align:center}
#video_do_i_posle .uchenik_video iframe,#ucheniki_video .uchenik_video iframe,#ucheniki_foto .uchenik_foto img{width:100%;height:100%}
#obo_mne{width:100%;padding:30px 0 0px 0;margin:10px 0 0 0}
#obo_mne .h2{width:100%;color:#FFFFFF;text-shadow:0 2px 2px #000000;text-align:center;margin-bottom:30px}
#obo_mne_flex{background:#008DF2;display:flex;justify-content:space-around;justify-content:space-evenly;flex-wrap:wrap}
#marina_foto{border:0px dotted red;width:50%;margin:0;padding:0px}
#marina_foto img{width:100%;height:auto;float:left;margin:0}
#marina_text{border:0px dotted red;width:50%;margin:0;padding:0px;color:#FFFFFF;font-style:italic;font-size:1.35em;line-height:170%}
#marina_text .fm{padding:20px}
.crp_related{font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif}
.crp_related .h2{text-align:center;margin:0.5em 0em 1em 0em}
#related_posts{border:0px dotted red;width:100%;display:flex;justify-content:space-around;justify-content:space-evenly;flex-wrap:wrap;margin:0 0 20px 0}
#related_posts div{border:0px dotted green;width:15%;overflow:hidden}
#related_posts div a{border:0px dotted yellow;display:block;font-weight:normal;font-size:1.1em}
#related_posts div a:hover{text-decoration:none}
#related_posts div a img{border:0px dotted yellow;width:100%;height:auto;height:auto;margin-bottom:8px}
#related_posts div a img:hover{-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
#preim{border:0px dotted red;background:#FFFFFF;color:#000000;font-size:1.15em;padding:0.2em 0 0.3em 0;margin:0;font-family:Tahoma,Arial,sans-serif}
#preim h2{color:#000000 !important;text-align:center;font-size:1.3em;line-height:140%}
#preim ul{border:0px dotted green;padding:0;margin:0}
#preim ul li{border:0px dotted green}
.thumbs{width:100%;margin:0 !important;padding:0;border:0px dotted red !important}
.thumb{padding:0px;overflow:hidden}
.thumb div,.thumb_2 div{margin:0px 5px 0px 5px;margin:10px;padding:0px;overflow:hidden}
.thumb:hover{box-shadow:0px 1px 6px 0px #000000;cursor:pointer;height:auto;overflow:visible}
.thumb div div{overflow:hidden;margin:0;padding:0}
.thumb div div img{overflow:hidden;transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;-webkit-transition:all 0.6s ease-out}
.thumb div div img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
.thumb div h3{margin:0.9em 0 0.5em 0}
.thumb div h3 a{color:#000000}
.thumb div h3 a:hover{color:#990000}
.autoheight{height:auto}
#left ul,#right ul{list-style-type:none;margin:0px 0px 10px 0px;padding:0}
#left ul li,#right ul li{list-style:none;width:100%;padding:0;margin:0 0 0px 0;background:url(img/widget-title.jpg) no-repeat;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif;font-size:1.1em}
#left ul li a,#right ul li a{display:block;overflow:visible;padding:6px 5px 6px 5px}
#left ul ul{margin:0;padding:2px 0 0 10px}
#left ul ul li{}
#left ul ul li a{padding:6px 0 6px 5px}
#left ul ul ul li{width:138px}
#left ul ul ul li a{padding:6px 0 6px 5px}
#left div.h2,#right div.h2{padding-top:7px;margin-bottom:10px}
#contact-form{background:#EEEEEE;padding:1em 0;box-shadow:0px 0px 6px 0px #000000;border:1px solid #999999;border-radius:6px}
input,textarea{width:99%;padding:3px;font-size:1em;font-family:verdana,arial,helvetica,sans-serif}
input[type='submit']{width:auto;padding:0.5em 1em;font-weight:bold;font-size:1.2em}
a.button{border:1px solid #FF9900;border-radius:8px;background:#FFCC33;color:#000000;text-transform:uppercase;font-size:1.4em;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif;padding:14px 24px 11px 24px;box-shadow:1px 1px 1px 1px #303030}
a.button:hover{border:1px solid #000000;background:#FFCC00;color:#000000;box-shadow:none;text-decoration:none}
.slider{border:0px dotted red;padding:0em;width:100%;height:auto;margin:-2px auto 0px auto;overflow:hidden;text-align:center;display:flex}
.slider img{width:100%}
.slider .sl_img{width:100%;height:auto;float:left;margin:0px 0 0 -75px;text-align:center;position:relative;z-index:0}
.slider .strelka_left,.slider .strelka_right{width:75px;height:80px;overflow:hidden;position:relative;cursor:pointer;margin-top:auto;margin-bottom:auto}
.slider .strelka_left{border:0px dotted red;background:url(img/strelki_3.png) 10px no-repeat;float:left;z-index:1}
.slider .strelka_right{border:0px dotted green;background:url(img/strelki_3.png) -37px no-repeat;margin:auto 0 auto -75px;float:right;z-index:2}
#content_and_left{border:0px dotted red;overflow:hidden}
#content{border:0px dotted green}
#left{border:0px dotted orange;overflow:hidden}
.post{border:0px dotted maroon;margin:0 0 1em 0}
.wp-pagenavi{border:0px dotted red;margin:0.25em 0 0.25em 0;padding:0em 0;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-content:space-evenly}
.wp-pagenavi a,.wp-pagenavi span{border:2px solid #3E3771;border-radius:6px;padding:0.5em;margin:3px;text-align:center;background:#3E3771;color:#FFFFFF;font-weight:bold}
.wp-pagenavi span.current,.wp-pagenavi a:hover{border:2px solid #3E3771;background:none;color:#3E3771;text-decoration:none}
.navigation .alignleft,.navigation .alignright{font-size:1.1em;font-weight:bold;font-style:italic;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif}
.mayak-more{cursor:pointer;padding:10px;float:right;margin-right:15px;font-size:1em;font-weight:bold;font-style:italic;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif;text-transform:uppercase}
.miniature{background:#D2D2D2;border:0px solid #888888;float:left;width:300px;max-width:100%;height:auto;margin:5px 10px 10px 0}
#zakaz{border:0px solid #000000;width:100%;text-align:center;display:flex;justify-content:center}
#order{border:1px solid #000000;position:absolute;top:20px;border-radius:10px;width:300px;margin:0 auto;background:#CCCCFF;z-index:5}
#order input[type="text"],#order textarea,#order select{width:268px;margin:0 0 0.5em 0;background:#FFFFFF;font-size:1.1em;text-align:left;font-family:Tahoma,Arial,sans-serif;color:#000000;font-weight:bold;padding:5px 5px}
#order p{border:0px dotted red;text-align:left;padding:0.3em 0 0.15em 3px;margin:0}
#order p.center{text-align:center}
#order select{width:100%}
#order input[type="submit"]{background:#FFCC33;background-image:-webkit-gradient(linear,top,bottom,color-stop(0,#FFCC33),color-stop(1,#FF9900));background-image:-ms-linear-gradient(top,#FFCC33,#FF9900);background-image:-o-linear-gradient(top,#FFCC33,#FF9900);background-image:-moz-linear-gradient(top,#FFCC33,#FF9900);background-image:-webkit-linear-gradient(top,#FFCC33,#FF9900);background-image:linear-gradient(to bottom,#FFCC33,#FF9900);box-shadow:1px 1px 3px 1px #333333;text-shadow:1px 1px 3px #FFCC00;border:1px solid #FF9900;border-radius:4px;padding:0.45em 0.8em 0.35em 0.8em;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif;text-transform:uppercase;font-size:1.2em;font-weight:bold}
#order input[type="submit"]:hover{border:1px solid #000000;box-shadow:none}
#order #bar{width:300px;margin:0 auto;border-bottom:1px solid #000000;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;margin:0 0 1em 0;background:#3E3771}
#order #bar #title{border:0px dotted red;float:left;margin:0 0px 0 0;padding:0.4em 0.6em 0.25em 0.6em;color:#FFFFFF;font-size:1.2em;font-family:'Open Sans Condensed',Tahoma,Arial,sans-serif;text-transform:uppercase;text-align:left}
#order #bar .button_close{border:0px dotted red;float:right;width:40px;height:40px;margin:0 0px 0 0;padding:0;background:url(img/icons/close.png) 8px 8px no-repeat;cursor:pointer}
#order #bar .button_close:hover{cursor:pointer}
#order #url{display:none}
#ontopbg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:url(img/fon/overlay_2.png);z-index:4}
.mess_ok_box{position:fixed;top:0;left:0;width:100%;height:100%;background:url(img/fon/overlay_2.png);display:flex;align-items:center;justify-content:center;z-index:5}
.mess_ok{border:1px solid green;border-radius:10px;width:auto;padding:1em;background:#CCFFCC}
#contacts_on_page .vodafone,#contacts_on_page .phoenix,#contacts_on_page .viber,#contacts_on_page .skype,#contacts_on_page .whatsapp,#contacts_on_page .email,#contacts_on_page div span.viber,#contacts_on_page div span.skype{border:0px dotted red;display:inline-block;width:auto;height:34px;float:left;padding:8px 12px 0 38px;color:#000066;font-weight:bold}
#contacts_on_page .vodafone{background:url(img/icons/vodafone_32.png) no-repeat;cursor:pointer}
#contacts_on_page .phoenix{background:url(img/icons/phoenix_32_whight.png) no-repeat;cursor:pointer}
#contacts_on_page .viber,#contacts_on_page div span.viber{background:url(img/icons/viber_32.jpg) no-repeat;cursor:pointer}
#contacts_on_page .skype,#contacts_on_page div span.skype{background:url(img/icons/skype_32.png) no-repeat;cursor:pointer}
#contacts_on_page .whatsapp{background:url(img/icons/whatsapp_32.png) no-repeat;cursor:pointer}
#contacts_on_page .email{background:url(img/icons/email_32.png) no-repeat;cursor:pointer}
#contacts_on_page div.vodafone:hover,#contacts_on_page div.phoenix:hover{cursor:pointer;color:#FFCC33}
#contacts_on_page div .viber:hover{cursor:pointer;color:#FFCC33}
#contacts_on_page div .skype:hover{cursor:pointer;color:#FFCC33}
#contacts_on_page div.email:hover{cursor:pointer;color:#FFCC33}
.comment{margin:1.5em 0}
.commenticon{margin:0 0 0.75em 0}
#commentform{border:1px solid #DDDDDD;background:#EEEEEE}
.thumb-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1.25em 0}
.thumb-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;outline-width:0}
.youtube{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;display:inline-block;overflow:hidden;transition:all 200ms ease-out;cursor:pointer;height:auto}
.youtube .play{background:url('img/youtube-play-btn.png') no-repeat;background-size:100% auto;position:absolute;height:50px;width:69px;transition:none;top:0;left:0;right:0;bottom:0;margin:auto}
.youtube:hover .play{background-position:0 0}
.uchenik_video{background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;transition:all 200ms ease-out;cursor:pointer;padding:0;margin:0 auto}
.video1{width:300px;height:200px;position:relative;border:1px solid #000;margin-bottom:15px;background-position:center;top:0;transition:all 200ms ease-out;background-size:cover}
.video1-play{border:0px dotted red;background-image:url('img/youtube-play-btn.png');background-position:bottom;background-repeat:no-repeat;background-size:cover;height:60px;width:90px;top:50%;left:50%;margin-left:-45px;margin-top:-30px;position:absolute;border-radius:21px;cursor:pointer}
.video1-play:hover{background-position:top}
.video1:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}

» Show original CSS code

« Hide original CSS code

/*
Theme Name: Marina
Theme URI: http://optimist.dn.ua/
Author: Optimist
Author URI: http://optimist.dn.ua/
Version: 1.0
*/

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
margin: 0;
padding: 0;
width: 100%;
background: #FFFFFF;
border: 0px dotted red;
}
body {
margin: 0;
padding: 0;
width: 100%;
color: #FFFFFF; color: #000000;
font-family: Tahoma, Arial, sans-serif;
font-size: 1em;
text-align: center;
}
a {color: #000066; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; color: #990000;}
a:focus, a:active {outline:none;}
a img {border: 0;}
.b, .bi {font-weight: bold;}
.i, .bi {font-style: italic;}
.s {text-decoration: underline;}
h1, h2, h3, .h1, .h2, .h3, h2 a
{
font-weight: normal;
line-height: 100%;
text-align: left;
text-transform: uppercase;
color: #000000;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
h2 a {text-decoration: none;}
h2 a:hover {text-decoration: none;}
h1, .h1 {font-size: 2em; margin: 0.5em 0 0.3em 0;}
h2, .h2 {font-size: 1.5em; margin: 0 0 0.3em 0;}
h3, .h3 {font-size: 1.3em; margin: 0 0 0.3em 0;}

.formargin, .fm {margin: 10px;}
.center {text-align: center;}
.archiveheader  {font-size: 180%; font-weight: normal; color: #FF7902;}
img {border: 0;}
.img_l, .alignleft {margin: 10px 10px 10px 0px; display: inline;}
.img_r {margin: 10px 0px 10px 10px; display: inline;}
.alignleft {float: left; margin: 10px 10px 10px 0px;}
.alignright {float: right; margin: 10px 0px 10px 10px;}
.galka {list-style-image: url(img/icons/galka_blue.png); list-style-position: inside;}
ul li, ol li {margin-bottom: 0.5em;}
hr {color: #0066CC;background-color:#0066CC; height: 2px;border-width:0px;}
p {margin: 0px 0px 10px 0px; line-height: 130%;}
.clear {
height: 1px; height: 0px;
clear: both;
margin: 0;
padding: 0;
border: 0px dotted red;
}
.hidden {/*display: none;*/ visibility: hidden;}
.visible {visibility: visible;}

#box {
width: 100%;
padding: 0;
margin: 0 auto;
text-align: left;
box-shadow: 0px 0px 10px 0px #000000;
border: 0px dotted red;
}
.box {border: 0px dotted red; margin: 0 auto;}

#wrap {width: 100%; margin: 0px; padding: 0;}

#wrap.dark_bg {background: #000000 url(img/fon/bg-dark-4782.jpg);}

#wrap.dark_bg h1, #wrap.dark_bg h2, #wrap.dark_bg h2 a, #wrap.dark_bg h3, #wrap.dark_bg h3 a,
#wrap.dark_bg .h1, #wrap.dark_bg .h2, #wrap.dark_bg .h2 a, #wrap.dark_bg .h3, #wrap.dark_bg .h3 a
{
color: #FFFFFF;
}

#header {
border: 0px dotted yellow;
width: 100%;
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
background: #3E3771;
overflow: hidden;
}
#logo {
border: 0px dotted red;
margin: 0;
padding: 10px 0 5px 0;
float: left;
}
#logo a {
border: 0px dotted blue;
display: block;
margin: 0;
padding: 0px 0 0 0;
}
#logo a img {
border: 0px dotted green;
float: left;
margin: 0;
}

#phone {
border: 1px dotted yellow;
margin: 25px 10px 10px 10px;
font-weight: bold;
font-size: 1.3em;
color: #FFFFFF;
text-shadow: 0 1px 1px #000000;
}
#phone img {float: left; margin: 0px 7px 0 0; border: 0px dotted red;}

/* ÐœÐµÐ½ÑŽ Ð³Ð¾Ñ€Ð¸Ð·Ð¾Ð½Ñ‚Ð°Ð»ÑŒÐ½Ð¾Ðµ */
#menug {
border: 1px solid #3E3771;
}
#menug div.menu-top-menu-container {margin: 0 0.5em; padding: 0.25em 0; text-align: left;}
#menug div #menu-top-menu {margin: 0em; padding: 0; }
#menug div #menu-top-menu li {display: inline; margin: 0.4em 0; padding: 0em; text-align: left;}
#menug div #menu-top-menu li a {
margin: 0em 0;
padding: 0.6em;
color: #FFFFFF;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
border: 0px solid #081528;
border-radius: 6px;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
#menug div #menu-top-menu li a:hover, #menug div #menu-menug li.current-menu-item a, #menu-top-menu li.current_page_item a
{
color: #FFCC00;
}
/* end menug */

#footer {
clear: both;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
line-height: 150%;
border-top: 1px solid #1E0033;
font-size: 0.9em;
color: #FFFFFF;
text-shadow: 0 1px 1px #000000;
background: #660000;
background: url(img/fon/featuredbg.jpg) repeat-x;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #00007A), color-stop(1, #000033));
background-image: -o-linear-gradient(top, #00007A, #000033);
background-image: -moz-linear-gradient(top, #00007A, #000033);
background-image: -webkit-linear-gradient(top, #00007A, #000033);
background-image: linear-gradient(to bottom, #00007A, #000033);
background: #3E3771;
font-family: 'Open Sans Condensed';
}
#footer div {/*border: 0px dotted #AAAAAA;*/}
#footer div.kn {text-transform: uppercase; width: 100%; text-align: left; }
#footer div.flex
{
border: 0px dotted #AAAAAA;
/*display: flex;*/
}
#footer div.flex div
{
border: 0px dotted #AAAAAA;
}
#footer a {color: #FFCC33; }
#footer a:hover {text-decoration: underline;}
#footer div.flex div.vodafone, #footer div.flex div.phoenix, #footer div.flex div.viber, #footer div.flex div.skype, #footer div.flex div.whatsapp, #footer div.flex div.email, #footer div.flex div span.viber, #footer div.flex div span.skype
{
border: 0px dotted red;
display: inline-block;
width: auto;
height: 34px;
float: left;
padding: 0 12px 0 38px;
}
#footer div.flex div
{
min-width: 150px;
}

#footer div.flex div.vodafone
{
background: url(img/icons/vodafone_32_v.png) no-repeat;
cursor: pointer;
}
#footer div.flex div.phoenix
{
background: url(img/icons/phoenix_32.png) no-repeat;
cursor: pointer;
}
#footer div.flex div.viber, #footer div.flex div span.viber
{
background: url(img/icons/viber_32.png) no-repeat;
cursor: pointer;
}
#footer div.flex div.skype, #footer div.flex div span.skype
{
background: url(img/icons/skype_32.png) no-repeat;
cursor: pointer;
}
#footer div.flex div.whatsapp, #footer div.flex div span.whatsapp
{
background: url(img/icons/whatsapp_32.png) no-repeat;
cursor: pointer;
}
#footer div.flex div.email
{
background: url(img/icons/email_32.png) no-repeat;
cursor: pointer;
}

#footer div.flex div.vodafone:hover,
#footer div.flex div.phoenix:hover,
#footer div.flex div .viber:hover,
#footer div.flex div .skype:hover,
#footer div.flex div.email:hover,
#footer div.flex div.whatsapp:hover
{
cursor: pointer;
color: #FFCC33;
}

#slider_box {
border: 0px dotted red;
background: none;
}
#hello h1 {
font-family: 'Open Sans Condensed';
color: #FFFFFF;
line-height: 130%;
text-align: left;
margin: 0.5em 0 0.25em 0;
}
#hello
{
border: 0px dotted red;
width: 100%;
padding: 0em 0 0em 0;
font-family: Tahoma, Arial, sans-serif; font-family: 'Open Sans Condensed';
color: #FFFFFF;
text-shadow: 0 2px 2px #000000;
}
#slider
{
width: 100%;
height: auto;
margin: 0em 0 0em 0;
text-align: center;
clear: both;
}

#sistema
{
border: 0px dotted red;
width: 100%;
margin: 20px 0 0 0;
padding: 0px 0 5px 0;
background: #3E3771;
color: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
}
#sistema h2
{
border: 0px dotted blue;
margin: 0;
padding: 15px 10px;
color: #FFFFFF;
text-shadow: 0 1px 1px #000000;
text-align: center;
line-height: 150%;
}
.sistema_flex
{
display: flex;
justify-content: space-around; justify-content: space-evenly;
flex-wrap: wrap;
padding-left: 2%;
}
.sistema_box
{
border: 0px dotted blue;
width: 29%;
padding: 20px 0;
text-align: center;
font-size: 1.2em;
line-height: 150%;
}
.sistema_box h2
{
border: 0px dotted red;
line-height: 150%;
text-shadow: 0 1px 1px #000000;
}
.sistema_box h3, .sistema_box div.h3
{
border: 0px dotted red;
width: 100%;
text-align: center;
color: #FFFFFF;
font-size: 1em;
text-shadow: 0 1px 1px #000000;
line-height: 170%;
margin: 0 0 0.6em 0;
}
.sistema_box img
{
border: 0px dotted red;
text-align: center;
float: none;
margin: 10px auto 15px auto;
}

#offers
{
border: 1px solid #3E3771;
width: 100%;
margin: 0;
padding: 0px 0;
background: #3E3771;
color: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
}
#offers h2
{
border: 0px dotted blue;
width: 100%;
margin: 0;
padding: 20px 0;
color: #FFFFFF;
text-shadow: 0 2px 2px #000000;
text-align: center;
}
.offers_flex
{
display: flex;
justify-content: space-around; justify-content: space-evenly; justify-content: center;
flex-wrap: wrap;
padding-left: 0%;
margin: 0 10px 0 10px;
}
.offer
{
border: 2px solid #240047;
border-radius: 8px;
width: 100%;
padding: 0px 0;
text-align: left;
font-size: 1.1em;
line-height: 150%;
color: #000000;
background: #FFFFFF;
box-shadow: 1px 3px 3px 1px #262626;
display: flex;
}
.offer:hover
{
border: 2px solid #660000;
box-shadow: none;
}
.offer h3, .offer div.h3
{
border: 0px dotted black;
border-bottom: 1px solid #8F8F8F;
border-top-left-radius: 8px; border-top-right-radius: 8px;
background: #DDDDDD;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #EEEEEE), color-stop(1, #CCCCCC));
background-image: -o-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: -webkit-linear-gradient(top, #EEEEEE, #CCCCCC);
background-image: linear-gradient(to bottom, #EEEEEE, #CCCCCC);
text-align: center;
text-shadow: 0 1px 1px #000000;
color: #990000 !important;
font-size: 1.2em;
line-height: 170%;
padding: 0.75em;
margin: 0 0 0.6em 0;
}
.offer ul
{
border: 0px dotted red;
margin: 0 0 0 28px;
padding: 0 0 0 0;
list-style-image: url(img/icons/galka_blue.png);
}

.offer .flex_box_button_parent
{
border: 0px dotted red;
display: flex;
flex-direction: column;
align-content: stretch;align-content: space-between;
justify-content: space-between;
height: 100%;
width: 100%;
}
.offer .flex_box_button_child
{
border: 0px dotted green;
margin: 0px 0 0px 0;
text-align: left;
}
.offer .flex_box_button_child ul li
{
text-align: left;
}
.offer .flex_box_button_child .button_box
{
border: 0px dotted green;
padding: 25px 0 25px 0;
text-align: center;
}

#ucheniki_foto, #ucheniki_video, #video_do_i_posle
{
border: 0px dotted red;
width: 100%;
margin: 0;
padding: 0px 0 0px 0;
background: none;
color: #FFFFFF;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
}
#ucheniki_foto .h2, #ucheniki_video .h2, #video_do_i_posle .h2
{
border: 0px dotted blue;
width: 100%;
margin: 0;
padding: 20px 0;
color: #FFFFFF;
text-shadow: 0 2px 2px #000000;
text-align: center;
}
.ucheniki_flex
{
display: flex;
justify-content: space-around; justify-content: space-evenly;
flex-wrap: wrap;
padding-left: 0%;
margin: 0 0px 0 0px;
}
.uchenik_foto, .uchenik_video
{
border: 0px dotted blue;
width: 24%;
margin-bottom: 25px;
padding: 0px 0;
text-align: left;
font-size: 1.1em;
line-height: 150%;
color: #000000;
background: #000000;
box-shadow: 1px 2px 2px 1px #303030;
overflow: hidden;
}
.uchenik_foto img, .uchenik_foto a img, .uchenik_video img, .uchenik_video a img
{
border: 0px dotted blue;
width: 100%;
height: auto;
float: left;
/*-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;*/
}
.uchenik_foto, .uchenik_foto img, .uchenik_video
{
-moz-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
-webkit-transition: all 1.5s ease-out;
}
.uchenik_foto img:hover, .uchenik_foto a img:hover, .uchenik_video:hover, .uchenik_video img:hover, .uchenik_video a img:hover
{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.uchenik_video iframe {border: 0;}

/* Category_video_do_i_posle */
#video_do_i_posle h2, #video_do_i_posle .h2
{
/*margin: 0.5em;*/
}
#video_do_i_posle .uchenik_video, #ucheniki_video .uchenik_video, #ucheniki_foto .uchenik_foto {
border: 0px dotted red;
background: #000000;
width: 300px;
height: 200px;
text-align: center;
}
#video_do_i_posle .uchenik_video iframe, #ucheniki_video .uchenik_video iframe, #ucheniki_foto .uchenik_foto img {
width: 100%;
height: 100%;
}

#obo_mne
{
width: 100%;
padding: 30px 0 0px 0;
margin: 10px 0 0 0;
}
#obo_mne .h2
{
width: 100%;
color: #FFFFFF;
text-shadow: 0 2px 2px #000000;
text-align: center;
margin-bottom: 30px;
}
#obo_mne_flex
{
background: #008DF2;
display: flex;
justify-content: space-around; justify-content: space-evenly;
flex-wrap: wrap;
}
#marina_foto
{
border: 0px dotted red;
width: 50%;
margin: 0;
padding: 0px;
}
#marina_foto img
{
width: 100%;
height: auto;
float: left;
margin: 0;
}
#marina_text
{
border: 0px dotted red;
width: 50%;
margin: 0;
padding: 0px;
color: #FFFFFF;
font-style: italic;
font-size: 1.35em;
line-height: 170%;
}
#marina_text .fm
{
padding: 20px;
}

.crp_related
{
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}
.crp_related .h2
{
text-align: center;
margin: 0.5em 0em 1em 0em;
}
#related_posts
{
border: 0px dotted red;
width: 100%;
display: flex;
justify-content: space-around; justify-content: space-evenly;
flex-wrap: wrap;
margin: 0 0 20px 0;
}
#related_posts div
{
border: 0px dotted green;
width: 15%;
overflow: hidden;
}
#related_posts div a
{
border: 0px dotted yellow;
display: block;
font-weight: normal;
font-size: 1.1em;
}
#related_posts div a:hover
{
text-decoration: none;
}
#related_posts div a img
{
border: 0px dotted yellow;
width: 100%;
height: auto; height: auto;
margin-bottom: 8px;
}
#related_posts div a img:hover
{
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}

#preim
{
border: 0px dotted red;
background: #FFFFFF;
color: #000000;
font-size: 1.15em;
padding: 0.2em 0 0.3em 0;
margin: 0;
font-family: Tahoma, Arial, sans-serif;
}
#preim h2
{
color: #000000 !important;
text-align: center;
font-size: 1.3em;
line-height: 140%;
}
#preim ul
{
border: 0px dotted green;
padding: 0;
margin: 0;
}
#preim ul li
{
border: 0px dotted green;
}

.thumbs {width: 100%; margin: 0 !important; padding: 0; border: 0px dotted red !important;}
.thumb
{
padding: 0px;
overflow: hidden;
}
.thumb div, .thumb_2 div
{
margin: 0px 5px 0px 5px; margin: 10px;
padding: 0px;
overflow: hidden;
}
.thumb:hover
{
box-shadow: 0px 1px 6px 0px #000000;
cursor: pointer;
height: auto;
overflow: visible;
}
.thumb div div
{
overflow: hidden;
margin: 0;
padding: 0;
}
.thumb div div img
{
overflow: hidden;
transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
}
.thumb div div img:hover
{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.thumb div h3 {margin: 0.9em 0 0.5em 0;}
.thumb div h3 a {color: #000000;}
.thumb div h3 a:hover {color: #990000;}
.autoheight {height: auto;}

#left ul, #right ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0;
}
#left ul li, #right ul li {
list-style: none;
width: 100%;
padding: 0;
margin: 0 0 0px 0;
background: url(img/widget-title.jpg) no-repeat;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
font-size: 1.1em;
}
#left ul li a, #right ul li a {
display: block;
overflow: visible;
padding: 6px 5px 6px 5px;
}
#left ul ul {margin: 0; padding: 2px 0 0 10px;}
#left ul ul li {}
#left ul ul li a {padding: 6px 0 6px 5px;}
#left ul ul ul li {width: 138px;}
#left ul ul ul li a {padding: 6px 0 6px 5px;}

#left div.h2, #right div.h2 {padding-top: 7px; margin-bottom: 10px; }

/* Contact form */
#contact-form {
background: #EEEEEE;
padding: 1em 0;
box-shadow: 0px 0px 6px 0px #000000;
border: 1px solid #999999;
border-radius: 6px;
}
input, textarea {width: 99%; padding: 3px; font-size: 1em; font-family: verdana, arial, helvetica, sans-serif;}
input[type='submit'] {width: auto; padding: 0.5em 1em; font-weight: bold; font-size: 1.2em;}

a.button
{
border: 1px solid #FF9900;
border-radius: 8px;
background: #FFCC33;
color: #000000;
text-transform: uppercase;
font-size: 1.4em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
padding: 14px 24px 11px 24px;
box-shadow: 1px 1px 1px 1px #303030;
}
a.button:hover
{
border: 1px solid #000000;
background: #FFCC00;
color: #000000;
box-shadow: none;
text-decoration: none;
}

/* slider on home */
.slider {
border: 0px dotted red;
padding: 0em;
width: 100%;
height: auto;
margin: -2px auto 0px auto;
overflow: hidden;
text-align: center;
display: flex;
}
.slider img {width: 100%;}
.slider .sl_img {
width: 100%;
height: auto;
float: left;
margin: 0px 0 0 -75px;
text-align: center;
position: relative;
z-index: 0;
}
.slider .strelka_left, .slider .strelka_right
{
width: 75px;
height: 80px;
overflow: hidden;
position: relative;
cursor: pointer;
margin-top: auto;
margin-bottom: auto;
}
.slider .strelka_left
{
border: 0px dotted red;
background: url(img/strelki_3.png) 10px no-repeat;
float: left;
z-index: 1;
}
.slider .strelka_right
{
border: 0px dotted green;
background: url(img/strelki_3.png) -37px no-repeat;
margin: auto 0 auto -75px;
float: right;
z-index: 2;
}

#content_and_left
{
border: 0px dotted red;
overflow: hidden;
}

#content
{
border: 0px dotted green;
}

#left
{
border: 0px dotted orange;
overflow: hidden;
}

.post
{
border: 0px dotted maroon;
margin: 0 0 1em 0;
}

.wp-pagenavi
{
border: 0px dotted red;
margin: 0.25em 0 0.25em 0;
padding: 0em 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: space-evenly;
}
.wp-pagenavi a, .wp-pagenavi span
{
border: 2px solid #3E3771;
border-radius: 6px;
padding: 0.5em;
margin: 3px;
text-align: center;
background: #3E3771;
color: #FFFFFF;
font-weight: bold;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover
{
border: 2px solid #3E3771;
background: none;
color: #3E3771;
text-decoration: none;
}

.navigation .alignleft, .navigation .alignright
{
font-size: 1.1em;
font-weight: bold;
font-style: italic;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
}

.mayak-more
{
cursor: pointer;
padding: 10px;
float: right;
margin-right: 15px;
font-size: 1em;
font-weight: bold;
font-style: italic;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
text-transform: uppercase;
}

.miniature {
background: #D2D2D2;
border: 0px solid #888888;
float: left;
width: 300px; max-width: 100%;
height: auto;
margin: 5px 10px 10px 0;
}

#zakaz
{
border: 0px solid #000000;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
#order
{
border: 1px solid #000000;
position: absolute;
top: 20px;
border-radius: 10px;
width: 300px;
margin: 0 auto;
background: #CCCCFF;
z-index: 5;
}
#order input[type="text"], #order textarea, #order select
{
width: 268px;
margin: 0 0 0.5em 0;
background: #FFFFFF;
font-size: 1.1em;
text-align: left;
font-family: Tahoma, Arial, sans-serif;
color: #000000;
font-weight: bold;
padding: 5px 5px;
}
#order p {border: 0px dotted red; text-align: left; padding: 0.3em 0 0.15em 3px; margin: 0;}
#order p.center {text-align: center;}
#order select {width: 100%;}
#order input[type="submit"]
{
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
box-shadow: 1px 1px 3px 1px #333333;
text-shadow: 1px 1px 3px #FFCC00;
border: 1px solid #FF9900;
border-radius: 4px;
padding: 0.45em 0.8em 0.35em 0.8em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
}
#order input[type="submit"]:hover {border: 1px solid #000000; box-shadow: none;}
#order #bar
{
width: 300px;
margin: 0 auto;
border-bottom: 1px solid #000000;
border-top-left-radius: 8px; border-top-right-radius: 8px;
width: 100%;
margin: 0 0 1em 0;
background: #3E3771;
}
#order #bar #title
{
border: 0px dotted red;
float: left;
margin: 0 0px 0 0;
padding: 0.4em 0.6em 0.25em 0.6em;
color: #FFFFFF;
font-size: 1.2em;
font-family: 'Open Sans Condensed', Tahoma, Arial, sans-serif;
text-transform: uppercase;
text-align: left;
}
#order #bar .button_close
{
border: 0px dotted red;
float: right;
width: 40px;
height: 40px;
margin: 0 0px 0 0;
padding: 0;
background: url(img/icons/close.png) 8px 8px no-repeat;
cursor: pointer;
}
#order #bar .button_close:hover {cursor: pointer;}
#order #url {display: none;}

#ontopbg
{
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(img/fon/overlay_2.png);
z-index: 4;
}

.mess_ok_box
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(img/fon/overlay_2.png);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
.mess_ok
{
border: 1px solid green;
border-radius: 10px;
width: auto;
padding: 1em;
background: #CCFFCC;
}

/* Contacts on Contact-page */
#contacts_on_page .vodafone, #contacts_on_page .phoenix, #contacts_on_page .viber, #contacts_on_page .skype, #contacts_on_page .whatsapp, #contacts_on_page .email, #contacts_on_page div span.viber, #contacts_on_page div span.skype
{
border: 0px dotted red;
display: inline-block;
width: auto;
height: 34px;
float: left;
padding: 8px 12px 0 38px;
color: #000066;
font-weight: bold;
}
#contacts_on_page .vodafone
{
background: url(img/icons/vodafone_32.png) no-repeat;
cursor: pointer;
}
#contacts_on_page .phoenix
{
background: url(img/icons/phoenix_32_whight.png) no-repeat;
cursor: pointer;
}
#contacts_on_page .viber, #contacts_on_page div span.viber
{
background: url(img/icons/viber_32.jpg) no-repeat;
cursor: pointer;
}
#contacts_on_page .skype, #contacts_on_page div span.skype
{
background: url(img/icons/skype_32.png) no-repeat;
cursor: pointer;
}
#contacts_on_page .whatsapp
{
background: url(img/icons/whatsapp_32.png) no-repeat;
cursor: pointer;
}
#contacts_on_page .email
{
background: url(img/icons/email_32.png) no-repeat;
cursor: pointer;
}
#contacts_on_page div.vodafone:hover, #contacts_on_page div.phoenix:hover
{
cursor: pointer; color: #FFCC33;
}
#contacts_on_page div .viber:hover
{
cursor: pointer; color: #FFCC33;
}
#contacts_on_page div .skype:hover
{
cursor: pointer; color: #FFCC33;
}
#contacts_on_page div.email:hover
{
cursor: pointer; color: #FFCC33;
}

.comment {margin: 1.5em 0;}
.commenticon {margin: 0 0 0.75em 0;}
#commentform {border: 1px solid #DDDDDD; background: #EEEEEE;}

.thumb-wrap {
position: relative;
padding-bottom: 56.25%; /* Ð·Ð°Ð´Ð°Ñ‘Ñ‚ Ð²Ñ‹ÑÐ¾Ñ‚Ñƒ ÐºÐ¾Ð½Ñ‚ÐµÐ¹Ð½ÐµÑ€Ð° Ð´Ð»Ñ 16:9 (ÐµÑÐ»Ð¸ 4:3 — Ð¿Ð¾ÑÑ‚Ð°Ð²ÑŒÑ‚Ðµ 75%) */
height: 0;
overflow: hidden;
margin: 1.25em 0;
}
.thumb-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}

.youtube {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: inline-block;
overflow: hidden;
transition: all 200ms ease-out;
cursor: pointer;
height: auto;
}
.youtube .play {
background: url('img/youtube-play-btn.png') no-repeat;
background-size: 100% auto;
position: absolute;
height: 50px;
width: 69px;
transition: none;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
.youtube:hover .play {background-position: 0 0;}
.uchenik_video {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
transition: all 200ms ease-out;
cursor: pointer;
padding: 0;
margin: 0 auto;
}

.video1 {
width: 300px;
height: 200px;
position: relative;
border: 1px solid #000;
margin-bottom: 15px;
background-position: center;
top: 0;
transition: all 200ms ease-out;
background-size: cover;
}
.video1-play {
border: 0px dotted red;
background-image: url('img/youtube-play-btn.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
height: 60px;
width: 90px;
top: 50%;
left: 50%;
margin-left: -45px;
margin-top: -30px;
position: absolute;
border-radius: 21px;
cursor: pointer;
}
.video1-play:hover {
/*box-shadow: 0 0 12px 0 #000;*/
background-position: top;
}
.video1:hover
{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

Some information about this website: