* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	outline: none;
}

@font-face {
	font-family: 'Gotham Book';
	src: url('../fonts/GothamBook.eot');
	src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamBook.woff2') format('woff2'),
		url('../fonts/GothamBook.woff') format('woff'),
		url('../fonts/GothamBook.ttf') format('truetype'),
		url('../fonts/GothamBook.svg#GothamBook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.eot');
	src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Regular.woff2') format('woff2'),
		url('../fonts/Lato-Regular.woff') format('woff'),
		url('../fonts/Lato-Regular.ttf') format('truetype'),
		url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato Light';
	src: url('../fonts/Lato-Light.eot');
	src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Light.woff2') format('woff2'),
		url('../fonts/Lato-Light.woff') format('woff'),
		url('../fonts/Lato-Light.ttf') format('truetype'),
		url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}



ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

p {
    margin: 0 0 10px;
}

.clearfix::after,
.clearfix::before {
	content: '';
	display: table;	
}
.clearfix::after {
	clear: both;
}

.button {
	font: bold 14px/14px 'Gotham Book', sans-serif;
	text-transform: uppercase;
	color: #9cafc2;
	display: inline-block;
	padding: 15px 35px;
	border: 2px solid #9cafc2;
}
.button:hover {
	color: #9cafc2;
}

.text-center {
	text-align: center !important;
}


.top-header{text-transform:capitalize; margin-bottom:-22px;}

.touch-menu {
	display: none !important;
}

/* -------------------- Header ---------------------- */
#header {
	position: static !important;
    height: auto !important;
    background: none;
    padding: 0 !important;
	font: 16px/24px 'Lato', sans-serif;
	margin: 0 !important;
    width: 100% !important;
}



/* top line */
.top-line {
	background: #9cafc2;
}
.top-line .link {
	float: right;
	font-family: 'Gotham Book';
	font-size: 10px;
	text-transform: uppercase;
	color: #e5e5e5;
}
.top-line .link a {
	font-family: 'Gotham Book';
	font-size: 10px;
	text-transform: uppercase;
	color: #e5e5e5;
	display: inline-block;
	padding: 13px 20px;
	line-height: 1;
}
/* // top line*/

/* logo */


.bottom-line {
	background: #f7f7f7;
	padding: 25px 0;
}

/* logo */
.logo {
	float: left;
}
.logo a {
	font: 40px/40px 'Lato', sans-serif;
	color: #b9b9b9;
	text-decoration: none;
}
.logo:hover a {
	text-decoration: none;
	color: #b9b9b9;
}
.logo a span {
	font: 40px/40px 'Lato Light', sans-serif;
}

.logo .slogan {
	font: 13px/13px 'Lato', sans-serif;
	color: #b9b9b9;
	text-align: center;
}
.logo img {
	margin-bottom: 0;
}
/* // logo */

/* menu */
.menu {
	margin-top: 8px;
	float: right;
}
.menu li {
	float: left;
}
.menu li a {
	font: 12px/12px 'Gotham Book', sans-serif;
	text-transform: uppercase;
	color: #9cafc2;
	display: block;
	padding: 13px 35px;
	border: 1px solid #f7f7f7;
}
.menu li a:hover,
.menu li.active a {
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #e2e6e9;
	border-radius: 3px;
	box-shadow: 0 0 0 rgba(156, 175, 194, 0.75), inset 0 0 9px rgba(156, 175, 194, 0.23);
	-webkit-box-shadow: 0 0 0 rgba(156, 175, 194, 0.75), inset 0 0 9px rgba(156, 175, 194, 0.23);
	-moz-box-shadow: 0 0 0 rgba(156, 175, 194, 0.75), inset 0 0 9px rgba(156, 175, 194, 0.23);
}
/* // menu */
/* -------------------- // Header ---------------------- */


/* -------------------- Footer ---------------------- */
#footer {
	font: 16px/24px 'Lato', sans-serif;
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
}
#footer .main-footer {
	margin-top: 55px;
	border-top: 5px solid #9cafc2;
	padding: 25px 0 65px 0;
}
#footer div.title {
	font: 14px/14px 'Lato', sans-serif;
	text-transform: uppercase;
	color: #9cafc2;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom: 2px solid #f5f4f4;
}

#footer .item {
	width: 34%;
	float: left;
	margin-right: 2%;
}
#footer .item:last-child {
	margin-right: 0;
}
#footer .item.small {
	width: 20%;
	margin-right: 2%;
}

#footer .menu-footer {
	padding-left: 40px;
}
#footer .menu-footer li {
	margin-top: 15px;
}
#footer .menu-footer li a {
	display: block;
    color: #979797;
    font: normal 12px/12px 'Lato', sans-serif;
    color: #979797;
}

#footer .logo-footer {
	margin-top: 20px;
	margin-bottom: 30px;
	display: inline-block;
}

#footer .contacts {
	border-top: 2px solid #f5f4f4;
	padding-top: 40px;
}

#footer .contacts .phone {
	display: inline-block;
	font: 20px 'Lato', sans-serif;
	color: #ababab;
	padding: 15px 70px 0 0;
	text-align: right;
	background: url(../img/ic-phone.png) no-repeat right bottom 3px;
}
#footer .contacts .phone span {
	color: #9cafc2;
	font-size: 15px;
}

.footer-bottom {
	background: #f5f4f4;
	padding: 30px 0;
	font-family: 'Lato Light', sans-serif;
}

