@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap);
@import url(../symbol/style.css);

body,html{height:100%}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased!important;-ms-overflow-style:scrollbar;overflow-y:scroll\9}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
input[type=submit],input[type=text]{-webkit-appearance:none}
input[type=submit]{-webkit-appearance:none}
input,select,textarea{font-size:15px;color:#313131;font-family:Raleway,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
b{font-weight:700}
a,img{border:none;outline:0;text-decoration:none}
a{cursor:pointer!important;color:#c82a35}
.clear{clear:both;display:block}
.clear.margin{height:30px}
.text-center { text-align: center;}

body { font-family:Cairo,sans-serif; width:100%; height:100%; margin:0; color:#222; padding:0; background:0; overflow-x:hidden; overflow-y:scroll }

/* Loading */
#loading { 
	width:100%;
	height:100%; 
	display:block; 
	overflow:hidden; 
	margin:0; 
	padding:0; 
	top:0;
	left:0;
	position:fixed; 
	z-index:999999999;
	max-height:100%;
    min-height:100%; 
	background:#0c0c0c;
}
#loading .loader {
	margin: 20% auto 0 auto;
	position: relative;
	text-indent: -9999em;
	border-top: .2em solid #ce0101;
	border-right: .2em solid #0c0c0c;
	border-bottom: .2em solid #0c0c0c;
	border-left: .2em solid #0c0c0c;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
#loading .loader,
#loading .loader:after {
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
}
#loading .loader-text { display: block; overflow: hidden; text-align:center; font-weight:400; font-size:1rem; margin: 10px 0 0 0; color:#fff; }
@-webkit-keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.italy-color { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.color-green { display: block; width: 33%; height: 10px; background-color: #008d44;}
.color-white {display: block; width: 33%; height: 10px; background-color: #fff;}
.color-red { display: block; width: 33%; height: 10px; background-color: #c82a35;}

header{width:100%;height:150px; background-color:rgba(0, 0, 0, .8); padding:10px 0;display:block;-webkit-transition:.3s;transition:.3s;position:fixed;top:10px;left:0;z-index:9999}
header>.wrapper{width:95%;margin:0 auto;position:relative}
header.sticky{background-color:#0c0c0c;height:auto;padding:0 0 10px 0; top: 0; border-bottom:1px solid #202024}
@media (max-width:1280px){
header{width:100%;height:100px;padding:5px 0;display:block;-webkit-transition:.3s;transition:.3s;position:fixed;left:0;z-index:9999}
header>.wrapper{width:95%;margin:0 auto;position:relative}
header.sticky{background-color:#19191d;height:auto;padding:0;border-bottom:1px solid #323236}
}

.logo{width:200px;height:100px;display:block;margin:0;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:left center;background-size:100%;transition:.2s;overflow:hidden}
header.sticky .logo{width:100px;height:90px}
.logo.mobile{display:none}
@media (max-width:1280px){
.logo.mobile{display:block;width:115px;height:75px}
header.sticky .logo{width:115px;height:75px}
}

.right-button{display:flex;flex-wrap:wrap;justify-content:flex-end;position:absolute;right:0;top:25px;transition:.2s}
.right-button a { width:40px;height:40px;line-height:40px;overflow:hidden;padding:0;text-align:center;-webkit-transition:.5s;transition:.5s;margin:0 0 0 5px;font-size:1rem;color:#fff;border-radius:5px;}
.right-button a.hotline {background-color:#c82a35}
.right-button a.instagram {background-color:#a0104c}
.right-button a.facebook {background-color:#2f10db}

@media (max-width:1280px){
.right-button{top:15px}
}

.toggleMenu{display:none;padding:0;width:40px;height:40px;margin:0;color:#fff;float:right;z-index:10000;top:0;text-align:center;position:relative;overflow:hidden;border-radius:5px;background-color:#c82a35;background-image:url(../images/svg/menu.svg);background-position:center center;background-repeat:no-repeat;background-size:25px;-webkit-transition:.5s;transition:.5s;opacity:1}
.toggleMenu.toogle_hover{background-image:url(../images/svg/menu_close.svg);background-color:#a50b20}

nav{margin:15px auto 0 auto;padding:0;display:block;width:85%;position:relative;z-index:250; left: -10px;}
.nav{margin:0;padding:0;list-style:none;position:relative;display:flex;flex-wrap:nowrap;justify-content:center;z-index:250}
.nav:after,.nav:before{content:"";display:table}
.nav:after{clear:both}
.nav ul{list-style:none;width:auto;min-width:200px}
.nav a{display:block;color:#fff;font-size:1.1rem;font-weight:300;padding:25px 30px;margin:0;text-align:center;transition:.1s;-webkit-transition:.1s}
.nav>li{display:block;padding:0;margin:0}
.nav>li:hover>a{color:#c82a35}
.nav>li>.parent{content:""}
.nav li ul li.hash>a:after{font-family:ElegantIcons;content:"\35";float:right;font-size:16px}
.nav li ul{position:absolute;max-height:0;overflow:hidden;margin:0;padding:0;padding-top:10px;transition:.3s;transform:scale(.9)}
.nav li:hover>ul{max-height:1000px;transform:scale(1)}
.nav li li:hover ul{max-height:1000px;top:0}
.nav li ul li{border:none;margin:0;padding:0;position:relative}
.nav li ul li a{display:block;background:#c82a35;font-size:.9rem;color:#fff;padding:5px 15px;height:auto;line-height:normal;text-align:left;font-weight:500;border-bottom:1px solid #800505}
.nav li ul li a:hover,.nav li ul li:hover>a{background:#666;color:#fff}
@media (max-width:1280px){
nav{width:100%;height:auto;margin:0;background:#fff;border:none}
.nav{width:250px;height:100%;overflow:auto;z-index:99999;margin:0;position:fixed;left:0;top:0;display:none;background:#19191d;border-right:1px solid #0a0a0c}
.nav a{padding:10px 15px;color:#eee;height:auto;font-size:1.1rem;text-align:right;font-weight:700}
.nav>li{width:100%;display:block;padding:0;margin:0;border:none;border-bottom:1px solid #121214}
.nav>li.logo-desk{display:none}
.nav>li i{display:none}
.nav li:hover>a{background:#c82a35;color:#fff}
.nav li ul li a{background:#333;height:auto;font-size:14px;padding:5px 15px;color:#fff;text-align:right;border-bottom:1px solid #121214}
.nav li ul li li a{background:#fff;color:#999;font-size:12px;font-weight:400;padding:15px 25px;}
.nav>li>.parent:after{font-family:ElegantIcons;content:"\33";font-size:20px;position:absolute;left:15px}
.nav ul{display:block;width:100%}
.nav li li.hover ul,
.nav li.hover>ul{position:static}
.nav li.hover>ul{max-height:1000px;transform:scale(1)}
.nav li li.hover ul{max-height:1000px;top:0}
}

.parallax{width:100%;height:100%;overflow:hidden}
.parallax.overflow,.parallax.overflow .parallax-wrapper{height:auto;min-height:100%}
.parallax.background{background-repeat:no-repeat;background-position:50% 50%;}
.parallax-wrapper{display:block;width:100%;height:100%;overflow:hidden}
.parallax-scroll{display:block;position:relative}
.parallax-scroll img { width: 1100px; display: block; margin: 0 auto; vertical-align: bottom;}

.parallax.banner-height{height:100vh}
.parallax.normal-height{height:auto;padding:50px 0;border-top:1px solid #666}
.parallax.liefer-height{height:auto;padding:0;border-top:1px solid #666}
.parallax.top-height{height:150px;overflow:hidden}
.parallax.row-height{height:auto;padding:50px 0;overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #222;background-color:#0c0c0c}
.parallax.heading-height{height:auto;background-color:#eee;border-bottom:1px solid #eee}
.parallax.news-height{height:auto;padding:25px 0;background-color:#0c0c0c;}

@media (max-width:1280px){
    .parallax.normal-height{padding:25px 0;} 
    .parallax.top-height{height:100px;overflow:hidden}
    .parallax-scroll img { width: 95%;}
    .parallax.row-height{height:auto;padding:35px 0;}
	.parallax.banner-height{height:75%}
}

.banner-mobile{display:none; background-color: #000;}
.banner-desk{display:block}
@media (max-width:1280px){
.banner-desk{display:none}
.banner-mobile{display:block}
}


.scrollbutton{position:absolute;width:100%;height:50px;bottom:10%;z-index:2;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(1);transform:scale(1);display:block}
.scrollbutton a.scrolldown{width:100px;height:150px;margin:0 auto;text-align:center;overflow:hidden;display:block;padding:15px;background-image:url(../images/svg/down-arrow.svg);background-repeat:no-repeat;background-position:center center;background-size:50px;background-color:#008d44;-webkit-animation:arrowDown .8s infinite;animation:arrowDown .8s infinite;-webkit-transform:translateY(0);transform:translateY(0)}
.scrollbutton.sticky{transform:scale(0)}
@media (max-width:1280px){
.scrollbutton{bottom:4%}
.scrollbutton a.scrolldown{width:80px;height:80px;background-size:30px}
}
@-webkit-keyframes arrowDown{
0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:.3}
50%{-webkit-transform:translateY(10px);transform:translateY(20px);opacity:.5}
100%{-webkit-transform:translateY(0);transform:translateY(20px);opacity:1}
}
@keyframes arrowDown{
0%{transform:translateY(20px);opacity:.3}
50%{transform:translateY(10px);opacity:.5}
100%{transform:translateY(0);opacity:1}
}

a.readmore{display:inline-block;width:auto;height:55px;line-height:55px;margin:20px 0 0 0;padding:0 15px 0 0;background-color:#c82a35;color:#fff;font-weight:700;font-size:1.2rem;position:relative;text-align:center;-webkit-transition:.4s;transition:.4s;border-radius:5px;overflow:hidden}
a.readmore.mx-auto{margin:50px auto 0 auto;display:block;width:250px}
a.readmore:hover{background-color:#c82a35;color:#fff}
a.readmore span{margin:0 15px 0 0;float:left;font-weight:500;width:0;height:55px;text-align:center;display:block;overflow:hidden;position:relative;color:#fff;font-size:2rem;transition:.1s;background-color:#c82a35}
a.readmore:hover span{background-color:#000;width:55px}
a.readmore span:before{font-family:ElegantIcons;content:"\35";transition:.3s;width:100%;height:100%;position:absolute;left:0;text-align:center}
a.readmore:hover span:before{color:#fff}

.heading{width:1200px;padding:50px 0;margin:0 auto;display:block;text-align:center;font-weight:300;color:#fff}
.heading h3{margin:0;padding:0;font-size:4rem; line-height: 110%;}
.heading p{margin:0;padding:0;font-size:2rem; line-height: 110%;}

.page{width:1200px;padding:50px 0;margin:0 auto;display:block;font-size:1.2rem}

@media (max-width:1280px){
.page{width:90%;padding:50px 0;margin:0 auto;font-size:1.2rem}
.page img{width:100%!important;}
.heading{width:100%;padding:0;margin:0 auto;display:block;text-align:center;font-weight:700;color:#fff}
.heading h3{margin:0;padding:0;font-size:2.4rem; line-height: 110%;}
.heading p{margin:0;padding:0;font-size:1rem; line-height: 110%;}
}

.text-center { text-align: center;}
.large-font { font-size: 150%;}
.larger-font { font-size: 200%;}
.line-height-auto { line-height: 130%;}

.photos{ display: block; width: 300px; margin: 0 auto;}

.flex { display: flex; flex-wrap: wrap; justify-content: space-between;}
.fleft { width: 50%;}
.fleft img { width: 100%;}
.fright { width: 50%; padding:25px 50px;}

@media (max-width:1280px){
    .flex { display: flex; flex-wrap: wrap; justify-content: space-between;}
    .fleft { width: 100%;}
    .fright { width: 100%; padding:25px 50px;}
}

.headline{width:1100px;margin:10px auto;display:block;text-align:center;color:#111}
.headline.mx-left{width:100%;text-align:left;margin:0;padding:30px 0}
.headline.mx-center{width:100%;text-align:center;margin:0;padding:30px 0}
.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6{margin:0;padding:0;line-height:115%}
.headline h1{font-size:2.6rem;font-weight:300}
.headline h2{font-size:1.1rem;font-weight:300}
.headline h3{font-size:2.6rem;font-weight:300}
.headline h4{font-size:1.1rem;width:75%;margin:10px auto;font-weight:300}
.headline h5{font-size:1.8rem;font-weight:300}
.headline h6{font-size:1.1rem;margin:10px auto;font-weight:300}
@media (max-width:1280px){
.headline{width:95%;margin:0 auto;display:block;text-align:center;color:#111}
.headline.mx-left{width:100%;text-align:left;border-top:1px solid #dedede;margin:0;padding:30px 0}
.headline h1{font-size:2rem;font-weight:300; margin: 0 0 5px 0;}
.headline h2{font-size:.9rem;font-weight:300}
.headline h3{font-size:2rem;font-weight:300}
.headline h4{font-size:1rem;width:75%;margin:10px auto;font-weight:300}
.headline h5{font-size:1.4rem;font-weight:300}
.headline h6{font-size:1rem;margin:10px auto;font-weight:300}
}

/* Aside */
aside { position: static; width:20%; float:left; display:block; overflow:hidden; padding:0; margin: 0; }
aside ul { display: block; background-color: #c82a35; margin:0; padding:15px; list-style:none;  }
aside li { display:block; margin: 0 0 5px 0; padding:0; text-align:left; cursor:pointer; }
aside a { font-size:1.1rem; border-left:0; color: #fff; transform: 1s; text-transform: uppercase; font-weight:700; display:block; margin:0; padding:0 10px; }
aside a:after {font-family:ElegantIcons; content:"\35"; float: right; transform: translateX(100px) translateY(50px); opacity: 0;  }
aside a:hover,
aside a.active { color:#fff; border-left: 10px solid #111; }
aside a:hover:after { transform: translateX(10px) translateY(6px); opacity: 1; }
@media (max-width:1280px) {
	aside > ul { display: none; }
    aside { width: 100%; margin: 0; }
}

main { width: 75%; float: right;}

.products { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; }
.products li { display:block; width: 100%; margin: 0 0 1.5% 0;  padding:10px; overflow: hidden; transition:.1s; cursor:pointer; border: 1px solid #eee; }
.products a { color: #555; display:block; margin:0; padding:0; }
.data { display: block; padding:0; width: 75%; float: left; }
.name { display: block; font-size: 1.2rem; line-height: 100%; font-weight: 700;}
.details { display: block; font-size: .8rem; line-height: 100%;}
.price { display: block; width: 25%; font-weight: 700; font-size: 1.6rem; float: right; text-align: right; padding:0 10px;}
.price span {  font-size: 1rem; line-height: 100%; color: #868686; }
.price * {margin: 0; padding: 0; line-height: 100%;  }
.price b { position: relative; top: 2px; color: #008d44; }

@media (max-width:1280px){
    main { width: 100%;}
    .products li {  width: 48%; margin: 0 0 3% 0;  }
    .name { font-size: 1rem; line-height: 100%;}
    .price { font-size: 1.4rem;}
    .details { font-size: .7rem; line-height: 100%;}
}

@media (max-width:768px){
	.products li {  width: 100%; margin: 0 0 3% 0; }
	.data { width: 50%;  }
	.price { width: 50%; font-size: 1rem; }
	.price b { color: #008d44; }
	.price b { top: 0;  }
}
@media (max-width:320px){
    .products li {  width: 100%; margin: 0 0 4% 0;  }
    .products .details { min-height: auto;}
}

.blocks{margin:0 0 50px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.block{display:block;width:31%;overflow:hidden;margin:0 0 3% 0;position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;background-color:#1e2022;box-shadow:0 0 3px #ccc}
.block a{display:block;width:100%;position:relative}
.block a::before{content:"";left:0;top:0;width:100%;height:0;position:absolute;background:url(../images/svg/view.svg) center center no-repeat;background-size:40px;background-color:rgba(8,8,8,.3);transition:.3s;z-index:0}
.block:hover a:before{height:100%}
.block a img{width:100%;vertical-align:bottom}
.block .data{padding:20px;text-align:center;position:absolute;top:0;background-color:rgba(8,8,8,.6)}
.block p{color:#fff;padding:0;margin:0;font-size:2rem}
@media (max-width:1280px){
.block{display:block;width:100%;overflow:hidden;margin:0 0 5% 0}
}

.news{margin:0;display:flex;flex-wrap:nowrap;justify-content:center}
.new{display:block;width:49%;overflow:hidden;margin:0 1%;padding:35px;position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;border:1px solid #dedede;background-color:#fff}
.new *{line-height:140%}
.new img { width: 100%;}
.new i{display:block;padding:10px;background-color:#008d44;color:#fff;font-weight:700;font-size:1rem;font-style:normal;position:absolute;top:0;right:0}
.new p{display:block;color:#c82a35;font-size:1.6rem;font-weight:600;margin:40px 0 0 0;padding:0;position:relative;z-index:1}
.new span{display:block;margin:15px 0 0 0;color:#777;font-weight:500;font-size:1.2rem}
@media (max-width:1280px){
.news{flex-wrap:wrap}
.new{width:100%}
}

footer{width:100%;padding:0;overflow:hidden;color:#fff;position:relative;z-index:2px}
footer>.wrapper{width:100%;margin:0;display:flex;flex-wrap:nowrap;justify-content:space-between}
@media (max-width:1280px){
footer>.wrapper{flex-wrap:wrap}
}

.columns{width:50%;display:block;overflow:hidden;float:left;padding:100px 50px;position:relative}
.columns.googlemap{width:50%; min-height: 500px; padding:0;position:relative;background:#3a3f43}
.columns.contact{font-size:1.1rem;font-weight:600;padding:100px;color:#fff;background-color:#0c0c0c}
.columns.contact p{margin:10px 0;padding:0}
.columns.contact a{color:#fff}
@media (max-width:1280px){
.columns{width:100%;float:none;padding:100px 50px}
.columns.googlemap{width:100%; min-height: 100%; height:300px}
.columns.contact{font-size:1.2rem;font-weight:600;padding:20px;text-align:center}
}

#map_container{width:100%;height:100%;position:relative;z-index:0;filter:gray;opacity:.9;-webkit-filter:grayscale(100%);-webkit-transition:.5s;transition:.5s}
#map_container iframe{position:absolute;width:100%;height:100%}
#map_container.liefer { height: 700px;}

.webtasarim { display:block; margin: 25px 0 0 0;}
.webtasarim a { width:100px; height:20px; display:block; overflow:hidden; background-image:url(../images/lieferzone.png);background-repeat:no-repeat;background-size:100%}
.webtasarim a:hover{filter:gray;-webkit-filter:grayscale(50%)}
@media (max-width:1280px){
    .webtasarim a { margin: 25px auto;}
}


.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,1);-webkit-filter:none!important;filter:none!important;z-index:999999999999!important}
.lightbox img{display:block;position:absolute}
.lightbox-loading{background:url(../images/loading.gif) center center no-repeat;width:80px;height:80px;margin:-20px 0 0 -16px;position:absolute;top:50%;left:50%}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998}
.lightbox-caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:12px;line-height:18px}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:32px;height:32px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../images/svg/close.svg);background-size:25px}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:40px;height:40px;background-image:url(../images/svg/next.svg);background-size:60px}
.lightbox-nav-prev{left:30px;width:40px;height:40px;background-image:url(../images/svg/prev.svg);background-size:60px}

.animation-element{opacity:0;position:relative}
.animation-element.anime-left{opacity:0;transition:all .3s linear;transform:translate3d(-500px,0,0)}
.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-right{opacity:0;transition:all .3s linear;transform:translate3d(500px,0,0)}
.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-top{opacity:0;transition:all .3s .1s linear;transform:translate3d(0,300px,0)}
.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-bottom{opacity:0;transition:all .3s .1s linear;transform:translate3d(0,300px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{opacity:0;transition:all .3s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}

@media (max-width:1280px){
	.animation-element{opacity:0;position:relative}
	.animation-element.anime-left{opacity:0;transition:all .3s linear;transform:translate3d(0px,0,0)}
	.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
	.animation-element.anime-right{opacity:0;transition:all .3s linear;transform:translate3d(0px,0,0)}
	.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
	.animation-element.anime-top{opacity:0;transition:all .3s .1s linear;transform:translate3d(0,0px,0)}
	.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
	.animation-element.anime-bottom{opacity:0;transition:all .3s .1s linear;transform:translate3d(0,0px,0)}
	.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
	.animation-element.anime-zoom{opacity:0;transition:all .3s linear;transform:scale(0)}
	.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}
}

.contact_form{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em;width:100%;margin:20px auto}
.contact_form > .form{width:100%;display:inline-block;overflow:hidden;color:#111;margin:0 0 10px 0;padding:0}
.contact_form > .form input,
.contact_form > .form textarea{width:100%;font-size:16px;display:block;padding:0 20px;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede;-webkit-transition:.2s;transition:.2s}
.contact_form > .form textarea{height:180px}
.contact_form > .form input:focus,
.contact_form > .form textarea:focus{border:1px solid #d80027;background:#f7f7f7}
@media (min-width:1024px){
.contact_form{width:100%;-webkit-column-count:2;-moz-column-count:2;column-count:2}
}
.contact_bottom{width:100%;margin:20px auto}
.contact_bottom .security{display:block;padding:0;text-align:center;float:left;margin:0 15px 0 0;font-size:1.6rem;font-weight:700;color:#e40230}
.contact_bottom input{width:50%;font-size:16px;display:block;padding:0 20px;height:50px;line-height:50px;background-color:#fff;color:#444;border:1px solid #dedede;-webkit-transition:.2s;transition:.2s;float:right}
.contact_bottom input:focus{border:1px solid #d80027;background:#f7f7f7}
.contact_bottom input[type=submit]{width:100%;height:55px;float:right;font-size:1.3rem;line-height:45px;font-weight:700;text-align:center;overflow:hidden;margin:20px 0 0 0;display:block;border:none;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;border-radius:2px}
.contact_bottom input[type=submit]:hover{color:#fff;background:#333}
@media (min-width:1024px){
.contact_bottom{width:980px}
.contact_bottom input{width:25%;float:left}
.contact_bottom input[type=submit]{width:175px;float:right;margin:0}
}