/* -------Общие правила---------  */

*{margin:0;padding:0;font-family: 'Open Sans', sans-serif;}
body {}
h1 {font-family: 'Open Sans', serif;
  font-size: 3em;
  color: #343434;
  line-height: 1.1em;
  font-weight: 300;
  letter-spacing: -0.05em;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(18, 18, 17, 0.39);}
h2 {font-size: 2.2em;color: #49534B;line-height: 1.1em;font-weight: 300;letter-spacing: -0.06em;text-shadow: 1px 1px 2px rgba(202, 202, 202, 1); text-align: center;}
h3 {font-family: 'Open Sans', serif;
  font-size: 2.5em;
  color: #FFFFFF;
  line-height: 1.1em;
  font-weight: 300;
  letter-spacing: -0.04em;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  text-align: center;}
h4 {font-size: 1.5em; color: #000; line-height: 1.1em; font-weight: 300; letter-spacing: -0.05em; text-align: center; text-shadow: 0px 0px 2px rgba(203, 203, 203, 1);}
h5 {font-size: 1.7em;color: #49534b;line-height: 1.1em;font-weight: 300;letter-spacing: -0.05em;text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);/* font-style: italic; */}
h5.centerr{text-align: center;}
h6 {font-size: 1.8em; color: #fff; font-weight: 300; letter-spacing: -0.02em; text-align: center; text-shadow: 0px 0px 3px rgba(73, 83, 75, 1);}
h6.bl {color: #000;}
a {text-decoration: none; color: rgb(0, 81, 255);}
a:hover {text-decoration: underline; color: rgb(0, 158, 255);}
a:active {text-decoration: none; color: rgb(255, 142, 20);}
p {line-height: 1.5em;  font-size: 1.1em; letter-spacing: .01em;}
p.info {color: #fff; font-size: 0.9em; margin-top: 7px; text-shadow: 0px 0px 1px rgba(73, 83, 75, 1);}
p.spisok {font-size: 0.9em;
  letter-spacing: -0.05em;
  line-height: 1.6em;
  text-align: center;
  color: #FFD8AF;
  padding: 0 25px 0 25px;}
p.etapi {line-height: 1.2em; font-size: 0.9em;letter-spacing: -0.05em; line-height: 1.2em; color: #49534B; text-align: right; margin-right: 20px;}
p.text:first-line {line-height: 1.6em;font-size: 1.4em;text-shadow: 0px 1px 2px #C2C2C2; font-weight: 300;}
p.imena{font-size: 1.3em; color: #fff; line-height: 1.1em; font-weight: 300; letter-spacing: -0.02em; text-align: center; text-shadow: 0px 0px 3px rgba(73, 83, 75, 1);}
span.bolt{font-size: 1.4em;font-weight: 600;letter-spacing: 0.07em;color: #FF8E14;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);}
mark { background-color: rgba(255, 142, 20, 0.69);}
hr{width: 60%; margin: 0 auto; border: 0;height: 1px;background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}
blockquote {  background: url(../images/bg-quote1.png) no-repeat;
  font-style: italic;
  margin: 30px;
  padding: 30px 30px 30px 50px;
  font-size: 1.1em;
  text-align: right;
  color: #000;
  line-height: 1.7em;
  /* font-weight: 300; */
  letter-spacing: -0.01em;
  text-shadow: 1px 1px 1px rgba(200, 200, 200, 1);} 
ul {list-style:none;}

.margintopbottom20 { margin: 20px 0 20px 0;}
.paddingtopbottom20 { padding: 20px 0 20px 0;}
.margintopbottom40 { margin: 40px 0 40px 0;}
.paddingtopbottom40 { padding: 40px 0 40px 0;}
.margintop40 { margin-top: 40px;}
.marginbottom40 { margin-bottom: 40px;}
.paddingtop40 { padding-top: 40px;}
.paddingbottom40 { padding-bottom: 40px;}
.margintop20 { margin-top: 20px;}
.marginbottom20 { margin-bottom: 20px;}
.margintop10 { margin-top: 10px;}
.marginbottom10 { margin-bottom: 10px;}
.paddingtop20 { padding-top: 20px;}
.paddingbottom20 { padding-bottom: 20px;}

.graybackground {background-color: #F7F6F2; background-image:url('../images/fon-kubiki.png'); }
.bluebackground {background-color: #2D70A9; border: 1px solid #1c5380;
  border-color: rgba(4,40,71,.8);
  -webkit-box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);
  box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);box-sizing: border-box;background-image: url('../images/penopolisterol-kharkov-fon-blocka.png');}
img.krug {width: 200px;border: 3px solid #FFA13C;border-radius: 50%;box-shadow: 0 0 9px rgba(0, 0, 0, 0.49); }



/* -------Responsive правила--------- */



/* -Всё что responsive в шапке- */


#preheaderrline{width: 100%; height: 35px; background-color: #2D70A9;border-bottom: 3px solid #FFA13C; box-shadow: 0 1px 0 rgba(111,151,182,.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);}
#preheaderrlineinfo{float: left; display: none;}
#preheaderrline_icon{float: left; margin: 1px 0 0 1px; overflow: auto;}
#preheaderrline_icon a{color: white; margin-left: 10px; font-size: 0.9em;}

#headerr{width: 310px; margin: 0 auto; overflow: auto;}
#headerrlogo{float: none; margin: 20px 0 0 1%;  display: inline-block;}
#headerrcont{width: 125px; height: 43px; float: none; margin: 21px 0 0 20px; background-size: cover; display: none;}


/* -Всё что responsive в precontente- */


#docontentt{width: 320px; margin: 0 auto;}
.docontentt2{width: 320px; height: 600px; margin: 0 auto; margin-top: 10px; border-top-color: #FCBA66;border-top-style: dotted;border-top-width: 2px;}
.docontentt3{width: 320px; height: 600px; margin: 0 auto; margin-top: 10px; border-top-color: #FCBA66;border-top-style: dotted;border-top-width: 2px;}/* -В магазине без нижнего бордера- */
.docontenttrolik{width: 310px; height: 180px; float: none; margin: 30px 0 30px 0;}
.docontenttrolik2{width: 280px;height: 170px;margin: 12px 0 0 0;}
.docontenttrolik3{width: 280px; height: 180px;}
#docontenttbigtext{width: 320px; float: none; margin: 20px 0 0 0;}
.docontenttlogo{width: 1100px; margin: 0 auto; margin-top: 10px; overflow: auto; display: none;}
.docontenttlogotip{width: 110px; height: 60px; float: none; margin: 20px; background-size: 100%; border: 3px solid #fff; display: none;}
.docontenttlogotip:hover{border: 3px solid #FFA13C; box-shadow: 0 0 5px rgba(0,0,0,0.8);}

/* -Всё что responsive в contente- */


.contenttline{width: 100%;}
.contentt{width: 320px; margin: 0 auto; overflow: auto;}

.contenttblock{overflow: hidden; padding-top: 60px; border-bottom-color: #FCBA66;border-bottom-style: dotted;border-bottom-width: 2px; margin-top: 50px;}
.contenttblocklast{overflow: hidden; padding-top: 60px; margin-top: 50px;}/*--- без нижнего бордера --- */
.fotoramadiv{width: 300px; margin: 0 auto;}

img.leftt { width: 350px; height: 350px; margin-top: -2px;}
img.rightt { width: 350px; height: 350px; margin-top: -2px;}
.contenttblocktextleft{width: 310px;float: none;margin-right: 50px;}
.contenttblocktextright{width: 310px;float: right; margin-left: 50px;}
.contenttblocktextleft p,.contenttblocktextright p{padding-top: 20px;}
.contenttblocktextleft h2,.contenttblocktextright h2{padding-top: 50px;}

.contenttlineblock{width: 260px;float: none; margin: 25px 7px 35px 32px; display: block; padding: 40px 0 40px 0; background-color: rgba(42, 42, 42, 0.26);} 

.contenttlineblockimg{width: 200px; height: 200px; margin: 0 auto;}/*--- в этих блоках четыре кружка --- */

.contenttlineblock2{width: 260px;float: none; margin: 25px 7px 35px 32px; display: block; padding: 40px 0 40px 0; background-color: rgba(42, 42, 42, 0.26);}
.contenttlineblockimg2{width: 200px; height: 200px; margin: 0 auto;}/*--- в этих блоках четыре кружка --- */
img.krug2 {width: 200px;
  border: 7px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.49);
  box-sizing: border-box;}
  img.krug3 {  width: 80%;
  margin: 45px;
  border: 5px solid #FFA230;
  float: left;
  box-shadow: 0 0 17px rgba(0, 0, 0, 1);
  box-sizing: border-box;}
.contenttlineblock2 h6 {font-size:1.3em;}
.contenttlineblock-eto-mi-img{width: 120px;height: 120px;float: left;margin: 15px 10px 10px 15px;background-size: contain;}


.blockquotediv{width: 320px; margin: 0 auto; }
.vkblock{width: 320px; margin: 0 auto;}




/* -Всё что responsive в footere- */

.footermenu {width: 195px; height: 200px; float: left; margin: 55px 10px 20px 60px;}
.footersotsseti {width: 303px; float: left; padding-top: 1px; margin-top: 25px; }
.footercont {width: 303px;float: left; margin-left: -15px;}
#footerline{width: 100%;
  height: 52px;
  padding-top:10px;
  background-color: rgba(0, 0, 0, 0.27);
  box-shadow: 0 1px 0 rgba(136, 136, 136, 0.5)inset,0 -1px 0 rgba(111,151,182,.2)inset,0 1px 1px rgba(0,0,0,.2);
			}
#conttel3{   width: 300px;
  height: 280px;
  float: left;
  margin: -10px 0 40px 40px; color: white; }
#conttel4{width: 300px; margin: 40px 0 40px 40px; }
#conttel4 ul  {
  
  }
#conttel4 li.skype { background: url('../images/skype.png') no-repeat left center; margin: 15px; padding: 1px 5px 0 30px;}
#conttel4 li.mtc { background: url('../images/mts.png') no-repeat left center; margin: 15px; padding: 1px 5px 0 30px;}
#conttel4 li.ks   {background: url('../images/ks.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel4 li.gorod   {background: url('../images/gorod.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel4 li.life   {background: url('../images/life.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel4 li.adress   {background: url('../images/adress2.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel4 li.map   {background: url('../images/map2.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}


/* -------Responsive правила конец -------- */
.vieww {margin: 15px 0 15px 0;}/* портфолио отступ*/
#fdw-pricing-table {width: 320px; text-align: center;}

/* -------Responsive материал статей -------- */

.materialphoto{width: 550px; height: 400px; background-size: contain; float: left;}
.materialtext{width: 550px; height: 400px; padding: 20px; float: left;}


/* -------Остальное--------- */
.zub {width: 100%; height: 13px; background: url("../images/zub.png"); }

/* ----------------tablitsa с ценами ---------------*/


#fdw-pricing-table h1 { margin: 60px 0 60px 0;}	
#fdw-pricing-table:before, #fdw-pricing-table:after {content: "";display: table}
#fdw-pricing-table:after {clear: both}

	/* --------------- */	
#fdw-pricing-table .plan {font: 13px ;background: #fff;border: 1px solid #ddd;color: #333;padding: 20px;width: 180px;float: left;_display: inline; /* IE6 double margin fix */position: relative;margin: 0 5px;-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);box-shadow: 0 2px 2px -1px rgba(0,0,0,.3);}
#fdw-pricing-table .plan:after {z-index: -1;position: absolute;content: "";bottom: 10px;right: 4px;width: 80%;top: 80%;-webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);-moz-box-shadow: 0 12px 5px rgba(0, 0, 0, .3);box-shadow: 0 12px 5px rgba(0, 0, 0, .3);-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);}	
#fdw-pricing-table .popular-plan {top: -20px;padding: 40px 20px; }
/* --------------- */	
#fdw-pricing-table .header {position: relative;font-size: 17px;font-weight: normal;text-transform: uppercase;padding: 40px;margin: -20px -20px 20px -20px;border-bottom: 8px solid;background-color: #eee;background-image: -moz-linear-gradient(#fff,#eee);background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image: -webkit-linear-gradient(#fff, #eee);background-image: -o-linear-gradient(#fff, #eee);background-image: -ms-linear-gradient(#fff, #eee);background-image: linear-gradient(#fff, #eee);}
#fdw-pricing-table .header:after {position: absolute;bottom: -8px; left: 0;height: 3px; width: 100%;content: '';background-image: url(images/bar.png);}
#fdw-pricing-table .popular-plan .header {margin-top: -40px;padding-top: 60px;}
#fdw-pricing-table .plan1 .header{border-bottom-color: #FFB96D;}
#fdw-pricing-table .plan2 .header{border-bottom-color: #93CCC8;}
#fdw-pricing-table .plan3 .header{border-bottom-color: #EF8583;}
#fdw-pricing-table .plan4 .header{border-bottom-color: #45D0DA;}			
/* --------------- */
#fdw-pricing-table .price{font-size: 45px;}
#fdw-pricing-table .monthly{font-size: 13px;margin-bottom: 20px;text-transform: uppercase;color: #999;}
/* --------------- */
#fdw-pricing-table ul {margin: 20px 0;padding: 0;list-style: none;}
#fdw-pricing-table li {padding: 10px 0; font-size: .9em;}
/* --------------- */
#fdw-pricing-table .signup {position: relative;padding: 10px 20px;color: #fff;font: bold 14px;text-transform: uppercase;text-decoration: none;display: inline-block;background-color: #72ce3f;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-shadow: 0 -1px 0 rgba(0,0,0,.15);opacity: .9;}
#fdw-pricing-table .signup:hover {opacity: 1;}
#fdw-pricing-table .signup:active {-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;}			
#fdw-pricing-table .plan1 .signup{background: #FFB96D;}
#fdw-pricing-table .plan2 .signup{background: #93CCC8;}
#fdw-pricing-table .plan3 .signup{background: #EF8583;}
#fdw-pricing-table .plan4 .signup{background: #45D0DA;}	
/* -------------конец таблицы с ценами end --------------- */



/* -------------соц кнопки --------------- */
ul.sotsknopki {text-align: center;}
li.sotsknopki2 {list-style: none;margin-left: 3px;position: relative;display: inline-block;width: 100px;height: 100px;}
@-moz-keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(-360deg);}}
@-webkit-keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(-360deg);}}
@-o-keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(-360deg);}}
@keyframes rotate {0% {transform: rotate(0deg);}100% {transform: rotate(-360deg);}}
.round {box-sizing: border-box;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 30px;text-decoration: none;text-align: center;font-size: 25px;	text-shadow: 0 1px 0 rgba(255,255,255,.7);letter-spacing: -.065em;font-family: "Hammersmith One", sans-serif;-webkit-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;transition: all .25s ease-in-out;box-shadow: 2px 2px 7px rgba(0,0,0,.2);border-radius: 300px;z-index: 1;border-width: 4px;border-style: solid;}
.round:hover {width: 130%;height: 130%;left: -15%;top: -15%;font-size: 33px;padding-top: 38px;-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);-o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);box-shadow: 5px 5px 10px rgba(0,0,0,.3);z-index: 2;border-size: 10px;-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);transform: rotate(-360deg);}
a.red {background-color: rgba(1,151,171,1);background-image: url(../images/vk2.png);color: rgba(133,32,28,1);border-color: rgba(133,32,28,.2);}
a.red:hover {color: rgba(239,57,50,1);}
a.green {background-color: rgba(0, 195, 221, 1);background-image: url(../images/facebook.png);color: rgba(0,63,71,1);border-color: rgba(0,63,71,.2);}
a.green:hover {color: rgba(1,151,171,1);}
a.yellow {background-image: url(../images/Odnoklassniki2.png);background-color: #ea8623;color: #d06700;border-color: rgba(153,38,0,.2);}
a.yellow:hover {color: rgba(252,227,1,1);}
.round span.round {display: block;opacity: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;font-size: 1px;border: none;padding: 40% 20% 0 20%;color: #fff;}
.round span:hover {opacity: .85;font-size: 16px;-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);-moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);-o-text-shadow: 0 1px 1px rgba(0,0,0,.5);text-shadow: 0 1px 1px rgba(0,0,0,.5);}
.green span {background: rgba(0,63,71,.7);}
.red span {background: rgba(133,32,28,.7);}
.yellow span {background: rgba(161,145,0,.7);}
/* -------------конец соц кнопки --------------- */

/* ------------------------ малое меню внизу  -------------------------------*/

.button2 {
		
		display: inline-block;
		margin: 3px;
		width: 150px;
		text-align: center;
		text-decoration: none;
		padding: 5px 12px;
		font-size: 1em;
		color: #fff;
		border: 1px solid #1c252b;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #232B30; /* old browsers */
		background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
		box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
	}
.button2:hover {
		color: #9fa8b0;
		background: #20282D; /* old browsers */
		background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); /* ie */
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
		box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */}
		
		
/*  ----------------конец малое меню внизу------------------------*/	

.formm{margin: 0 auto; background: #FFA13C; width: 420px; border: 10px solid #FFFFFF;box-shadow: 0 0 29px rgba(0, 0, 0, 1);}

/*----------анимация фотки------------*/
.animBlock {display: inline-block;opacity: 0;filter: alpha(opacity=0);position: relative;-webkit-transition: all .55s ease-in;-moz-transition: all .55s ease-in;-ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;transition: all .55s ease-in;}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }
.animBlock[data-position="left"].viewed {left: 0%;opacity: 1;filter: alpha(opacity=100);}
.animBlock[data-position="right"].viewed {right: 0%;opacity: 1;filter: alpha(opacity=100);}
#devices {float: left;}
#devicess {float: right;}
#appIcon { padding-left: 35px;}
#downloadTxt {width: 410px;height: 250px; /* keep similar height to app icon image */padding-left: 10px;text-align: center;}

/*----------кнопка наверх------------*/

#scroller{
    position: fixed;    
    /** позиция кнопки scroll to top **/
    bottom: 30px;
	right: 30px;
    /** картинка кнопки наверх**/
    background-image: url(../images/scroll-to-top.png);  
    width: 40px;
    height: 40px;
    cursor: pointer;
	border-radius: 50%;
    /** скрываем кнопку в начале **/
    display:none;
	/** добавляем красоты- прозрачность и плавное проявление при наведении **/
opacity: 0.8;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
#scroller:hover {
/** при наведении мыши делаем все ярче и отбрасываем тень **/
opacity: 0.9;
box-shadow: 0px 0px 6px #FCBA66;
}



