html{ overflow-x:hidden;}

.fix-container {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0 10px;
}
#header {
	background: #fff;
	border-bottom: solid 1px #dddcdc;
	height: 70px;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}
/*
#header.get-sticky {
	position: fixed;

}*/

.after-header {
	height: 70px;
}
.livesupport {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10;
}
#logo {
	width: 160px;
	margin: 10px 10px;
	margin-left: 24px;
	height: auto;
	float: left;
	position: absolute;
}
#logo .logo-cl-1 {
	fill: #1f1a17;
}
#logo .logo-cl-2 {
	fill: #2cbed2;
}
.search-btn {
	float: right;
	display: inline-block;
	border-left: solid 1px #dddcdc;
	position: absolute;
	top: 0;
	right: 0px;
	text-align: center;
}
.search-btn a {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 70px;
	height: 70px;
	padding: 24px;
}
.search-btn a.svg svg {
	display: block;
	width: 21px;
	height: 21px;
}
.search-btn a.svg svg path {
	fill: #000;
}
.search-btn a:hover.svg svg path {
	fill: #2cbed2;
}
.menu {
	display: none;
}
.main-nav {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.main-nav > ul {
	margin: 0 auto;
	display: inline-block;
}
.main-nav > ul > li {
	display: inline-block;
	color: #1f1a17;
	font-size: 14px;
	font-weight: 600;
}
.main-nav > ul > li > a {
	display: block;
	color: inherit;
	padding: 25px 15px;
}
.main-nav > ul > li:last-child {
	margin-left:20px;
}
.main-nav > ul > li > a.menu-button {
  border: 2px solid #ff4c65;
	background-color:#ff4c65;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  padding: 6px 20px;
}
.main-nav > ul > li > a.menu-button:hover {
  border-color:#2cbed2;
  background-color:#2cbed2;
}

.main-nav > ul > li.is-current > a {
	color: #2cbed2;
	position: relative;
}
.main-nav > ul > li.is-current > a.menu-button {
  color: #ffffff;
}
/*.main-nav > ul > li.is-current > a:after {
	background: #2cbed2;
	height: 4px;
	position: absolute;
	bottom: -1px;
	content: "";
	width: 100%;
	left: 0;
}*/
.close-nav {
	position: fixed;
	right: 16px;
	top: 90px;
	background: url(../img2/retina/delete.svg) no-repeat 0 0;
	background-size: 100%;
	width: 30px;
	height: 30px;
	display: block;
	z-index:9;
}
.full-nav {
	text-align: left;
	position: fixed;
	z-index: 999;
	background: #2cbed2;
	width: 100%;
	left: 0;
	top: 70px;
	right: 0;
	bottom: 0;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
}
.full-nav.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
}
.full-nav-inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -60px;
}
.nav-blocks-wrapper {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 0;
}
.nav-blocks {
	width: 32%;
	display: table-cell;
	border-right: solid 2px rgba(255,255,255,0.3);
	padding: 0 25px;
	vertical-align: top;
}
.nav-blocks-wrapper .nav-blocks:first-child {
	padding-left: 0;
}
.nav-blocks-wrapper .nav-blocks:last-child {
	padding-right: 0;
	border-right: none;
}
.nav-blocks-wrapper .name {
	margin-bottom: 20px;
}
.nav-blocks-wrapper a.btn-arrow {
  background: #fee038;
  border: 1px solid #fee038;
  border-radius: 2px;
  color: #000000;
} 
.nav-blocks-wrapper a.btn-arrow:hover {
  background: #fee038;
  border-color:#000;
  color: #000000;
} 
.nav-blocks-wrapper a.btn-arrow i.svg svg,.nav-blocks-wrapper a.btn-arrow:hover i.svg svg {  
  fill: #000000;
}
.nav-blocks-wrapper .name h3 {
	font-size: 60px;
	color: #fff;
	font-weight: 800;
	margin-bottom: 20px;
	line-height: 1;
}
.nav-blocks-wrapper .name h4 {
	line-height: 1.1;
	font-size: 38px;
	color: #fff;
	font-weight: 300;
	line-height: 1.2;
	margin: 10px 0 20px 0;
}
.nav-blocks-wrapper .callat {
	margin: 30px 0 20px 0;
	line-height: 1;
	color: #fff;
	font-size: 20px;
}
.nav-blocks-wrapper .callat span {
	color: #fff;
	font-size: 32px;
	display: block;
}
.nav-blocks-wrapper p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
}
.nav-blocks-wrapper p a {
	color: inherit;
}
.nav-blocks-wrapper p a:hover {
	color: #056471;
}
.nav-blocks-wrapper ul li {
	color: #fff;
	font-size: 15px;
	display: block;
	margin: 10px 0;
	/*line-height: 1;*/
}
.nav-blocks-wrapper ul li a {
	color: inherit;
	position: relative;
}
.nav-blocks-wrapper ul li a:hover {
	color: #056471;
}
.nav-blocks-wrapper ul li a:before {
	background: #056471;
	bottom: -5px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	right: 100%;
	transition-duration: 0.3s;
	transition-property: right;
	transition-timing-function: ease-out;
}
.nav-blocks-wrapper ul li a:hover:before {
	right: 0;
}
.nav-slogan {
	border-top: solid 2px rgba(255,255,255,0.3);
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 50px;
	padding-top: 10px;
}
.nav-slogan h2 {
	font-size: 50px;
}
.nav-slogan strong {
	font-weight: 800;
}
/*tablet end*/
@media only screen and (max-width: 1025px) {
.close-nav {
	display: none;
}
.after-header {
	height: 49px;
}
#logo {
	margin: 2px 5px 0;
}
	.main-nav > ul > li > a {
  padding: 6px 10px;
}
	.main-nav > ul > li:last-child {
  margin-left: 10px;
}
.search-btn {
	right: 45px;
	border: none;
}
.search-btn a {
	padding: 12px;
	height: auto;
	width: auto;
}
#header {
	height: 50px;
}
.menu {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
}
.menu span {
	position: absolute;
	top: -7px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 55%;
	height: 3px;
	display: block;
	background: #000;
	margin: auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.type-7 .top {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}
.type-7 .middle {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.type-7 .bottom {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
}
.type-7 .bottom_text {
	-webkit-transform: translateY(12px);
	-ms-transform: translateY(12px);
	transform: translateY(12px);
}
/* fadeout scale(0) */
.type-7.is_open .middle {
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.type-7.is_open .top {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.type-7.is_open .bottom {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.type-7.is_open .middle {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.main-nav {
	text-align: left;
	background: #fff;
	display: block;
	clear: both;
	position: relative;
	height: 0%;
	opacity: 0;
	position: fixed;
	left: 0;
	right: 0;
	top: 48px;
	width: 100%;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
}
body.is_open .main-nav {
	opacity: 1;
	visibility: visible;
	overflow: auto;
	height: 100%;
}
body.is_open {
	overflow: hidden;
}
.main-nav > ul {
	display: block;
}
.main-nav > ul > li {
	display: block;
	text-align: left;
}
.main-nav > ul > li > a {
	padding: 10px 10px;
}
.full-nav {
	height: auto;
	opacity: 1;
	overflow: auto;
	visibility: visible;
	position: static;
	display: none;
}
.full-nav.open {
	display: block;
}
.full-nav-inner {
	position: relative;
	top: auto;
	margin: 0;
	transform: none;
}
.nav-blocks-wrapper {
	display: block;
	width: auto;
	margin: 0;
}
.nav-blocks-wrapper .nav-blocks.first-block {
	display: none;
}
.nav-blocks-wrapper ul li {
	font-size: 14px;
	margin: 10px 0;
}
.nav-blocks {
	display: block;
	width: auto;
	padding: 0;
	border-right: none;
}
.nav-slogan {
	display: none;
}
}
 @media only screen and (min-width :801px) and (max-width :1025px) {
#logo {
	margin-left: 10px;
}
.main-nav > ul > li > a {
	padding: 15px 7px;
}
}

 @media only screen and (min-width : 1025px) and (max-width :1400px) {
	 .main-nav {
  padding: 0 80px 0 190px;
}

.main-nav > ul > li > a {
	padding: 25px 7px;
}
}
@media only screen and (max-width: 1300px) {
	.full-nav-inner {
  margin-top:0px;
  top:0;
  transform: none;
  -webkit-transform: none;
}
}




/*NEW RFQ POPUP CSS********************************/


.rfq-popup{
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 4px 0 40px rgba(100,99,98,0.25);
	margin: 0 auto;
    padding:30px 40px;
}


.rfq-popup .form input[type="text"],
.rfq-popup .form select,
.rfq-popup .form textarea {
	border: none;
	background: none;
	color: #909090;
	font-size: 15px;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
	display: block;
	height: 34px;
	padding: 5px 0;
	width: 100%;
}


.rfq-popup .form fieldset {
	border:solid 2px #8F8F8F;
	padding: 3px 20px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 25px;
    background-color:#fff;
}
.rfq-popup .form input[type="submit"], a.btn {
	border-radius: 4px;
	padding: 16px 30px;
	margin: 0;
	cursor: pointer;
	border: none;
	background: #ff4c65;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	display: block;
	min-width: 300px;
	font-weight: 600;
	margin-top: 10px;
}

.rfq-popup .captchStart {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 220px;
}

.rfq-popup .captchStart .captch,
.rfq-popup .captchStart .refesh {
	display: inline-block;
	vertical-align: top;
}

.rfq-popup .captchStart .refesh {
	padding-top: 5px;
}

.rfq-popup .form select {
	background-color: #ffffff;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=");
	background-position: calc(100% - 5px) center;
	background-repeat: no-repeat;
	border-radius: 4px;
	font-size: 15px;
	padding-right: 30px;
	line-height: 20px;
}
.rfq-popup input[type="text"], .rfq-popup input[type="password"], .rfq-popup textarea, .rfq-popup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.rfq-popup .mendtry {
	float: right;
	font-size: 14px;
	padding: 0 0 5px 5px;
	color: #888;
}
.rfq-popup .form-wrapper p.note-p {
	font-size: 14px;
	font-weight: normal;
	padding: 7px 0 0;
	text-align: left;
}


.form fieldset.error {
    animation: 0.4s ease-in-out 0.1s normal forwards 1 running moltinShake;
}
.form fieldset.error {
    border-color: #ff4c65;
}