.cellHelper, .clear, .section {
	width: 100%
}
body, html {
	box-sizing: border-box
}
*,::after,::before,:after,:before {
	box-sizing: inherit
}
.checkboxHelper, .relative {
	position: relative
}
@media only screen and (max-width:1300px) {
body {
	vivibility: visible
}
}
@media only screen {
body {
	vivibility: visible
}
}
@media only screen and (min-width:451px) {
body {
	vivibility: visible
}
}
@media only screen and (min-width:451px) and (max-width:640px) {
body {
	vivibility: visible
}
}
@media only screen and (min-width:641px) and (max-width:895px) {
body {
	vivibility: visible
}
}
@media only screen and (min-width:896px) and (max-width:1024px) {
body {
	vivibility: visible
}
}
@media only screen and (min-width:1025px) and (max-width:1200px) {
body {
	vivibility: visible
}
}
.overflow {
	overflow: hidden
}
.left {
	float: left
}
.right {
	float: right
}
.clear {
	height: 0;
	overflow: hidden;
	clear: both
}
img.responsive {
	max-width: 100%;
	height: auto
}
.tableHelper {
	display: table;
	width: 100%;
	height: 100%
}
.cellHelper {
	display: table-cell;
	height: 100%;
	vertical-align: middle
} 
.icon, .productIntro .productList.home .slick-arrow:before {
	font-family: icons;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.btn--std, .categoriesList .head, header nav #toggleMenu, header nav ul li a {
	text-transform: uppercase
}
.icon-arrow-down:before {
	content: "\EA01"
}
.icon-arrow-left:before {
	content: "\EA02"
}
.icon-arrow-right:before {
	content: "\EA03"
}
.icon-arrow-up:before {
	content: "\EA04"
}
.icon-buy10:before {
	content: "\EA05"
}
.icon-cancel33:before {
	content: "\EA06"
}
.icon-contract:before {
	content: "\EA07"
}
.icon-document162:before {
	content: "\EA08"
}
.icon-document163:before {
	content: "\EA09"
}
.icon-document209:before {
	content: "\EA0A"
}
.icon-email130:before {
	content: "\EA0B"
}
.icon-email16:before {
	content: "\EA0C"
}
.icon-facebook56:before {
	content: "\EA0D"
}
.icon-favorite21:before {
	content: "\EA0E"
}
.icon-favorite7:before {
	content: "\EA0F"
}
.icon-file242:before {
	content: "\EA10"
}
.icon-folder47:before {
	content: "\EA11"
}
.icon-graduate33:before {
	content: "\EA12"
}
.icon-heart296:before {
	content: "\EA13"
}
.icon-history6:before {
	content: "\EA14"
}
.icon-left225:before {
	content: "\EA15"
}
.icon-linia1:before {
	content: "\EA16"
}
.icon-linia2:before {
	content: "\EA17"
}
.icon-linkedin12:before {
	content: "\EA18"
}
.icon-list4:before {
	content: "\EA19"
}
.icon-logout13:before {
	content: "\EA1A"
}
.icon-medical55:before {
	content: "\EA1B"
}
.icon-mouse22:before {
	content: "\EA1C"
}
.icon-ok2:before {
	content: "\EA1D"
}
.icon-padlock105:before {
	content: "\EA1E"
}
.icon-pdf17:before {
	content: "\EA1F"
}
.icon-pin17:before {
	content: "\EA20"
}
.icon-placeholder30:before {
	content: "\EA21"
}
.icon-play-button4:before {
	content: "\EA22"
}
.icon-play128:before {
	content: "\EA23"
}
.icon-player6:before {
	content: "\EA24"
}
.icon-prize3:before {
	content: "\EA25"
}
.icon-round68:before {
	content: "\EA26"
}
.gallery--details .gallery ul li a:before, .icon-search19:before {
	content: "\EA27"
}
.icon-search74:before {
	content: "\EA28"
}
.icon-settings62:before {
	content: "\EA29"
}
.icon-shopping111:before {
	content: "\EA2A"
}
.icon-shopping122:before {
	content: "\EA2B"
}
.icon-sign45:before {
	content: "\EA2C"
}
.icon-social16:before {
	content: "\EA2D"
}
.icon-speech-bubble25:before {
	content: "\EA2E"
}
.icon-start3:before {
	content: "\EA2F"
}
.icon-student71:before {
	content: "\EA30"
}
.icon-telephone34:before {
	content: "\EA31"
}
.icon-telephone51:before {
	content: "\EA32"
}
.icon-three60:before {
	content: "\EA33"
}
.icon-tick11:before {
	content: "\EA34"
}
.icon-tick7:before {
	content: "\EA35"
}
.icon-turn-off1:before {
	content: "\EA36"
}
.icon-user15:before {
	content: "\EA37"
}
.icon-user7:before {
	content: "\EA38"
}
.icon-wykres:before {
	content: "\EA39"
}
.icon-send4:before {
	content: "\EA3A"
}
.icon-1:before {
	content: "\EA3B"
}
.icon-12:before {
	content: "\EA3C"
}
.icon-2:before {
	content: "\EA3D"
}
.icon-22:before {
	content: "\EA3E"
}
.icon-3:before {
	content: "\EA3F"
}
.icon-32:before {
	content: "\EA40"
}
.icon-hause:before {
	content: "\EA41"
}
.icon-42:before {
	content: "\EA42"
}
.icon-5:before {
	content: "\EA43"
}
.icon-ex:before {
	content: "\EA44"
}
.icon-32c:before {
	content: "\EA45"
}
.icon-22new:before {
	content: "\EA46"
}
.icon-klucz:before {
	content: "\EA47"
}
.icon-palletnews:before {
	content: "\EA48"
}
.icon-Rysunekpen:before {
	content: "\EA49"
}
.icon-clock:before {
	content: "\EA4A"
}
.icon-list:before {
	content: "\EA4B"
}
.icon-success:before {
	content: "\EA4C"
}
.icon-przechowalnia1:before {
	content: "\EA4D"
}
.icon-przechowalnia2:before {
	content: "\EA4E"
}
.icon-przechowalnia3:before {
	content: "\EA4F"
}
.icon-przechowalnia4:before {
	content: "\EA50"
}
.icon-svg_car:before {
	content: "\EA51"
}
.icon-back:before, .productIntro .productList.home .slick-prev:before {
	content: "\EA52"
}
.icon-next:before, .productIntro .productList.home .slick-next:before {
	content: "\EA53"
}
.baseGrid::after, .baseGridSlider::after, .checkboxHelper::after, .clearfix::after {
	content: "";
	clear: both
}
body, html {
	margin: 0
}
*,:after,:before {
	outline: 0!important
}
body {
	font-family: GothamBook, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #858484;
	line-height: 1.57143em
}
.cartView #cartForm .productsTable .type, .cartView #cartForm .productsTable .val, .cartView .cartBlocks .col .colorBlock .val, a[href^=mailto] {
	font-weight: 500;
	font-family: GothamMedium
}
.wrapper {
	width: 92%;
	margin: 0 auto
}
.wrapper.first {
	max-width: 1305px;
	width: 100%
}
a {
	color: inherit;
	text-decoration: inherit
}
.clearfix::after {
	display: table
}
.slick-slide img {
	display: inline-block
}
blockquote {
	margin: 0;
	font-family: GothamMedium;
	font-style: italic
}
.baseGrid::after {
	display: table
}
.baseGrid .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -12px
}
.baseGrid .col {
	width: 25%;
	float: left;
	display: block
}
@media only screen and (max-width:895px) {
body {
	vivibility: visible
}
.baseGrid .col {
	width: 33.33%
}
}
@media only screen and (max-width:640px) {
body {
	vivibility: visible
}
.baseGrid .col {
	width: 50%
}
}
.baseGrid .col .item {
	margin-left: 12px;
	margin-right: 12px
}
.baseGridSlider::after {
	display: table
}
.baseGridSlider .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -12px
}
.baseGridSlider .col {
	width: 25%;
	float: left;
	display: block
}
@media only screen and (max-width:895px) {
.baseGridSlider .col {
	width: 33.33%
}
.cartView #cartForm .productsTable {
	table-layout: fixed
}
}
@media only screen and (max-width:640px) {
.baseGridSlider .col {
	width: 50%
}
}
.baseGridSlider .right {
	width: 75%;
	float: left;
	display: block
}
@media all and (max-width:1200px) {
.baseGridSlider .right {
	width: 100%
}
}
a[href^=mailto] {
	color: #7cc655
}
.hidden {
	display: none
}
.checkboxHelper {
	padding-left: 40px;
	min-height: 29px
}
.checkboxHelper::after {
	display: table
}
.checkboxHelper input {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 29px;
	height: 29px
}
.checkboxHelper input:checked+label:after {
	content: "\2714";
	position: absolute;
	left: 7px;
	top: 4px;
	color: #7cc655;
	font-size: 20px
}
.checkboxHelper label:before, .selectHelper:after, .selectHelper:before {
	content: ""
}
.checkboxHelper label:before {
	display: inline-block;
	width: 29px;
	height: 29px;
	border: 1px solid #e3e8f1;
	position: absolute;
	left: 0;
	top: 0
}
.selectHelper {
	position: relative
}
.selectHelper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.selectHelper select::-ms-expand {
	display: none
}
.breadcrumb ul li, .selectHelper:before {
	display: inline-block
}
.selectHelper:after {
	position: absolute;
	height: 100%;
	width: 25px;
	background: #bfc9df;
	right: 0;
	top: 0;
	pointer-events: none
}
.selectHelper:before {
	position: absolute;
	right: 7px;
	top: 50%;
	z-index: 2;
	height: 0;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	pointer-events: none
}
.breadcrumb {
	border-bottom: 1px solid #eaeef1;
	padding: 1.14286em 0
}
.breadcrumb ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: #538bf4
}
.breadcrumb ul li a {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	color: #858484
}
.breadcrumb ul li:last-child a {
	color: #7cc655
}
.breadcrumb ul li:after {
	color: #e1e5e9;
	content: "/";
	display: inline-block;
	margin: 0 .71429em 0 .85714em
}
.cartView .cartBlocks .col .colorBlock .row::after, .cartView .cartBlocks::after, .cartView .nextStepsSection .text::after, .cartView .summary .row::after, .categoriesList nav:after, .colorBlock .title:after, .heading h2.color:before, .modal::after {
	content: ""
}
.breadcrumb ul li:last-child:after {
	display: none
}
.btn {
	display: inline-block;
	font-family: GothamMedium;
	border: none
}
.btn--std {
	text-align: center;
	padding: .66667em 2.33333em;
	border-radius: 1.75em;
	color: #fff;
	font-size: .85714em;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.btn--std:hover {
	background: #fff
}
.btn--green {
	background: #7cc655
}
.btn--green:hover {
	color: #7cc655
}
.btn--dark-green {
	background: #4aa31b
}
.btn--dark-green:hover {
	color: #4aa31b
}
.btn--gray {
	background: #878e9d
}
.btn--gray:hover {
	color: #878e9d
}
.btn--blue, .realisationItem:hover .btn {
	background: #538bf4
}
.btn--blue:hover, .realisationItem:hover .btn:hover {
	color: #538bf4
}
.btn--navy {
	background: #2e3646
}
.btn--navy:hover {
	color: #2e3646
}
.btn--fb {
	background: #3b5998
}
.btn--fb i {
	margin-left: .92857em;
	font-size: 1.14286em;
	vertical-align: baseline
}
.btn--fb:hover {
	color: #3b5998
}
.cartView {
	overflow: hidden
}
.cartView #cartForm .productsTable {
	width: 100%
}
.cartView #cartForm .productsTable .image {
	display: inline-block;
	border: 1px solid #dce6ee;
	border-radius: 5px;
	overflow: hidden
}
@media only screen and (min-width:641px) {
body {
	vivibility: visible
}
.cartView #cartForm .productsTable .image {
	margin: 2.5em 2.85714em 2.5em 0
}
}
.cartView #cartForm .productsTable .image img {
	max-width: 100%;
	vertical-align: middle
}
.cartView #cartForm .productsTable .removeItem i, .cartView #cartForm .productsTable button i {
	vertical-align: baseline
}
.cartView #cartForm .productsTable .type {
	color: #538bf4
}
.cartView #cartForm .productsTable .name {
	color: #1f2635;
	font-size: 1.42857em
}
.cartView #cartForm .productsTable label {
	float: left;
	padding-right: .71429em
}
.cartView #cartForm .productsTable .input {
	display: inline-block
}
.cartView #cartForm .productsTable input {
	width: 42px;
	line-height: 42px;
	height: 42px;
	border: none;
	background: #eef2f5;
	text-align: center;
	padding: 5px
}
.cartView #cartForm .productsTable .val {
	color: #94c11e;
	font-size: 1.28571em
}
.cartView #cartForm .productsTable button {
	background: #fb5b5b;
	border: none;
	color: #fff;
	width: 52px;
	border-radius: 21px;
	line-height: 42px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.cartView #cartForm .productsTable button:hover {
	color: #fb5b5b;
	background: #fff
}
.cartView #cartForm .productsTable .removeItem {
	background: #fb5b5b;
	border: none;
	color: #fff;
	width: 52px;
	border-radius: 21px;
	line-height: 42px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	display: inline-block;
	text-align: center
}
.cartView #cartForm .productsTable .removeItem:hover {
	color: #fb5b5b;
	background: #fff
}
.cartView #cartForm .productsTable td {
	padding: 0 .71429em
}
@media only screen and (max-width:895px) {
.cartView #cartForm .productsTable tr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}
.cartView #cartForm .productsTable td {
	display: block;
	width: 25%;
	float: left;
	overflow: hidden;
	padding: 5px 0
}
.cartView #cartForm .productsTable .askRow td {
	width: 100%
}
}
@media only screen and (max-width:640px) {
.cartView #cartForm .productsTable tr {
	display: block
}
.cartView #cartForm .productsTable td {
	width: 100%;
	margin: 10px 0;
	text-align: center
}
}
.cartView #cartForm .productsTable .askRow textarea {
	padding-bottom: 1.42857em;
	width: 100%;
	resize: none;
	overflow: hidden;
	border: none
}
.cartView #cartForm .productsTable tr:nth-child(2n) {
	border-bottom: 1px solid #dce6ee
}
@media only screen and (min-width:641px) {
.cartView #cartForm .productsTable td: last-child {
	text-align: right
}
}
.cartView #cartForm .productsTable td[colspan] {
	text-align: left
}
.cartView .cartBlocks {
	padding: 4.14286em 0 2.71429em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.cartView .cartBlocks::after {
	clear: both;
	display: table
}
.cartView .cartBlocks .col {
	width: 21%;
	padding-right: 1%;
	float: left
}
@media only screen and (max-width:895px) {
.cartView .cartBlocks .col {
	width: 33%
}
}
@media only screen and (max-width:640px) {
.cartView .cartBlocks .col {
	width: 100%;
	text-align: center
}
}
.cartView .cartBlocks .col:last-child {
	width: 32.5%;
	float: right
}
.cartView .cartBlocks .col .title {
	color: #1f2635;
	padding: .2em 0 1.2em;
	font-size: 1.78571em
}
.cartView .cartBlocks .col .checkboxHelper {
	margin: 10px 0;
	display: inline-block
}
.cartView .cartBlocks .col .colorBlock {
	width: 100%;
	color: #fff
}
.cartView .cartBlocks .col .colorBlock .title {
	color: #fff;
	padding: 0
}
.cartView .cartBlocks .col .colorBlock .head {
	padding-bottom: 1.42857em
}
.cartView .cartBlocks .col .colorBlock .val {
	color: #8fba20;
	font-size: 1.14286em
}
.cartView .cartBlocks .col .colorBlock .row {
	color: #fff;
	padding: .07143em 0
}
.cartView .cartBlocks .col .colorBlock .row::after {
	clear: both;
	display: table
}
.cartView .cartBlocks .col .colorBlock .row .desc {
	float: left
}
.cartView .cartBlocks .col .colorBlock .row .val {
	float: right
}
@media only screen and (max-width:640px) {
.cartView .cartBlocks .col .colorBlock .row .desc, .cartView .cartBlocks .col .colorBlock .row .val {
	width: 100%;
	text-align: center
}
}
.cartView .cartBlocks .col .colorBlock .bottom {
	text-align: right
}
.cartView .cartBlocks .col .colorBlock .bottom .val {
	font-size: 1.42857em
}
.cartView .additionalInfo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 2.14286em 0
}
.cartView .additionalInfo .title {
	float: left;
	font-size: 1.78571em;
	line-height: 1.2em;
	letter-spacing: .005em;
	padding-right: 1.6em;
	vertical-align: middle;
	color: #1f2635
}
@media only screen and (max-width:895px) {
.cartView .cartBlocks .col: last-child {
	width: 100%
}
.cartView .cartBlocks .col .checkboxHelper {
	margin: 10px
}
.cartView .additionalInfo {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.cartView .additionalInfo .title {
	text-align: center;
	width: 100%;
	padding: .71429em 0;
	float: none
}
}
.cartView .additionalInfo textarea {
	width: 100%;
	background: #eef2f5;
	border: 1px solid #d7dee4;
	padding: .71429em
}
.cartView .nextStepsSection {
	background: url(../img/green_pattern.jpg);
	color: #fff;
	padding: 5em 0
}
.cartView .nextStepsSection .heading {
	text-align: center;
	padding-bottom: 2.14286em
}
.cartView .nextStepsSection .text::after {
	clear: both;
	display: table
}
.cartView .nextStepsSection .text i {
	float: left;
	color: #9fe878;
	font-size: 6.42857em;
	padding-right: 1em;
	margin-top: -10px
}
@media only screen and (max-width:1024px) {
body {
	vivibility: visible
}
.cartView .nextStepsSection .text i {
	display: none
}
.cartView .nextStepsSection .text p {
	text-align: center
}
}
.cartView .nextStepsSection .text p {
	display: block;
	overflow: auto
}
.cartView .additionalOptions .checkboxes, .colorBlock .setBar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox
}
.colorBlock, .colorBlock .head {
	overflow: hidden
}
.cartView .additionalOptions {
	background: #f9fafc;
	padding: 2.85714em 0
}
.cartView .additionalOptions .heading {
	color: #1f2635;
	text-align: center
}
.cartView .additionalOptions .checkboxes {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.cartView .additionalOptions .checkboxes>.checkboxHelper {
	width: 25%;
	margin: .78571em 0;
	display: inline-block;
	-webkit-transition: all .15s ease-out 0s;
	transition: all .15s ease-out 0s
}
@media only screen and (max-width:895px) {
.cartView .additionalOptions .checkboxes>.checkboxHelper {
	width: 30%
}
.cartView .additionalOptions .checkboxes>.checkboxHelper .tooltip {
	display: none
}
}
@media only screen and (max-width:640px) {
.cartView .additionalOptions .checkboxes>.checkboxHelper {
	width: 48%
}
}
@media only screen and (max-width:450px) {
body {
	vivibility: visible
}
.cartView .additionalOptions .checkboxes {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}
.cartView .additionalOptions .checkboxes>.checkboxHelper {
	width: 100%
}
}
.cartView .additionalOptions .checkboxes>.checkboxHelper .tooltip {
	position: absolute;
	left: 10px;
	color: #fff;
	background: rgba(1,1,1,.8);
	border-radius: 6px;
	padding: 12px 20px;
	font-size: 13px;
	font-weight: 300;
	top: 30px;
	width: 300px;
	z-index: 400;
	-webkit-transition: all .2s cubic-bezier(.68,-.55,.265,1.55);
	transition: all .2s cubic-bezier(.68,-.55,.265,1.55);
	-webkit-transition-delay: 15ms;
	transition-delay: 15ms;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	opacity: 0
}
.categoriesList .head, .categoriesList nav ul a.active, .colorBlock .info .val, .colorBlock .setBar #slideBar .handle {
	font-weight: 500;
	font-family: GothamMedium
}
.cartView .additionalOptions .checkboxes>.checkboxHelper .tooltip:before {
	content: "";
	position: absolute;
	-webkit-transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
	transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
	height: 0;
	border-bottom: 6.5px solid rgba(1,1,1,.8);
	border-left: 6.5px solid transparent;
	border-right: 6.5px solid transparent;
	left: 10%;
	width: 13px;
	bottom: 100%;
	margin: auto
}
.cartView .additionalOptions .checkboxes>.checkboxHelper label:hover+span.tooltip {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
.cartView .summary {
	padding: 5.57143em 0
}
.cartView .summary .row::after {
	clear: both;
	display: table
}
@media only screen and (max-width:1200px) {
body {
	vivibility: visible
}
.cartView .summary {
	padding: 1.78571em 0
}
.cartView .summary .left, .cartView .summary .right {
	width: 100%;
	margin: 20px 0;
	text-align: center
}
.cartView .summary .left .btn, .cartView .summary .right .btn {
	margin-top: 10px
}
}
.cartView .summary .checkboxHelper {
	display: inline-block;
	margin-right: 20px
}
.cartView .summary .checkboxHelper a {
	color: #7cc655
}
.categoriesList {
	background: #1f2635;
	padding: 2.78571em;
	margin-bottom: 1.42857em
}
.categoriesList .heading h1, .categoriesList .heading h2, .categoriesList .heading h3, .categoriesList .heading h4, .categoriesList .heading h5, .categoriesList .heading h6 {
	margin-top: 0;
	line-height: 1.2em;
	font-size: 2.5em;
	color: #fff
}
.categoriesList .head {
	color: #538bf4;
	padding-bottom: .28571em
}
.categoriesList nav {
	margin-bottom: 2.14286em;
	padding-left: 2.07143em;
	position: relative
}
.categoriesList nav:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 10px;
	height: 100%;
	background: url(../img/simple_pattern.png)
}
@media only screen and (max-width:895px) {
.categoriesList {
	text-align: center
}
.categoriesList .head {
	font-size: 1.14286em;
	cursor: pointer
}
.categoriesList nav {
	padding-left: 0;
	margin-bottom: .71429em
}
.categoriesList nav:after {
	display: none
}
}
.categoriesList nav ul {
	list-style: none;
	padding: 0;
	margin: 0
}
@media only screen and (min-width:896px) {
body {
	vivibility: visible
}
.categoriesList nav ul {
	display: block!important
}
}
.categoriesList nav ul a {
	color: #fff;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.categoriesList nav ul a.active, .categoriesList nav ul a:hover {
	color: #7cc655
}
@media only screen and (max-width:895px) {
.categoriesList nav .head+ul {
	display: none
}
}
.categoryItem {
	border: 1px solid #e3e8f1;
	border-radius: 4px;
	background: #fff;
	display: block;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.categoryItem:hover {
	border-color: #538bf4
}
.categoryItem img {
	vertical-align: middle;
	max-width: 100%
}
.categoryItem .title {
	color: #40454f;
	font-size: 1.5em;
	text-align: center;
	padding: 1.16667em 0;
	display: block
}
.colorBlock {
	float: left;
	width: 50%
}
@media only screen and (max-width:1024px) {
.colorBlock {
	width: 100%;
	margin: .71429em 0;
	border-radius: 5px;
	text-align: center
}
}
.colorBlock:first-child {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px
}
.colorBlock:last-child {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px
}
.colorBlock.black {
	background: #252525
}
.colorBlock.black .top {
	background: #343333
}
.colorBlock.black .top .title:after {
	background: #424242
}
.colorBlock.black .top .val {
	color: #94c11e
}
.colorBlock.black .bottom .btn {
	color: #343333
}
.colorBlock.green {
	background: #94c11e
}
.colorBlock.green .top .val {
	color: #fff
}
.colorBlock.green .bottom {
	background: #729c05
}
.colorBlock.green .bottom .btn {
	color: #729c05
}
.colorBlock .top {
	padding: 2.14286em 2.85714em
}
.colorBlock .bottom {
	padding: 2.14286em;
	text-align: center
}
.colorBlock .title {
	color: #fff;
	font-size: 2.14286em;
	position: relative
}
.colorBlock .title:after {
	position: absolute;
	left: 100%;
	top: 50%;
	width: 5000px;
	height: 1px;
	margin-left: 25px;
	background: #a7ce3e;
	display: block
}
.colorBlock .btn {
	background: #fff
}
.colorBlock .btn:hover {
	opacity: .9
}
.colorBlock .setBar {
	color: #fff;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 29px 0
}
@media only screen and (max-width:640px) {
.colorBlock .setBar {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.colorBlock .setBar>* {
	width: 100%;
	text-align: center
}
}
.colorBlock .setBar p {
	margin: 0
}
.colorBlock .setBar .label {
	vertical-align: middle
}
.colorBlock .setBar #slideBar {
	height: 7px;
	border-radius: 5px;
	width: calc(100% - 195px);
	background: #94c11e;
	position: relative
}
@media only screen and (max-width:640px) {
.colorBlock .setBar #slideBar {
	width: 100%;
	margin: 1.42857em 0
}
}
.colorBlock .setBar #slideBar .blueBar {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	border-radius: inherit;
	background: url(../img/blue_pattern.jpg)
}
.colorBlock .setBar #slideBar .handle {
	width: 27px;
	height: 27px;
	line-height: 27px;
	background: #94c11e;
	margin-top: -10px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	z-index: 2
}
.colorBlock .info {
	font-size: 1em;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media only screen and (max-width:640px) {
.colorBlock .info {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.colorBlock .info .col {
	width: 100%;
	text-align: center;
	margin: .42857em 0
}
}
.colorBlock .info input {
	width: 43px;
	padding: 11px 0;
	color: #7b7f85;
	text-align: center;
	margin: 0 10px;
	border: none
}
.colorBlock .info .val {
	font-size: 1.57143em
}
.colorBlock .info .val.discounted {
	text-decoration: line-through;
	font-size: 1.14286em
}
.heading h1 {
	font-weight: 300;
	font-family: GothamLight
}
.heading h1 b {
	font-family: GothamMedium;
	font-weight: 500
}
.heading h2 {
	font-weight: 300;
	font-family: GothamLight
}
.heading h2 b, .heading h3 b {
	font-family: GothamMedium;
	font-weight: 500
}
.heading h4 {
	font-weight: 300;
	font-family: GothamLight
}
.heading h4 b {
	font-family: GothamMedium;
	font-weight: 500
}
.heading h5 {
	font-weight: 300;
	font-family: GothamLight
}
.heading h5 b {
	font-family: GothamMedium;
	font-weight: 500
}
.heading h6 {
	font-weight: 300;
	font-family: GothamLight
}
.heading h6 b {
	font-family: GothamMedium;
	font-weight: 500
}
.heading h1, .heading h2.h1like {
	font-size: 3.14286em;
	line-height: 1.26667em;
	margin-top: .68182em
}
@media only screen and (max-width:895px) {
.heading h1, .heading h2.h1like {
	font-size: 2.14286em
}
}
.heading h2.color {
	color: #2e3646;
	font-size: 3.14286em;
	line-height: .84444em;
	padding-left: .90909em;
	position: relative;
	margin-top: 0;
	display: inline-block
}
@media only screen and (max-width:640px) {
.heading h2.color {
	font-size: 2.14286em
}
}
.heading h2.color:before {
	position: absolute;
	display: block;
	width: 7px;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 5px;
	background: red
}
.heading h2.color--green:before {
	background: #7cc655
}
.heading h2.color--dark-green:before {
	background: #4aa31b
}
.heading h2.color--blue:before {
	background: #538bf4
}
.heading h2.color--navy:before {
	background: #2e3646
}
.heading h3 {
	font-weight: 400;
	font-family: GothamBook;
	font-size: 2.14286em
}
.modal {
	padding: 2.42857em 4.14286em;
	margin: 2.14286em 0
}
.modal::after {
	clear: both;
	display: table
}
@media only screen and (max-width:895px) {
.modal {
	padding: 1.42857em
}
}
.modal .title {
	float: left;
	font-size: 1.78571em;
	line-height: 1.2em;
	letter-spacing: .005em;
	padding-right: 1.6em;
	vertical-align: middle
}
@media only screen and (max-width:895px) {
.modal .title {
	text-align: center;
	width: 100%;
	padding: 0;
	float: none
}
}
.msg, .msg-body span {
	float: left;
	width: 100%
}
.modal .text {
	vertical-align: middle;
	overflow: auto;
	padding: .57143em 0
}
@media only screen and (max-width:895px) {
.modal .text {
	text-align: center;
	width: 100%;
	padding: 0;
	margin: .71429em 0
}
}
.modal--info {
	background: #f9fafc;
	border: 1px solid #e9ecf2;
	color: #1f2635
}
.modal--info .text {
	padding: 0
}
.modal--alert {
	background: #fb5b5b;
	color: #fff
}
.msg {
	text-align: center
}
.msg-normal {
	margin-bottom: 2.14286em
}
.msg-info .msg-body {
	color: #fc0;
	border-color: #fc0
}
.msg-success .msg-body {
	color: #127c04;
	border-color: #159b03
}
.msg-error .msg-body {
	color: #9e0000;
	border-color: #9e0000
}
.msg-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	z-index: 100000000
}
.msg-wrap:before {
	content: "X";
	font-weight: 500;
	color: #fff;
	position: absolute;
	font-size: 3.57143em;
	right: .8em;
	top: .8em;
	cursor: pointer
}
.msg-wrap .msg-body {
	padding: 3.21429em 1.07143em
}
.msg-body {
	max-width: 1200px;
	width: 100%;
	border: 2px solid;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	background: #fff;
	font-size: 1.14286em;
	padding: 2.14286em 1.07143em
}
.msg-body span:first-child {
	font-size: 1.78571em;
	margin-bottom: .2em;
	font-weight: 400
}
.newsSection article .commentsList ul .info .user, .newsSection article .text .intro, .pagination div .numberPagination a[href].active, .productItem .hoverCard .info .val, .productItem .hoverCard .title {
	font-weight: 500;
	font-family: GothamMedium
}
.msg-body span:last-child {
	font-size: 1.35714em
}
.newsSection article {
	margin-bottom: 3.92857em
}
.newsSection article img {
	vertical-align: middle;
	border-radius: 5px
}
.newsSection article .image {
	position: relative
}
.newsSection article .image date {
	position: absolute;
	right: 6px;
	bottom: 6px;
	color: #fff;
	padding: .78571em 1.28571em;
	border-radius: 4px;
	background: #538bf4
}
.newsSection article .heading {
	padding-top: 2.14286em
}
.newsSection article .shareBox {
	background: #f9fafc;
	border: 1px solid #e1e7f2;
	padding: 2.42857em 3.57143em;
	margin-top: 4.28571em
}
.newsSection article .shareBox .title {
	font-size: 2em;
	color: #2e3646;
	vertical-align: middle;
	line-height: 1.5em
}
@media only screen and (max-width:895px) {
.newsSection article .text {
	text-align: justify
}
.newsSection article .shareBox .title {
	display: block;
	text-align: center
}
}
.newsSection article .shareBox .icons {
	display: inline-block;
	line-height: 1.2em;
	float: right
}
@media only screen and (max-width:895px) {
.newsSection article .shareBox .icons {
	display: block;
	text-align: center;
	float: none
}
}
.newsSection article .shareBox .icons i {
	color: #fff;
	-webkit-transition: inherit;
	transition: inherit
}
.newsSection article .shareBox .icons a {
	display: inline-block;
	border-radius: 24px;
	height: 42px;
	width: 53px;
	border: 2px solid transparent;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	margin: 0 3px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.newsSection article .shareBox .icons a:hover {
	background: 0 0
}
.newsSection article .shareBox .icons .facebook {
	background-color: #3b5998
}
.newsSection article .shareBox .icons .facebook:hover {
	border-color: #3b5998
}
.newsSection article .shareBox .icons .facebook:hover i {
	color: #3b5998
}
.newsSection article .shareBox .icons .linkedin {
	background-color: #007bb6
}
.newsSection article .shareBox .icons .linkedin:hover {
	border-color: #007bb6
}
.newsSection article .shareBox .icons .linkedin:hover i {
	color: #007bb6
}
.newsSection article .shareBox .icons .email {
	background-color: #cb2c2d
}
.newsSection article .shareBox .icons .email:hover {
	border-color: #cb2c2d
}
.newsSection article .shareBox .icons .email:hover i {
	color: #cb2c2d
}
.newsSection article .commentsList .heading h1, .newsSection article .commentsList .heading h2, .newsSection article .commentsList .heading h3, .newsSection article .commentsList .heading h4, .newsSection article .commentsList .heading h5, .newsSection article .commentsList .heading h6 {
	display: inline-block;
	font-size: 3.14286em;
	color: #2e3646;
	vertical-align: middle
}
.newsSection article .commentsList .heading i {
	color: #7cc655;
	font-size: 3.14286em;
	vertical-align: middle;
	margin-right: .68182em
}
@media only screen and (max-width:640px) {
.newsSection article .commentsList .heading i {
	display: none
}
}
.newsSection article .commentsList ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.newsSection article .commentsList ul li {
	border-top: 1px solid #e3e6ed;
	padding: 2.28571em 0
}
.newsSection article .commentsList ul li:last-child {
	border-bottom: 1px solid #e3e6ed
}
.newsSection article .commentsList ul .info {
	padding-bottom: .71429em
}
.newsSection article .commentsList ul .info .user {
	color: #538bf4;
	font-size: 1.42857em
}
.newsSection article .commentsList ul .info date {
	color: #aeaeae
}
.newsSection article .commentsList .button {
	margin-top: 2.85714em;
	text-align: right
}
.pagination {
	line-height: 0;
	margin: 2.14286em 0 5.71429em
}
.pagination div {
	text-align: justify;
	border-top: 1px solid #eaeef1;
	border-bottom: 1px solid #eaeef1;
	padding: 1.57143em 0 1.28571em
}
.pagination div>* {
	display: inline-block;
	line-height: 1.2em
}
@media only screen and (max-width:640px) {
.pagination div>* {
	width: 100%;
	text-align: center;
	margin: .5em 0
}
}
.pagination div>a {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.pagination div>a:hover {
	color: #7cc655
}
.pagination div:after {
	width: 100%;
	display: inline-block;
	content: ""
}
.pagination div .numberPagination {
	vertical-align: middle
}
.pagination div .numberPagination a {
	vertical-align: middle;
	border-radius: 3px;
	display: inline-block;
	width: 37px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border: 1px solid #e2eef1;
	color: #40454f;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.pagination div .numberPagination a[href].active, .pagination div .numberPagination a[href]:hover {
	border-color: #7cc655;
	color: #7cc655
}
.productItem {
	border: 1px solid #e3e8f1;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	vertical-align: middle;
	margin: 1.14286em .78571em
}
.productItem:hover {
	border-color: #538bf4
}
.productItem:hover .hoverCard {
	opacity: 1
}
.productItem img {
	vertical-align: middle;
	max-width: 100%
}
.productItem .image {
	display: block;
	text-align: center;
	position: relative;
	max-width: 100%
}
.productItem .image .tableHelper {
	table-layout: fixed
}
.productItem>.title {
	color: #40454f;
	font-size: 1.5em;
	padding: 1.16667em 0;
	display: none;
	text-align: center;
	width: 100%
}
.productItem .hoverCard {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(46,54,70,.87);
	left: 0;
	top: 0;
	opacity: 0;
	text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.realisationItem, .realisationItem .hoverCard {
	-webkit-transition: .2s ease-in-out;
	text-align: center
}
@media only screen and (max-width:1024px) {
.productItem>.title {
	display: block
}
.productItem .hoverCard {
	display: none
}
}
.productItem .hoverCard .title {
	color: #fff;
	font-size: 1.5em;
	display: block;
	padding: 1.14286em 1em 1.19048em;
	line-height: normal
}
.productItem .hoverCard .info {
	display: block;
	padding: .85714em 0
}
.productItem .hoverCard .info .label {
	display: block;
	font-size: 1em;
	color: #bbbfc8
}
.productItem .hoverCard .info .val {
	display: block;
	font-size: 1.28571em;
	color: #fff
}
.productItem .hoverCard .info .val.discounted {
	text-decoration: line-through
}
.productItem .hoverCard .btn {
	margin-top: 2.85714em
}
.productItem .hoverCard .btn.discounted {
	margin-top: .5em
}
.productList {
	margin-top: 4em
}
.productList:last-child {
	padding-bottom: 2.14286em
}
.productList ul {
	list-style: none;
	padding: 0;
	margin: 0 -.78571em;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.productList .sortBtn::after, .productList ul::after {
	display: table;
	clear: both;
	content: ""
}
.productList .item {
	width: 33.33%;
	float: left
}
@media only screen and (max-width:640px) {
.productList .item {
	width: 50%
}
}
.productList .item .categoryItem {
	margin: 1.14286em .78571em
}
.productList .sortBtn {
	padding: 20px 0
}
.productList .sortBtn .stdForm {
	width: 250px;
	float: right
}
@media only screen and (max-width:640px) {
.productList .sortBtn .stdForm {
	width: 100%
}
}
.realisationItem {
	border: 1px solid #e3e8f1;
	border-radius: 4px;
	background: #fff;
	display: block;
	transition: .2s ease-in-out;
	margin: 0 12px;
	position: relative
}
.realisationItem:hover {
	border-color: #7cc655
}
.realisationItem img {
	vertical-align: middle;
	max-width: 100%
}
.realisationItem .image {
	max-width: 100%;
	display: inline-block;
	height: 260px;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	background-position: center
}
.realisationItem .image img {
	display: none
}
@media only screen and (max-width:1024px) {
.realisationItem .image {
	background-image: none!important;
	height: auto
}
.realisationItem .image img {
	display: inline-block
}
}
.realisationItem .title {
	color: #40454f;
	font-size: 1.5em;
	text-align: center;
	padding: 1.16667em 0;
	display: block;
	-webkit-transition: inherit;
	transition: inherit
}
.realisationItem .btnEl {
	position: absolute;
	bottom: -11px;
	display: inline-block;
	left: 0;
	right: 0
}
@media only screen and (max-width:1024px) {
.realisationItem .btnEl {
	position: relative;
	top: 11px
}
.realisationItem .hoverCard {
	display: none
}
}
.realisationItem .hoverCard {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(124,198,85,.87);
	left: 0;
	top: 0;
	opacity: 0;
	transition: .2s ease-in-out;
	color: #fff;
	padding: 0 2.85714em
}
.realisationItem:hover .hoverCard {
	opacity: 1
}
@media only screen and (min-width:1025px) {
body {
	vivibility: visible
}
.productItem {
	min-height: 340px
}
.realisationItem {
	min-height: 360px
}
.realisationItem:hover .title {
	opacity: 0
}
}
.realisationItem:hover .btn:hover {
	color: #fff
}
.realisationList {
	list-style: none;
	padding: 4.42857em 0 0;
	margin: 0 -12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.realisationList .item {
	width: 25%;
	float: left;
	margin-bottom: 80px
}
@media only screen and (max-width:895px) {
.realisationList .item {
	width: 50%
}
}
@media only screen and (max-width:450px) {
.realisationList .item {
	width: 100%
}
}
.searchBox {
	background: #f9fafc;
	padding: 1.57143em
}
.searchBox .heading {
	white-space: nowrap
}
.searchBox .heading h1, .searchBox .heading h2, .searchBox .heading h3, .searchBox .heading h4, .searchBox .heading h5, .searchBox .heading h6 {
	white-space: normal;
	font-size: 2.5em;
	font-weight: 300;
	font-family: GothamLight;
	line-height: 1.2em;
	vertical-align: middle
}
.searchBox .heading i {
	vertical-align: middle;
	color: #7cc655;
	font-size: 2.5em;
	padding-right: .71429em
}
@media only screen and (max-width:640px) {
.searchBox .heading i {
	display: block;
	text-align: center;
	padding: 0
}
}
.searchBox .heading h1 {
	display: inline-block
}
@media only screen and (max-width:640px) {
.searchBox .heading h1 {
	display: block;
	text-align: center;
	margin: .5em
}
}
.searchBox .heading h2 {
	display: inline-block
}
@media only screen and (max-width:640px) {
.searchBox .heading h2 {
	display: block;
	text-align: center;
	margin: .5em
}
}
.searchBox .heading h3 {
	display: inline-block
}
@media only screen and (max-width:640px) {
.searchBox .heading h3 {
	display: block;
	text-align: center;
	margin: .5em
}
}
.searchBox .heading h4 {
	display: inline-block
}
@media only screen and (max-width:640px) {
.searchBox .heading h4 {
	display: block;
	text-align: center;
	margin: .5em
}
}
.searchBox .heading h5 {
	display: inline-block
}
@media only screen and (max-width:640px) {
.searchBox .heading h5 {
	display: block;
	text-align: center;
	margin: .5em
}
}
.searchBox .heading h6 {
	display: inline-block
}
.detailsView .intro .intro, header .cart .text .val, header nav #toggleMenu {
	font-family: GothamMedium
}
@media only screen and (max-width:640px) {
.searchBox .heading h6 {
	display: block;
	text-align: center;
	margin: .5em
}
}
.searchBox form .row, .stdForm .col {
	margin: .35714em 0
}
.searchBox form .row .col .btn {
	width: 100%
}
.stdForm .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.stdForm .col {
	width: 30.7%
}
.stdForm .col:first-child:nth-last-child(2), .stdForm .col:first-child:nth-last-child(2)~.col {
	width: 49%
}
@media only screen and (max-width:640px) {
.stdForm .col {
	width: 49%
}
.stdForm .col:last-child {
	width: 100%
}
}
.stdForm .col:last-child {
	margin-right: 0
}
.stdForm .col:only-child {
	width: 100%
}
.stdForm input, .stdForm select, .stdForm textarea {
	width: 100%;
	padding: .85714em 1.57143em;
	font-size: .92857em;
	color: #858484;
	border: 1px solid #e2e7f1;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	height: 42px
}
.stdForm input.btn, .stdForm select.btn, .stdForm textarea.btn {
	color: #fff
}
.stdForm input.btn.btn-auto, .stdForm select.btn.btn-auto, .stdForm textarea.btn.btn-auto {
	width: auto;
	margin: auto
}
.stdForm input:hover, .stdForm select:hover, .stdForm textarea:hover {
	border-color: rgba(83,139,244,.4)
}
.stdForm input:focus, .stdForm select:focus, .stdForm textarea:focus {
	border-color: #538bf4
}
.stdForm input:first-child:nth-last-child(2), .stdForm input:first-child:nth-last-child(2)~input {
	width: 47.22%
}
.stdForm input:first-child:nth-last-child(2)+input {
	float: right
}
.stdForm textarea {
	min-height: 100px
}
.titleBar {
	background: #538bf4;
	padding: 3em 0
}
.titleBar .heading i {
	display: inline-block;
	color: #7ca9ff;
	font-size: 3.21429em;
	vertical-align: middle
}
@media only screen and (max-width:640px) {
.titleBar {
	padding: 1.42857em 0
}
.titleBar .heading i {
	display: none
}
}
.titleBar .heading h1 {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin: 0;
	padding-left: 50px
}
@media only screen and (max-width:640px) {
.titleBar .heading h1 {
	padding: 0;
	text-align: center;
	display: block
}
}
.valForm {
	background: #f9fafc;
	padding: 1.42857em 0 6.42857em
}
.valForm .heading {
	text-align: center;
	color: #2e3646
}
.valForm form .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .71429em 0
}
.valForm form .button {
	text-align: center;
	padding-top: 1.78571em
} 
.columnView {
	margin-top: 3.57143em
}
.columnView::after {
	clear: both;
	content: "";
	display: table
}
.columnView>.left {
	width: 23.5%
}
@media only screen and (max-width:1200px) {
.columnView>.left {
	width: 282px
}
}
@media only screen and (max-width:895px) {
.columnView>.left {
	width: 100%;
	margin: 0 auto;
	max-width: 600px;
	float: none
}
}
.columnView>.right {
	width: 74.583%
}
@media only screen and (max-width:1200px) {
.columnView>.right {
	width: calc(100% - 300px)
}
}
@media only screen and (max-width:895px) {
.columnView>.right {
	width: 100%
}
}
.columnView--inverted>.right {
	width: 23.5%
}
@media only screen and (max-width:1200px) {
.columnView--inverted>.right {
	width: 282px
}
}
@media only screen and (max-width:895px) {
.columnView--inverted>.right {
	width: 100%;
	margin: 0 auto;
	max-width: 600px;
	float: none
}
}
.columnView--inverted>.left {
	width: 74.583%
}
@media only screen and (max-width:1200px) {
.columnView--inverted>.left {
	width: calc(100% - 300px)
}
}
@media only screen and (max-width:895px) {
.columnView--inverted>.left {
	width: 100%
}
}
.columnView--full>.left {
	width: 100%
}
@media only screen and (max-width:1200px) {
.columnView--full>.left {
	width: calc(100% - 300px)
}
}
.flexGrid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -11px
}
.flexGrid .col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
@media only screen and (max-width:895px) {
.columnView--full>.left {
	width: 100%
}
.flexGrid .col {
	width: 50%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: .71429em
}
}
@media only screen and (max-width:450px) {
.flexGrid .col {
	width: 100%
}
}
.flexGrid .col .item {
	margin: 0 11px;
	display: block
}
footer {
	background: #1f2635
}
footer .top {
	padding: 50px 0;
	color: #9fa7b7
}
footer .top .heading {
	margin-bottom: 3.21429em;
	color: #fff
}
footer .top .wrapper.first>.wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
footer .top .col:first-child {
	width: 32%
}
@media only screen and (max-width:895px) {
footer .top .col: first-child {
	width: 100%;
	text-align: center
}
}
footer .top .col:nth-child(2) {
	width: 36.85%
}
@media only screen and (max-width:895px) {
footer .top .col: nth-child(2) {
	width: 46%
}
}
@media only screen and (max-width:640px) {
footer .top .col: nth-child(2) {
	width: 100%;
	text-align: center
}
}
footer .top .col:last-child {
	width: 18%
}
@media only screen and (max-width:895px) {
footer .top .col: last-child {
	width: 46%
}
}
footer .top nav ul {
	padding-left: 1.07143em
}
footer .top nav ul li {
	color: #538bf4;
	padding: .14286em 0
}
footer .top nav ul li a {
	color: #9fa7b7
}
footer .bottom {
	border-top: 1px solid #2b3240;
	color: #566178;
	padding: 2.14286em 0
}
footer .bottom a {
	color: #fff
}
footer .bottom .left {
	font-size: 1em
}
@media only screen and (max-width:640px) {
footer .top .col: last-child {
	width: 100%;
	text-align: center
}
footer .bottom .left, footer .bottom .right {
	width: 100%;
	text-align: center;
	margin: 5px 0
}
}
footer .bottom .wrapper::after {
	clear: both;
	content: "";
	display: table
}
.reportForm {
	position: relative
}
.reportForm input[type=email], .reportForm input[type=month], .reportForm input[type=number], .reportForm input[type=password], .reportForm input[type=search], .reportForm input[type=tel], .reportForm input[type=text], .reportForm input[type=time], .reportForm input[type=url], .reportForm input[type=week], .reportForm input[type=color], .reportForm input[type=date], .reportForm input[type=datetime], .reportForm input[type=datetime-local], .reportForm textarea {
	background: #eef2f5;
	border: 3px solid transparent;
	padding: 10px;
	font-size: 13px;
	color: #7b7f85;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
header .cart, header nav ul li a {
	-webkit-transition: .2s ease-in-out
}
.reportForm input[type=email]:focus, .reportForm input[type=month]:focus, .reportForm input[type=number]:focus, .reportForm input[type=password]:focus, .reportForm input[type=search]:focus, .reportForm input[type=tel]:focus, .reportForm input[type=text]:focus, .reportForm input[type=time]:focus, .reportForm input[type=url]:focus, .reportForm input[type=week]:focus, .reportForm input[type=color]:focus, .reportForm input[type=date]:focus, .reportForm input[type=datetime]:focus, .reportForm input[type=datetime-local]:focus, .reportForm textarea:focus {
	border-color: #249ce3
}
.reportForm input[type=email]:hover, .reportForm input[type=month]:hover, .reportForm input[type=number]:hover, .reportForm input[type=password]:hover, .reportForm input[type=search]:hover, .reportForm input[type=tel]:hover, .reportForm input[type=text]:hover, .reportForm input[type=time]:hover, .reportForm input[type=url]:hover, .reportForm input[type=week]:hover, .reportForm input[type=color]:hover, .reportForm input[type=date]:hover, .reportForm input[type=datetime]:hover, .reportForm input[type=datetime-local]:hover, .reportForm textarea:hover {
	border-color: rgba(36,156,227,.8)
}
.reportForm input[type=text] {
	width: 49%;
	margin-bottom: 8px;
	display: inline-block
}
.reportForm input[type=text]:first-child {
	float: left
}
.reportForm input[type=text]:nth-of-type(2) {
	float: right
}
.reportForm textarea {
	width: 100%;
	min-height: 103px
}
.reportForm button {
	background: #249ce3;
	border: none;
	height: 36px;
	width: 36px;
	border-radius: 100%;
	bottom: 9px;
	right: 13px;
	position: absolute;
	line-height: 36px
}
.reportForm button i {
	color: #fff
}
header .top {
	padding: 5px 0
}
header .top::after {
	clear: both;
	content: "";
	display: table
}
@media only screen and (max-width:640px) {
header .top .left, header .top .right {
	width: 100%;
	text-align: center
}
}
header .logotype {
	vertical-align: middle;
	display: inline-block
}
@media only screen and (min-width:641px) {
header .logotype {
	margin-right: 2.57143em
}
}
header .logotype img {
	vertical-align: middle
}
header .intro {
	vertical-align: middle;
	color: #a5adba;
	font-size: 1.07143em
}
@media only screen and (max-width:895px) {
header .intro {
	display: block;
	padding-bottom: 1.42857em
}
}
header .cart {
	border: 1px solid #d8d8d8;
	border-radius: 21px;
	position: relative;
	margin: 2.14286em 0;
	display: block;
	transition: .2s ease-in-out
}
header .cart::after {
	clear: both;
	content: "";
	display: table
}
header .cart:hover {
	border-color: #7cc655
}
header .cart .text {
	float: left;
	padding: 9px 70px 9px 26px;
	display: inline-block
}
header .cart .text .val {
	color: #538bf4
}
header .cart i {
	float: right;
	background: #7cc655;
	height: 43px;
	width: 43px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	right: -1px;
	top: -1px;
	position: absolute
}
header nav {
	background: #f3f6f9
}
header nav #toggleMenu {
	text-align: center;
	font-size: 1.42857em;
	padding: .5em 0;
	cursor: pointer;
	color: #538bf4;
	font-weight: 500;
	display: none
}
.productIntro .productList.home header nav #toggleMenu .slick-arrow:before, header nav #toggleMenu .icon, header nav #toggleMenu .productIntro .productList.home .slick-arrow:before {
	vertical-align: middle;
	padding: 0 .35714em
}
header nav #toggleMenu i {
	position: relative;
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
header nav #toggleMenu i, header nav #toggleMenu i::after, header nav #toggleMenu i::before {
	display: block;
	width: 25px;
	height: 3px;
	background-color: #538bf4;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}
header nav #toggleMenu i::after, header nav #toggleMenu i::before {
	position: absolute;
	content: ""
}
header nav #toggleMenu i::before {
	top: -8px
}
header nav #toggleMenu i::after {
	top: 8px
}
.menuIsOpen header nav #toggleMenu i {
	background-color: transparent
}
.menuIsOpen header nav #toggleMenu i::before {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg)
}
.menuIsOpen header nav #toggleMenu i::after {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg)
}
header nav ul {
	list-style: none;
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1.28571em 0
}
@media only screen and (max-width:640px) {
.menuIsOpen header nav ul, header nav #toggleMenu {
	display: block
}
header nav ul {
	display: none;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .35714em 0
}
}
header nav ul li {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	text-align: center;
	display: inline-block;
	border-right: 1px solid #cbddff
}
@media only screen and (max-width:640px) {
header nav ul li {
	display: block;
	border: none;
	font-size: 1.07143em;
	padding: .14286em 0
}
}
.contactPage .top::after, .detailsView .intro .row::after, .detailsView .intro::after {
	display: table;
	clear: both;
	content: ""
}
.detailsView .intro .bigPhoto img, .detailsView .intro .gallery .image img {
	border-radius: inherit;
	max-width: 100%
}
header nav ul li:last-child {
	border-right: none
}
header nav ul li a {
	color: #2e3646;
	font-size: .89286em;
	transition: .2s ease-in-out
}
header nav ul li a:hover {
	color: #538bf4
}
header nav ul li a i {
	vertical-align: middle;
	color: #538bf4
}
.contactPage {
	padding: 3.57143em 0
}
.contactPage .top .left {
	width: 26.42%
}
@media only screen and (max-width:1200px) {
.contactPage .top .left {
	width: 30%
}
}
@media only screen and (max-width:1024px) {
.contactPage .top .left {
	width: 100%
}
}
.contactPage .top .left .head {
	color: #2e3646;
	font-size: 2em;
	padding: 0 0 .65714em;
	line-height: 1.2em;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}
