html {
	margin:0;
	padding:0;
	text-align:center;

	background-color:#fff;
	color:#000;

	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	line-height: 17px;
	word-wrap: break-word;

	font-weight:normal;
}

body 
{
	margin:0;
	padding:0;
}

a
{
	color:#0D7340;
}


.leftcorner, .topother
{
	z-index: 1;
	position: relative;	
}

.header 
{
	margin-bottom: -620px;
}

.mainpic
{
	height: 700px;
	background: transparent url(/images/main6.jpg) no-repeat center top;
}

.mainpic .bottomlinks
{
	position: relative;
	padding-top: 500px;
	max-width: 960px;
	margin: 0px auto;
	vertical-align: top;
}

.mainpic .bottomlinks .newcollection
{
	text-align: right;
}

.mainpic .bottomlinks .newcollection a
{
	display: inline-block;
	z-index: 3;
	width: 205px;
	min-height: 126px;
	background-color: transparent;
	line-height: 36px;
	color: #FFFFFF;
	font-size: 28px;
	text-align: right;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	margin: -12px 32px 0px 0px;
}

.mainpic .bottomlinks .configurator
{
	width: 55%;
	display: inline-block;
	text-align: right;
	vertical-align: top;
}

.mainpic .bottomlinks .configurator a
{
	font-size: 12px;
	width: 116px;
	height: 52px;
	color: #000;
	display: inline-block;
	position: relative;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	margin: 16px 40px 0px 0px;
	background-position: bottom left !important;
}

.mainpic .bottomlinks .rightline
{
	width: 44%;
	display: inline-block;
	text-align: center;
	padding-top: 47px;
}

.mainpic .bottomlinks .rightline a
{
	width: auto;
	padding: 10px 5px;
	border-bottom: none;
	display: inline-block;
	color: #000;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	background-position: bottom center !important;
}

.mainpic .bottomlinks .rightline a img
{
filter: grayscale(1);
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    left: 0px;
}


.mainpic .bottomlinks a:hover
{
	background: transparent url(/images/polosa.png) no-repeat right bottom;
}

.contentdiv 
{
	max-width: 100%;
}



/* поменять ширину при другом количестве пунктов меню! */
@media only screen and (max-width: 960px) 
{
	html, body
	{
		width:100%;
		overflow-x: hidden;
	}

	.mainpic
	{
		background-size:cover;
		height: 500px;
	}
	.mainpic .bottomlinks
	{
		padding-top: 330px;
	}
        .mainpic .bottomlinks .newcollection a 
	{
		width: 165px;
		margin: 12px 32px -22px 0px;
		font-size: 20px;
		min-height: 86px;
		line-height: 26px;
	}
	.mainpic .bottomlinks .configurator a
	{
		height: 46px;
		margin: 26px 37px 0px 0px;
	}
}


@media only screen and (max-width: 680px) 
{
        .mainpic .bottomlinks .newcollection a 
	{
		width: 125px;
		font-size: 16px;
		line-height: 20px;
		margin: 12px 32px -10px 0px;
	}


}


@media only screen and (max-width: 620px) 
{
	.header 
	{
		margin-bottom: -562px;
	}

	.mainpic
	{
		background-size:cover;
		height: 400px;
	}
	.mainpic .bottomlinks
	{
		padding-top: 200px;
	}
        .mainpic .bottomlinks .newcollection a 
	{
		width: 170px;
		padding-left: 40px;
		display: block;
		margin: 0px auto 0px;
		font-size: 20px;
		min-height: 86px;
		text-align: center;
		line-height: 26px;
		text-shadow: 0px 0px 3px #000;
		background-position: bottom center !important;
	}
	.mainpic .bottomlinks .configurator a
	{
		height: 40px;
		margin: 66px 2px 0px 0px;
	}

	.mainpic .bottomlinks .rightline
	{
		text-align: right;
		padding-top: 0px;
	}
	.mainpic .bottomlinks .rightline a
	{
		width: 100px;
		text-align: center;
		color: #fff;
		padding-top:24px;
	}
}

