@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic);
body{
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-family: 'Open Sans Condensed', sans-serif;
    height: auto;
    background: #fff;    
}
a{
    text-decoration: underline;
    cursor: pointer;
    outline: none!important;
}
a:hover{
    text-decoration: none;
}
.btn {
    outline: none!important;
    
}
.orange-block,.purple-block,.blue-block,.yellow-block,.error-block{
    position: absolute; 
    top: -40px;    
}
.orange-block{
    background: #fd7519;
    width: 200px;
    height: 30px;
    margin-left: -5%;    
    
}
.purple-block{
    background: #2a66ac;
    width: 200px;
    height: 30px; 
}
.blue-block{
    
    background: #fff000;
    width: 200px;
    margin-left:3%;
    height: 30px;     
}
.yellow-block{
    background: #e31d72;
    width: 200px;
    height: 30px; 
    margin-left:0%;      
}
.error-block{
    text-align: center;
    font-weight: bold;
    background: #E70106;
    color: white;
    width: 250px;
    height: auto;
    padding: 4px 15px;
    margin-left: -3%; 
}
.navbar-default{
    margin-top:-100px;
    height: 40px;
    background: #444;
    background: rgba(0, 0, 0, 0.8);
    border: none!important;
}
.centred-menu{
    margin: 0 auto;
    width:80%;  
    text-align: center; 
    height: 20px; 
}
.logo{
    width: 5%;
}
.logo a{
    width: 26px;
    height: 24px;
    margin-top:12px;
    float: left;
    background: url('../img/home.png') no-repeat;
}
.logo a:hover{
    background: url('../img/homeh.png');
}
.menu{
    width: 70%;
    float: left;
    height: 100%;
    padding-left: 0; 
}
@media (max-width: 1092px){
    .centred-menu{
        margin: 0 auto;
        width:90%;    
    }
    .menu{
        width:80%;    
    }
    .menu li{
        padding: 13px 2.5%!important;    
    }  
    .menu li a{
        font-size:18px!important;
    }
    .search{
        display: none;
    }
}
@media (max-width: 880px){
    .centred-menu{
        margin: 0 auto;
        width:95%;    
    }
    .menu{
        width:75%;    
    }
    .menu li{
        padding: 15px 2.5%!important;    
    }     
    .menu li a{
        font-size:16px!important;
    }
    .langs{
        width: 15%!important;
    } 
    .color1,.color2,.color3,.color4{
        border-bottom: 2px solid #ccc!important;
    } 
    .color1 a,.color2 a,.color3 a,.color4 a{
        color: #333!important;
    }
}
@media (max-width:540px){
    .menu li{
        padding: 15px 2.5% 0px!important;    
    }   
    .langs {
        margin-top:3px!important;
    }
    .langs ul li {
        font-size:17px!important;
	margin-bottom:0!important;
        margin-top:0!important;
    }
    .navbar-default{
        height: 80px!important; 
    }
    .intro_block {
        padding-top: 80px!important;
    }
    
}
.menu li{
    padding: 10px 3%;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}
