@font-face{
	font-family: 'RobotoBold';
	src: url(./../fonts/Roboto-Bold.ttf) format('truetype'),;
}

@font-face {
	font-family: 'RobotoMedium'; 
	src: url(./../fonts/Roboto-Medium.ttf) format('truetype'),; 
}

@font-face {
	font-family: 'RobotoRegular'; 
	src: url(./../fonts/Roboto-Regular.ttf) format('truetype'),; 
}

@font-face {
	font-family: 'RobotoLight'; 
	src: url(./../fonts/Roboto-Light.ttf) format('truetype'),; 
}

*{
	color: #626366;
	font-family: 'RobotoRegular',Roboto,Arial, Helvetica, sans-serif;
	font-size: 14px;
}

html,body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

ul,ol{
	list-style: none;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,div{
	margin-bottom: 0;
}

.container{
	margin: 0;
}

.col-2{
	padding: 0;
}


@media screen and (min-width: 1920px){
	#logo{
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#logo > div{
		max-width: 1620px;
		margin: 0 auto; 	
	}

	header{
		width: 100%;
		background-color: #134094;
	}

	header .header{
		max-width: 1920px;
		margin: 0 auto;
	}

	header .header ul{
		max-width: 1620px;
		margin: 0 auto;
	}

	header .header ul li a{
		color: #FFFFFF;
		font-size: 25px;
		font-family: "RobotoMedium";
		padding: 15px 45px;
	}

	header .header ul li a:hover{
		background-color: #6CC3EA;
		color: #134094;
		transition: .3s linear;
	}

	#banner .main{
		width: 1920px;
		height: 600px;
		margin: 0 auto;
		background: url('./../img/banner.png') 100% 100% no-repeat;
	}

	#banner .main .content{
		width: 100%;
		height: 600px;
		position: relative;
	}

	#banner .main .content a{
		position: absolute;
		bottom: 143px;
		left: 187px;
	}

	#about,
	#quality,
	#deals,
	#product{
		margin-top: 64px;
	}

	#about .main,
	#quality .main{
		width: 1266px;
		margin: 0 auto;
	}

	#about .main .about-text{
		margin-left: 50px;
		padding-top: 15px;
	}

	#about .main .about-text h3,
	#quality .main h3,
	#deals h3,
	#product > .main h3{
		color: #134094;
		font-size: 25px;
	}

	#about .main .about-text ul li{
		margin-top: 35px;
		text-align: justify;
	}

	#quality .quality-content{
		text-align: justify;
	}

	#quality .quality-content p{
		margin-top: 35px;
		padding-right: 127px
	}

	#quality .quality-list{
		padding-left: 0;
	}

	#quality .quality-list .list-left{
		width: 90px;
	}

	#quality .quality-list  ul li {
		margin-top: 40px;
	}

	#quality .quality-list .list-right h4{
		color: #134094;
		font-family: RobotoBold;
		font-size: 14px;
	}

	#quality .quality-list .list-right div{
		margin-top: 20px;
	}

	#deals{
		background: #EFEFF0;
		padding-top: 55px;
		padding-bottom: 75px;
	}

	#deals .main{
		width: 1458px;
	}

	#carouselDeals {
		margin-top: 55px;
	}

	#carouselDeals .carousel-inner{
		width: 1266px;
	}

	#carouselDeals .carousel-control-prev,
	#carouselDeals .carousel-control-next{
		width: 45px;
		height: 45px;
		background: #134094;
		opacity: 1;
		top: 100px;
	}

	#product{
		margin-bottom: 50px;
	}

	#product > .main{
		width: 1585px;
	}

	#product > .main .offer h3{
		padding-top: 50px;
	}

	#product > .main .offer ul li{
		display: -ms-flexbox!important;
	    display: flex!important;
	}

	#product > .main .offer ul li .item{
		width: 32%;
		background: #E3E4E5;
	    border: 1px solid #E3E4E5;
	    margin: 5px;
	}

	#product > .main .offer ul li .item .p-img{
		width: 100%;
		height: 180px;
		background: #FFFFFF;
	}

	#product > .main .offer ul li .item img{
		width: 180px;
		height: 180px;
	}

	#product > .main .offer ul li .item p{
		color: #201D1D;
		font-size: 18px;
		font-family: RobotoBold;
		padding: 25px 20px 0px 20px;
	}

	#product > .main .offer ul li .item h5{
		color: #134094;
		font-size: 14px;
		font-family: RobotoBold;
		padding: 0 20px 25px 20px;
	}

	#carouselProducts{
		margin-top: 35px;
	}

	#carouselProducts .carousel-indicators li{
		width: 16px; 
		height: 16px;
		padding: 0;
		border-radius: 50%;
		background: #FFFFFF;
		border: 2px solid #784488;
	}

	#carouselProducts .carousel-indicators li.active{
		width: 16px; 
		height: 16px;
		padding: 0;
		border-radius: 50%;
		background: #134094;
		border: 2px solid #134094;
	}

	#carouselProducts .carousel-indicators{
		bottom: -50px;
	}

	#contact .contactMain{
		width: 750px;
		height: 900px;
		background: #134094;
		padding: 50px ;
	}

	#contact h3{
		padding-bottom: 30px;
		color: #FFFFFF!important;
	}

	#contact input,
	#contact textarea{
		display: block;
		width: 638px;
		background: #FFFFFF;
		padding: 8px;
		border: none;
		outline: none;
		margin-top: 15px;
	}

	#contact input{
		height: 65px;
	}

	#contact textarea{
		height: 250px;
	}

	input::placeholder,
	textarea::placeholder {
	    color: #134094;
	}

	button{
		margin-top: 15px;
		width: 293px;
		height: 79px;
		background: url('./../img/submit.png') 100% 100% no-repeat;
		border: none;
		outline: none;
	}

	footer{
		background: #134094;
		padding-top: 55px;
		padding-bottom: 45px;
	}

	footer .main{
		width: 1560px;
	}

	footer .main li,
	footer .main li a,
	footer .main li p{
		color: #FFFFFF;
	}

	footer .main li a{
		text-decoration: none;
		pointer-events: none;
	}

	footer .main .f-1{
		margin-top: 45px;
	}

	footer .main .f-2 li{
		margin-top: 5px;
	}

	footer .main .f-2 li.first{
		margin-top: 0;
	}

	footer .main .f-2 li a,
	footer .main .f-3 .title,
	footer .main .f-4 .title{
		font-family: RobotoMedium;
		font-size: 14px;
		pointer-events: none;
	}

	footer .main .f-3 .title{
		margin-bottom: 20px;
	}

	footer .main .f-3 li a{
		font-size: 12px;
		margin-top: 6px;
		pointer-events: none;
	}

	footer .main .f-4 .title-2{
		font-family: RobotoMedium;
		font-size: 14px;
		margin-top: 25px;
	}

	footer .main li p{
		font-size: 12px;
	}

	footer .main .f-4 .link{
		margin-top: 30px;
	}

	footer .main .f-4 .link div{
		margin-right: 10px;
	}

	footer .copy{
		color: #FFFFFF;
		font-size: 12px;
		margin-top: 20px;
	}
}