/** ---------- начало кода табов с соц сетями ----------**/
.tabs{
    display:inline-block;
}
.tabs > div{
    padding-top:10px;
}
.tabs ul{
    margin:0px;
    padding:0px;
}
.tabs ul:after{
    content:"";
    display:block;
    clear:both;
    height:5px;
    background:#3D6F8E;
}
.tabs ul li{
      margin: 0px;
	  width: 110px;
	  text-align: center;
	  padding: 0px;
	  cursor: pointer;
	  display: block;
	  float: left;
	  padding: 15px 20px;
	  border-right: 1px solid rgba(190, 190, 190, 0.6);
    background:#e9eaeb;
    color:#707070;
}
.tabs ul li.active, .tabs ul li.active:hover{
    background:#3D6F8E;
    color:#fff;
}
.tabs ul li:hover{
    background:#d6d6d7;
}
/** ---------- конец кода табов с соц сетями --------- **/


/** ---------- страница контакты --------- **/

#conttel{ background-image: url('../images/squared_metal.png');width: 340px; height: 454px; float: left; margin: 40px 0 40px 40px; }
#conttel2{width: 320px; margin: 40px 0 40px 40px; }

#conttel2 ul  {
  
  }
#conttel2 li.skype { background: url('../images/skype.png') no-repeat left center; margin: 15px; padding: 1px 5px 0 30px;}
#conttel2 li.mtc { background: url('../images/mts.png') no-repeat left center; margin: 15px; padding: 1px 5px 0 30px;}
#conttel2 li.ks   {background: url('../images/ks.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel2 li.gorod   {background: url('../images/gorod.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel2 li.life   {background: url('../images/life.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel2 li.adress   {background: url('../images/adress.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#conttel2 li.map   {background: url('../images/map.png') no-repeat left center;margin: 15px; padding: 1px 5px 0 30px;}
#contmap{ width: 320px; float: left; margin: 40px 0 40px 0;}
/** ---------- страница контакты  конец--------- **/