@media only screen and (max-width: 420px) 
{
	.header 
	{
		margin-bottom: -59px;
	}

	.mainpic
	{
		background-size:cover;
		height: 300px;
	}
	.mainpic .bottomlinks
	{
		padding-top: 40px;
	}
        .mainpic .bottomlinks .newcollection a 
	{
		width: 150px;
		padding-left: 25px;
		display: block;
		margin: 0px auto 0px;
		font-size: 15px;
		min-height: 156px;
		text-align: center;
		line-height: 26px;
		text-shadow: 0px 0px 3px #000;
		background-position: bottom center !important;
	}
	.mainpic .bottomlinks .configurator
	{
		width: 65%;
	}

	.mainpic .bottomlinks .configurator a
	{
		height: 40px;
		margin: 66px -14px 0px 0px;
		font-size:12px;
//		font-weight: normal;
	}

	.mainpic .bottomlinks .rightline
	{
		width: 120px;
		text-align: right;
		padding-top: 0px;
		float: right;

	}
	.mainpic .bottomlinks .rightline a
	{
		width: 120px;
		text-align: right;
		padding: 10px 4px 0px 0px;
		font-size: 11px;
	}

	.mainpic .bottomlinks .rightline a img
	{
		top: 1px;		
		width: 10px;
		height: 10px;
	}

}















.newscontent
{
	margin: 30px 5px 30px;
	border: 1px solid #D5DADF;
	border-radius: 1px;
	overflow: hidden;
}

div.newsdiv .newscontent h2
{
	margin: 0;
	font-weight: 600;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px solid #D5DADF;
	background: #FCFCFC;
	padding: 10px 15px;
}

.newscontent .itemlinear
{
	border-bottom: 1px solid #E5E8EB;
	padding: 15px 15px 15px;
}

.newscontent .itemlinear:last-child
{
	border-bottom: none;
}

.contactdivwrap
{
	height:30px;
	padding-top:0px;
	padding-bottom:20px;
	padding-right:5%;
	background-color: #1c1c1c;
	background: rgba(28,28,28,0.7);

	font-size:160%;
	color:#fff;
	font-weight:bold;
	text-align:right;
	display:block;
	position:fixed;
	top:0px;
	width:97%;
	z-index:10;
	-webkit-text-shadow: 1px 1px 5px #777;
	 text-shadow: 1px 1px 5px #777;
}

.contactdivwrap span
{
	display:block;
	width:auto;
	float:left;
	margin-left:1%;
 text-align:left;
padding-top:2px;
}

.contactdivwrap span i
{
 display:block;
 width:auto;
 float:left;
 font-size:11px;
 font-weight:normal;
 text-decoration:none;
}

.gtlogo
{
 display:block;
 margin-left:2%;
 margin-top:0px;
 float:left;
}

.gtlogo img
{
 width:132px;
}

.contactdivwrap img
{
	position:relative;
	top:5px;
}

.contactsmap
{
	overflow:hidden;
	height:450px;
}

.contactstext
{
	display: block;
	position:absolute;
	margin-top:50px;
	z-index:1;
	width:auto;
	height:430px;
	padding:10px;
	font-size:90%;
	text-align:center;

	background-image:url(/img/contactsfon.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.contactstext p
{
	padding:2px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
}

.ui-state-highlight,
.slide-out-divd .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: #f00;

    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    -ms-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;

}


.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;

    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    -ms-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}


#enterdata
{
 position:relative;
 top:-100px;
}

.animatedTable
{
	text-align:center;
	max-width: 700px;
	margin: 0px auto;
}

.animatedTable tr
{
	margin-bottom: 24px;	
}

.animatedTable img
{
	margin-top: 24px;
}

.animateddiv
{
	text-align:center;
	margin: 0px auto;
	vertical-align: top;
}

.animateddiv>div
{
	vertical-align: top;
}


.boxHidded{
   visibility: hidden; /*  Делаем иконки полностью прозрачными  */
}
.zoomIn, .zoomOut{
   visibility: visible;  /*  Делаем иконки полностью не прозрачными  */
}

.table100
{
	width:100%;
	text-align: left;
}