.contactPage .top .right {
	width: 67.91%
}
@media only screen and (max-width:1200px) {
.contactPage .top .right {
	width: 65%
}
}
@media only screen and (max-width:1024px) {
.contactPage .top .right {
	width: 100%;
	margin-top: 1.42857em
}
}
.contactPage .top form {
	margin-bottom: 1.78571em
}
.contactPage .top form .row {
	padding: .71429em 0
}
.contactPage .top form .button {
	padding-top: 1.78571em;
	text-align: right
}
.contactPage .map {
	height: 325px
}
.detailsView .intro .row {
	padding: 4.28571em 0 7.14286em
}
.detailsView .intro .gallery {
	float: left;
	width: 17%
}
.detailsView .intro .gallery .image {
	display: block;
	margin-bottom: 1.64286em;
	padding: .21429em;
	max-width: 100%;
	text-align: center
}
@media only screen and (max-width:640px) {
.detailsView .intro .gallery {
	width: 100%;
	text-align: center
}
.detailsView .intro .gallery .image {
	display: inline-block;
	margin: .71429em
}
}
.detailsView .intro .gallery .image:hover {
	opacity: .7
}
.detailsView .intro .bigPhoto {
	float: right;
	max-width: 100%;
	width: 80%
}
@media only screen and (max-width:640px) {
.detailsView .intro .bigPhoto {
	width: 100%
}
}
.detailsView .intro .left {
	width: 66%
}
@media only screen and (max-width:895px) {
.detailsView .intro .left {
	width: 100%;
	margin-top: 1.42857em
}
}
.detailsView .intro .right {
	width: 32%
}
@media only screen and (max-width:895px) {
.detailsView .intro .right {
	width: 100%
}
}
.detailsView .intro .image {
	padding: .64286em;
	display: inline-block;
	border: 1px solid #e3e8f1;
	border-radius: 10px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	max-width: 100%
}
.detailsView .intro .image img {
	vertical-align: middle
}
.detailsView .intro .intro {
	font-weight: 500
}
.detailsView.productsDetails .bigPhoto {
	border: 1px solid #e3e8f1;
	border-radius: 10px;
	text-align: center
}
.detailsView.productsDetails .bigPhoto .image {
	border: none
}
.detailsView .productList {
	list-style: none;
	padding: 0;
	margin: 0 -11px
}
.detailsView .productList::after {
	clear: both;
	content: "";
	display: table
}
.detailsView .productList li {
	width: 25%
}
@media only screen and (max-width:895px) {
.detailsView .productList li {
	width: 50%
}
}
.detailsView .productSection {
	background: #f9fafc;
	padding: 3.57143em 0
}
.detailsView .productSection .heading {
	color: #2e3646;
	text-align: center
}
.detailsView .productSection+.productSection {
	background: #fff
}
.gallery ul {
	list-style: none;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px
}
.gallery ul li {
	width: 25%;
	text-align: center;
	display: block
}
@media only screen and (max-width:895px) {
.gallery ul li {
	width: 33.33%
}
.iconsBlock .baseGrid {
	text-align: center
}
}
@media only screen and (max-width:450px) {
.gallery ul li {
	width: 100%
}
}
.gallery ul li a {
	margin: 10px 20px;
	display: block;
	max-width: 100%;
	position: relative;
	-webkit-transition: all .4s 0s cubic-bezier(.175,.885,.32,1.275);
	transition: all .4s 0s cubic-bezier(.175,.885,.32,1.275);
	overflow: hidden
}
.gallery ul li a:after {
	content: "";
	background: rgba(83,139,244,.7);
	position: absolute;
	height: 150%;
	width: 100%;
	top: 100%;
	left: 0;
	opacity: 0;
	-webkit-transition: inherit;
	transition: inherit
}
@media only screen and (max-width:640px) {
.gallery ul li a: after {
	display: none
}
}
.gallery--list .gallery ul li a:before {
	opacity: 0;
	content: attr(title);
	position: absolute;
	bottom: -10%;
	display: inline-block;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-family: GothamBook;
	font-weight: 400;
	z-index: 5
}
.gallery--details .gallery ul li a:before {
	opacity: 0;
	font-family: icons;
	position: absolute;
	bottom: 100%;
	z-index: 2;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	color: #538bf4;
	font-size: 25px;
	background: #fff;
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 50%;
	-webkit-transition: inherit;
	transition: inherit
}
@media only screen and (max-width:640px) {
.gallery--details .gallery ul li a: before {
	display: none
}
.productIntro section {
	text-align: center
}
}
.homepageBlocks .wrapper::after, .productIntro section::after {
	content: "";
	display: table;
	clear: both
}
.gallery ul li a:hover:after {
	top: 50%;
	opacity: 1
}
.gallery ul li a:hover:before {
	opacity: 1;
	bottom: 25%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}