/** ---------- страница калькулятор --------- **/
.vivodPrice{position: fixed; top: 80%;left: 15px;z-index: 99; }
.vivodPrice input{margin: 25px 0 10px 10px;
  background:url(../images/price-rub.jpg) no-repeat;
  background-size: cover;
  font-size: 2.8em;
  padding-left: 5px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: white;
  width: 230px;
  height: 85px;
  border: solid 1px #DFE2E5;
  box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;}
select {
	overflow-y:hidden;
	padding:13px;
	margin: 10px;
	font-size: 0.9em;
	width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#0F0F0F;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
option {
	
	margin: 4px;
	letter-spacing: -.02em;
}
.input {
  margin: 25px 0 10px 10px;
  font-size: 0.9em;
  padding-left: 5px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #6DB9B9;
  width: 200px;
  height: 35px;
  overflow: hidden;
  
  border: solid 1px #DFE2E5;
  box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;}
  /** ---------- страница калькулятор  конец--------- **/
.button3 {
		  display: inline-block;
		  margin: 3px;
		  width: 260px;
		  text-align: center;
		  text-decoration: none;
		  padding: 15px 22px;
		  font-size: 1em;
		  color: #fff;
		  border: 1px solid #6C1422;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 6px;
		  background: #232B30;
		  background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%);
		  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#6B1010), color-stop(4%,#803149), color-stop(100%,#991E1E));
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 );
		  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2)
	}
