/*
Последнее обновление:20.06.2018
Автор: Alex_Top
*/

@import url(superfish.css);
@import url(superfish-vertical.css);
@import url(forms.css);
@import url(fancy.css);
@import url(sitemap.css);
@import url(component.css);
@import url(news.css);
@import "owl.carousel.css";
@import "owl.theme.default.css";
@import url(greedynav.css);
/* 
@import url(guestbook.css);
@import url(spoiler.css);
@import url(responsiveslides.css);
@import url(portfolio.css);
@import url(poster.css);
@import url(pools.css);
@import url(imggal.css);
@import url(liMarquee.css); 
*/

/* Font */
@font-face {
	font-family:"LeagueGothicRegular";
	src:url("/themes/site/default/fonts/leaguegothiccyrillic-webfont.eot");
	src:url("/themes/site/default/fonts/leaguegothiccyrillic-webfont.eot?#iefix") format("embedded-opentype"),
	url("/themes/site/default/fonts/leaguegothiccyrillic-webfont.woff") format("woff"),
	url("/themes/site/default/fonts/leaguegothiccyrillic-webfont.ttf") format("truetype"),
	url("/themes/site/default/fonts/leaguegothiccyrillic-webfont.svg#LeagueGothicRegular") format("svg");
	font-weight:normal; font-style:normal;}
@font-face {
	font-family:'PTSansNarrow';
	src:url('/themes/site/default/fonts/PTN57F_W.eot');
	src:url('/themes/site/default/fonts/PTN57F_W.eot?#iefix') format('embedded-opentype'),
	url('/themes/site/default/fonts/PTN57F_W.woff') format('woff'),
	url('/themes/site/default/fonts/PTN57F_W.ttf') format('truetype'),
	url('/themes/site/default/fonts/PTN57F_W.svg#PTSans-Narrow') format('svg');
	font-weight:normal; font-style:normal;}	
	@font-face {
    font-family: 'FiraSansLight';
    src: url('/themes/site/default/fonts/FiraSans-Light.eot');
    src: url('/themes/site/default/fonts/FiraSans-Light.eot?#iefix') format('embedded-opentype'),
         url('/themes/site/default/fonts/FiraSans-Light.woff') format('woff'),
         url('/themes/site/default/fonts/FiraSans-Light.ttf') format('truetype');
    font-weight:normal; font-style:normal;}
	@font-face {
    font-family: 'FiraSansRegular';
    src: url('/themes/site/default/fonts/FiraSans-Regular.eot');
    src: url('/themes/site/default/fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/themes/site/default/fonts/FiraSans-Regular.woff') format('woff'),
         url('/themes/site/default/fonts/FiraSans-Regular.ttf') format('truetype');
    font-weight:normal; font-style:normal;}
	@font-face {
    font-family: 'FiraSansBold';
    src: url('/themes/site/default/fonts/FiraSans-Bold.eot');
    src: url('/themes/site/default/fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/themes/site/default/fonts/FiraSans-Bold.woff') format('woff'),
         url('/themes/site/default/fonts/FiraSans-Bold.ttf') format('truetype');
    font-weight:normal; font-style:normal;}

.fs_l {font-family:"FiraSansLight",arial,Helvetica,sans-serif;}	
.fs_r {font-family:"FiraSansRegular",arial,Helvetica,sans-serif;}	
.fs_b {font-family:"FiraSansBold",arial,Helvetica,sans-serif;}	
    	
.w_33 {width:calc(33% - 20px) !important; height:auto !important; margin:10px;}
.w_50 {width:calc(50% - 20px) !important; height:auto!important; margin:10px;}
@media screen and (max-width:480px) {
	.w_33 {width:calc(100% - 20px) !important; height:auto !important; margin:10px;}	
	.w_50 {width:calc(100% - 20px) !important; height:auto !important; margin:10px;}
}
	
	
/* центровка по вертикали по умолчанию */
.v_center_block, .v_center_element, .helper {display:inline-block;}
.v_center_element, .helper {vertical-align:middle;}
.helper {font-size:0; height:100%; width:0;}

