/*

Theme Name:Smeshariki
Author: Leonid Orlik

*/

 .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;padding:0px; margin:0px;
	}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	height: 100%;
	font-size: 18px;
	line-height: 30px; 
	font-family: 'pantonregular';
	background: #fafde1 url(images/bodyback.jpg) no-repeat 50% 0px; 
}
.wrapper {
	width: 100%;
	min-width: 300px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


.kid{font-family: 'kiddy_kittyextrabold';}
.bold, strong, b {font-family: 'pantonbold';}

.container{border: 0px solid #fff}

a , .play, button, .lisdtext, .mobmens{  -webkit-transition: all 0.2s; transition: all 0.2s;} 

.brds {
    background: #fff;
    border-radius: 10px;
    padding: 60px 55px;
}
.brds img {max-width: 100%; height: auto;}


a.link, a {color: #0096a9; text-decoration: underline;}
a:hover {color: #f56a3f}



h2, .h2{font-size: 32px; line-height: 40px;font-family: 'kiddy_kittyextrabold'; padding: 0px; margin: 0px 0px 30px 0px;color: #80bd01 }


.row iframe {width: 100% !; max-width: 100% !important}

.content img {border-radius: 6px !important}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: auto;
	 
}
.socline {text-align: right; height: 75px; padding-top: 30px; padding-right: 30px;}
.socs{display: inline-block; vertical-align: top; margin-right: 30px;}
a.phone {font-size: 22px; color: #fff; display: inline-block; vertical-align: top; text-decoration: none}
a.phone:hover {text-decoration: none; color: #fff}
a.phone i {margin-right: 10px;}

.blueline {height: 65px; position: relative; padding-left: 50px;}
.logo {
    width: 230px;
    height: 130px;
    position: absolute;
    left: -4px;
    top: -47px;
}




.mdf {position: absolute; right: 30px; top: 30px;}
@media (min-width: 1200px) {

}

 
@media (min-width: 992px) and (max-width: 1199px) {

}

 
@media (min-width: 768px) and (max-width: 991px) {

}

 
@media (max-width: 767px) {
.mdf {position: relative; right: auto; top: auto; margin: 0px auto 20px auto}
}
 


.topmenu {background: rgba(0,125,204,0.8); display: block; height: 65px; width: 100%; text-align: right; padding-right: 15px; padding-top: 0px;}
.topmenu>li {display: inline-block; vertical-align: middle; margin: 0px 0 0 -5px; position: relative; height: 65px;}
.topmenu>li>a {font-size: 20px; line-height: 20px; color: #fff; text-decoration: none; height: 65px; padding: 22px 15px 0px 18px; display: block;}
.topmenu>li>a:hover,
.topmenu>li.current-menu-item>a,
.topmenu>li.current-menu-parent>a,
.topmenu>li.current-menu-ancestor>a
 

 {color: #f1e95e;  background: #035da0;}

.topmenu>li>ul{display: none;}
.topmenu>li:hover>ul{position: absolute; z-index: 9; left: 0px;top: 65px; background: #035da0; text-align: left;width: 315px; display: block; padding: 20px 0px}

.topmenu .sub-menu li{display: block; font-weight: bold;}

.topmenu .sub-menu a{display: block; padding: 8px 15px; color: #fff; text-decoration: none;font-family: 'pantonbold';}
.topmenu .sub-menu a:hover,

.topmenu .sub-menu>li.current-menu-parent>a,
.topmenu .sub-menu>li.current-menu-ancestor>a,
.topmenu .sub-menu>li.current-menu-item>a
 
 {background: #014b85; color: #f2ea5e}


.slogans {text-align: center; font-size: 30px; line-height: 30px; color: #f1e95e; text-transform: uppercase; text-shadow: 2px 2px 5px #0e62ad; height: 90px; padding-top: 30px; letter-spacing: 1px}
.slif{ height: 90px; padding-top: 30px; }
/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 0px; margin-bottom: 80px;
}


.smallblock {background: #fff; height: 140px; position: relative; display: block; overflow: hidden}
.smallblockimg {background: #000; height: 140px; position: relative; float: left; width: 250px;}
.smallbockimg img {display: block; position: relative; max-width: 100%; height: auto; }
.bluecategory {display: block; position: absolute; color: #fff; font-size: 20px; font-weight: bold; padding: 5px 10px; background: #004080; top: 0px; left: 0px; }
.smallblocktext {color: #000; padding: 23px; box-sizing: border-box; height: 140px; float: left
}

.pd30{padding: 30px 0px;}

.art ul, .art ol {display: block; padding: 10px 0px 10px 20px;}

.art ul li{display: block; padding: 0px 0px 18px 25px; background: url(images/flower.jpg) no-repeat 0 5px}

.videoframe { position: relative; margin-bottom: 30px;}

#myVideo {padding: 0px; margin: 0px; display: block; padding: 5px; border-radius: 3px; background: #fff;}

.play {
    width: 126px;
    height: 150px;
    overflow: hidden;
    font-size: 150px;
    line-height: 50px;
    left: 50%;
    margin-left: -63px;
    top: 50%;
    margin-top: -70px;
     position: absolute;
    z-index: 2;
    color: #fff;
    opacity: 0.8;
    cursor: pointer
}
.play:hover {opacity: 1}


h1, .h1 {font-size: 60px; line-height: 60px; padding: 0px; margin: 0px 0px 30px 0px; color: #e84a36}

h5{color: #e84a36; font-family: 'pantonbold'; padding: 20px 0px; font-size: 18px;}

.p5 {padding-top: 6px;}
.p90 {margin-bottom: 90px}

.programmblock {height: 320px; position: relative; border: 1px solid #80bd01; border-radius: 10px; margin-bottom: 50px;}
.progimage {width: 600px; height: 320px; margin: -1px 0 0 -1px; float: left;
	 overflow: hidden; background: #f3f3f3;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;


}
.dopcont {padding: 20px 0px;}

.proginfo{width: 430px; padding: 35px 30px 165px 30px; float: left; position: relative;}

.progzag {font-size: 32px; line-height: 40px; color: #80bd01; }

a.progmore {font-size: 18px; color: #0096a9; text-decoration: underline; display: block; margin-bottom: 25px;}
a.progmore:hover {text-decoration: none; color: #e84a36}
.orderprog, .orderprogs, .orderprogz {width: 255px; height: 66px; font-size: 28px; line-height: 28px; text-align: center; background: #e84a36; color: #fff; border-radius: 10px ; border: none; outline: none}
.orderprog:hover, .orderprogs:hover {background: #80bd01}
.posi {position: absolute; height: 155px; left: 30px; top:157px;}

.allserv {text-align: right; margin-bottom: 50px;}

.eventblock {height: 280px; position: relative; border: 1px solid #80bd01; border-radius: 10px; margin-bottom: 50px; }
.eventheader {font-size: 32px; line-height: 40px; color: #fff; height: 72px; padding: 14px 35px 0px 35px; background: #80bd01; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

.eventtext {padding: 40px 300px 0px 35px; position: relative;}
.eventzag  {font-size: 23px; line-height: 40px; color: #e84a36;height: 53px}
.eventgreen  {font-size: 18px; line-height: 30px; color: #80bd01;height: 50px}

.eventtext .orderprog{position: absolute; top: 40px; right: 35px}

.rewblock {padding: 35px 0 50px 0px}

.forma{width: 540px;margin: 0px auto;   padding: 40px 0px;}

.nogreen {height: 50px; border: 1px solid #80bd01; border-radius: 6px; display: block; width: 100%; margin-bottom: 20px; padding: 14px 18px; font-size: 24px; line-height: 22px; outline: none}
textarea.nogreen {height: 115px}
.nogreen:focus {background: #80bd01; color: #fff;}

.loadpic{height: 71px; width: 100%; border-radius: 5px; border: 2px solid #e84a36; color: #e84a36; font-size: 16px; background: #fff;}


.loadpics{height: 71px; width: 100%; border-radius: 5px; border: 2px solid #e84a36; color: #e84a36; font-size: 16px; background: #fff;overflow: hidden; position: relative; text-align: center; }
.loadpics input {position: absolute; left: -9999px}

.loadpic:hover, .loadpics:hover {background:#e84a36; color: #fff }
#myload{font-size:100px; color: #fff; border-radius: 6px; text-align: center; background: #e6e6e6; margin-bottom: 20px; min-height: 225px; line-height: 100px;}
#myload span{display: block; padding-top: 60px;}
.lab {font-size: 16px; margin-bottom: 5px; color: #80bd01}

.grens {background: #80bd01; color: #fff;}
.fform {text-align: center; padding-top: 46px;}
.w322 {width: 322px; margin: 0px auto;}


.breadcrumbs {font-size: 16px; text-align: left; color: #fff; text-shadow:none; text-transform: none}
.breadcrumbs a{color: #fff; text-decoration: none}
.breadcrumbs a:hover {text-decoration: underline}

.red {color: #e84a36}

.question {margin-bottom: 10px;}
.question span  {color: #e84a36; border-bottom: 1px dotted #e84a36; cursor: pointer;}
.faq {margin-bottom: 20px;}
.answer {display: none}

.teamblock {margin-bottom: 45px;}
.teamblock .red {margin-bottom: 5px;}

.rev{padding: 50px 0px;}
.revblock {border-bottom: 1px solid #9ecb58; border-top: 1px solid #9ecb58; margin-top: -1px; padding: 20px 0px}
.revblock img {border-radius: 6px;}

.revmer {font-size: 18px; color: #e84a36}
.revzag {font-size: 18px; color:#9ecb58 }

.allright {text-align: right}

.var {padding: 30px 280px 30px 0px; border-bottom: 1px solid #80bd01; border-top: 1px solid #80bd01; position: relative; margin-top: -1px}
.vartitle {font-size: 24px; line-height: 30px; color: #e84a36}
.vartext {font-size: 18px; line-height: 30px; }
.vartext b{color: #e84a36}

.var .orderprog {position: absolute; right: 0px; top: 30px;}
.varimg {height: 340px; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px;}
.h50{height: 50px;}
article b{color: #e84a36}

.classi h2 {font-size: 32px; line-height: 40px;font-family: 'kiddy_kittyextrabold'; padding: 0px; margin: 40px 0px 10px 0px;color: #80bd01 }

.lisd {height: 210px; background: #fff; border-radius: 6px; overflow: hidden; position: relative; text-align: center; font-size: 18px; line-height: 26px; background: #fff;}
.lisd b {display: block; color: #e84a36}
.lisdimg {height: 135px; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px;}

.lisdtext {position: absolute; width: 100%; height: 210px; text-align: center; color: #fff; background: #80bd01; top: 0px; left: 0px; opacity: 0}
.lisdtext:hover {opacity: 1}

.lisdtext span{height: 210px; display: table-cell; vertical-align: middle; padding: 0px 10px}

.servslide {padding: 30px 55px; background: #ebebeb; border-radius: 6px}

.gimg {height: 155px; margin-bottom: 10px; background-repeat: no-repeat; background-size: cover; border-radius: 6px}

a.lancy {height: 240px; margin-bottom: 20px; display: block; position: relative; cursor: pointer; text-decoration: underline}

.galleryblock li{display: block; margin-bottom: 30px;}

a.backs {margin-top: -30px; display: block; margin-bottom: 30px;}

 .pus {display: none}
 .pus {opacity: 0.1}






.mask {position: fixed;top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 888}
.popup {width: 980px; position: absolute; background: #fff; border-radius: 6px; padding: 70px 140px; z-index: 889; position: fixed; left: 50%; margin-left: -490px; top: 100px}

.closepopup {width: 40px; height: 42px; position: absolute; right: -20px; top: -20px; cursor: pointer;}
.closepopup:hover {opacity: 1}

.w350{width: 350px;}

.popup .forma {
    width: 100%;
    margin: 0px auto;
    padding: 40px 0px;
}



#myload img {max-width: 100%; height: auto;}


.mymobile {height: 65px; width: 65px; border: none; position: absolute; right: 15px; top: 0px; font-size: 30px; background: none; outline: none; color: #fff}

.mobmens {width: 280px; padding-top: 30px; padding-bottom: 10px;   background: rgba(3,93,160,0.9);  border-radius: 6px; height: 400px; position: fixed; right: 5px; top: 100px; z-index: 9999; margin-right: -1000px}
.mosi {margin-right: 0px !important;}
.mobi{padding: 0px; margin: 0px; display: block;}
.mobi li {display: block; margin: 0px 0px 10px; height: 39px;padding-top: 10px; padding-left: 20px;padding-right: 20px;}
.mobi li a {color: #fff; font-size: 20px; line-height: 20px; text-decoration: none}

.mobi li:hover,
.mobi li.current-menu-item
 {background: rgba(1,75,133,0.9);}

.mobi .sub-menu{display: none}

 
 .clz{width: 16px;height: 15px; background: url(images/clz.png) no-repeat; position: absolute; right: 10px; top: 10px;}

.advers {height: 100px; width: 320px;  position: absolute; left: 50%; margin-left: -150px; bottom: 5px; z-index: 10; text-align: center; padding-top: 15px;  }
.advers button {border: 2px solid #fff;}


.bbt {padding-top: 20px; padding-bottom: 25px; height: auto !important; }




 
	
	
.event-widget-93c3b1f03c5a3eed-button-type1:hover{background:#e84a36; color: #fff}
.event-widget-93c3b1f03c5a3eed-button-type1:active{background:#e84a36;} 
.event-widget-93c3b1f03c5a3eed-button-type1 {
    width: 255px;
    height: 66px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    color: #e84a36;
    border-radius: 10px;
    border: none;
    outline: none;
    border: 2px solid #e84a36
}

.eventtext .event-widget-93c3b1f03c5a3eed-button-type1 {
    position: absolute;
    top: 40px;
    right: 35px;
}

@media (min-width:992px) and (max-width:1200px) {}




@media (min-width:768px) and (max-width:991px) {
	
.event-widget-93c3b1f03c5a3eed-button-type1 {
    width: 205px;
    height: 56px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    color: #e84a36;
    border-radius: 10px;
    border: none;
    outline: none;
    border: 2px solid #e84a36
}	

.eventtext .event-widget-93c3b1f03c5a3eed-button-type1 {
    position: absolute;
    top: 100px;
    right: 15px;
}

	
}



@media(max-width:767px) {
	
.event-widget-93c3b1f03c5a3eed-button-type1 {
    width: 145px;
    height: 36px;
    font-size: 12px;
    line-height: 14px;
   }	
.eventtext .event-widget-93c3b1f03c5a3eed-button-type1 {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 10px
}	


.eventblock {
    height:auto;}
	
	 }




/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: 0px auto 0;
	min-width: 300px;
	height: 535px;
	position: relative;
	background: url(images/footer.png) no-repeat 50% 100%;
	padding: 135px 0px 20px 0px;
}


.bottommenu {text-align: center; display: block; padding: 0px ; margin: 0px 0px 60px 0px}
.bottommenu li {display: inline-block; margin: 0px 15px;}
.bottommenu li a {font-size: 20px; line-height: 20px; color: #fff; text-decoration: none;}

.bottommenu .sub-menu{display: none}


.fbl {height: 43px; color: #fff; font-size: 18px; line-height: 30px;}

.fbl a{color: #fff; text-decoration: underline;}
.fbl a:hover {color: #f56a3f; }
a.pp {text-decoration: none}

.socs a {margin-right: 5px;}

.socs a:hover {opacity: 0.8}
.alright {text-align: right}

.copys {padding-top: 40px ; text-align: center; color: #fff; font-size: 18px; line-height: 30px;}
.copys img, .copys span {display: inline-block; vertical-align: top; margin: 0px 7px;}




::-webkit-input-placeholder {color:#000;}
::-moz-placeholder          {color:#000;} 
:-moz-placeholder           {color:#000;} 
:-ms-input-placeholder      {color:#000;}


.grens::-webkit-input-placeholder {color:#fff;}
.grens::-moz-placeholder          {color:#fff;} 
.grens:-moz-placeholder           {color:#fff;} 
.grens:-ms-input-placeholder      {color:#fff;}


.nogreen:focus

.nogreen:focus::-webkit-input-placeholder {color:#000;}
.nogreen:focus::-moz-placeholder          {color:#000;} 
.nogreen:focus:-moz-placeholder           {color:#000;} 
.nogreen:focus:-ms-input-placeholder      {color:#000;}




@media (min-width:992px) and (max-width:1200px) {
	
.progimage { width: 450px;	}
.proginfo { width: 400px;	}
.progzag {
    font-size: 24px;
    line-height: 30px;
    color: #80bd01;
}	
	
.orderprog, .orderprogs {
    width: 255px;
    height: 56px;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    background: #e84a36;
    color: #fff;
    border-radius: 10px;
    border: none;
    outline: none;
}

.posi {
    position: absolute;
    height: 135px;
    left: 30px;
    top: 177px;
}

.eventtext {
    padding: 20px 300px 0px 35px;
    position: relative;
}

.eventzag {
    font-size: 23px;
    line-height: 40px;
    color: #e84a36;
    height: 93px;
}

.eventgreen {
    font-size: 18px;
    line-height: 30px;
    color: #80bd01;
    height: 40px;
}

.eventheader {
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    height: 72px;
    padding: 14px 35px 0px 35px;
    background: #80bd01;
}







	
	
}




@media (min-width:768px) and (max-width:991px) {
	
.popup {
    width: 700px;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    padding: 30px 60px;
    z-index: 889;
    position: fixed;
    left: 50%;
    margin-left: -350px;
    top: 100px;
}	
	
.progimage {
    width: 300px;}	
	
.proginfo {
    width: 330px;
    padding: 25px 20px 165px 30px;
    float: left;
    position: relative;
}	
	
.progzag {
    font-size: 28px;
    line-height: 30px;
    color: #80bd01;
}
.orderprog, .orderprogs {
    width: 205px;
    height: 56px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    background: #e84a36;
    color: #fff;
    border-radius: 10px;
    border: none;
    outline: none;
}
.posi {
    position: absolute;
    height: 135px;
    left: 30px;
    top: 187px;
}

.brds {
    background: #fff;
    border-radius: 10px;
    padding: 45px 15px;
}

.eventheader {
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    height: 72px;
    padding: 14px 35px 0px 35px;
    background: #80bd01;
}

.eventtext .orderprog {
    position: absolute;
    top: 40px;
    right: 15px;
}
.eventtext {
    padding: 20px 240px 0px 35px;
    position: relative;
}

.eventtext .orderprog {
    position: absolute;
    top: 20px;
    right: 15px;
}

.eventgreen {
    font-size: 16px;
    line-height: 26px;
    color: #80bd01;
    height: 50px;
}

.eventzag {
    font-size: 23px;
    line-height: 40px;
    color: #e84a36;
    height: 90px;
}
h1, .h1 {
    font-size: 45px;
    line-height: 50px;
    padding: 0px;
    margin: 0px 0px 50px 0px;
    color: #e84a36;
}




	
	
	
}



@media(max-width:767px) {
.brds {
    background: #fff;
    border-radius: 10px;
    padding: 35px 15px;
}	
	
.progimage {
    width: 40%;
    height: 140px;}	
	
.proginfo {
    width: 60%;
    padding: 7px 10px 5px 20px;
    float: left;
    position: relative;
}	
	
.progzag {
    font-size: 16px;
    line-height: 18px;
    color: #80bd01;
    padding-top: 0px;
}	
	
.posi {
    position: relative;
    height: auto;
    left: auto;
    top: auto;
}	
a.progmore {
    font-size: 13px;
    margin-bottom: 6px;
}	
.orderprog, .orderprogs {
    width: 145px;
    height: 36px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    background: #e84a36;
    color: #fff;
    border-radius: 10px;
    border: none;
    outline: none;
}	
.programmblock {
    height: 140px;
    position: relative;
    border: 1px solid #80bd01;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}	
h1, .h1 {
    font-size: 18px;
    line-height: 24px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    color: #e84a36;
}

.allserv {
    text-align: right;
    margin-bottom: 20px;
}

.eventheader {
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    height: auto;
    padding: 14px 15px 10px 15px;
    background: #80bd01;
}

.eventtext .orderprog {
    position: relative;
    top: auto;
    right: auto;
}

.eventtext {
    padding: 20px 10px 20px 10px;
    position: relative;
}
.eventzag {
    font-size: 18px;
    line-height: 24px;
    color: #e84a36;
    height: auto;
    margin-bottom: 10px;
}


.eventgreen {
    font-size: 18px;
    line-height: 24px;
    color: #80bd01;
    height: auto;
    margin-bottom: 10px;
}

.eventtext .progmore {margin-bottom: 10px;} 

.forma {
    width: auto;
    margin: 0px auto;
    padding: 20px 0px;
}

.fform {
    text-align: center;
    padding-top: 26px;
}
.bottommenu {
    text-align: left;
    display: block;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.bottommenu li {
    display: inline-block;
    margin: 0px 15px 5px 0px;
}
.bottommenu li a {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
}
	
.footer {
    margin: 0px auto 0;
    min-width: 300px;
    height: 535px;
    position: relative;
    background: url(images/footer.png) no-repeat 50% 100%;
    padding: 65px 0px 20px 0px;
}
.fbl {
    height: 33px;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: center
}

.footer .socs {
    display: inline-block;
    vertical-align: top;
    margin-right: 0px;
    text-align: center;
    width: 100%;
    padding-top: 30px
}


.logo {
    width: 106px;
    height: 60px;
    position: absolute;
    left: 2px;
    top: -25px;
}

.logo img {max-width: 100%; height: auto}

.socline {
    text-align: right;
    height: 55px;
    padding-top: 10px;
    padding-right: 30px;
}

.topmenu {
    background: rgba(0,125,204,0.8);
    display: block;
    height: 35px;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    padding-top: 18px;
}

.mymobile {
    height: 35px;
    width: 35px;
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 20px;
    background: none;
    outline: none;
    color: #fff;
}

a.phone {
    top: 5px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    position: absolute;
    right: 60px;
}

a.phone i{display: none}

.slogans {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #f1e95e;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px #0e62ad;
    height: auto;
    padding-top: 0px;
    letter-spacing: 1px;
}

.p90 {font-size: 16px; line-height: 22px;}
.p90 img {margin-bottom: 10px;}	

.p90 {
    margin-bottom: 30px;
}

.header {
    height: auto;
}

 
body {font-size: 16px; line-height: 22px;}

a.backs {
    margin-top: -10px;
    display: block;
    margin-bottom: 30px;
}

.popup {
    width: 300px;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    padding: 10px 10px;
    z-index: 889;
    position: fixed;
    left: 50%;
    margin-left: -150px;
    top: 100px;
}



.slif {
    height: auto;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.var {
    padding: 30px 0px 30px 10px;
    border-bottom: 1px solid #80bd01;
    border-top: 1px solid #80bd01;
    position: relative;
    margin-top: -1px;
}

.var .orderprog {
    position: relative;
    right: auto;
    top: auto;
}

.vartext {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 26px;
    line-height: 30px;
    font-family: 'kiddy_kittyextrabold';
    padding: 0px;
    margin: 0px 0px 20px 0px;
    color: #80bd01;
}

.classi h2 {
    font-size: 26px;
    line-height: 30px;
    font-family: 'kiddy_kittyextrabold';
    padding: 0px;
    margin: 40px 0px 10px 0px;
    color: #80bd01;
}

.servslide {
    padding: 30px 5px;
    background: #ebebeb;
    border-radius: 6px;
}

.lisd {margin-bottom: 30px;}

.copys {
    padding-top: 10px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}

.footer .socs {padding-top: 10px}





	 }