.gallery--list .gallery ul li a:hover:before {
	bottom: 25%
}
.gallery ul li img {
	vertical-align: middle;
	max-width: 100%
}
.homepageBlocks {
	background: url(../img/homepage/block.jpg) no-repeat #538bf4;
	background-size: auto 100%
}
@media only screen and (max-width:1024px) {
.homepageBlocks {
	background-color: transparent;
	background-repeat: repeat;
	background-size: auto
}
}
.homepageBlocks .textWrap {
	padding: 3vw 0 3vw 4%
}
.homepageBlocks .textWrap .text {
	line-height: 1.85714em;
	padding: .07143em 0 3.57143em
}
.homepageBlocks .right {
	margin-left: 50%;
	color: #fff;
	background: #538bf4
}
@media only screen and (max-width:1024px) {
.homepageBlocks .right {
	margin: 0 auto;
	width: 90%;
	padding: 0 1.42857em;
	float: none
}
}
.productIntro {
	padding: 3.57143em 0 5em
}
.productIntro .prod-slide {
	background: red
}
.productIntro section {
	padding: 3.42857em 0
}
.productIntro section:nth-child(even) {
	background: #f9fafc
}
@media only screen and (min-width:1025px) {
.productIntro .btn {
	margin-left: 35px
}
}
.productIntro .pattern {
	background: url(../img/simple_pattern.png);
	width: 86%;
	margin-bottom: 1.78571em
}
.productIntro .col {
	margin: .71429em 0
}
@media only screen and (max-width:1200px) {
.productIntro .pattern {
	display: none
}
.productIntro .col {
	width: 33.33%
}
}
@media only screen and (max-width:640px) {
.productIntro .col {
	width: 46%;
	float: none;
	display: inline-block
}
}
@media only screen and (max-width:450px) {
.productIntro .col {
	width: 90%
}
}
@media only screen and (max-width:1200px) {
.productIntro .col: first-child {
	width: 100%;
	text-align: center
}
}
.productIntro .slick-list {
	width: 100%
}
.productIntro .productList.home {
	margin: 0;
	padding: 0
}
.productIntro .productList.home .slick-slide img {
	text-align: center;
	display: inline-block
}
.productIntro .productList.home .slick-prev {
	left: -35px
}
.productIntro .productList.home .slick-next {
	right: -35px
}
.productIntro .productList.home .slick-arrow {
	font-size: 0;
	border: none;
	background: 0 0;
	z-index: 2;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.productIntro .productList.home .slick-arrow:hover:before {
	color: #538bf4
}
.productIntro .productList.home .slick-arrow:before {
	font-size: 25px
}
.productIntro .single-slide {
	padding: 0 2px
}
.productIntro .baseGrid .right {
	width: 75%;
	padding: 0 20px
}
@media only screen and (max-width:1200px) {
.productIntro .baseGrid .right {
	width: 100%
}
}
.productIntro .pattern {
	background-size: 0;
	position: relative;
	height: auto;
	padding: 1px 0
}
.productIntro .pattern:after {
	background-image: inherit;
	pointer-events: none;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	opacity: .5
}
.productIntro .pattern a {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.9;
	color: #000
}
.productIntro .pattern a:hover {
	color: #7cc655
}
.iconsBlock {
	text-align: center;
	border-top: 1px solid #e5e5e5;
	padding: 1.42857em 0 5em
}
.iconsBlock .heading {
	padding: 1.42857em 0
}
.iconsBlock .heading h1, .iconsBlock .heading h2, .iconsBlock .heading h3, .iconsBlock .heading h4, .iconsBlock .heading h5, .iconsBlock .heading h6 {
	color: #454545
}
.iconsBlock .col {
	margin: .71429em 0
}
@media only screen and (max-width:895px) {
.iconsBlock .col {
	float: none;
	display: inline-block;
	width: 45%
}
}
@media only screen and (max-width:450px) {
.iconsBlock .col {
	width: 100%
}
}
.iconsBlock .item {
	border: 1px solid #e5e5e5;
	padding: 2.85714em .71429em;
	min-height: 310px;
}
.iconsBlock .item .icon, .iconsBlock .item .productIntro .productList.home .slick-arrow:before, .productIntro .productList.home .iconsBlock .item .slick-arrow:before {
	color: #7cc655;
	font-size: 5.85714em;
	margin: .36585em 0
}
.iconsBlock .item .title {
	color: #424242;
	font-size: 1.35714em;
	padding: 1.07143em 0;
	font-family: GothamMedium
}
.iconsBlock .item .text {
	font-size: 1em;
	color: #858484
}
.servicesBlocks {
	text-align: center;
	background-image: url(../img/green_pattern.jpg);
	padding: 3.57143em 0 2.14286em;
	background-size: cover
}
.servicesBlocks .heading {
	color: #fff
}
.servicesBlocks .baseGrid {
	padding: 2.14286em 0
}
.servicesBlocks .item {
	display: block;
	background: #fff;
	margin-bottom: 1.5em;
	max-width: 282px
}
@media only screen and (min-width:1025px) {
.servicesBlocks .item: hover .image .hoverCard, .servicesBlocks .item: hover .image: after {
	opacity: 1
}
}
@media only screen and (min-width:896px) {
.coolBrowser .servicesBlocks .item: hover .title {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
	color: #fff
}
}
.coolBrowser .servicesBlocks .item:hover .title .before {
	background: #fff
}
.servicesBlocks .item .title {
	font-family: GothamBook;
	font-weight: 400;
	font-size: 1.14286em;
	color: #585f6c;
	width: 100%;
	padding: .875em .9375em;
	-webkit-transition: .2s ease 0s;
	transition: .2s ease 0s;
	-webkit-transform-origin: 50% 0 0;
	-ms-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 70px
}
.servicesBlocks .item .title .before {
	display: none
}
.coolBrowser .servicesBlocks .item .title .before {
	display: block;
	padding: inherit;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d4d5d6;
	-webkit-transition: background .3s ease 0s;
	transition: background .3s ease 0s;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0 0;
	-ms-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	color: #fff
}
@media only screen and (max-width:895px) {
.coolBrowser .servicesBlocks .item .title .before {
	display: none
}
}
.servicesBlocks .item .image {
	min-height: 254px;
	display: block;
	position: relative;
	background-size: cover
}
.servicesBlocks .item .image:after {
	position: absolute;
	content: "";
	display: inline-block;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0;
	width: 100%;
	background: rgba(83,139,244,.9);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
@media only screen and (max-width:1200px) {
.servicesBlocks .item .image: after {
	display: none
}
}
.servicesBlocks .item .image .hoverCard {
	opacity: 0;
	z-index: 2;
	position: relative;
	text-align: center;
	padding: 2.14286em;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	display: inline-block
}
@media only screen and (max-width:1200px) {
.servicesBlocks .item .image .hoverCard {
	display: none
}
}
.servicesBlocks .item .image .hoverCard .hoverTitle {
	color: #fff;
	font-weight: 500;
	font-family: GothamMedium;
	display: block;
	font-size: 1.14286em;
	padding-bottom: .71429em
}
.servicesBlocks .item .image .hoverCard .hoverText {
	color: #fff;
	display: inline-block;
	text-align: justify;
	letter-spacing: -.04em;
	font-size: 13px;
	line-height: 21px
}
.servicesBlocks .item img {
	max-width: 100%;
	vertical-align: middle;
	display: block
}
.hoverCard .title {
	padding: 1.14286em 0 1.19048em
}
.hoverCard .btn {
	margin-left: 0
}
.loginView {
	padding: 3.57143em 0
}
.loginView::after {
	clear: both;
	content: "";
	display: table
}
.loginView .left {
	width: 32%
}
@media only screen and (max-width:895px) {
.loginView .left {
	width: 100%
}
}
.loginView .right {
	width: 63.5%
}
@media only screen and (max-width:895px) {
.loginView .right {
	width: 100%;
	margin-top: 3.21429em
}
}
.loginView #registerForm .col {
	width: 47.5%;
	float: left
}
.loginView #registerForm .col:nth-child(2n), .loginView #registerForm .inputGroup input:nth-child(2):nth-last-child(2)+input, .userView .heading .btn {
	float: right
}
@media only screen and (max-width:450px) {
.loginView #registerForm .col {
	width: 100%
}
}
.loginView #registerForm .head {
	font-size: 2.14286em;
	color: #2e3646;
	padding-bottom: .66667em
}
.loginView #registerForm .inputGroup {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}
.loginView #registerForm .inputGroup input[type=email], .loginView #registerForm .inputGroup input[type=month], .loginView #registerForm .inputGroup input[type=number], .loginView #registerForm .inputGroup input[type=password], .loginView #registerForm .inputGroup input[type=search], .loginView #registerForm .inputGroup input[type=tel], .loginView #registerForm .inputGroup input[type=text], .loginView #registerForm .inputGroup input[type=time], .loginView #registerForm .inputGroup input[type=url], .loginView #registerForm .inputGroup input[type=week], .loginView #registerForm .inputGroup input[type=color], .loginView #registerForm .inputGroup input[type=date], .loginView #registerForm .inputGroup input[type=datetime], .loginView #registerForm .inputGroup input[type=datetime-local], .loginView #registerForm .inputGroup textarea {
	background: #eef2f5
}
.loginView #registerForm .inputGroup .field-error {
	color: #bd0000;
	display: inline-block;
	width: 100%
}
.loginView #registerForm .inputGroup input:nth-child(2):nth-last-child(2), .loginView #registerForm .inputGroup input:nth-child(2):nth-last-child(2)~input {
	width: 47.22%
}
.loginView #registerForm .button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 3.57143em 0 0
}
.loginView #registerForm .button a {
	color: #7cc655
}
.loginView #registerForm .button .btn {
	margin-left: 10px
}
.loginView #registerForm .button .btn.btn-auto {
	margin: auto
}
.loginView #registerForm .button .btn.btn-auto:hover {
	color: #538BF4
}
@media only screen and (max-width:450px) {
.loginView #registerForm .button {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.loginView #registerForm .button .btn {
	width: 100%;
	margin-top: 1.07143em
}
}
.loginView #registerForm .button .field-error {
	color: #bd0000;
	display: inline-block;
	width: 100%
}
.loginView #loginForm {
	background: #7cc655;
	padding: 2.5em;
	border-radius: 5px
}
.loginView #loginForm .heading h1, .loginView #loginForm .heading h2, .loginView #loginForm .heading h3, .loginView #loginForm .heading h4, .loginView #loginForm .heading h5, .loginView #loginForm .heading h6 {
	color: #fff;
	font-size: 2.14286em
}
.loginView #loginForm input {
	color: #7b7f85;
	width: 100%;
	display: block;
	border: none;
	padding: .85714em;
	margin-bottom: 1.21429em
}
.loginView #loginForm button {
	width: 100%
}
.productsDetails .productInfo {
	padding-top: .71429em
}
.productsDetails .productInfo .title {
	color: #18459b;
	font-size: 2.42857em;
	margin-bottom: .67647em;
	line-height: normal
}
.productsDetails .productInfo .info {
	padding: 1.57143em 0
}
.productsDetails .productInfo .info p {
	margin: 0
}
.productsDetails .productInfo .info .val {
	color: #7cc655;
	font-weight: 500;
	font-family: GothamMedium
}
.productsDetails .productInfo .info i {
	color: #7cc655;
	font-size: 1.57143em;
	position: relative
}
.productsDetails .productInfo .info i.color--red {
	color: #bd0000
}
.productsDetails .productInfo .info i[data-val]:after {
	content: attr(data-val);
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: -7px;
	bottom: -4px;
	font-weight: 500;
	font-family: GothamMedium;
	color: #2e3646;
	text-align: center;
	font-size: 8px;
	border: 2px solid #7cc655;
	background: #fff;
	border-radius: 100%;
	line-height: 12px
}
.productsDetails .productInfo .btn {
	margin: 1.07143em .35714em 0
}
.productsDetails .askForMore {
	text-align: center;
	padding: 3.57143em 0
}
.productsDetails .buyForms .wrapper.first>.wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.productsDetails .productDescWrapper {
	background: #f9fafc;
	padding: 1.42857em 0 3.57143em
}
.productsDetails .productDescWrapper .wrapper::after {
	clear: both;
	content: "";
	display: table
}
.productsDetails .productDescWrapper .wrapper .left, .productsDetails .productDescWrapper .wrapper .right {
	width: 42.5%
}
@media only screen and (max-width:1024px) {
.productsDetails .buyForms .wrapper.first>.wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.productsDetails .productDescWrapper .wrapper .left, .productsDetails .productDescWrapper .wrapper .right {
	width: 100%
}
}
.productsDetails .productDescWrapper .wrapper .heading {
	padding-bottom: .71429em
}
.productsDetails .productDescWrapper .wrapper .heading h1, .productsDetails .productDescWrapper .wrapper .heading h2, .productsDetails .productDescWrapper .wrapper .heading h3, .productsDetails .productDescWrapper .wrapper .heading h4, .productsDetails .productDescWrapper .wrapper .heading h5, .productsDetails .productDescWrapper .wrapper .heading h6 {
	font-size: 2.5em;
	color: #2e3646;
	font-weight: 300;
	font-family: GothamLight
}
.productsDetails .productDescWrapper .wrapper .filesList {
	list-style: none;
	padding: 0;
	margin: 0
}
.productsDetails .productDescWrapper .wrapper .filesList li {
	margin-bottom: 10px;
	background: url(../img/simple_pattern.png) 0 5px;
	font-size: 0
}
@media only screen and (max-width:895px) {
.productsDetails .productDescWrapper .wrapper .filesList li {
	background: 0 0
}
}
.productsDetails .productDescWrapper .wrapper .filesList li>* {
	font-size: 15px;
	background: #f9fafc;
	vertical-align: middle;
	line-height: 24px;
	display: inline-block
}
.productsDetails .productDescWrapper .wrapper .filesList .title {
	padding-right: 20px
}
.productsDetails .productDescWrapper .wrapper .filesList i {
	color: #7cc655;
	font-size: 19px;
	padding-right: 1em
}
.productsDetails .productDescWrapper .wrapper .filesList .download {
	color: #538bf4;
	text-transform: uppercase;
	font-weight: 500;
	font-family: GothamMedium;
	display: inline-block;
	float: right;
	padding-left: 20px
}
.productsDetails .videoSection {
	padding: 3.57143em 0 7.14286em
}
@media only screen and (max-width:640px) {
.productsDetails .productDescWrapper .wrapper .heading {
	width: 100%;
	text-align: center
}
.productsDetails .productDescWrapper .wrapper .filesList li {
	width: 100%;
	text-align: center;
	margin-bottom: 30px
}
.productsDetails .productDescWrapper .wrapper .filesList .download {
	width: 100%;
	text-align: center
}
.productsDetails .videoSection {
	padding: 2.5em 0
}
}
.productsDetails .videoSection .heading {
	text-align: center;
	padding-bottom: 1.42857em
}
.productsDetails .videoSection .heading h1, .productsDetails .videoSection .heading h2, .productsDetails .videoSection .heading h3, .productsDetails .videoSection .heading h4, .productsDetails .videoSection .heading h5, .productsDetails .videoSection .heading h6 {
	color: #2E3646;
	text-align: center
}
.productsDetails .videoSection .videoElement {
	width: 66%;
	margin: 0 auto
}
.productsDetails .videoSection .videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}
.productsDetails .videoSection .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.stdPage {
	padding-bottom: 3.57143em
}
.userView {
	padding: 3.57143em 0
}
.userView .heading h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em
}
.userView .heading h1 small {
	font-size: .57143em
}
.userView .heading h2 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em
}
.userView .heading h2 small {
	font-size: .57143em
}
.userView .heading h3 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em
}
.userView .heading h3 small {
	font-size: .57143em
}
.userView .heading h4 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em
}
.userView .heading h4 small {
	font-size: .57143em
}
.userView .heading h5 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em
}
.userView .heading h5 small {
	font-size: .57143em
}
.userView .heading h6 {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.5em
}
.userView .heading h6 small {
	font-size: .57143em
}
@media only screen and (max-width:640px) {
.productsDetails .videoSection .videoElement {
	width: 100%;
	text-align: center
}
.userView .heading .btn {
	width: 100%;
	float: none;
	margin-bottom: 1.42857em
}
}
.userView .col .item {
	border: 1px solid #e3e8f1;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	padding: 4.28571em 1.42857em 2.85714em;
	height: 100%
}
.userView .col .item:hover {
	border: 1px solid #7cc655
}
.userView .col .item i {
	color: #7cc655;
	font-size: 4.64286em
}
.userView .col .item .title {
	color: #40454f;
	display: block;
	font-size: 1.5em;
	margin-top: 2.38095em
}
.productIntro section {
	padding: 0px;
}
/* CSS Document */