/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, body {
  font: 14px "Open Sans", Arial;
  color: #333333;
  font-weight: 300;
  height: 100%;
}
body {
  overflow-y: scroll;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
a {
	color: #555;
	text-decoration: none;
}
a:hover,
a.active {
	color: #9F1F50;
}
b, strong {
	font-weight: 400;
}
i {
	font-family: "Lato Italic";
	font-style: normal;
}
textarea {
    resize: none;
}
.disabled {
	cursor: default;
}
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin-bottom: 30px;
  padding: 0;
}
ol, ul {
	padding-left: 20px;
}

ul {
	list-style-type: circle;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
 


hr {
  margin: 10px 0;
  border: 0;
  height: 1px;
  background: #e2e2e2;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: "Open Sans", Arial;
	font-weight: 300;
	line-height: 1.4;
}

h1, 
h2, 
h3 {
	margin-top: 30px;
	margin-bottom: 20px;
}

h4, 
h5, 
h6 {
	margin-top: 20px;
	margin-bottom: 10px;
}

h1 {
	font-size:48px;
	color: #00728c;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 15px;
}

h6 {
	font-size: 12px;
}

p {
	margin: 0 0 10px;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
address{font-style: normal;
font-size: 1em;} 
/*grid960*/

body{min-width:960px;}.container_24{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23,.push_24,.pull_24{position:relative;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_24 .grid_1{width:30px;}.container_24 .grid_2{width:70px;}.container_24 .grid_3{width:110px;}.container_24 .grid_4{width:150px;}.container_24 .grid_5{width:190px;}.container_24 .grid_6{width:230px;}.container_24 .grid_7{width:270px;}.container_24 .grid_8{width:310px;}.container_24 .grid_9{width:350px;}.container_24 .grid_10{width:390px;}.container_24 .grid_11{width:430px;}.container_24 .grid_12{width:470px;}.container_24 .grid_13{width:510px;}.container_24 .grid_14{width:550px;}.container_24 .grid_15{width:590px;}.container_24 .grid_16{width:630px;}.container_24 .grid_17{width:670px;}.container_24 .grid_18{width:710px;}.container_24 .grid_19{width:750px;}.container_24 .grid_20{width:790px;}.container_24 .grid_21{width:830px;}.container_24 .grid_22{width:870px;}.container_24 .grid_23{width:910px;}.container_24 .grid_24{width:950px;}.container_24 .prefix_1{padding-left:40px;}.container_24 .prefix_2{padding-left:80px;}.container_24 .prefix_3{padding-left:120px;}.container_24 .prefix_4{padding-left:160px;}.container_24 .prefix_5{padding-left:200px;}.container_24 .prefix_6{padding-left:240px;}.container_24 .prefix_7{padding-left:280px;}.container_24 .prefix_8{padding-left:320px;}.container_24 .prefix_9{padding-left:360px;}.container_24 .prefix_10{padding-left:400px;}.container_24 .prefix_11{padding-left:440px;}.container_24 .prefix_12{padding-left:480px;}.container_24 .prefix_13{padding-left:520px;}.container_24 .prefix_14{padding-left:560px;}.container_24 .prefix_15{padding-left:600px;}.container_24 .prefix_16{padding-left:640px;}.container_24 .prefix_17{padding-left:680px;}.container_24 .prefix_18{padding-left:720px;}.container_24 .prefix_19{padding-left:760px;}.container_24 .prefix_20{padding-left:800px;}.container_24 .prefix_21{padding-left:840px;}.container_24 .prefix_22{padding-left:880px;}.container_24 .prefix_23{padding-left:920px;}.container_24 .suffix_1{padding-right:40px;}.container_24 .suffix_2{padding-right:80px;}.container_24 .suffix_3{padding-right:120px;}.container_24 .suffix_4{padding-right:160px;}.container_24 .suffix_5{padding-right:200px;}.container_24 .suffix_6{padding-right:240px;}.container_24 .suffix_7{padding-right:280px;}.container_24 .suffix_8{padding-right:320px;}.container_24 .suffix_9{padding-right:360px;}.container_24 .suffix_10{padding-right:400px;}.container_24 .suffix_11{padding-right:440px;}.container_24 .suffix_12{padding-right:480px;}.container_24 .suffix_13{padding-right:520px;}.container_24 .suffix_14{padding-right:560px;}.container_24 .suffix_15{padding-right:600px;}.container_24 .suffix_16{padding-right:640px;}.container_24 .suffix_17{padding-right:680px;}.container_24 .suffix_18{padding-right:720px;}.container_24 .suffix_19{padding-right:760px;}.container_24 .suffix_20{padding-right:800px;}.container_24 .suffix_21{padding-right:840px;}.container_24 .suffix_22{padding-right:880px;}.container_24 .suffix_23{padding-right:920px;}.container_24 .push_1{left:40px;}.container_24 .push_2{left:80px;}.container_24 .push_3{left:120px;}.container_24 .push_4{left:160px;}.container_24 .push_5{left:200px;}.container_24 .push_6{left:240px;}.container_24 .push_7{left:280px;}.container_24 .push_8{left:320px;}.container_24 .push_9{left:360px;}.container_24 .push_10{left:400px;}.container_24 .push_11{left:440px;}.container_24 .push_12{left:480px;}.container_24 .push_13{left:520px;}.container_24 .push_14{left:560px;}.container_24 .push_15{left:600px;}.container_24 .push_16{left:640px;}.container_24 .push_17{left:680px;}.container_24 .push_18{left:720px;}.container_24 .push_19{left:760px;}.container_24 .push_20{left:800px;}.container_24 .push_21{left:840px;}.container_24 .push_22{left:880px;}.container_24 .push_23{left:920px;}.container_24 .pull_1{left:-40px;}.container_24 .pull_2{left:-80px;}.container_24 .pull_3{left:-120px;}.container_24 .pull_4{left:-160px;}.container_24 .pull_5{left:-200px;}.container_24 .pull_6{left:-240px;}.container_24 .pull_7{left:-280px;}.container_24 .pull_8{left:-320px;}.container_24 .pull_9{left:-360px;}.container_24 .pull_10{left:-400px;}.container_24 .pull_11{left:-440px;}.container_24 .pull_12{left:-480px;}.container_24 .pull_13{left:-520px;}.container_24 .pull_14{left:-560px;}.container_24 .pull_15{left:-600px;}.container_24 .pull_16{left:-640px;}.container_24 .pull_17{left:-680px;}.container_24 .pull_18{left:-720px;}.container_24 .pull_19{left:-760px;}.container_24 .pull_20{left:-800px;}.container_24 .pull_21{left:-840px;}.container_24 .pull_22{left:-880px;}.container_24 .pull_23{left:-920px;}

.container_24{position: relative;}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
} 

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{font-family: 'Open Sans', sans-serif;font-weight:300;}
header{width: 960px;height: 90px;margin:0 auto;position: relative;}
header .logo {position: absolute;top: 13px;left: 10px;display: block;background:  url(../img/logo.jpg) 0 0 no-repeat;width: 200px;height: 60px;}
header .logbox {position: absolute;width: 367px;height: 34px;right: 0;border-bottom: 1px solid #999;}
header .logbox a{position: absolute;right: 0;top: 6px;}
header .phones {position: absolute;right: 0;top: 37px;font: normal 22px  'PT Sans', sans-serif;}

nav {position: absolute;top: 30px;right: 0;}
nav li {display: inline-block;position: relative;padding:0 10px; text-align: center;}
nav li ul { display: none;background: #fff;position: absolute;top:22px;left:0px;padding: 3px 3px 3px 1em;margin: 0;z-index: 10000;border:1px solid #eee;border-top:0;box-shadow:0px 6px 9px #999;width:200px;}
nav li  li{display: block;font-size:0.9em;text-align: left !important;z-index: 1000000;}
nav a{color:#fff;text-decoration: none;font-family: "Open Sans", Arial;font-size:18px;font-weight: 300;}
nav a:hover{color:#6cc5c9;/*text-decoration: underline;*/}
nav .folder{position: relative;}
nav .darr {display: block;
position: absolute;
left: 41.2%;
bottom: -11px;
width: 24px;
height: 18px;
overflow: hidden;
color: #999;
font: bold 10px Arial;}

nav .active  {/*text-decoration: underline;*/}
nav .active a {font-weight:400;}


/*=====================================
	COMMON ELEMENTS
=======================================*/


div.wide-header {width: 100%;background: #4a4a4a; overflow: hidden;}

div.wide {width: 100%;background:  url(../img/wide-bg.png) 0 0 ; overflow: hidden;} 

div.wide2 img{padding-top:25px;}
div.wide2 h1 {padding-top:25px;}
div.wide2 p {padding:20px 70px 20px 0;}
div.wide2 { width: 100%; overflow: hidden; padding-bottom:25px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );

}

div.wide3 {width: 100%;background: #f4f4f4; overflow: hidden;} 
div.wide3 h3{padding: 0 10px 10px 10px;text-align: center;font-size: 23px;}

div.wide4 {width: 100%;background: #f4f4f4; overflow: hidden;} 
div.wide4 h4{padding: 10px 0 20px 0;text-align: center;font-size: 20px;}

.read {display:block;text-align: center;padding: 4px 5px;width:80px;border-radius:3px;background: #999; color:#fff;text-decoration: none; font-size:12px;}
.read:hover {box-shadow:none;background: #000;}    
.read:active {color:red;box-shadow:0px 2px 6px #999 inset;}   

  

.line {width:100%; background: url(../img/line-bg.png)  left center repeat-x;text-align: center;}
.line span {background: #fff;padding:0 1em}

/*---carousel-------*/
.carousel{overflow: hidden !important;padding-bottom:40px; }
.carousel .slide{position: relative; display:block;padding: 0 !important;/* min-height:400px; */}
.carousel .slide h4 {min-height:52px;}
.carousel .slide p {height: 192px;display: block;overflow: hidden; text-align:justify;}
.carousel_group {width: 960px !important;height:1000px;}
.carousel_group:nth-child(2n) {}
 
.hoverFx{display: none;position: absolute;top: 0;left: 0;width: 100%;background: #666;opacity:0.9;text-align: center;height:281px;color:#fff;}
.hoverFx a{color:#fff;}
.hoverFx p.more{display: block;border:2px solid #eee;height: 24px;padding:0; width:140px; color:#fff;margin:110px auto 0;font-weight:400;}
.hoverFx span{display: inline-block;height: 24px;margin-left: 10px;padding-left: 10px;border-left:2px solid #eee;text-align: center;}
a:hover .hoverFx {display: block;}


.prev, .next{display:block;position: absolute;width: 60px;height: 60px;z-index: 9999999999;border-radius:100px;}
.prev{left:-30px;background:  url(../img/prev.png) 0 0 no-repeat;}
.next{right:-30px;background:  url(../img/next.png) 0 0 no-repeat;}
.prev:hover,.next:hover {box-shadow:0 0 6px #000;}
  
/* pager */
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute;  overflow: hidden;}
.cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px;     display: inline-block; color: #ddd; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #333;}
.cycle-pager > * { cursor: pointer;}

/*-----social icons------------*/

ul.social-icons{list-style:none;}
ul.social-icons li{display:inline-block;}
ul.social-icons li a{display:block;height:34px;width:34px;border-radius:100px;overflow:hidden;background:url(../img/social-icons.png) no-repeat top left;margin:0 5px;}
ul.social-icons li a.tw{background-position:0 -588px;width:34px;height:34px;}
ul.social-icons li a.tw:hover{background-position:0 -504px;width:34px;height:34px;}
ul.social-icons li a.fb{background-position:0 -84px;width:34px;height:34px;}
ul.social-icons li a.fb:hover{background-position:0 0;width:34px;height:34px;}
ul.social-icons li a.vk{background-position:0 -756px;width:34px;height:34px;}
ul.social-icons li a.vk:hover{background-position:0 -672px;width:34px;height:34px;}
ul.social-icons li a.gp{background-position:0 -252px;width:34px;height:34px;}
ul.social-icons li a.gp:hover{background-position:0 -168px;width:34px;height:34px;}
ul.social-icons li a.in{background-position:0 -420px;width:34px;height:34px;}
ul.social-icons li a.in:hover{background-position:0 -336px;width:34px;height:34px;}
ul.social-icons li a.yt{background-position:0 -924px;width:34px;height:34px;}
ul.social-icons li a.yt:hover{background-position:0 -840px;width:34px;height:34px;}
/*---------------------------HIDE------------------------------------------------*/
															/*header,
															footer,
															.mp-slider, 
															.about, 
															.gallery, 
															.contacts,
															.news, 
															.mp-projects,  .artists
															 
															.mp-directions,
															 {display:none !important;}*/
/*=====================================------------------------------------------------------
MAIN PAGE
======================================*/
#id1 .mp-content  section {width:100%;margin: 0 auto ;overflow: hidden; 	 }
#id1 .mp-content  p{	 }

/*---main slider----*/
.mp-slider {position: relative;min-height: 500px;height: 500px;overflow: hidden;width: 100%!important;max-width:1920px;}
.mp-slider .slide{ height: 500px;overflow: hidden;top: 0;left: 0;width: 100% !important; margin: 0 auto;}
.mp-slider .slide img{float: left;}
.mp-slider .slide h2 {font-size:52px; top: 200px;right: 100px;margin-bottom: 0;}
.mp-slider .slide p {top: 100px;right: 0;width: 300px;}
.mp-slider  .dark{color:#000;}
.mp-slider .light{color:#fff;}
.mp-slider .prev, .mp-slider .next {margin-top:200px;}
.mp-slider .prev{margin-left:-40px;}
.mp-slider .next {margin-right:-40px;}
.vp-slide {background-size:cover !important}
/*----------ABOUT Section--------------*/
.about .quotes {padding-bottom:2em; display: block;margin-bottom:37px;margin-top:-1em; }
.about  blockquote p {text-align: center;  }
.about  blockquote p.name {  width: 100%;
text-align: center;}
.about  blockquote p.name strong {  }
.about .wide {height:350px;}
.about  h1 { text-align: center;font-size:2.5em!important; }  
.about  h3 {font-weight:bold;  }
.about   {margin-bottom: 1px !important; }
.about .grid_13 {background: #fff; height: 352px; padding:0 1em; margin-left: -5px;}
.about .cycle-pager {bottom:0;}
.about .wide {font-size:0.98em}
 

/*------------mp-projects--------*/
.mp-projects .slide img{height: 282px;border-radius:10px;}
.mp-projects .slide p{text-align: justify;}
.mp-projects .slide .read{margin:1em auto;}
.mp-projects .hoverFx {border-radius:10px;}
/*------------mp-directions--------*/

.mp-directions .wide{height: 230px;}
.mp-directions  .carousel {margin-top:-230px;}  
.mp-directions .slide img{border-radius:300px;overflow: hidden;display: block;width: 230px;height: 230px;}
.mp-directions .slide p {text-align: justify;}
.mp-directions .slide .read {margin:1em auto;}
.mp-directions  .hoverFx {border-radius:300px;height: 230px;}
.mp-directions  .hoverFx .more {margin-top: 100px;}

/*--------------news--------------*/
.news article{width:306px;float: left;  -moz-box-sizing:border-box;  box-sizing:border-box; position: relative;}
.news .date {padding-left:20px;background:  url(../img/date-ico.gif) left center  no-repeat;font-size:0.8em; color:#9d9d9d;}
.news article p {border-bottom:2px solid #d1d1d1;}
.news-item img{width: 100%;}
.news h4{}
.news .imgLink{display: block;overflow: hidden;width: 306px;position: relative;}
.news .hoverFx {width: 306px;height: 1000px;}
.news .subscribe{background: #f5f5f5;height: 165px;font-size:0.9em;  -moz-box-sizing:border-box;  box-sizing:border-box; }
.news .subscribe .pl_40{padding-left: 40px;-moz-box-sizing:border-box;  box-sizing:border-box; }
.news .subscribe .pl_40 h3{text-align: left !important;}
.news .subscribe .pl_40 form{text-align: left !important;}
.news .subscribe .pl_40 form input{display: inline-block;}
.news .subscribe .pl_40 form{text-align: left !important;}
.news .subscribe .archive{display: block;height: 106px;width: 106px;background:  url(../img/archive.png) center center no-repeat;margin: 10px 31px;}
.news .subscribe h3 {text-align: center;}
.news .subscribe  input[type="text"]{width:220px;height: 30px;}

/*-------------mp-artist----------*/
.artists {}
.artists img{overflow: hidden;border-radius:300px;display: block;height: 230px;width: 230px;}
.artists .hoverFx  {border-radius:300px;height: 230px;}
.artists .hoverFx  .more{margin-top: 100px;}
.artists {}
.artists {}
/*-------------mp-gallery----------*/
.gallery .wide {width: 100%;text-align: center;position: relative;height: 376px;max-width:1920px;margin: 0 auto;}
.gallery {position: relative;margin-bottom:0;padding-bottom: 0;}
.gallery .wide img{display: block;}
.gallery .slide img{width: 230px;height: 230px;}
.photo img{border-radius:10px;overflow: hidden;box-shadow:0 0 6px #999;display: block;}
.gallery .hoverFx  {height: 230px;border-radius:10px;}
.gallery .hoverFx  .more{}
.gallery  h4 {text-align: center;}
.galleryDir  {height: 333px;}
.galleryDir img {width: 210px;display: block;height: 210px;border-radius:10px;}
.galleryDir .hoverFx {width: 210px;height: 210px;}
.parent26 .colorbox img{width: 210px;margin:0 10px 10px 0;}
.mp-gallery-slide{height: 376px;width: 100%;max-width: 1920px;background-size:cover !important;}
/*-------------mp-contacts---------*/
.contacts  .wrap{background:#e7e7e7;-moz-box-sizing:border-box;  box-sizing:border-box; padding:32px;}
.contacts form{padding: 0;
margin: 0;}
.contacts  input, .contacts textarea {width: 469px !important;margin-bottom: 10px;border:1px solid #fefefe;height: 30px;-moz-box-sizing:border-box;  box-sizing:border-box; }
.contacts textarea {width: 98%;height: 200px !important;}

.contacts  p {
font-size: 0.85em;
}

.contacts address {font-size:0.9em;margin-bottom: 1em;text-indent:-3px;}
.cnt-adr h3{margin-top: 0;}
.cnt-adr .read {margin: -4px 0 0 294px;}




/* ==========================================================================
   INNER PAGES
   ========================================================================== */
.inner-page-top {width: 950px;margin: 0 auto;height: 164px;}
.inner-page-top {}
.inner-page-top {}
.catalog { text-align: center;} 
.catalog img {display: block; height: 230px; width: 230px; border-radius:10px;} 
.catalog .hoverFx{height: 230px; width: 230px;border-radius:10px;} 
.catalog .hoverFx .more {margin-top: 100px;} 
.catalog-item{height:400px;} 
.catalog  h4{margin-bottom: 0;} 
.catalog {} 
 .pagination{text-align: center;}
 .pagination  a{display: inline-block;
 height: 30px;
 width: 30px;
 border:1px solid #000;
 background:#aaa;
 border-radius:100px;
 text-align: center;
 -moz-box-sizing:border-box;  box-sizing:border-box; 
 padding: 3px;
 color:#fff;
 text-decoration: none;
 }
 .pagination{}
 .pagination{}
.news-page h1{margin-bottom: 0;}
.news-page .info {border-top:1px solid #f2f2f2;border-bottom:2px solid #f2f2f2;width: 100%; height: 34px;margin-bottom: 20px;position: relative;}
.news-page .date {padding-left:20px;background:  url(../img/date-ico.gif) left center  no-repeat;font-size:0.8em; color:#9d9d9d;top: 8px;left:0px; position: absolute;}
.news-page .info .comment{background:  url(../img/comment-ico.gif) 0 0 no-repeat;display: inline-block; width: 50px;top: 8px; left: 180px;height: 30px; position: absolute;}
.news-page .info .share{position: absolute;left: 300px;top: 8px;height: 30px;font-size: 0.8em;color: #999;width: 294px;}
.news-page .info .yashare-auto-init{display: inline-block;position: absolute;top: -5px;width: 154px;right: 0;}
.news-main-img{float:left;height: 230px;width: 230px;margin:0 20px 20px 0;border-radius:5px;} 
.news-item p{text-align: justify;}
.news-page aside{}
aside .subscribe{background: #f5f5f5;margin-top: 55px;-moz-box-sizing:border-box;box-sizing:border-box; padding:0.5em;font-size:0.95em;}
aside .social-icons{padding-left: 0;}
aside .social-icons li{width: 35px;}
aside .subscribe input[type="text"]{width:250px;}

.news-page aside{}
.news-page aside{} 
.news-head {font-size:0.9em;}

#id409 .share-top {display: none;} /*test*/ 
.foto-media {width: 100%;}
.foto-media .read{margin:1em auto;height: 34px;}
.foto {width: 180px;height: 180px; margin-bottom: 30px;}
.foto img{width: 180px;height: 180px;}
/*-------------kid-anketa---------*/
.kid-anketa  .wrap{background:#e7e7e7;-moz-box-sizing:border-box;  box-sizing:border-box; padding:32px 32px 15px 32px;}
.kid-anketa form{padding: 0;margin: 0;}
.kid-anketa  input[type="text"]   {width: 440px !important;margin-bottom: 10px;border:1px solid #fefefe;height: 30px;-moz-box-sizing:border-box;  box-sizing:border-box; }
.kid-anketa textarea {width: 894px;height: 200px;margin-bottom: 10px;border:1px solid #fefefe;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0;}

.kids-page aside {margin-top: 31px;}
.kid-info {margin-bottom: 2em;}
.kid-form-col1{width: 448px; float: left;-moz-box-sizing:border-box;box-sizing:border-box;}
.kid-form-col2{width: 448px;margin-left: 448px;-moz-box-sizing:border-box;box-sizing:border-box;padding-left: 8px;}


/* ==========================================================================
   COMMENTS
   ========================================================================== */
   .jot {width: 100%;padding-top: 40px;}
   .jot {}
/* ==========================================================================
   VIDEO
   ========================================================================== */
	.video-item {height: 450px;
	width: 470px;
	float: left;}
/* ==========================================================================
   FOOTER
   ========================================================================== */
footer{width:100%;color:#fff;font-size:.75em;overflow: hidden;margin-top: 50px;background: #4a4a4a;padding:20px 0 20px 0;}
footer section{position:relative;}
footer a{color:#fff;text-decoration:none;}
footer a:hover{text-decoration:underline;color:#bbb;}
footer li {
    display:inline;
    list-style-type:none;
}
footer ul{list-style:none;padding-left:0;}
.footer-menu {margin-bottom:20px;font-size:14px;}
.copyright{text-align:center;margin-top:27px;}
@-moz-document url-prefix() { 
  .copyright {
    margin-top:20px !important;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
   .cntr {text-align: center;margin: 0 auto;}
#scrollUp {bottom: 20px;right: 20px;height: 38px;width: 38px;background: url(../img/top.png) no-repeat;}
#scrollUp-active {border: 0 !important;}
.test {outline:1px solid red; } 

/*
 * Image replacement
 */
.long {width: 100px;text-align: center;}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {  
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}