.button3:hover {
		color: #fff;
		border: 1px solid #0508D8;
 
  background: #232B30;
  background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#00587E), color-stop(4%,#00707E), color-stop(100%,#005666));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 );
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}  


/* --------- начало responsive menu --------------*/
.menuicon{position: absolute; margin: 9px 0 0 -10px;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav.menu {
	width: 100%;
	margin:0 auto;
	box-sizing: border-box;
	height: 51px;
	font-size: 0.9em;
	background: #2D70A9;
	position: relative;
	
	border-top: 3px solid #FFA13C;
    border-bottom: 3px solid #FFA13C;
}
nav.menu ul {
	max-width: 900px;
	margin: 0 auto;
	height: 45px;
	
}
nav.menu li {
	display: inline;
	float: left;
	
	
}
nav.menu a {
	color: #fff;
	display: inline-block;
	width: 220px;
	text-align: center;
	
	text-decoration: none;
	line-height: 45px;
	text-shadow: 0px 0px 2px black;

}
nav.menu li a {
	border-right: 1px solid rgba(29, 67, 67, 0.53);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav.menu li:last-child a {
	border-right: 0;
}
nav.menu a:hover {
	background: #FFA13C;
}
nav.menu li.active {
    
	background: #FFA13C;
	
}
nav.menu li.active a {
    
	color: #004988;
	
	text-shadow: 0px 0px 3px #FFFFFF;
	font-size: 1.2em !important;
	letter-spacing: -0.07em;
}
nav.menu a#pull {
	display: none;
}


@media screen and (max-width: 960px) {
	nav.menu{ 
  		height: auto;
  	}
  	nav.menu ul {
  		width: 100%;
  		display: none;
		height: auto;
  	}
  	nav.menu li {
  		width: 100%;
  		float: left;
  		position: relative;
  	}
  	nav.menu li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav.menu a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	nav.menu a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav.menu a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav.menu {
		border-bottom: 0;
	}
	nav.menu ul {
		
		display: none;
		height: auto;
	}
	nav.menu a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav.menu a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav.menu li {
		display: block;
		float: none;
		width: 100%;
	}
	nav.menu li a {
		border-bottom: 1px solid #576979;
	}
	nav.menu a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav.menu a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}
/* --------- конец responsive menu --------------*/

.vieww{margin:15px 0 15px 0;} 
 
.materialphotoleft{width: 310px; height: 280px;background-size: contain;box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);float: none;margin-left: 2px;box-sizing: border-box;}
.materialphotoright{width: 310px; height: 280px;background-size: contain;box-shadow: 0 0 2px rgba(0, 0, 0, 0.49);float: none;margin-right: 2px;}
.materialtextleft{width: 310px; height: 380px; float: none; overflow: auto;}
.materialtextright{width: 310px; height: 380px; float: none; overflow: auto;}
.materialtextP{font-size: 1em;} 
.Pright{margin: 20px 0 0 2px; font-size: 1em;}
.Pleft{margin: 20px 0 0 2px; font-size: 1em;}