/* Video size */
.pixel_block, object {width:100%;}
.video {position:relative; margin-bottom:10px; overflow:hidden;}
.video:last-child  {margin-bottom:0;}
object {position:absolute; z-index:100; top:0; right:0; bottom:0; left:0;}

/* General style */
.name, .text, .descriptions, #updown span, .param, .title  {display:block;}
.logo, .nav_line a, .nav_line span, .detail a, .page-wrap, .img_block, .pages_a, .nav_s, .nav span, .nav a, .nav_s span, .nav_s a, .date,
.pages_n, .pages_a, .pages_arrow_l, .pages_arrow_r, .block_info span {display:inline-block;}
.row2, .header, .logo, .container, .nav_line span, .box_border, .print, .nav a, .nav_s a, .alert, .alert_good, .hi .block, .img_block, .box_info,
.pages_arrow_l, .pages_arrow_r, .block_info span {position:relative;}
.nav {position:absolute;}
.view:before, .comm:before,
.logo:after, .logo:before, .row2:before, .container:before, .container:after, .print:after,
.alert:before, .alert_good:before, #updown:before, .nav a:after, .nav_s a:after,
.pages_arrow_l:before, .pages_arrow_l:after, .pages_arrow_r:before, .pages_arrow_r:after {position:absolute; content:'';}

/* Transition */
.nav a, .nav_s a, .logo:after, .logo:before, #updown {
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;}

/* Cursor */
#updown, .logo {cursor:pointer;}