@media screen and (min-width: 1300px) and (max-width: 1919px){
	*{
		font-size: 15px;
	}
	#logo{
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#logo > div{
		max-width: 85%;
		margin: 0 auto; 	
	}

	header{
		width: 100%;
		background-color: #134094;
	}

	header .header{
		max-width: 1920px;
		margin: 0 auto;
	}

	header .header ul{
		max-width: 80%;
		margin: 0 auto;
	}

	header .header ul li a{
		color: #FFFFFF;
		font-size: 15px;
		font-family: "RobotoMedium";
		padding: 15px 35px;
	}

	header .header ul li a:hover{
		background-color: #6CC3EA;
		color: #134094;
		transition: .3s linear;
	}

	#banner .main{
		width: 1920px;
		height: 600px;
		margin: 0 auto;
		background: url('./../img/banner.png') 100% 100% no-repeat;
	}

	#banner .main .content{
		width: 100%;
		height: 600px;
		position: relative;
	}

	#banner .main .content a{
		position: absolute;
		bottom: 143px;
		left: 187px;
	}

	#about,
	#quality,
	#deals,
	#product{
		margin-top: 64px;
	}

	#about .main,
	#quality .main{
		width: 80%;
		margin: 0 auto;
	}

	#about .main .about-text{
		padding-top: 110px;
	}

	#about .main .about-text h3,
	#quality .main h3,
	#deals h3,
	#product > .main h3{
		color: #134094;
		font-size: 38px;
	}

	#about .main .about-text ul li{
		margin-top: 35px;
		text-align: justify;
	}

	#quality .quality-content{
		text-align: justify;
	}

	#quality .quality-content p{
		margin-top: 35px;
		padding-right: 127px
	}

	#quality .quality-list{
		padding-left: 0;
	}

	#quality .quality-list .list-left{
		width: 90px;
	}

	#quality .quality-list  ul li {
		margin-top: 40px;
	}

	#quality .quality-list .list-right h4{
		color: #134094;
		font-family: RobotoBold;
		font-size: 15px;
	}

	#quality .quality-list .list-right div{
		margin-top: 5px;
	}

	#deals{
		width: 100%;
		max-width: 80%;
		margin: 0 auto;
		background: #EFEFF0;
		padding-top: 55px;
		padding-bottom: 75px;
		margin-top: 50px;
	}

	#deals .main{
		width: 95%;
		max-width: 80%;
		
	}

	#carouselDeals {
		margin-top: 55px;
	}

	#carouselDeals .carousel-inner{
		width: 90%;
	}

	#carouselDeals .carousel-control-prev,
	#carouselDeals .carousel-control-next{
		width: 45px;
		height: 45px;
		background: #134094;
		opacity: 1;
		top: 32%;
	}

	#product{
		width: 100%;
		max-width: 80%;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	#product > .main{
		width: 100%;
		max-width: 80%;
	}

	#product > .main .offer h3{
		padding-top: 35px;
	}

	#product > .main .offer ul li{
		display: -ms-flexbox!important;
	    display: flex!important;
	}

	#product > .main .offer ul li .item{
		width: 29%;
		background: #E3E4E5;
	    border: 1px solid #E3E4E5;
	    margin: 5px;
	}

	#product > .main .offer ul li .item .p-img{
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}

	#product > .main .offer ul li .item img{
		width: 85%;
		height: auto;
	}

	#product > .main .offer ul li .item p{
		color: #201D1D;
		font-size: 14px;
		font-family: RobotoBold;
		padding: 15px 10px 0px 10px;
	}

	#product > .main .offer ul li .item h5{
		color: #134094;
		font-size: 22px;
		font-family: RobotoBold;
		padding: 0 10px 15px 10px;
	}

	#carouselProducts{
		margin-top: 25px;
	}

	#carouselProducts .carousel-indicators li{
		width: 16px; 
		height: 16px;
		padding: 0;
		border-radius: 50%;
		background: #FFFFFF;
		border: 2px solid #784488;
	}

	#carouselProducts .carousel-indicators li.active{
		width: 16px; 
		height: 16px;
		padding: 0;
		border-radius: 50%;
		background: #134094;
		border: 2px solid #134094;
	}

	#carouselProducts .carousel-indicators{
		bottom: -50px;
	}

	#contact .contactMain{
		width: 100%;
	    height: auto;
	    background: #134094;
	    padding: 5%;
	    margin-top: 35px;
	}

	#contact h3{
		padding-bottom: 30px;
		color: #FFFFFF!important;
	}

	#contact input,
	#contact textarea{
		display: block;
		width: 100%;
		background: #FFFFFF;
		padding: 8px;
		border: none;
		outline: none;
		margin-top: 15px;
	}

	#contact input{
		height: 65px;
	}

	#contact textarea{
		height: 250px;
	}

	input::placeholder,
	textarea::placeholder {
	    color: #134094;
	}

	button{
		margin-top: 15px;
		width: 293px;
		height: 79px;
		background: url('./../img/submit.png') 100% 100% no-repeat;
		border: none;
		outline: none;
	}

	footer{
		background: #134094;
		padding-top: 55px;
		padding-bottom: 45px;
	}

	footer .main{
		max-width: 1250px;
		margin: 0 auto;
	}

	footer .main li,
	footer .main li a,
	footer .main li p{
		color: #FFFFFF;
	}

	footer .main li a{
		text-decoration: none;
		pointer-events: none;
	}

	footer .main .f-1{
		margin-top: 45px;
	}

	footer .main .f-2 li{
		margin-top: 5px;
	}

	footer .main .f-2 li.first{
		margin-top: 0;
	}

	footer .main .f-2 li a,
	footer .main .f-3 .title,
	footer .main .f-4 .title{
		font-family: RobotoMedium;
		font-size: 14px;
		pointer-events: none;
	}

	footer .main .f-3 .title{
		margin-bottom: 20px;
	}

	footer .main .f-3 li a{
		font-size: 12px;
		margin-top: 6px;
		pointer-events: none;
	}

	footer .main .f-4 .title-2{
		font-family: RobotoMedium;
		font-size: 14px;
		margin-top: 25px;
	}

	footer .main li p{
		font-size: 12px;
	}

	footer .main .f-4 .link{
		margin-top: 30px;
	}

	footer .main .f-4 .link div{
		margin-right: 10px;
	}

	footer .copy{
		color: #FFFFFF;
		font-size: 12px;
		margin-top: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1299px) {
*{
		font-size: 14px;
	}
	#logo{
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#logo > div{
		max-width: 85%;
		margin: 0 auto; 	
	}

	header{
		width: 100%;
		background-color: #134094;
	}

	header .header{
		max-width: 1920px;
		margin: 0 auto;
	}

	header .header ul{
		max-width: 85%;
		margin: 0 auto;
	}

	header .header ul li a{
		color: #FFFFFF;
		font-size: 15px;
		font-family: "RobotoMedium";
		padding: 15px 25px;
	}

	header .header ul li a:hover{
		background-color: #6CC3EA;
		color: #134094;
		transition: .3s linear;
	}

	#banner .main{
		width: 100%;
		height: 600px;
		margin: 0 auto;
		background: url('./../img/banner.png');
	}

	#banner .main .content{
		width: 100%;
		height: 600px;
		position: relative;
	}

	#banner .main .content a{
		position: absolute;
		bottom: 143px;
		left: 187px;
	}

	#about,
	#quality,
	#deals,
	#product{
		margin-top: 64px;
	}

	#about .main,
	#quality .main{
		width: 95%;
		margin: 0 auto;
	}

	#about .main .about-text{
		margin-left: 5px;
   		padding-top: 15px;
    	max-width: 100%;
	}

	#about .main .about-text h3,
	#quality .main h3,
	#deals h3,
	#product > .main h3{
		color: #134094;
		font-size: 30px;
	}

	#about .main .about-text ul li{
		margin-top: 25px;
		text-align: justify;
	}

	#quality .quality-content{
		text-align: justify;
	}

	#quality .quality-content p{
		margin-top: 25px;
		padding-right: 35px
	}

	#quality .quality-list{
		padding-left: 0;
	}

	#quality .quality-list .list-left{
		width: 60px;
	}

	#quality .quality-list  ul li {
		margin-top: 10px;
	}

	#quality .quality-list .list-right h4{
		color: #134094;
		font-family: RobotoBold;
		font-size: 16px;
	}

	#quality .quality-list .list-right div{
		margin-top: 5px;
	}

	#deals{
		width: 100%;
		max-width: 766px;
		margin: 0 auto;
		margin-top: 25px;
		background: #EFEFF0;
		padding-top: 35px;
		padding-bottom: 45px;
	}

	#deals .main{
		width: 95%;
		max-width: 766px;
	}

	#carouselDeals {
		margin-top: 25px;
	}

	#carouselDeals .carousel-inner{
		width: 90%;
	}

	#carouselDeals .carousel-control-prev,
	#carouselDeals .carousel-control-next{
		width: 18px;
		height: 18px;
		background: #134094;
		opacity: 1;
		top: 30%;
	}

	#product{
		width: 100%;
		max-width: 766px;
		margin: auto;
		margin-bottom: 30px;
	}

	#product > .main{
		width: 100%;
		max-width: 766px;
	}

	#product > .main .offer h3{
		padding-top: 25px;
	}

	#product > .main .offer ul li{
		display: -ms-flexbox!important;
	    display: flex!important;
	}

	#product > .main .offer ul li .item{
		width: 30%;
		background: #E3E4E5;
	    border: 1px solid #E3E4E5;
	    margin: 5px;
	}

	#product > .main .offer ul li .item .p-img{
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}

	#product > .main .offer ul li .item img{
		width: 95%;
		height: auto;
	}

	#product > .main .offer ul li .item p{
		color: #201D1D;
		font-size: 12px;
		font-family: RobotoBold;
		padding: 10px 5px 0px 5px;
	}

	#product > .main .offer ul li .item h5{
		color: #134094;
		font-size: 12px;
		font-family: RobotoBold;
		padding: 0 5px 10px 5px;
	}

	#carouselProducts{
		margin-top: 25px;
	}

	#carouselProducts .carousel-indicators li{
		width: 13px; 
		height: 13px;
		padding: 0;
		border-radius: 50%;
		background: #FFFFFF;
		border: 2px solid #784488;
	}

	#carouselProducts .carousel-indicators li.active{
		width: 13px; 
		height: 13px;
		padding: 0;
		border-radius: 50%;
		background: #134094;
		border: 2px solid #134094;
	}

	#carouselProducts .carousel-indicators{
		bottom: -50px;
	}

	#contact .contactMain{
		width: 100%;
	    height: auto;
	    background: #134094;
	    padding: 5%;
	    margin-top: 15px;
	}

	#contact h3{
		padding-bottom: 15px;
		color: #FFFFFF!important;
	}

	#contact input,
	#contact textarea{
		display: block;
		width: 100%;
		background: #FFFFFF;
		padding: 4px;
		border: none;
		outline: none;
		margin-top: 15px;
	}

	#contact input{
		height: 35px;
	}

	#contact textarea{
		height: 220px;
	}

	input::placeholder,
	textarea::placeholder {
	    color: #134094;
	}

	button{
		margin-top: 15px;
		width: 293px;
		height: 79px;
		background: url('./../img/submit.png') 100% 100% no-repeat;
		border: none;
		outline: none;
	}

	footer{
		background: #134094;
		padding-top: 55px;
		padding-bottom: 45px;
	}

	footer .main{
		max-width: 1250px;
		margin: 0 auto;
	}

	footer .main li,
	footer .main li a,
	footer .main li p{
		color: #FFFFFF;
		font-size: 10px!important;
	}

	footer .main li a{
		text-decoration: none;
		pointer-events: none;
	}

	footer .main .f-1{
		margin-top: 25px;
	}

	footer .main .f-2 li{
		margin-top: 5px;
	}

	footer .main .f-2 li.first{
		margin-top: 0;
	}

	footer .main .f-2 li a,
	footer .main .f-3 .title,
	footer .main .f-4 .title{
		font-family: RobotoMedium;
		font-size: 8px;
		pointer-events: none;
	}

	footer .main .f-3 .title{
		margin-bottom: 20px;
	}

	footer .main .f-3 li a{
		font-size: 10px;
		margin-top: 6px;
		pointer-events: none;
	}

	footer .main .f-4 .title-2{
		font-family: RobotoMedium;
		font-size: 10px;
		margin-top: 25px;
	}

	footer .main li p{
		font-size: 10px;
	}

	footer .main .f-4 .link{
		margin-top: 20px;
	}

	footer .main .f-4 .link div{
		margin-right: 10px;
	}

	footer .copy{
		color: #FFFFFF;
		font-size: 10px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px){
*{
		font-size: 14px;
	}
	#logo{
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#logo > div{
		max-width: 85%;
		margin: 0 auto; 	
	}

	header{
		width: 100%;
		background-color: #134094;
	}

	header .header{
		max-width: 1920px;
		margin: 0 auto;
	}

	header .header ul{
		max-width: 85%;
		margin: 0 auto;
	}

	header .header ul li a{
		color: #FFFFFF;
		font-size: 15px;
		font-family: "RobotoMedium";
		padding: 15px 25px;
	}

	header .header ul li a:hover{
		background-color: #6CC3EA;
		color: #134094;
		transition: .3s linear;
	}

	#banner .main{
		width: 100%;
		height: 600px;
		margin: 0 auto;
		background: url('./../img/banner.png');
	}

	#banner .main .content{
		width: 100%;
		height: 600px;
		position: relative;
	}

	#banner .main .content a{
		position: absolute;
		bottom: 143px;
		left: 187px;
	}

	#about,
	#quality,
	#deals,
	#product{
		margin-top: 64px;
	}

	#about .main,
	#quality .main{
		width: 95%;
		margin: 0 auto;
	}

	#about .main .about-text{
		margin-left: 5px;
   		padding-top: 15px;
    	max-width: 100%;
	}

	#about .main .about-text h3,
	#quality .main h3,
	#deals h3,
	#product > .main h3{
		color: #134094;
		font-size: 30px;
	}

	#about .main .about-text ul li{
		margin-top: 25px;
		text-align: justify;
	}

	#quality .quality-content{
		text-align: justify;
	}

	#quality .quality-content p{
		margin-top: 25px;
		padding-right: 35px
	}

	#quality .quality-list{
		padding-left: 0;
	}

	#quality .quality-list .list-left{
		width: 60px;
	}

	#quality .quality-list  ul li {
		margin-top: 10px;
	}

	#quality .quality-list .list-right h4{
		color: #134094;
		font-family: RobotoBold;
		font-size: 16px;
	}

	#quality .quality-list .list-right div{
		margin-top: 5px;
	}

	#deals{
		width: 100%;
		max-width: 766px;
		margin: 0 auto;
		margin-top: 25px;
		background: #EFEFF0;
		padding-top: 35px;
		padding-bottom: 45px;
	}

	#deals .main{
		width: 95%;
		max-width: 766px;
	}

	#carouselDeals {
		margin-top: 25px;
	}

	#carouselDeals .carousel-inner{
		width: 90%;
	}

	#carouselDeals .carousel-control-prev,
	#carouselDeals .carousel-control-next{
		width: 18px;
		height: 18px;
		background: #134094;
		opacity: 1;
		top: 30%;
	}

	#product{
		width: 100%;
		max-width: 766px;
		margin: auto;
		margin-bottom: 30px;
	}

	#product > .main{
		width: 100%;
		max-width: 766px;
	}

	#product > .main .offer h3{
		padding-top: 25px;
	}

	#product > .main .offer ul li{
		display: -ms-flexbox!important;
	    display: flex!important;
	}

	#product > .main .offer ul li .item{
		width: 30%;
		background: #E3E4E5;
	    border: 1px solid #E3E4E5;
	    margin: 5px;
	}

	#product > .main .offer ul li .item .p-img{
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}

	#product > .main .offer ul li .item img{
		width: 95%;
		height: auto;
	}

	#product > .main .offer ul li .item p{
		color: #201D1D;
		font-size: 12px;
		font-family: RobotoBold;
		padding: 10px 5px 0px 5px;
	}

	#product > .main .offer ul li .item h5{
		color: #134094;
		font-size: 12px;
		font-family: RobotoBold;
		padding: 0 5px 10px 5px;
	}

	#carouselProducts{
		margin-top: 25px;
	}

	#carouselProducts .carousel-indicators li{
		width: 13px; 
		height: 13px;
		padding: 0;
		border-radius: 50%;
		background: #FFFFFF;
		border: 2px solid #784488;
	}

	#carouselProducts .carousel-indicators li.active{
		width: 13px; 
		height: 13px;
		padding: 0;
		border-radius: 50%;
		background: #134094;
		border: 2px solid #134094;
	}

	#carouselProducts .carousel-indicators{
		bottom: -50px;
	}

	#contact .contactMain{
		width: 100%;
	    height: auto;
	    background: #134094;
	    padding: 5%;
	    margin-top: 15px;
	}

	#contact h3{
		padding-bottom: 15px;
		color: #FFFFFF!important;
	}

	#contact input,
	#contact textarea{
		display: block;
		width: 100%;
		background: #FFFFFF;
		padding: 4px;
		border: none;
		outline: none;
		margin-top: 15px;
	}

	#contact input{
		height: 35px;
	}

	#contact textarea{
		height: 220px;
	}

	input::placeholder,
	textarea::placeholder {
	    color: #134094;
	}

	button{
		margin-top: 15px;
		width: 293px;
		height: 79px;
		background: url('./../img/submit.png') 100% 100% no-repeat;
		border: none;
		outline: none;
	}

	footer{
		background: #134094;
		padding-top: 55px;
		padding-bottom: 45px;
	}

	footer .main{
		max-width: 1250px;
		margin: 0 auto;
	}

	footer .main li,
	footer .main li a,
	footer .main li p{
		color: #FFFFFF;
		font-size: 10px!important;
	}

	footer .main li a{
		text-decoration: none;
		pointer-events: none;
	}

	footer .main .f-1{
		margin-top: 25px;
	}

	footer .main .f-2 li{
		margin-top: 5px;
	}

	footer .main .f-2 li.first{
		margin-top: 0;
	}

	footer .main .f-2 li a,
	footer .main .f-3 .title,
	footer .main .f-4 .title{
		font-family: RobotoMedium;
		font-size: 8px;
		pointer-events: none;
	}

	footer .main .f-3 .title{
		margin-bottom: 20px;
	}

	footer .main .f-3 li a{
		font-size: 10px;
		margin-top: 6px;
		pointer-events: none;
	}

	footer .main .f-4 .title-2{
		font-family: RobotoMedium;
		font-size: 10px;
		margin-top: 25px;
	}

	footer .main li p{
		font-size: 10px;
	}

	footer .main .f-4 .link{
		margin-top: 20px;
	}

	footer .main .f-4 .link div{
		margin-right: 10px;
	}

	footer .copy{
		color: #FFFFFF;
		font-size: 10px;
		margin-top: 20px;
	}
}