body, html {
	padding:0;
	margin:0;
	color: #000;
	font-size:12pt;
	background-color:#FFF;
	font-family:Arial, Verdana, Geneva, sans-serif;
	background: url(/templates/tmp/images/bg.jpg) center top no-repeat fixed;
}


p {
	padding:0;
	margin:0;
	margin-bottom:10px;
}



img {
	border:none;
	outline:none;
}

a {
	outline:none;
	border:none;
	color: #417ba4;
}

a:hover {
	color: #5A94BE;
}


h1, h2  {
	width:auto;
	margin:0;
	color:#000;
	text-align:left;
	margin-bottom:20px;
	margin-top:20pt;
	padding-bottom:10px;
	font-size:18pt;
	font-family: "Comfortaa",cursive;
	text-transform:none;
}

div.jshop.productfull  div div h1 {
 font-family: "Comfortaa",cursive;
 letter-spacing:3px;
}


h3 {
	width:auto;
	padding:10px;
	margin:0;
	font-weight:bold;
	color:#FFF;
	background-color:#417ba4;
	text-align:left;
	margin-bottom:10px;
	font-size:14px;
	text-align:center;
}






/*-----------------Шаблон-------------------*/



.topbody {
	min-height:1200px;
	width:1000px;
	margin: 0 auto;
	background-color:#FFF;
	overflow:hidden;
}





.topbodytop {
	width:980px;
	height:50px;
	padding:10px;
	background-color:#039;
}

.topbodytop2 {
	width:980px;
	height:50px;
	padding:10px;
	margin:0 auto;
	background-color:#039;
}


.topbodycontent {
	float:left;
	width:720px;
	padding:20px;
	padding-top:1px;
}

.topbodycontentr {
	float:right;
	width:200px;
	padding:20px;
	font-size:10pt;
}





.grayscale {
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
	-ms-filter: brightness(90%);
	-o-filter:brightness(90%);
	filter: brightness(90%);
}

.grayscale:hover {
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-ms-filter: brightness(100%);
	-o-filter:brightness(100%);
	filter: brightness(100%);
}






























ul.breadcrumb li {
	width:auto;
	float:left;
}


.breadcrumb {
	list-style:none;
	
	font-size:12pt;
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	
	padding:0;
	margin:0;
	margin-bottom:15px;
	padding-bottom:15px;
	margin-top:20px;
	
}
.breadcrumb > li {
	display:inline-block;
}
.breadcrumb > li + li:before {
	padding:0 5px;
	color:#ccc;
	content:">";
}
.breadcrumb > .active {
	color:#777;
}
html > body > div.gabionbodyin > div.gabionbody > div.compo > ul.breadcrumb > li > span.divider {
	display:none
}











.gn_static_1 {
	 overflow:hidden; width:300px; height:300px; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px;box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.gn_static_1:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
}