.footer-bottom .left {
	float: left;
}
.footer-bottom .right {
	float: right;
}

.footer-bottom .btn-menu {
	display: inline-block;
	padding: 9px 0 9px 42px;
	font: 14px/14px 'Lato', sans-serif;
	color: #9cafc2;
	background: url(../img/ic-menu-footer.png) no-repeat left center;
	margin-left: 40px;
}

.footer-bottom .right {
	text-align: right;
	color: #8f8f8f;
}
.footer-bottom .right p {
	margin-bottom: 0;
	font-size: 13px;
}
.footer-bottom .right a {
	color: #778eb3 !important;
}
.footer-bottom .text {
	margin-top: 25px;
	color: #958888;
	font-size: 13px;
	margin-bottom: 0;
	text-align: center;
}
/* -------------------- // Footer ---------------------- */

/* --------------------------------------------------------------------- */
/*								Responsive  							 */	
/* --------------------------------------------------------------------- */
@media only screen and (max-width: 1225px) {
	.brand-slider .slick-prev {
	    left: -10px;
	}
	.brand-slider .slick-next {
	    right: -10px;
	}
}

@media only screen and (max-width: 1200px) {
	#info .descr {
	    padding-top: 50px;
	    padding-left: 0;
	}
}

@media only screen and (max-width: 1030px) {
	#header .bottom-line .col-md-4,
	#header .bottom-line .col-md-8 {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}

	.logo,
	.menu,
	.menu li {
	    float: none;
	    display: inline-block;
	}

	#home .descr {
	    margin-top: 50px;
	    width: 100%;
	}
	#home .descr h1 {
	    font: 30px/30px 'Lato', sans-serif;
	}
	#home .descr p {
	    font: 18px/18px 'Lato', sans-serif;
	    line-height: 24px;
	    margin: 15px 0;
	}

	#info .bottom-line .link {
	    float: none;
	    text-align: center;
	    margin-left: 0;
	    margin-top: 0;
	    margin-bottom: 15px;
	}

	#info .bottom-line .right {
	    float: none;
	    text-align: center;
	}

	#order-product .descr {
	    width: 50%;
	    margin-top: 20px;
	    margin-left: 0;
	}
	#order-product .descr p.text {
	    margin: 20px 0 20px 0;
	}

	#footer .container {
		width: 100%;
	}
}

@media only screen and (max-width: 900px) {
	.brand-slider .slick-prev {
		left: -10px;
	}
	.brand-slider .slick-next {
		right: -10px;
	}
}

@media only screen and (max-width: 800px) {
	#info {
		background: #9cafc2 url(../img/bg-info.jpg) no-repeat right -410px top;
	}

	#order-product .descr {
		width: 100%;
	}

	#footer .item.small {
		width: 32%;
	}
	#footer .item.small:nth-child(3n) {
		margin-right: 0;
	}
	#footer .item {
		width: 100%;
	}
}

@media only screen and (max-width: 700px) {
	.logo {
		float: none;
		max-width: 210px;
		margin: 0 auto;
	}

	.top-line .link {
		float: none;
		text-align: center;
	}
	
	.touch-menu {
		font-size: 25PX;
		color: #9cafc2;
		position: absolute !important;
		top: 12px !important;
		display: block !important;
		cursor: pointer;
	}
	
	.menu {display: none;}

	.menu li {
	    float: none;
	    display: block;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.menu li a {
		display: inline-block;
	}

	#info .descr h2 {
		font: 35px/35px 'Lato', sans-serif;
	}

	#info .descr {
	    width: 80%;
	}

	#info .bottom-line .link a {
	    margin: 5px 0;
	    display: inline-block;
	}
	
	#product-contact .bg {
		margin-bottom: 0;
	}
	
}

@media only screen and (max-width: 600px) {
	#home .container {
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
	}

	#scientific-breakthroughs {
	    padding: 30px 0 30px 0;
	}
	#scientific-breakthroughs h3 {
	    font: 25px/30px 'Lato', sans-serif;
	}
	#scientific-breakthroughs .icons {
	    text-align: center;
	    margin-top: 50px;
	}
}

@media only screen and (max-width: 550px) { 
	#info .descr {
	    padding-top: 0;
	    padding-left: 0;
	}

	#info .descr {
	    width: 100%;
	}

	#info .descr p {
	    font: 14px/19px 'Lato', sans-serif;
	    margin-bottom: 15px;
	}
	
	#home .container {
		background: url(../img/bg-home.jpg) no-repeat left -62px top;
	}
	
	#footer div.title {
		padding-left: 0;
	}	
	#footer .menu-footer {
		padding-left: 0;
	}
	#footer .item {
		text-align: center;
	}
	#footer .item.small {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 40px;
	}
	.footer-bottom .left {
	    float: none;
	}
	.footer-bottom .right {
	    text-align: center;
	    float: none;
	    margin-top: 30px;
	}
}

@media only screen and (max-width: 500px) {
	.top-line .link a {
		padding: 10px 10px;
	}
	
	#product-contact .bg h2 {
		font-size: 2em;
	}	
	#product-contact .txt div {
		font-size: 12px;
		margin-bottom: 10px;
	}
}

/* Other styles */
#product-background iframe {
    width: 100%;
}
.main-container.transition--fade.transition--active {
	margin-top: 0 !important;
}
.section--overlap:not(:first-child) {
	margin-top: 68px !important;
}