.menu li:hover a{
    color: #ddd;
}
.menu li a{
    font-size: 22px;
    text-decoration: none;
    color: #fff; 
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}
.search{
    float: left;
    margin-top: 10px;
    width: 18%;
    position: relative;
    cursor: pointer;
}
.search div.loupe{
    height: 26px;
    width: 26px;
    position: absolute;
    display: block;
    left: 0;
    background:url('../img/search.png')no-repeat;
    background-size: cover;
}
.search div.loupe2{
    height: 22px;
    width: 22px;
    position: absolute;
    display: block;
    left: 3px;
    top: 4px;
    background:url('../img/searchh.png')no-repeat;
    background-size: cover;
}
.search div.loupe:hover{
    background:url('../img/searchh.png')no-repeat;
    background-size: cover;
}
.search input{
    display:none;
    float: left;
    padding:0px;
    width: 10px;
    height: 30px;
}
.search input:active{
    border: 0;
}
.langs{
    margin-top: 10px;
    color: #fff;
    background: #111;
    border: 1px solid #000;
    border-right: 1px solid #353535;
    border-bottom: 1px solid #353535;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    width: auto;
}
.langs ul{
    margin: 0 7px;
    padding: 0;
}
.langs ul li{
    display: inline-block;
    margin: 2px 2px 6px;
    font-size:18px;
}
.langs ul li a{
    color:white;
}
.intro_block{
    width: 100%;
    margin:0 auto;
    padding-top: 50px;
    background:#fff;
    overflow: hidden;
    border-bottom: 6px solid #333;
}
.intro_block .col-md-4{
    padding: 0;
}
.intro_block .image,.intro_block div img {
    height: 500px;
}
.intro_block .color-menus{
    height: 500px;
}
@media (max-width: 992px){
    .intro_block .image {
      margin-left:-150px;
    }    
}
.absolute-center{
    position: absolute;
    left:0;
    right:0;
    margin:0; 
    width: 500px;   
}
.colorpainted{
    position: absolute;
    overflow: hidden;
}
.right-block {
    position: absolute;
    right: -20px;
    top: 0px;
}
.left-block{
    position: absolute;
    left: -20px;
    top: 0px;    
}
.color1,.color2,.color3,.color4{
    height: 55px;
    text-align: center;
    line-height: 50px;
    padding-right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 10px auto;
    border-bottom: 2px solid white;
} 
.color1 a,.color2 a,.color3 a,.color4 a{
    text-transform: uppercase;
    font-size: 26px;
    color: white;
    text-decoration: none;
    letter-spacing: 5px;
    vertical-align: middle;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 1);
    padding: 10px;
}
.color1:hover,.color2:hover,.color3:hover,.color4:hover{
    opacity: 0.95;
    filter: alpha(opacity=95);
    right: -10px;
}
.color1{
    margin-top: -400px;
    width: 81%;
}
.color2{
    margin-top:800px;
    width: 95%;
}
.color3{    
    margin-top:-400px;
    width:  70%;
}
.color4{
    margin-top:800px;
    width:85%;
}
.content-block{ 
    /*-webkit-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.3);*/
    display: table;
}
.no-padding{
    padding-left: 0;
    padding-right: 0;
}
.header-center {
    height: 2px;
    background: #DDD;
    border-bottom: #FFF solid 1px;
    margin: 60px auto 55px;
    position: relative;
}
.header-center h3 {
    background: #fff; 
    position: absolute;
    top: -44px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    text-align: center;
    display: block;
    color: #444;
    text-transform: uppercase;
    font-weight:600;
    letter-spacing: 1px;
    padding: 0px;
    text-shadow: 0px 1px 1px #ffffff;
    font-size: 42px;
}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0;
	max-width: 100%;
	list-style: none;
	text-align: center;
    display:table;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 320px;
	height: 300px;
	width: 32%;
    margin: 1%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media (min-width: 1200px){
    .grid figure:nth-child(3n+1)  {
        margin-left: 0;
    }
    .grid figure:nth-child(3n+3)  {
        margin-right:0 ;
    }
}
@media (max-width: 1200px){
    .grid figure {
    	width: 48%;
    } 
}
@media (max-width: 802px){
    .grid figure {
    	width: 100%;
        margin: 10px auto;
    } 
} 
.grid figure img {
	position: relative;
	display: block;
	min-height:100%;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.03em;
	font-weight: 300;
    text-align: center;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
    color: #fff;
}
/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
    -moz-transition: -moz-transform 0.35s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
    -moz-transform: translate3d(0,-100%,0);
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
    -moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding:2.5em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 50px;
	top: 165px;
	left: 50px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
    height:85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
    -moz-perspective: 1000px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
@media (min-width: 800px){
    figure.effect-romeo img {
        -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    	transition: opacity 0.35s, transform 0.35s;
        -moz-transform: translate3d(0,0,300px);
    	-webkit-transform: translate3d(0,0,300px);
    	transform: translate3d(0,0,300px);
    }
}

figure.effect-romeo:hover img {
	opacity: 0.6;
    -moz-transform: translate3d(0,0,200px);
	-webkit-transform: translate3d(0,0,200px);
	transform: translate3d(0,0,200px);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    -moz-transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
    -moz-transform: translate3d(-50%,-130px,0);
	-webkit-transform: translate3d(-50%,-130px,0);
	transform: translate3d(-50%,-130px,0);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
    -moz-transform: translate3d(-50%,100px,0);
	-webkit-transform: translate3d(-50%,100px,0);
	transform: translate3d(-50%,100px,0);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 55%;
	left: 0;
	width: 100%;
    -moz-transition: -webkit-transform 0.35s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
    -moz-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
    color: white;
}