p.materialtextP:first-line {
     font-size: 1.6em;
  color: #000;
  line-height: 1.5em;
  font-weight: 300;
  letter-spacing: -0.02em;
  text-shadow: 0px 0px 2px rgba(203, 203, 203, 1);}
  
/* --------- js блок наши клиенты --------------*/  

.slider-wrap{overflow:hidden;}
.slider{margin:0px;padding:0px;}
.slider li{margin:0px;padding:0px;float:left;list-style:none;}
ul.slider-numbers-0, ul.slider-numbers-1{display:none;}
.slider-5 ul{padding:0px;margin:0px;float:left;}
.slider-5 ul, .slider-wrap-5{width:310px;}
.otzivi{width: 310px; height: 595px; margin: 0 auto;}
.leftarrow{width: 50px; height: 250px;margin: 1px; background-color:rgba(147, 182, 203, 0.58); cursor: pointer; float: left;background-image:url(/images/icon-menu/arrow_left.png);display: none;}
.leftarrow:hover{ background-image:url(/images/icon-menu/arrow_left_hov.png);}
.leftarrow:active{ background-image:url(/images/icon-menu/arrow_left_activ.png);}
.rightarrow{width: 50px; height: 250px; margin: 1px; background-color:rgba(147, 182, 203, 0.58); cursor: pointer; float: left; background-image:url(/images/icon-menu/arrow_right.png);display: none;}
.rightarrow:hover{ background-image:url(/images/icon-menu/arrow_right_hov.png);}
.rightarrow:active{ background-image:url(/images/icon-menu/arrow_right_activ.png);}
.centerslide{width: 310px; height: 550px; margin: 1px; background-color:#93B6CB;  float: left; position:relative;}
.centerslide img{margin: 45px 25px 0 42px;width: 170px;border: 3px solid #FFFFFF;border-radius: 50%; box-shadow: 0 0 9px rgba(0, 0, 0, 1);box-sizing: border-box;}
.centerslide h6{margin: 45px 25px 0 42px; font-style: italic; text-align:right;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.59);}
.centerslide p{font-size: 0.9em;   margin: 15px 25px 0 1px; font-style: italic; text-align:right;}
.centerslide h3{font-size: 1.4em; margin: 15px 25px 0 1px;text-align:right;}
.centerslide hr{width: 40%; margin-left: 50%;}

/* --------- макет визитки --------------*/  


/* Увеличение фото при наведении */

.vizitkamaket{position: relative; width:190px; height: 400px; float: left;background-color: #FFCC94; margin: 45px 14px 10px 0px; border: 3px solid rgba(255, 161, 60, 0.43);border-radius: 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.72);background-image: url('../images/fon-kubiki.png'); padding: 5px;}
.vizitkamaket h5{ font-size: 1.2em; margin-right: 15px;}
.vizitkamaket ul{ font-size: 0.8em; margin:15px 0 15px 5px;}
.vizitkamaket a .large {border: 0px;display: block;height: 1px;left: -1px;position: absolute;top: -1px;width: 1px;}
.vizitkamaket a img {border: 1px solid rgba(255, 161, 60, 0.43);
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.72); margin: 10px 0 0 19px;}

.vizitkamaket a.p1:hover {text-decoration: none; z-index: 99;}
.vizitkamaket a.p1:hover .large {border: 3px solid rgba(255, 161, 60, 0.43);
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.72);display: block;position: absolute;top: 85px;left: -80px; width: 280px; height: auto; z-index:99;}


.btn {cursor: pointer; margin: 10px 0 0 35px; border-radius: 5px;text-decoration: none;padding: 9px;font-size: 15px;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;display: inline-block;}
.blueglaz {position: absolute; color: #8892BF; border: 2px #8892BF solid; background: url(../images/glaz.png) no-repeat; background-color: white;text-decoration: none;}
.blueglaz:hover {color: #fff; background: url(../images/glaz2.png) no-repeat; text-decoration: none;}  


/* Галлерея фоторама Fotorama 4.6.3*/


.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

.button3 {
text-decoration: none;
width:320px;
margin: 45px;
background: #3e9cbf; /*the colour of the button*/
padding: 20px 24px 20px 24px; /*apply some padding inside the button*/
border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1em;
text-align: center;
  line-height: 1.5em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #fff;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.button3:hover, .button3:focus {
text-decoration: none;
color:#dfe7ea;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
}
.copyr {margin-left: 20%;}

.footerarticle h4 {font-size:20px!important; text-align: left!important; margin:20px 0 10px 0!important;font-weight: 400!important; text-shadow: none!important;}
.footerarticle p {font-size:14px!important;margin:10px 0 0 0!important;}

#linkgorod a { 
    color: rgb(157 157 157);
    font-size: 13px;}