.row1 {background:#fff;}
.row2 {background:#007a92;  top:0; left:0; /* z-index:2;width:100%; */}
.row2:before {bottom:-16px; left:0; height:16px; width:100%; box-shadow: 0 16px 12px -10px rgba(0,0,0,.5) inset; z-index:-2;} /*тень*/
.row3 {background:rgba(255,255,255,0.8); flex:1 0 auto;}
.row4 {background:#e2e2e2; flex:0 0 auto;}
.row5 {z-index:0;}

.wrap {display:flex; flex-direction:column; margin:0 auto;}
.wrap, .header, .container, .box_border, .hi .block {height:100%;}
.header, .navigation, .container, .footer, .row1 .box {margin:0 auto; padding:0 8px; max-width:1280px;}
.row1 .box {border-bottom:1px solid #cacaca;}
.header {padding:10px 8px; background:url("./images/head_bg.jpg") no-repeat right top / cover; text-align:center;}
.navigation {min-height:62px;}
.navigation .nav_s {position:absolute; left:60px;  top:10px; z-index:1;}
.header .col_head {position:relative; color:#525252;}
.navigation .greedy_v {display:none;}

.col_head {position:relative; color:#525252; align-self:flex-start; min-width:310px;}
.col_head .nav {position:absolute; top:60px;}
.col_head h2 {margin-bottom:0; font-size:18px;}
.col_head p {margin:0;}
.head_slogan p {margin:0; padding:0 10px;
    font-family:PTSansNarrow,Arial,Helvetica,sans-serif; font-size:36px; color:#005e70; line-height:80%;}
.header .col_head .head_label {display:inline-block; padding:16px 12px; font-size:16px; font-weight:700; color:#bf0000; background:url("./images/head_label.png") no-repeat 0 0;}
.header{display:flex; justify-content:space-between; align-items:center;}

/*  Container + column paint */
.container {padding:20px 8px 5px; overflow:hidden; z-index:1;}
.container:before, .container:after {top:20px; bottom:5px; width:258px; z-index:-10; /*background:#EBE1C2;*/}
.container:before {left:0; border-right:1px solid  #CCC6AE; /*box-shadow:3px 5px 8px  rgba(0, 0, 0, 0.3);*/}
.container:after {right:0; border-left:1px solid  #CCC6AE; /*box-shadow:-3px 5px 8px  rgba(0, 0, 0, 0.3);*/}

.wrapper {margin:0 260px;}
.content {padding:0 10px 20px; /*background:#F2F2F2; box-shadow:0 15px 15px -15px rgba(0, 0, 0, 0.72);*/}
.first_page .page, .content, .col>.box, .col>.float>.box {margin-bottom:25px;} /*поменять на pages - а разделение страниц  типа pagination*/

.col {margin-left:-100%; width:240px;}
.col>.box, .col>.float>.box {padding:0 8px;}
.paint {background:#e7e8e1;}

/* Default column */
.img_block, .img_box {vertical-align:top;}
.img_box {background:no-repeat center center / cover;
    width:100%; padding-top:100%; /* пропорции - не меняем ширину, только padding-top */
/*     -webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
   -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear;
   transition:all 0.2s linear; 
*/
}
/* .img_block:hover .img_box, .block:hover .img_box {
   -webkit-transform:scale(1.2,1.2);
   -moz-transform:scale(1.2,1.2);
   -o-transform:scale(1.2,1.2);
   -ms-transform:scale(1.2,1.2);
   transform:scale(1.2,1.2)rotate(0.01deg);
} */
.img_block {
	width:100%;
	max-height : 360px;
} /* размер bottom: -2px;*/
.block:hover .box_info {color:#34685F;}
.box_info {
	overflow:hidden;
   -webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
   -o-transition:all 0.2s ease-in-out;
   -ms-transition:all 0.2s ease-in-out;
   transition:all 0.2s ease-in-out;
}
.mask {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; overflow:hidden;
   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   background:url(./images/plus.png) no-repeat center rgba(0,0,0, 0.5);
   -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
}
.block:hover .mask {
   -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter:alpha(opacity=100);
   opacity:1;
}

/* Вертикальное flex - выравнивание*/
.hi .block, .box_info {display:flex; flex-direction:column; align-items:center; /* justify-content:center; */}
.box_info, .box_info .name:first-child {flex:1 0 auto;}
.box_info .btn {flex:0 0 auto; z-index:10;}
/* new!
.new {position:absolute; top:-10px; right:-10px; width:50px; height:50px; z-index:10;}
 */

/* Text style column */
.name, .text, .descriptions {padding:0; font-size:13px;}
.cat_sum {margin:15px 0 -8px !important; font-weight:normal !important;}
.name {margin:15px 0 10px;}
.text, .descriptions {margin:10px 0 10px;}
.name, .text {font-weight:bold;}

/* Навигация */
.nav_line a,
.title, .title a, .title_first {text-decoration:none;} 
.title {margin:8px 0; font-size:18px;}
.title a:hover {color:#005E70;}
.nav_line {padding:0 10px; margin-bottom:8px; font-size:12px;}
.nav_line span {color:#8f8f8f; font-weight:700;}
.ico {padding-left:25px; background:url(./images/ico1.png) no-repeat left 5px;}

/* Связанные статьи, страницы */
.title_links {margin-top:20px; padding-top:10px; border-top:1px dotted #525046; font-weight:bold; text-transform:uppercase;}
.title_links, .text_links li a {color:#525046;}
/* .text_links li:nth-child(even) {padding-left:10px;} */



/* Footer */
.footer {padding:5px 8px;}
.footer .col_1, .footer .col_3 {margin-bottom:16px;}
.footer .col_1 .block {margin:0;}
/* .footer p {margin:15px 0;} */
.footer /* .col_3 */ .block {height:100%; padding:10px; margin:0 8px; font-size:12px; /*  background:#005e70; */}
.footer .col_3 .block {color:#FFF; background:#005e70;}
.footer .del_indent {display:flex; flex-wrap:wrap; flex:1 2 100%;}
.footer a {color:#ACACAC;}
.footer a:hover {color:#E3E4E4;}
/* 
.old_version {display:block; padding:10px; margin-bottom:20px; font-size:16px; color:#FFF; text-align:center; background:#004F5F;}
.old_version:hover {background:#4c4c4c;}
 */
/* articles */
.articles .box {margin:0 -10px;}
.articles .img_box {padding-top:40%;  width: 100%;}
.articles .box .hi {margin:0 0 20px 0; 
padding-left:0; /* reset */
float:left; width:50%; /* изначальное деление на коонки. если не нужно то закоментить */
}
.articles .box .hi::before {background:none;}    
.articles .box .hi .articles_box {height:100%; margin:0 10px; padding:10px 10px 0 10px; 
display:flex; flex-direction:column; background:#F6F6F6; box-shadow:1px 1px 3px rgba(0,0,0,.3)}  
.articles .img_blockб .articles .box .hi h3 {margin:0 0 10px;}
.articles .box .hi h3 {flex:1 0 auto; text-align:center;}
.articles .description p {margin-top:0;} /* для остальных модулей - * .description p */
.articles .nav_title {font-size:18px;}
.articles .box .hi .detail {text-align:left; margin-bottom:10px;}

.articles_last .box_border {margin-bottom:10px;}
.articles_last li {padding-left:15px; margin-top:0; margin-bottom:15px; font-size:14px;}
.articles_last li a {display:block; font-size:14px; font-weight:bold; text-decoration:none; line-height:100%;}
.articles_last li a:hover {color:#005e70;}
.articles_last li::before {left:0;}
/* .articles_last li.title,  */.articles_last li.title a {margin:0; font-size:12px; font-weight:300; color:#005e70; line-height:100%;}
.articles_last li.title {margin-bottom:3px;}
.articles_last li.title::before {background:none;}
.articles_last li.title a {display:inline-block;}

/* Sprite */
.view:before, .comm:before,
.alert:before, .alert_good:before,
/* .icons, */ .logo:before, .logo:after, .print:after, #updown:before, .ico_upfile:before, .ico_upfile:after,
.nav span, .nav_s span {height:20px; width:20px; text-indent:-9999px; background:url(./images/icons.png)no-repeat left top transparent;}
.alert, .alert_good {margin:20px 0; padding-left:40px; font-size:12px; font-weight:700;}
.alert:before, .alert_good:before {top:50%; left:0; margin-top:-10px; background-position:-190px -40px;}
.alert_good:before {background-position:-190px -60px;}

/* Иконки коментов, просмотров */
.block_info span {float:left;}
.view, .comm, .comm_n {font-weight:700;}
.view:before, .comm:before {width:12px; height:12px; top:1px; left:0;}
.view {padding:0 15px;}
.comm {padding-left:15px;}
.view:before {background-position:-350px 0;}
.comm:before {background-position:-350px -12px;}
/* .comm_n:before {background-position:-290px -24px;} */

/*.logo {margin:10px 0;} transform:scale(.8) rotate(0deg); */
.logo, .logo:before, .logo:after {top:0; left:0; height:120px; min-width:270px; text-indent:-9999px; background-position:0 -120px;}
.logo:after {background-position:0 -120px;}
.logo:before, .logo:hover:after {opacity:1;}
.logo:after, .logo:hover:before {opacity:0;}

.ico_upfile {position:relative; padding-left:40px;}
.ico_upfile:before, .ico_upfile:after {background-position:-330px 0; top:50%; margin-top:-10px; left:0; z-index:100; position:absolute; content:'';}

/* .upload + label:hover .ico_upfile:before */
.ico_upfile:after {background-position:-330px -20px; opacity:0;}

.inputfile:focus + label .ico_upfile:after,
.inputfile.has-focus + label .ico_upfile:after,
.inputfile + label:hover .ico_upfile:after {opacity:1;}

/* Home, Sitemap, Contactus */
.nav {left:60px; top:8px; z-index:1;}
.nav a, .nav a:after, .nav_s a, .nav_s a:after {border-radius:50%; /*box-shadow:0 2px 4px rgba(0, 0, 0, 0.4);*/}/*тень*/
.nav a, .nav_s a {margin:4px;/*отступ между пунктами*/ padding:8px; /*размер 1*/background:#4c4c4c;}
.nav a:after, .nav_s a:after {opacity:0; box-shadow: 0 0 0 2px rgba(255, 255, 255, .3); /*толщина линии 2*/
padding:20px; top:-2px; left:-2px; /*внешний размер*/transform:scale(0.8); transition:transform 0.2s ease 0s, opacity 0.2s ease 0s;}
.nav a:hover:after, .nav_s a:hover:after {opacity:1; transform:scale(1);}
.nav a:hover, .nav_s a:hover {background:#005e70; box-shadow:0 2px 2px rgba(0,0,0,.0);}

a.home span {background-position:-50px 0;}
a.home:hover span {background-position:-50px 0;}

a.map span {background-position:-70px 0;}
a.map:hover span {background-position:-70px 0;}

a.contact span {background-position:-90px 0;}
a.contact:hover span {background-position:-90px 0;}

a.rss span {background-position:-110px 0;}
a.rss:hover span {background-position:-110px 0;}

/* Social nets */
.nav_s a:after {box-shadow: 0 0 0 2px rgba(255, 255, 255, .0);/*толщина линии 2*/ padding:17px;/*внешний размер*/ top:-2px; left:-2px;}
.nav_s a {background:#404040;/*box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);*/ padding:5px;/*размер 1*/}
.nav_s a:hover {background:#7A7A7A; /*box-shadow:0 2px 2px rgba(0,0,0,.8);*/}

a.fb {background:#FFF;}
a.fb:hover {background:rgba(255,255,255,.8);}
a.fb span {background-position:-348px -67px;}
a.fb:hover span {background-position:-348px -67px;}

a.vk {background:#FFF;}
a.vk:hover {background:rgba(255,255,255,.8);}
a.vk span {background-position:-368px -48px;}
a.vk:hover span {background-position:-368px -48px;}

a.okl {background:#FF6600;}
a.okl:hover {background:#FF9955;}
a.okl span {background-position:-190px 0;}
a.okl:hover span  {background-position:-190px 0;}

a.tw {background:#FFF;}
a.tw:hover {background:rgba(255,255,255,.8);}
a.tw span {background-position:-348px -48px;}
a.tw:hover span {background-position:-348px -48px;}

a.s_google {background:#CC1615;}
a.s_google:hover {background:#DD6363;}
a.s_google span {background-position:-368px 0;}
a.s_google:hover span {background-position:-368px 0;}

a.s_mail {background:#006DBF;}
a.s_mail:hover {background:#559DD4;}
a.s_mail span {background-position:-250px 0;}
a.s_mail:hover span {background-position:-250px 0;}

a.Inst {background:#95006F;}
a.Inst:hover {background:#B8559F;}
a.Inst span {background-position:-270px 0;}
a.Inst:hover span  {background-position:-270px 0;}

a.youtube {background:#FFF;}
a.youtube:hover {background:rgba(255,255,255,.8);}
a.youtube span {background-position:-368px -68px;}
a.youtube:hover span {background-position:-368px -68px;}

/* Автор, дата */
.detail {font-size:12px; text-align:right;}
.detail .date {padding-right:0; margin-top:5px;}
.detail {font-weight:700;}

/* Marker pages */
.pages_n, .pages_a {padding:15px; margin-right:1px; font-weight:700; text-decoration:none; background:#525046; color:#FFF;}
.pages_n {background:transparent; color:#525046;}
.pages_n:hover {background:#d7dadb;}
/* Arrows */
.pages_arrow_l, .pages_arrow_r {margin:0 2px; text-indent:-9999px; width:14px;}
.pages_arrow_l:before, .pages_arrow_l:after, .pages_arrow_r:before, .pages_arrow_r:after {
top:50%; margin-top:-6px; right:8px; z-index:1; border:6px solid transparent; border-right-color:#007a92;}
.pages_arrow_r:before, .pages_arrow_r:after {right:-6px; border:6px solid transparent; border-left-color:#007a92;}
.pages_arrow_l:after, .pages_arrow_r:after {right:2px;}

/* No remove all down class */
/* Page UP */
#updown.up, #updown.down {opacity:1;}
#updown {position:fixed; right:8px; bottom:0; width:46px; height:46px; text-align:center; background:#bf0000; opacity:0; z-index:1000;}
#updown:hover {background:#a00000;}
#updown span {margin-top:4px; font-size:10px; font-weight:700; color:#FFF;}
#updown:before {right:50%; margin-right:-15px; top:20px;  width:30px;}
#updown.up:before {background-position:0 0;}
#updown.down:before {background-position:0 -20px;}

/* Print */
.print {text-decoration:underline;}
.print:after {background-position:-30px 0; left:-30px; top:-3px;}
.print:hover {text-decoration:none; color:#525046;}

/*Авторизация*/

/* сброс */	
.login_emply li, .login li {padding:0; margin:0; list-style:none; position:relative;}
.login_emply li:before, .login li:before {background:none;}

.login>li, .login>li:before, .login ul li {
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}

.login_emply, .login {font-size:12px;}

.login a, .login span {display:block; text-decoration:none;}
/* .login>li {background:#009f9f;} */
.login>li>a {padding:5px 0; /* margin-bottom:10px; */ font-size:20px; color:#fff; text-align:center; background:#009f9f; cursor:default;}
/* .login>li:hover {background:#008c8c;} */
.login li:hover > ul {display:block;}

/*Стиль элемента списка*/
.login ul {/* display:none; position:absolute; width:100%;  top:100%; left:0; z-index:2; */ background:#FFF; border:1px solid #DDDDDD;}
.login ul li span, .login ul li a {padding:5px 5px 5px 34px;}
.login ul li a {font-weight:bold;}
.login li:hover:nth-child(n+2) {background-color:#e5e5e5;}

/*Иконки*/
.login ul li:before {position:absolute; content:''; top:5px; left:10px; width:12px; height:12px;
background:url("./images/icons.png") no-repeat left top;}
.login ul li:nth-child(1):before {background-position:-274px -40px;}
.login ul li:nth-child(2):before {background-position:-274px -52px;}
.login ul li:nth-child(3):before {background-position:24px -24px;}
.login ul li:nth-child(4):before {background-position:0 -24px;}

/*Стрелка
.login>li:nth-child(1):before {width:0; height:0; top:50%; left:auto; right:10px; margin-top:-3px;
border:6px solid transparent; border-top-color:#000;}
.login>li:hover:nth-child(1):before {border-top-color:#FFF;}
*/

/* Avatar */
.no_avatar {background:url(./images/icons.png) no-repeat transparent;}
.avatar, .no_avatar {/* */float:left;  display:inline-block; position:relative; width:50px; height:50px; padding:0px; text-indent:-9999px; text-align:left;
background-position:-290px  -40px;
border:1px solid #A2ACAE;
border-bottom:1px solid #F1F1F1;
border-right:1px solid #F1F1F1;}
.avatar {background-position:center center; background-size:cover; -moz-background-size:cover;}

.login_emply {background:#F5F5F5; padding:0 5px;}
.login_emply input[type="text"], .login_emply input[type="password"] {width:100%;}
.login_emply input[type="submit"] {margin-right:15px;}
.login_emply label {width:100px;}
.login_emply input[type="submit"] {padding:10px; font-size:12px;}


#form_rec label {margin-right:10px;}

/* form label {display:inline-block;} */

.fixed {
position:fixed; /*позицианируем чтобы исчез скролл*/
width:100%; /*что бы верстка не складывалась по ширине*/
}

/* Modal window */

#generalModal {display:inline-block; max-width:300px; overflow:hidden; vertical-align:middle; text-align:left;
	background:#C7CCCE; border:4px solid #FFFFFF;
	/* margin-left:-150px; top:50%; left:50%; position:absolute;  z-index:99999; */
}
#generalModalTitle {padding:2px 10px; background:#A6ABB2; color:#333333;}
#generalModalContent, #generalModalButtons {padding:10px 15px;}
#generalModalButtons {text-align:center; border-top:1px solid #A6ABB2;}
#generalModalButtons .button {width:30%; margin:6px 2px;}
#generalModalContent {position:relative;}
#generalModal input[type=button] {float:none; margin:6px 2px; width:30%;}

   
/* Preloader */
.load-container {text-align:center;
	position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5); z-index:99999;}
.no-cssanimations .load-container .loader {width:auto; height:auto; margin:1em auto; text-indent:0; text-align:center; color:#fff; font-size:17px;
background:none; border:0 none; overflow:visible; box-shadow:none;
-webkit-animation:none;
animation: none;}
.no-cssanimations .load-container .loader:before, .no-cssanimations .load-container .loader:after {display:none;}
.load8 .loader {position:absolute; top:50%; left:50%; margin-left:-4.3em; margin-top:-4.3em; font-size:10px; text-indent:-9999em;
border:5px solid rgba(255,255,255,0.2); border-left:5px solid #fff;
-webkit-animation:load8 1.1s infinite linear;
animation:load8 1.1s infinite linear;}
.load8 .loader, .load8 .loader:after {border-radius:50%; width:8em; height:8em;}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}