.btname::-webkit-input-placeholder {color:#787878;}
.btname::-moz-placeholder          {color:#787878;}
.btname:-moz-placeholder           {color:#787878;}
.btname:-ms-input-placeholder      {color:#787878;}
.btname::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.btname::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.btname:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.btname:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.btname:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.btname:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.btname:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.btname:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
.btname[placeholder]          {text-overflow:ellipsis;}
.btname::-moz-placeholder     {text-overflow:ellipsis;} 
.btname:-moz-placeholder      {text-overflow:ellipsis;} 
.btname:-ms-input-placeholder {text-overflow:ellipsis;}



input::-webkit-input-placeholder {color:#787878;}
input::-moz-placeholder          {color:#787878;}
input:-moz-placeholder           {color:#787878;}
input:-ms-input-placeholder      {color:#787878;}
input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}


textarea::-webkit-input-placeholder {color:#787878;}
textarea::-moz-placeholder          {color:#787878;}
textarea:-moz-placeholder           {color:#787878;}
textarea:-ms-input-placeholder      {color:#787878;}
textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
textarea[placeholder]          {text-overflow:ellipsis;}
textarea::-moz-placeholder     {text-overflow:ellipsis;} 
textarea:-moz-placeholder      {text-overflow:ellipsis;} 
textarea:-ms-input-placeholder {text-overflow:ellipsis;}




.bouttonsend {
	display:block;
	background-color:#d2801e;
	padding:10px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
	margin-top:1px;
	float:left;
	font-size:16pt;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
	text-transform:lowercase;
	font-family:Forum, Arial, Verdana, Geneva, sans-serif;
}


.bouttonsend:hover {
	color:#FFF;
	background-color:#ed9224;
}


.bouttonsend2 {
	display:block;
	background-color:#000;
	padding:4px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	font-size:11pt;
	color:#FFF;
	border-radius:3px;
	cursor:pointer;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial, Verdana, Geneva, sans-serif;
}


.bouttonsend2:hover {
	color:#FFF;
	background-color:#ccc;
}


.send {
	border:none;
	background-color:#d2801e;
	padding:4px;
	padding-top:6px;
	padding-left:15px;
	padding-right:15px;
	font-size:16pt;
	color:#FFF;
	border-radius:3px;
	cursor:pointer;
	text-decoration:none;
	text-transform:uppercase;
	font-family:Forum, Arial, Verdana, Geneva, sans-serif;
}


.send:hover {
	color:#FFF;
	background-color:#265279;
}




.bouttonsendm {
	display:block;
	width:96%;
	background-color:#d2801e;
	padding:15px;
	padding-top:13px;
	padding-left:2%;
	padding-right:2%;
	margin-top:1px;
	float:left;
	font-size:16pt;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	border-radius:5px;
	font-family:Forum, Arial, Verdana, Geneva, sans-serif;
}


.bouttonsendm:hover {
	color:#FFF;
	background-color:#265279;
}



.bouttonsendhome {
	margin-top:1px;
	float:left;
	font-size:10pt;
	padding:1px;
	color:#0033cc;
	cursor:pointer;
	text-decoration:underline;
}

.bouttonsendhome:hover {
	color:#ff6700;
}





#contentform {
	font-size:14pt;
	text-align:center;
	color:#000
}


.sendbt {
	padding:0;
	margin:0;
	border:0;
	padding:10px;
	padding-bottom:12px;
	padding-left:20px;
	padding-right:20px;
	font-size:18pt;
	text-transform:lowercase;
	background-color: #1E1E1E;
	color:#FFF;
	cursor:pointer;
	border-radius:6px;
	font-family:Forum, Arial, Verdana, Geneva, sans-serif;
}

.sendbt:hover {
	background-color: #3F3F3F;
}




.btname {
	padding:0;
	margin:0;
	border:0;
	padding:10px;
	border: 1px solid #ccc;
	color:#333;
	border-radius:6px;
}



.box-modal {
	position: relative;
	width: 300px;
	padding: 16px;
	background: #FFF;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;
	z-index:2000;
	overflow:hidden;

}
.box-modal_close {
	text-transform:uppercase;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12pt;
	line-height: 15px;
	color:#000;
	cursor: pointer;
}
.box-modal_close:hover { color:#F00; }


.box-modal-top {
	position: relative;
	width: auto;
	padding: 16px;
	background: #FFF;
	color: #bbb;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
	border-radius: 6px;
	z-index:1002;
	margin-top:80px;
}
.box-modal_close-black { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; }
.box-modal_close-black:hover { color: #6897bb; }




.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/templates/tmp/images/loading.gif) no-repeat 50% 50%; }


.loader {
	position:absolute;
	width:300px;
	background-color:#FFF;
	height:150px;
	padding-top:60px;
	text-align:center;
}




.arcticmodal-container_i th, .arcticmodal-container_i td {
	background-color:transparent;
	padding:0;
	margin:0;
	border-style: solid;
	border-width: 0px;
	border-color: #FFF;
}