.topbackcall 
{
	display:block;
	position: absolute;
	right: 85px;	
	width: 300px;
	text-align:center;
	background-color: white;
	margin-top:8px;
	border-radius: 0px 0px 15px 15px;
}

.topbackcall a
{
	color: #333;
	text-decoration: none;
	font-size:18px;
	padding: 5px 15px;
	text-shadow: none;
}

.midfront
{
	margin: 50px -13px;
	padding: 75px 0px;
	background-color: grey;
	color: #fff;
	font-size: 125%;

	background-image:url(/img/midfront.jpg);
	background-repeat:no-repeat;
	background-position:center top;

}

#topslidewrapper
{
	height: 500px;
}

#topslide
{
	position: absolute;
	width: 100%;
	height: 469px;
	left: 0px;
}

#topslide div.owl-item
{
	text-align: center;
	min-height: 469px;
}

#topslide div.owl-item>div
{
	height: 469px;
	background-position: center center;
	background-repeat: no-repeat;
}

#topslide img.slidepic
{
	overflow: hidden;
	width: 100%;
	background-size: cover;
	min-height: 469px;
}

#topslide .text
{
	background: rgba(255,255,255,0.9);
	max-width: 800px;
	min-width: 320px;
	margin: 0px auto;
	height: auto;
	padding: 20px;
}

#topslidea
{
	margin-top:20px;
	position: absolute;
	right: 0%;
	width: 180px;
	height: 300px;
	z-index:99;
}

#topslidea a
{
	clear: both;
	display: block;
	height: auto;
	background-repeat: no-repeat;
	background-position: 15px center;
	color: #111;
	text-decoration: none;
	padding: 5px;
	padding-left: 51px;
	border-bottom: 1px solid #fff;
	text-align: left;
	min-height:40px;
	background: rgba(255,220,220,0.7);
}

#topslidea a:last-child
{
	border-bottom: none;
}

#topslidea a.active, #topslidea a:hover
{
	background: rgba(255,180,180,0.9);
	background-repeat: no-repeat;
	background-position: 15px center;
}

#topslidetext
{
	margin-top:10px;
	background: rgba(255,255,255,0.8);
	height: 300px;
	text-align:center;
	margin: 0px auto; 
	height: 110px; 
	overflow: hidden; 
	position: relative; 
	width: auto;
	max-width: 960px;
}


@media only screen and (max-width: 600px) {

	#topslidetext
	{
		height: 140px;
	}

}


#topslidetext div
{
	position: absolute;
	opacity: 0;
	visibility:hidden;
	width: 100%;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

#topslidetext div H3
{
	margin:0px;
	padding: 0px;
}

#topslidetext div p
{
	margin:0px;
	padding: 0px;
}


.divparallax
{
	background-position: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 5px 5px;
	text-align: center;
	margin: 0px 0px 20px;
}

.divparallax>div
{
	text-align: center;
	background: rgba(255,255,255,0.7);
	padding: 10px;
}

.divtextparallax
{
	background-position: fixed;
	background-repeat: repeat-y;
	background-position: center top;
	background-size: cover;
	padding: 15px 20px;
	text-align: center;
	margin: 0px auto;
//	max-width: 880px;
}

.divtextparallax>div
{
	text-align: center;
	background: rgba(255,255,255,0.8);
	padding: 10px;
}


.col3
{
	display: inline-block;
	width: 33%;
	height: auto;
	min-height: 330px;
	text-align: center;
	vertical-align: top;
}

.col3 a
{
	text-decoration: none;
	color: rgb(51,43,36);
}

.zoompicdiv
{
	display: inline-block;
	text-align: center;
	text-align: center;
}

.zoompicdiv img
{
	clear: both;
	margin: 0px auto 12px;
	display: block;
}

iframe
{
	margin: 24px auto;
	max-width: 100%;
}

.maintextblock h1
{
	text-align: center;
	color: #8F8478;
	padding: 30px;
}


.maintextblock
{
	font-size: 125%;
	color: #8F8478;
	line-height: 150%;
	padding: 30px;
}