figure.effect-romeo p {
    top: 41%;
	padding: 0.25em 2em;
    -moz-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
    -moz-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
    -moz-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
.categories{
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    float: none;
    padding: 0!important; 
}
.categories .header-center{
    margin-bottom: 40px;  
    display: block;
}
.categories .right{
    text-align:right;
    height: auto;
    margin-bottom:40px;
}
.categories .left{
    text-align:left;
    height: auto;
}
.categories .left-block, .categories .right-block{   
    position: relative;
}
.color5,.color6,.color7,.color8,.color9,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20{
    line-height: 45px;
    padding:0% 15%;
    margin: 10px auto;
    width: 100%;
} 
.color5 a,.color6 a,.color7 a,.color8 a,.color9 a,.color10 a,.color11 a,.color12 a,.color13 a,.color14 a,.color15 a,.color16 a,.color17 a,.color18 a,.color19 a,.color20 a{
    text-transform: uppercase;
    font-size: 21px;
    color: #222;
    text-decoration: none;
    letter-spacing: 5px;
    vertical-align: middle;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    padding: 10px;
}
.color5:hover,.color6:hover,.color7:hover,.color8:hover,.color9:hover,.color10:hover,.color11:hover,.color12:hover{
    opacity: 0.95;
    filter: alpha(opacity=95);
    left: -10px;
}
.color13:hover,.color14:hover,.color15:hover,.color16:hover,.color17:hover,.color18:hover,.color19:hover,.color20:hover{
    opacity: 0.95;
    filter: alpha(opacity=95);
    right: -10px;
}
@media (max-width: 1000px){
    .color5,.color6,.color7,.color8,.color9,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20{
        padding:0% 5%;
    } 
}
.about-me{  
    min-width:100%;
    min-height: 500px;
    font-weight:600;
    height: auto;
    width: 100%;
    margin: 0;
    background:#fafafa;
    display: block;
}
.no-padding{
    padding: 0;
}

.content-text .content{
    margin: 0 auto;
    max-width: 1024px;
}

.about-me .image{
    width: 425px;
    height: 425px;
    margin: 30px 0;
}
@media (max-width: 1200px){
    .about-me .image{
        width: 375px;
        height: 375px;
        margin: 20px auto;
    }
}
@media (max-width: 1200px){
    .textblock{
        margin-top:40px!important;
    }
}
@media (max-width: 1100px){
    .textblock{
        margin-top:15px!important;
    }
}
@media (max-width: 500px){
    .about-me .image{
        width: 300px;
        height: 340px;
        margin: 10px auto;
    }
}

.about-me .image img, .orangec, .purplec, .bluec, .yellowc{
    width: 50%;
    height: 50%;
    float: left;
}
.orangec, .purplec, .bluec, .yellowc{
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height:180px;
    font-size: 36px;
    -webkit-box-shadow: 0 0 0 2px white inset;
    -moz-box-shadow: 0 0 0 2px white inset;
    box-shadow: 0 0 0 2px white inset; 
}
.orangec{
    background-color:#0036ff;
    border: 2px  solid #0036ff;    
}
.yellowc{
    border: 2px  solid #FEEB01;    
}
.purplec{
    background-color:#ff0005;
    border: 2px  solid #ff0005;
}
.bluec{
    background-color:#00ff0c;
    border: 2px  solid #00ff0c;
}
.about-me .textblock{
    margin-bottom: 80px;
    margin-top: 35px; 
    padding: 0; 
}
.about-me .col-md-7 .text{
    padding: 20px;
    background:#fff;
    font-size: 22px;
    color: #333;
    -webkit-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
}
.about-me .col-md-7 .text p{
    margin-bottom: 0!important;
}

footer {
    background: #f8f8f8 url(../img/bg-grey-med.png) repeat;
    height: 120px;
    padding: 40px 5% 20px 5%;
    min-width:100%;
    color: #444;
    font-size: 16px;
    font-size: 1.8rem;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
footer .address, footer .tel {
    position: absolute;
    left: 50%;
    margin-left:-150px;
    min-width: 200px;
    z-index: 2222;
    text-align: center;
}
footer .tel {
    top: 75px;
    margin-left:-80px;
    min-width: 200px;
}
footer .tel a::after {
    background: url('../img/tel.png')no-repeat;
    content: "";
    display: block;
    height: 28px;
    width: 28px;
    position: absolute;
    right:-15px;
    top: -2px;
}

footer .gradient-white {
  position: absolute;
  width: 100%;
  height: 50px;
  top: -50px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, rgba(255, 255, 255, 0)));
  background-image: -ms-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0));
  /*background-image: -webkit-linear-gradient(bottom, @start, @stop);*/

  background-image: -moz-linear-gradient(center bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0));
}
footer a.top {
  background: transparent url(../img/sprite.png) 0 -217px;
  width: 118px;
  height: 90px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -59px;
  bottom: -40px;
  text-indent: -9999px;
}
footer a:hover.top {
  bottom: -35px;
}
/* ������ ���������� ������� ����� */
.back-dialog{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    z-index: 99999;
}
/* ������������� ���� � ��������� */
.dialog-content{
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    margin:100px auto 0px auto;
    width:600px;
    height:470px;
    border-radius: 0 0 5 5;
    z-index: 10;
}
.close-dialog{
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
    background-color: #E10005;
    height: 36px;
    width: 36px;
    border:0;
    text-decoration: none;
    z-index: 99999;
}

.close-dialog:before{
    font-family: Arial;
    color: rgba(255, 255, 255, 0.9);
    content: "x";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    outline: none;
}

.text-header{
    background-color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: #555;
    margin-top: -550px;
    padding: 0;
}
.text-header .description{
    float: left;
    padding:0 20px;
    font-size: 22px;
}
.articel-header{
    padding: 20px 0;
    text-align: center;
    width: 100%;    
    margin: 0!important;
    font-weight: 600;
}
.text-header .cat,.text-header .date{
    padding: 15px 70px;  
    font-size: 18px; 
}
.text-header .date{
    text-align: right;
    padding-right: 20px;    
}
@media (max-width: 991px){
    .text-header .date, .text-header .breadcrumbs{
        width: 50%;
        float: left;
        padding: 15px;
    }
}

.gallery{
    padding-top: 0;
}
.black-bg{
    position: absolute;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
    background: rgb(255,255,255);
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
    border-bottom: 11px solid white;  
}
.article-image{
    text-align: center;
    overflow: hidden;
}
.article-image img{
    max-width:80%!important;
    height: auto!important;
    min-height:300px;
    max-height: 500px;
    border-left: 7px solid white;
    border-right: 7px solid white;
}
@media (max-width: 802px){
    .article-image img{
        max-width:95%!important;
        height: auto!important;
        min-height:100px;
        max-height: 500px;
    }
} 
.content-text{
    margin:0;
    background: white;
    width:100%;
    padding:40px 10px;
    float: none;
    -webkit-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0);
}
.content-media{
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin: 5px 0 40px;
}

.content-text p{
    font-size: 22px;
    color: #333;
    text-align: left;
}
.content-text ul li{
    font-size: 20px;
}
.related .header-center {
    height: 2px;
    background: #DDD;
    border-bottom: #FFF solid 1px;
    margin: 60px auto 40px;
    position: relative;
}
.related .header-center h3 {
    text-align: center;
    background: #fff; 
    position: absolute;
    top: -36px;
    left: 50%;
    margin-left: -275px;
    width: 550px;
    text-align: center;
    display: block;
    color: #444;
    text-transform: uppercase;
    font-weight:600;
    letter-spacing: 1px;
    padding: 0px;
    text-shadow: 0px 1px 1px #ffffff;
    font-size: 30px;
}
@media (max-width:551px){
    .header-center h3 {
        width:100%;
        margin-left:-50%;
    }
    .related .header-center h3 {
        width:100%;
        margin-left:-50%;
    }
}
.related .grid{
    margin-bottom: 40px;
}
.related .grid figure {
    min-width: 200px;
    width: 32%;
    margin: 1%;
}
.related .grid figure h2 {
    font-size: 24px;
    text-align: center;
}
@media (min-width: 1200px){
    .related .grid figure:nth-child(3n+1)  {
        margin-left: 0;
    }
    .grid figure:nth-child(3n+3) {
        margin-right: 0;
    }
}
@media (max-width: 1200px){
    .related .grid figure {
    	width: 48%;
    } 
}
@media (max-width: 802px){
    .related .grid figure {
    	width: 100%;
        margin: 10px auto;
    } 
} 
.breadcrumbs{
    font-size: 18px;
    padding: 15px;
    margin-bottom: 0;
}
.breadcrumbs li{
    list-style: none;
}

.video-container {
    width:80%; margin: 20px auto 40px auto;
}
@media (max-width: 351px){
    .margin-top {
        margin-top:0px!important;
    } 
} 
.margin-top{
    margin-top:40px;    
}
.cat-text{
    background: none;
}
.cat-text h1{
    margin:25px auto!important;
    font-size:42px;
    background: rgba(255,255,255,0.3);
}
.cat-text p{
    font-size:20px;
    font-weight: 600;
    background: rgba(255,255,255,0.4);
    padding: 10px;
}
.img-small{
    width: 25%;    
}
.img-averege{
    width: 33%;    
}
.img-big{
    width: 50%;    
}
@media (max-width: 980px){
    .img-small{
        width: 40%;    
    }
    .img-averege{
        width: 50%;    
    }
    .img-big{
        width: 75%;    
    }
} 
@media (max-width: 720px){
    .img-small,.img-averege,.img-big{
        width: 100%;    
    }
}