@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext);
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,img{outline:0;text-decoration:none}
a{cursor:pointer;color:#1e2122;-webkit-transition:all .1s ease;transition:all .1s ease}
b,strong{font-weight:800}
input{-webkit-border-radius:0;border-radius:0}
input, button, textarea {font-family:'Source Sans Pro',sans-serif;}
body,html{width:100vw;margin:0;padding:0}
body{font-family:'Source Sans Pro',sans-serif;font-size:1.2rem;overflow-x:hidden;overflow-y:scroll;color:#111;background-color:#fff}
::-webkit-scrollbar{background-color:#dedede;width:.5em;position:fixed;z-index:91}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{cursor:pointer;background-color:#838383}
.ui-tooltip{width:auto;text-align:center;background-color:#000!important;box-shadow:none!important;padding:.2rem!important;border:1px solid #222!important}
.ui-tooltip-content{position:relative;padding:.2rem;font-weight:600;font-size:.9rem;opacity:1!important;color:#fff}
@media (max-width:1024px){
.ui-tooltip{display:none!important}
}
.clearfix{ clear:both }
.loading{display:block;position:fixed;z-index:999999999999!important;bottom:1rem;right:1rem;color:#fff;padding:0;}
.loader{width:4rem;height:4rem;border:3px solid rgba(0, 0, 0, 0.5);border-bottom:3px solid transparent;border-radius:50%;position:relative;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;}
.loader .inner{width:3rem;height:3rem;border:3px solid transparent;border-top:3px solid #fe0000;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:50px;height:50px;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:36px;height:36px;border:3px solid transparent;border-top:3px solid #2d3236}
@media (max-width:1024px){
.loader{margin:18rem auto}
}
@-webkit-keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
/* .input,.textarea{background-color:#4f4f4f;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select{background:url("data:image/svg+xml;utf8,");background-color:#4f4f4f;background-repeat:no-repeat;background-position:right 10px top 12px;background-size:12px 12px;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select:active,select:focus{border:0;outline:0}
select:hover{background-color:#535353} */
#container{width:100%;height:100%;margin:0;padding:0}
.container{display:block;width:100%;overflow:hidden}
.container .wrapper{display:block;width:1280px;margin:0 auto}
@media (max-width:1024px){
.container .wrapper{ width:90% }
}
header{display:block;width:100%;margin:0;padding:0;-webkit-transition:.1s;transition:.1s;position:fixed;top:0;z-index:30; background-color: rgba(0,0,0,.8);}
header .upper{display:block;width:1280px;margin:0 auto;position:relative; padding: .4rem 0; overflow: hidden; border-bottom: 1px solid #333;}
header .haeder{display:block;width:1280px;margin:0 auto;position:relative}
header.sticky { background-color: #fff; box-shadow: 0 0 5px #ccc;}
header.sticky .upper { border-bottom: 1px solid #eee;}
@media (max-width:1024px){
header .upper{width:95%;}
header .haeder{width:95%; padding:0 0 1rem 0;}
}
.topnav{display:block;margin:0;padding:0; float: right;}
.topnav ul{margin:0;padding:0}
.topnav li{display:block;float:left;position:relative; margin: 0 0 0 1rem;}
.topnav li a{display:block;text-align:center;font-size:1.1rem;padding:0;line-height:1;color:#fff}
.topnav li i{padding:0 .5rem 0 0;color:#fe0000; float: left;}
.topnav li:hover a{color:#fe0000}
.topnav-count { width: 1.2rem; height: 1.2rem; margin: 0 0 0 .5rem; float: right; text-align: center; line-height: 1.2rem; background-color: #fe0000; border-radius: 50%; color: #fff; display: block;}
header.sticky .topnav li a{color:#111}
@media (max-width:1024px){
.topnav{ margin: .3rem 0 0 0;}
.topnav li.email{ display: none;}
}
.social-feed{display:block;overflow:hidden; float: left;}
.social-feed a{display:inline-block;width:2rem;height:2rem;line-height:2rem;text-align:center;margin:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:20px;color:#fff;font-size:1.2rem;}
.social-feed a:hover{filter:brightness(100%)}
.social-feed a.social_facebook:hover{color:#4b69b1}
.social-feed a.social_twitter:hover{color:#37b1e2}
.social-feed a.social_instagram:hover{color:#cf3053}
.social-feed a.social_youtube:hover{color:red}
header.sticky .social-feed a{color:#666; }
@media (max-width:1024px){
.social-feed{float: left; display: none;}
}
.logo{width:200px;height:70px;margin:0 0 1rem 0; float: left; display:block;overflow:hidden;transition:.3s;cursor:pointer;background-position:left center;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:150px;position:relative;}
header.sticky .logo{ width: 50px;background-image:url(../images/logo_sticky.png);}
@media (max-width:1024px){
.logo{width:200px;height:80px; margin: 0;}
}
.toggleMenu { color: #d60f0f!important; z-index: 10000; text-align: center; overflow: hidden; width: 50px; height: 60px; line-height: 60px; -webkit-transition: .5s; transition: .5s; opacity: 1; display: none; font-family: FontAwesome; float: right; margin:.6rem 0 0 0; font-size: 2.4rem;}
.toggleMenu:before { content: "\f0c9"; }
.toggleMenu.toogle_hover:before { content: "\f00d"; }
nav { margin:.5rem 0 0 0; padding: 0; display: block; float: right;}
.nav { margin: 0; padding: 0; list-style: none; position: relative; z-index: 250; }
.nav:after, .nav:before { content: ""; display: table; }
.nav:after { clear: both; }
.nav>li { display: inline-block; padding: 0; margin: 0; position: relative; }
.nav li a { display: block; font-size: 1.1rem; font-weight: 700; padding: 1.2rem 0; margin: 0 0 0 .5rem; color: #fff; position: relative; }
.nav li a img { position: absolute; left: -2.4rem; top: .4rem; }
.nav li:hover>a { color: #d60f0f; opacity: 1; }
.nav li:hover>a:before { height: .4rem; }
.nav li ul { position: absolute; list-style: none; width: 275px; left: -.6rem; display: none; margin: 0; padding: 0; transition: .3s; }
.nav li:hover>ul { display: block; }
.nav li li li:hover ul, .nav li li:hover ul { display: block; top: 0; padding: 0; }
.nav li li { border: none; margin: 0; padding: 0; position: relative; }
.nav li li a { display: block; background: #fff; height: auto; color: #111; box-shadow: 0 0 2px #ccc; padding: .8rem; font-size: 1rem; text-align: left; }
.nav li li:last-child a { border-bottom: 0; }
.nav li li li a { display: block; background: #7c7c7c; font-size: .8rem; height: auto; color: #fff; padding: 0 15px; text-align: left; line-height: 40px; font-weight: 300; }
.nav li ul li a:hover, .nav li ul li:hover>a { color: #fff; background-color: #d60f0f; }
header.sticky .nav>li>a{ color: #111;}
header.sticky .nav>li:hover>a { color: #d60f0f;}
@media (max-width:1024px) {
nav { display: block; overflow: hidden; height: auto; background: 0 0; margin: 0; padding: 0; }
.nav { width: 250px; height: 100%; min-height: 100%; margin: 0; padding: 0; position: fixed; display: none; overflow: hidden; z-index: 9999999; top: 0; left: 0; background: #fff; overflow-y: auto; border-right: 1px solid #dedede; }
.nav>li { width: 100%; display: block; padding: 0; margin: 0; position: relative; border-bottom: 1px solid #eee; }
.nav>li>a.parent:after { color: #0e2e5a; float: right; font-size: .8rem; position: absolute; right: 1rem; top: .2rem; }
.nav>li a { display: block; color: #444; font-size: 1.1rem; height: 50px; padding: 0 20px; line-height: 50px; text-align: left; font-weight: 800; transition: .3s; -webkit-transition: .3s; border-bottom: 0; }
.nav li:hover>a { background: #444; color: #0e2e5a; }
.nav li a:hover { color: #fff; }
.nav li ul { list-style: none; width: 100%; position: static; left: 0; margin: 0; padding: 0; }
.nav li ul li { border: none; margin: 0; padding: 0; position: relative; }
.nav li ul li a { color: #fff; padding: 0 1.3rem; font-weight: 500; height: auto; font-size: 1rem; background: #444; border-bottom: 0; }
.nav li li.hover ul, .nav li.hover>ul { position: static; }
}
.slider { display: block; width: 100%; overflow: hidden; margin: 0; position: relative; z-index: 0; }
.banner{width:100%;margin:0;padding:0;background-color:rgba(26,25,25,.2)}
.banner .owl-item{margin:0!important;padding:0!important;}
.banner .owl-item img{width:100%; vertical-align:bottom}
.banner .owl-item img.desk{ display: block;}
.banner .owl-item img.mobile{ display: none;}
.banner .owl-nav span{display:none}
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{font-size:1rem!important;width:3rem;height:3rem;background-color:transparent!important;}
.banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{background-color:transparent!important; color: #fe0000!important;}
.banner .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.banner .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.banner .owl-nav button.owl-prev{left:1rem}
.banner .owl-nav button.owl-next{right:1rem;}
.banner .owl-nav button{position:absolute;top:50%; transform:translateY(-50%);color:#fff!important}
@media (max-width:1024px){
.slider { margin: 125px 0 0 0; }
.banner .owl-nav button{top:80%;display:none}
.banner .owl-item img.desk{ display: none;}
.banner .owl-item img.mobile{ display: block;}
}
.caption{width:100%;height:100%;padding:20% 0 0 10%;margin:0;z-index:10;position:absolute;top:0;left:0;overflow:hidden;}
.caption-title, .caption-desc{width:600px;display:block;color:#fff;padding:0;margin:0 0;text-align:left;position:relative;line-height:1;opacity:0;z-index:1}
.caption-title{font-size:3rem;font-weight:100;animation:title .2s .4s linear forwards}
.caption-title span{ display: block; font-weight: 700;font-size:4rem; margin: 0 0 1rem 0;}
.caption-desc{font-size:1.4rem;font-weight:100; margin: 1rem 0; animation:desc .2s .5s linear forwards}
.caption-desc a{margin:2rem 0!important}
@media (max-width:1120px){
.caption{padding:10% 5%; position: static; background-color: #fe0000;}
.caption-desc,.caption-title{width:100%; }
.caption-desc *,.caption-title *{ color: #fff!important;}
.caption-title{font-size:3rem}
.caption-desc{font-size:1.2rem}
}
@keyframes title{
from{opacity:0}
to{opacity:1}
}
@keyframes desc{
from{opacity:0}
to{opacity:1}
}
.scrollbutton { display: none!important; position: absolute; width: 100%; bottom: 5%; z-index: 2; -webkit-transition: .3s; transition: .3s; -webkit-transform: scale(1); transform: scale(1); display: block; }
.scrollbutton .scrolldown { width: 100px; height: 100px; margin: 0 auto; text-align: center; overflow: hidden; display: block; padding: 0; background-image: url(../svg/arrow.svg); background-repeat: no-repeat; background-position: center center; background-size: 3rem; animation: arrowDown .8s infinite; transform: translateY(0); }
@media (max-width:1024px) {
.scrollbutton { bottom: 8%; }
.scrollbutton .scrolldown { background-size: 3rem; }
}
@keyframes arrowDown {
0% { transform: translateY(20px); opacity: .3; }
100% { transform: translateY(0); opacity: 1; }
}
.headline{width:850px;margin:5% auto;display:block;text-align:center;overflow:hidden;}
.headline:before{content:"";display:block;width:5rem;height:.4rem;background-color:#fe0000;margin:1rem auto;border-radius:10rem}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:115%}
.headline h1{font-size:2.4rem;font-weight:600}
.headline h2{font-size:1.2rem;width:75%;margin:1rem auto;font-weight:300;}
.headline h3{font-size:2.4rem;font-weight:600}
.headline h4{font-size:1.2rem;margin:1rem auto;font-weight:300;}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#fe0000}
@media (max-width:1024px){
.headline{width:100%;margin:4rem auto}
.headline h3{font-size:2rem}
.headline h4{font-size:1rem}
.headline h5{font-size:1.4rem}
.headline h6{font-size:1rem}
}
.readmore{ display: block;width:200px; text-align:center;border:2px solid #222;color:#222; font-weight: 600; padding: 1rem;transition:.3s ease-in-out}
.readmore:hover{transform:scale(1.02);color:#fff;box-shadow:inset 20rem 0 0 0 #fe0000;border:2px solid #fe0000;}
.readmore.align-center{margin:5rem auto;}
@media (max-width:1024px){
.readmore{margin:2.5rem auto}
}
/* Parallax */
.parallax{background-repeat:no-repeat;background-position:100% 0;background-size:cover;background-attachment:fixed}
.section1{width:100%;margin:2rem 0 0 0;padding:2.5rem 0; background-color: #222;}
.section2{width:100%;margin:0;padding:0;display:block;overflow:hidden;background-size:cover;color:#2d3236}
.section3{width:100%;margin:0;padding:3rem 0;}
.section4{width:100%;margin:0;padding:3rem 0; background-color: #f7f7f7;}
.section4 .wrapper{width:1280px}
.section5 { display: block; height: 225px;}
.section6 { display: block; padding:2rem 0; min-height: 450px; overflow: hidden; background-color: #fff; }
/* .section6 * { color: #111; } */
@media (max-width:1024px){
.section1 .wrapper{width:100%}
.section2{padding:0 0 5rem 0}
.section2 .wrapper{width:90%}
.section4 .wrapper{width:90%}
}
.about{display:block;width:100%;margin:0; text-align: center;}
.about h3{color:#fff;font-size:3rem;font-weight:700;}
.about a{margin:2rem auto;}
.about *{ color: #fff;}
.about a:hover{ box-shadow:inset 20rem 0 4px #fe0000;border-color:#fe0000}
@media (max-width:1024px){
.about h3{font-size:2rem}
.about a{margin:4rem 0 0 0}
}
.blog{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0;}
.blog-col{width:32%;display:block;margin:2% 0;position:relative;overflow:hidden; border: 1px solid #ccc; box-shadow: 0 0 20px #999;}
.blog-col img{width:100%;vertical-align:bottom;transition:.2s}
.blog-header{display:block;width:100%;overflow:hidden;color:#fff;padding:2rem;position:absolute;bottom:0;left:0;background-color:rgba(255, 0, 0, 0.8);transition:.6s}
.blog-title{display:block;margin:0;font-weight:700;font-size:1.6rem; color: #fff;}
.blog-title:after{content:"";background-color:#fff;width:50%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:2rem;text-align:center}
.blog-category{font-size:1rem;display:block; color: #fff;}
.blog-category i{margin:0 .6rem 0 0; color: #fff;}
.blog-summary{display:block;margin:1rem 0 0 0;padding:0; max-height: 0; font-size:1rem;overflow:hidden;opacity: 0; transition: .3s; color: #fff;}
.blog-col:hover .blog-header{background-color:rgba(0,0,0,.8);padding:3rem 2rem;}
.blog-col:hover .blog-summary{ max-height: 250px; opacity: 1;}
.blog-col:hover .blog-title:after{background-color:#fe0000;}
.blog-col:hover img{ transform: scale(1.2);}
@media (max-width:1024px){
.blog{display:flex;flex-wrap:wrap;justify-content:space-between}
.blog-col{width:100%;margin:0 0 1rem 0}
.blog-title{font-size:1rem}
.blog-summary{font-size:.8rem}
}
.products { width: 100%; margin: 2rem 0; padding: 0; display: block; font-weight: 600; }
.products li { display: block; float: left; width: 23%; padding: .6rem; margin: 0 2.6% 2.6% 0; transition: .3s linear; position: relative; overflow: hidden; background-color: #fff; border: 1px solid #dedede; border-radius: 0rem; box-shadow: 0 0 0rem #999; }
.products li img { width: 100%; }
.products li:nth-child(4n+0) { float: right; margin: 0 0 2.5% 0; }
.products li a { width: 100%; padding: 0; display: block; overflow: hidden; text-align: center; position: relative; }
.products li:hover { border: 1px solid #ccc; }
.products li:hover button { display: block; }
.badge { width: 120px; height: 55px; line-height: 80px; text-align: center; position: absolute; top: -10px; left: -42px; color: #fff; font-size: .9rem; font-weight: 600; transform: rotate(-45deg); z-index: 10; }
.badge.new { background-color: #009248; }
.badge.discount { background-color: #e71926; }
.data { display: block; text-align: left; border-top: 0 solid #dedede; padding: 1rem 1rem 2rem 1rem; text-align: center; }
.data span { display: block; font-size: 1rem; pointer-events: none!important; }
.data span a { color: #999!important; pointer-events: none!important; }
.data span.name { font-weight: 600; font-size: 1.2rem; }
.data span.code, .data span.code a { font-size: 1rem; color: #999!important; pointer-events: none!important; }
.data span.price { font-size: 1.2rem; color: #e71926; color: #2d3236; }
.data span.price i { font-size: 1rem; display: inline-block; height: 31px; vertical-align: middle; font-weight: 300; text-decoration: line-through; color: #666; }
.process { display: block; padding: 0; min-height: 50px; }
.process button { display: none; cursor: pointer; font-size: 1.2rem; border-radius: .4rem; border: none; padding: 1rem .6rem; margin: 0; background-color: #222; color: #fff; width: 100%; position: absolute; bottom: 1.4%; width: 94%; z-index: 10; font-weight: 700; }
.process button i { margin: 0 1rem 0 0; }
@media (max-width:1024px) {
.products { display: flex; flex-wrap: wrap; justify-content: space-between; }
.products li { display: block; width: 48%; float: none; margin: 0 0 3% 0; }
.products li:nth-child(4n+0) { float: none; margin: 0 0 3% 0; }
.badge { font-size: .8rem; }
.data span.name { font-weight: 600; font-size: 1.2rem; }
.process button { display: block; font-size: .9rem; padding: 1rem 0; bottom: 1.4%; width: 89%; }
}
.references{width:100%;margin:0;padding:0;}
.references .owl-item{margin:0!important;padding:0 1rem!important;}
.references .owl-item img{ width: 100%; vertical-align:bottom; filter: grayscale(100%); opacity: .5;}
.references .owl-nav span{display:none}
.references .owl-nav .owl-next,.references .owl-nav .owl-prev{font-size:1rem!important;width:4rem;height:4rem;color:#fe0000!important;background-color:transparent!important;border-radius:50%}
.references .owl-nav .owl-next:hover,.references .owl-nav .owl-prev:hover{color:#fe0000!important}
.references .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.references .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.references .owl-nav button.owl-prev{left:-6rem}
.references .owl-nav button.owl-next{right:-6rem;}
.references .owl-nav button{position:absolute;top:48%;transform:translateY(-50%);color:#fff!important}
.heading{width:1000px;margin:2% auto;display:block;text-align:center;overflow:hidden}
.heading:before{content:"";display:block;width:5rem;height:.2rem;background-color:#fe0000;margin:1rem auto;border-radius:10rem}
.heading h1,.heading h2{margin:0;padding:0;line-height:115%}
.heading h1{font-size:3.6rem;color:#111;font-weight:300}
.heading h2{font-size:1.8rem;width:75%;margin:1rem auto;font-weight:300;color:#111}
@media (max-width:1120px) {
.heading{width:100%;margin:0 auto 2rem auto;}
.heading h1{font-size:3rem;color:#111;font-weight:300}
.heading h2{font-size:1.4rem;width:75%;margin:1rem auto;font-weight:300;color:#111}
}
.head{ display: block; height: 125px; transition: 1s;}
.head.sticky{ height: 0;}
aside { width: 40%; float: left; display: block; margin: 2rem 0; }
aside>a { display: block; }
aside>a>img { width: 100%; vertical-align: bottom; border: 2px solid #dedede; }
main { width: 55%; float: right; display: block; margin: 2rem 0; }
main hgroup { display: block; margin:1rem 0;}
main hgroup h1,main hgroup h2,main hgroup h3 { display: block; margin: 0; padding: 0; font-weight: 300;}
main hgroup h1 { font-size: 1.6rem; font-weight: 600;}
main hgroup h2 { font-size: 1.2rem;}
main hgroup h3 { font-size: 1.6rem; font-weight: 600;}
@media (max-width:1120px) {
aside { width: 100%; float: left; display: block; margin: 2rem 0; }
main { width: 100%; float: right; display: block; margin: 2rem 0; }
}
table{width:100%;border-collapse:collapse;text-align:left;}
table th{padding:1rem;color:#d04a41}
table td{padding:1rem;vertical-align:top}
table td input{margin:0;padding:0}
table tr:nth-child(even){background:#dedede}
table tr:last-child{border-bottom:0}
.table { display: table; padding: 0; width: 100%; overflow: hidden; border: 0 solid #eee; border-collapse: collapse; }
.tr { display: table-row; width: auto; padding: 3px 5px; }
.td { display: table-cell; width: auto; vertical-align: top; padding: .6rem .2rem; font-size: 1.1rem; border-bottom: 0 solid #eee; }
.modImage { width: 100px; border: 1px solid #eee; float: right; }
.th { padding: 10px 5px; font-size: 1.3rem; }
.td.first { width: 180px; }
.table-fixed-layout { table-layout: fixed; }
.product-discount { text-decoration: line-through; color: #888;font-size: 1.8rem;}
.product-price { font-size: 1.8rem;}
@media (max-width:1120px) {
.td { font-size: 1.3rem; }
.th { font-size: 1.3rem; }
}
@media (max-width:480px) {
.tr { padding: 3px 5px; }
.td { display: table-cell; width: 25%; vertical-align: top; padding: 5px; font-size: 1rem!important; }
.th { padding: 10px 5px; font-size: 1.2rem; }
.td.first { width: 100px; }
.table-fixed-layout { table-layout: unset; }
}
.cart { display: flex; flex-wrap: nowrap; justify-content: space-between; border: 1px solid #dedede; margin: .5rem 0; }
.cart-image { width: 13%; }
.cart-image img { width: 100%; vertical-align: bottom; }
.cart-info { width: 70%; padding: 1% 3%; }
.cart-info h3 { line-height: 100%; margin: .2rem 0; padding: 0; font-weight: 400; }
.cart-process { width: 15%; padding: 1%; }
.cart-process button { float: right; color: #fff; }
.piece { display: block; overflow: hidden; color: #111; padding: 1.4rem 0; margin: 0; }
.piece input { float: left; background-color: transparent; text-align: center; border-width: 0; width: 10%; height: 40px; margin: 0; color: #3b3b3d; border: 1px solid #dedede; }
.piece label { float: left; display: block; cursor: pointer; position: relative; font-size: 1.2rem; line-height: 38px; height: 40px; text-align: left; color: #343437; padding: 0 1rem 0 0; overflow: hidden; width: 10%; }
.piece a { color: #555; float: left; text-align: center; font-weight: 800; line-height: 40px; width: 10%; height: 40px; margin: 0; padding: 0; font-size: 1.2rem; display: block; }
.piece a.minus:after { font-family: 'Font Awesome 6 Free'; content: "\f068"; }
.piece a.plus:after { font-family: 'Font Awesome 6 Free'; content: "\f067"; }
.piece a:active, .piece a:focus, .piece a:hover { color: #fff; background: #999; }
.piece input::-webkit-inner-spin-button, .piece input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.piece input[type=number] { -moz-appearance: textfield; }
.form{display:block;overflow:hidden;background:#fff;padding:0;margin:0}
.form.invitation{padding:25px;margin:0}
.form-label{display:block;margin:5px 0;font-weight:800}
.form-label-italic{display:block;font-size:.8rem;color:#f08080}
.form-row{display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 0}
.form-row-img{height:7vh;float:left;border:1px solid #eee;margin:0 10px 0 0}
.form-row-span{padding:5px}
.form-row.gender{justify-content:flex-start}
.form-row.flexstart{justify-content:flex-start}
.form-col{display:block;padding:0;overflow:hidden}
.form-col.payback{background-color:#fff;border:1px solid #eee;padding:10px}
.form-col.payback:nth-child(even){background-color:#f7f7f7}
.form-link{color:#111;font-weight:700;line-height:32px}
.form-col-auto{width:auto;margin-right:30px}
.form-col-20{width:20%}
.form-col-25{width:25%}
.form-col-33{width:32%}
.form-col-50{width:49%}
.form-col-100{width:100%}
@media (max-width:480px){
.form-col-25,.form-col-33,.form-col-50{width:100%}
}
.input,.textarea{background-color:#fff;padding:15px;width:100%;font-size:1rem;color:#111;text-shadow:0 -1px 0 rgba(255,255,255,.25);border:1px solid #a7a7a7;-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
.submit{background:#39b54a;font-weight:600;color:#fff;padding:0 10px;font-size:1rem;margin:15px 0;display:block;height:50px;border:0;cursor:pointer;border-radius:4px;text-align:center}
.input-number{width:75px}
.input:focus,.textarea:focus{border:1px solid #39b54a}
@media (max-width:480px){
.input-number{width:50px}
}
.select{background:url("data:image/svg+xml;utf8,");background-color:#fff;background-repeat:no-repeat;background-position:right 1rem top 1.1rem;background-size:15px 15px;padding:1rem .6rem;width:100%;font-size:1.1rem;color:#111;border:1px solid #a7a7a7;-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all;cursor:pointer}
.select:active,.select:focus{outline:0}
.custom-check{display:block!important;position:relative;cursor:pointer;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px;height:20px;float:left;margin:0 1rem 0 0;text-align:center}
.custom-check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.custom-check .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:1px solid #ccc;border-radius:.1rem}
.custom-check :hover input~.checkmark{background-color:#ccc}
.custom-check input:checked~.checkmark{background-color:#39b54a;border-radius:.1rem}
.custom-check .checkmark:after{content:"";position:absolute;display:none}
.custom-check input:checked~.checkmark:after{display:block}
.custom-check .checkmark:after{left:4px;top:4px;width:10px;height:10px;background-color:#fff;border-radius:.1rem}
.switch{position:relative;display:inline-block;width:60px;height:34px}
.switch input{opacity:0;width:0;height:0}
.swipe{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.swipe:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.switch input:checked+.swipe{background-color:#86dd37}
.switch input:focus+.swipe{box-shadow:0 0 1px #86dd37}
.switch input:checked+.swipe:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.swipe.round{border-radius:34px}
.swipe.round:before{border-radius:50%}
.select-size-header{display:block;overflow:hidden;font-size:1.1rem;padding:0 2px}
.select-size{display:flex;flex-wrap:wrap;overflow:hidden;width:100%;padding:15px 0;z-index:0}
.select-size label{display:inline-block;cursor:pointer;position:relative;padding:0;margin:2px;width:31.9%;cursor:pointer;height:40px;text-align:center;line-height:40px;color:#111;font-size:.8rem;font-weight:700;overflow:hidden}
.select-size label:after{content:"";border:2px solid #ccc;width:100%;height:40px;position:absolute;left:0;top:0}
.select-size input[type=radio]{display:none}
.select-size input[type=radio]:checked+label:after{border:2px solid #222}
.select-size label.disable{opacity:1;cursor:help;color:#ccc}
.select-size label.disable input{pointer-events:none!important}
.select-size label.sidable:after{display:none}
.select-size label.disable:before{position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;border:2px solid #f9f9f9!important;background-color:rgba(255,255,255,.85)}
.select-size input[type=radio]:hover+label.disable:after{position:absolute;content:"Stokta Yok";background-color:#ccc;color:#fff;width:100%;height:100%;line-height:35px}
@media (max-width:480px){
.select-size label{display:inline-block;cursor:pointer;position:relative;padding:0;margin:2px;width:48%;cursor:pointer;height:40px;text-align:center;line-height:40px;color:#111;font-size:1rem;font-weight:700;overflow:hidden}
}
.button{cursor:pointer;border:none;overflow:hidden;padding:1rem;font-weight:700;font-size:1.1rem!important;color:#fff;border-radius:4px}
@media (max-width:480px){
.button{font-size:1.3rem!important}
}
.button:hover{opacity:.9}
.button-icon{font-size:1.4rem;height:25px;margin-right:5px;float:left}
.button-icon-data{font-size:1.8rem;float:left}
.button-comment{display:block;width:150px;margin:0 auto}
.button-exit{display:block;width:180px;margin:0}
.btn-red{background-color:#d12a2a}
.btn-dark{background-color:#111}
.btn-light{background-color:#dedede}
.btn-lightgray{background-color:#5c5c5c}
.btn-blue{background-color:#1a93f7}
.btn-green{background-color:#68a11d}
.btn-white{background-color:#fff}
.btn-transparent{background-color:transparent}
.btn-disabled{background-color:#dedede}
.btn-active{background-color:#39b54a}
.btn-margin{margin:10px 0}
.btn-margin2{margin:0 0 10px 0}
.btn-fill{width:100%}
.btn-large{padding:10px 15px;font-size:1.2rem}
.btn-small{padding:3px 10px}
.btn-icon{padding:5px 7px;font-size:1rem;height:30px;margin-right:5px;float:left}
.btn-radius{border-radius:3px!important;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;-ms-border-radius:3px!important;-o-border-radius:3px!important}
.text-light{ color: #fff!important;}
.float-left{float:left!important}
.float-right{float:right!important}
.btngroup { display: flex; flex-wrap: wrap; justify-content: space-between;}
.btngroup button { width: 49%; margin: 0 0 .6rem 0; }
.data-left{width:72%;float:left;margin:0}
.data-right{width:25%;float:right;margin:0 0 2rem 0; background-color: #f7f7f7; padding: 1rem;border:1px solid #eee}
@media (max-width:1120px){
.data-left,.data-right{width:100%;float:none}
}
.tabs{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;margin:0 0 1rem 0;padding:0;}
.tabs button{width:16%;display:block;border:none;outline:0;cursor:pointer;padding:.8rem 0;-webkit-transition:.1s;transition:.1s;font-size:1.1rem;margin:1rem .4rem;font-weight:700;position:relative;color:#111;background-color:#dedede;border-radius:.4rem}
.tabs button:hover{opacity:.9}
.tabs button.active{background-color:#222;color:#fff;font-weight:600}
.tabcontent{display:none;padding:0;background-color:#fff;max-width:100%;font-size:1rem;font-weight:600}
@media (max-width:1120px){
.tabs{flex-wrap:wrap; justify-content: space-between;}
.tabs button{width:49%; margin:.3rem 0;}
}
.address-row{display:block;width:100%;overflow:hidden}
.address-col{display:block;width:100%;min-height:125px;padding:10px;margin:0 0 25px 0;background-color:#f7f7f7;border:1px solid #eee}
.address-title{font-size:1.1em;padding:5px 0 10px 0;margin:0 0 15px 0;font-weight:600;border-bottom:1px solid #dedede}
.address-block{display:block;margin:5px 0}
.address-list{display:block;margin:5px 0}
.address-button{display:inline-block;width:auto;margin:25px 10px 0 0}
input.gifts:checked~.textaera{background:#ddd}
@media (max-width:1120px){
.address-col{display:block;width:100%;padding:10px;background-color:#f7f7f7}
.address-button{width:100%;margin:5px 0}
}
.data-profile{width:73%;float:left;margin:0 1.5rem 0 0}
.profile-row{display:block;width:100%;overflow:hidden}
.profile-col{display:block;width:48.5%;padding:10px;background-color:#f7f7f7;border:1px solid #eee}
.profile-col form{background-color:transparent}
.profile-title{font-size:1.4rem;padding:1rem .8rem;margin:0 0 1rem 0;font-weight:600;border-bottom:1px solid #eee}
.profile-col .profile-title { padding: 1rem 0;}
@media (max-width:1120px){
.profile-col{display:block;width:100%;padding:10px;background-color:#f7f7f7;border:1px solid #eee}
}
.gallery { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 0; }
.gallery-col { width: 23%; display: block; margin: 1% 0; position: relative; overflow: hidden; }
.gallery-col img { width: 100%; vertical-align: bottom; transition: .2s; border: 1px solid #dedede; }
.gallery-col:hover img { filter: brightness(120%); }
.downloads { width: 100%; display: flex; flex-wrap: wrap; }
.downloads a { width: 48%; position: relative; overflow: hidden; margin: 0 2% 2% 0; padding: 25px; display: block; float: left; border: 1px solid #dedede; color: #444; background-color: #fff; }
.downloads a:nth-child(3) { float: right; margin: 0 0 2% 0; }
.downloads a h3 { width: 100%; padding: 0; margin: 0; display: block; font-size: 1.4rem; }
.downloads a p { width: 100%; padding: 0; margin: 0; display: block; font-size: 1rem; line-height: 100%; }
.downloads a span { width: 60px; height: 60px; line-height: 60px; display: block; margin: 0 3% 0 0; float: left; border: 1px solid #eee; border-radius: 0; color: #fff; font-size: 2rem; overflow: hidden; position: relative; background-color: #fe0000; text-align: center; transition: .3s; }
.downloads a:hover span { transform: scale(.9) rotate(90deg); border-radius: 50%; }
.downloads a span i { position: absolute; display: block; color: #fff; width: 100%; height: 100%; line-height: 60px; }
.downloads a:hover span i { animation: arrow 1s forwards; }
@media (max-width:1024px) {
.downloads a { width: 100%; margin: 0 0 2% 0; }
}
@keyframes arrow {
0% { left: 0; }
10% { left: 25%; }
20% { left: 0; }
30% { left: 25%; }
40% { left: 50%; }
50% { left: 75%; }
60% { left: 100%; }
70% { left: -100%; opacity: 0; }
80% { left: -75%; opacity: 1; }
90% { left: -50%; }
100% { left: 0; }
}
#loginForm { padding: 0; width: 450px; position: relative; padding: 0; text-align: center; margin: 0 auto; }
#loginForm i { display: block; width: 75px; height: 75px; margin: 1rem auto; overflow: hidden; border-radius: 50%; background-color: #222; font-size: 2rem; color: #fff; line-height: 70px; }
#loginFooter { border-top: 1px solid #dce8f1; padding: 1rem; text-align: center; border-radius: 0 0 10px 10px; }
#loginForm input[type=button],
#loginForm input[type=reset],
#loginForm input[type=submit] { background-color: #222; border: none; color: #fff; padding:1rem; text-align: center; text-decoration: none; display: block; text-transform: uppercase; width: 175px; font-size: 1.1rem; font-weight: 700; border-radius: .1rem; margin: 1rem auto; cursor: pointer; }
#loginForm input[type=button]:hover,
#loginForm input[type=reset]:hover,
#loginForm input[type=submit]:hover { filter: brightness(105%); }
#loginForm input[type=button]:active,
#loginForm input[type=reset]:active,
#loginForm input[type=submit]:active { -moz-transform: scale(.95); -webkit-transform: scale(.95); -o-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); }
#loginForm input[type=text],#loginForm input[type=password],#loginForm input[type=email] { background-color: #fff; border: none; color: #0d0d0d; padding:1.2rem; text-align: center; text-decoration: none; display: inline-block; font-size: 1.2rem; margin: .5rem; width: 85%; border: 1px solid #ccc; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
#loginForm input[type=text]:focus,#loginForm input[type=password]:focus,#loginForm input[type=email]:focus { background-color: #fff; border: 1px solid #d6440f; }
#loginForm input:placeholder { color: #ccc; }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInDown>a { display: block; margin: 1rem 0 3rem 0;}
@media (max-width:1024px) {
#loginForm { width: 100%; margin: 2rem 0 0 0; }
}
@-webkit-keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fadeIn { opacity: 0; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; }
.fadeIn.first { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s; }
.fadeIn.second { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s; }
.fadeIn.third { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; animation-delay: .8s; }
.fadeIn.fourth { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
footer{width:100%;display:block;padding:7rem 0;margin:0;color:#cecece;position:relative;border-top:1px solid #222;background-color:#1e2122}
footer .wrapper{display:block;width:1280px;margin:0 auto}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1.2rem}
.columns .cols{display:block;width:30%}
.columns .cols:last-child{width:50%}
.columns .cols>a{color:#cecece;display:block;margin:1rem 0}
.columns .cols>a i{margin:.2rem 1rem 1rem 0;float:left}
.columns .title{display:block;overflow:hidden;font-weight:600;padding:0;font-size:1.6rem;margin:2rem 0}
.columns .link{margin:1rem 0;display:block}
.columns .link a{color:#cecece;font-weight:400;display:inline;font-size:1.2rem}
.columns .link a:hover{color:#fe0000}
@media (max-width:1024px){
footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols:last-child{width:100%}
}
.subscribe{display:block;overflow:hidden;width:80%}
.subscribe p{display:block;margin:25px 0 0 0!important}
.subscribe form{height:50px;width:100%;display:block;margin:0;overflow:hidden;background-color:#444;border:1px solid #222}
.subscribe form input[type=text]{width:70%;float:left;border:none;background:0 0;height:45px;font-size:1rem;padding:0 20px;color:#fff;font-weight:400}
.subscribe form button{float:right;border:none;height:50px;padding:0 2rem;font-size:1.6rem;color:#fff;position:relative;cursor:pointer;background:#fe0000}
.subscribe form button:before{font-family:fontAwesome;content:"\2b"}
@media (max-width:1024px){
.subscribe{width:100%}
}
.social-footer{display:block;overflow:hidden;}
.social-footer a{display:inline-block;width:3rem;height:3rem;line-height:3rem;text-align:center;margin:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:20px;color:#fff;border-radius:.4rem;font-size:1.2rem; background-color: #555;}
.social-footer a:hover{filter:brightness(100%)}
.social-footer a.social_facebook:hover{color:#4b69b1}
.social-footer a.social_twitter:hover{color:#37b1e2}
.social-footer a.social_instagram:hover{color:#cf3053}
.social-footer a.social_youtube:hover{color:red}
.bottom{width:100%;display:block;overflow:hidden;padding:1rem 0;margin:0;color:#333;background-color:#eee; font-size: 1rem;}
.bottom .wrapper{display:block;width:1280px;margin:0 auto}
.copyright{display:block;font-weight:400;margin:0;float:left}
.copyright p{color:#777;margin:.4rem 0;padding:0}
.webtasarim{display:block;margin:0;float:right}
.webtasarim a{display:block}
.webtasarim img{width:5rem}
@media (max-width:690px){
.bottom .wrapper{width:90%}
.copyright{float:none;text-align:center;padding:0 5%}
.webtasarim{float:none;text-align:center;margin:20px 0 0 0}
}
.siteup{position:fixed;bottom:1rem;right:-4rem;display:block;width:4rem;height:4rem;line-height:4rem;font-size:1rem;color:#fff!important;overflow:hidden;background:#1d1d1b;-webkit-transition:.3s;transition:.3s;z-index:999;border-radius:50%;text-align:center}
.siteup.sticky{right:1rem}
@media (max-width:1024px){
.siteup{bottom:1rem}
.siteup.sticky{right:1rem}
}
.whatsapp-button{display:inline-block;border-radius:.5rem;color:#fff;background-color:#25d366;padding:0 1rem;text-align:center;width:auto;height:3rem;line-height:3rem;font-size:1.2rem;position:relative;transition:all .25s ease-in-out;position:fixed;left:1rem;bottom:1rem;z-index:32}
.whatsapp-button.w-desk { display: block;}
.whatsapp-button.w-mobile { display: none;}
.whatsapp-button i{ margin: 0 .5rem 0 0;}
.whatsapp-button:hover{background-color:#25d366;color:#fff}
.whatsapp-button:hover:before{animation:contact-button 1.5s ease-out infinite}
.whatsapp-button:hover:after{animation:contact-button 1.5s ease-out .4s infinite}
.whatsapp-button:after,.whatsapp-button:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:#25d366;width:100%;height:100%;border-radius:.5rem;opacity:0;transition:all .25s ease-in-out}
@media (max-width:1024px){
.whatsapp-button{width:auto;height:4rem;line-height:3.8rem;left:1rem;bottom:1rem;z-index:32}
.whatsapp-button.w-desk { display: none;}
.whatsapp-button.w-mobile { display: block;}
}
@keyframes contact-button{
0%{opacity:.8;transform:scale(1)}
70%{opacity:0;transform:scale(1.5)}
100%{opacity:0}
}
.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;padding:10px;color:#fff;font-size:12px;line-height:18px}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:60px;height:60px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background-size:35px}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../svg/close.svg)}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:60px;height:60px;background-image:url(../svg/next.svg);background-size:80px}
.lightbox-nav-prev{left:30px;width:60px;height:60px;background-image:url(../svg/prev.svg);background-size:80px}
.animation-element{opacity:0;position:relative}
.animation-element.anime-left{opacity:0;transition:all .5s linear;transform:translate3d(-100px,0,0)}
.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-right{opacity:0;transition:all .5s linear;transform:translate3d(100px,0,0)}
.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-top{opacity:0;transition:all .5s .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-bottom{opacity:0;transition:all .5s .1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{opacity:0;transition:all .5s linear;transform:scale(0)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}
#map_container{width:100%;height:450px;position:relative;z-index:0;filter:gray;opacity:.9;-webkit-filter:grayscale(50%);-webkit-transition:.5s;transition:.5s;border:2px solid #dedede}
#map_container iframe{position:absolute;width:100%;height:100%}
/* Contact Form */
.contact_info { display:block; overflow: hidden; margin:25px 0 40px 0;font-weight:600; padding:0; font-size: 1.2rem; text-align: center; }
.contact_info .row { display: block; width: 30%; margin:0 5% 0 0; float: left; padding:25px; line-height: 120%; color: #555; border: 1px solid #dedede;}
.contact_info .row:last-child { float: right; margin: 0; }
.contact_info .row i { display: block; width: 100%; text-align: center; margin:1rem 0; font-size: 3rem; color: #444; }
@media (max-width: 1024px) {
.contact_info { display:block; overflow: hidden; margin:25px 0; font-size: 1.2rem; }
.contact_info .row { width: 100%; margin:0; float: left; padding:25px;}
}
.contact_form { width:100%; margin:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.form_row { width:49%; display:block; overflow:hidden; color:#111; margin:0 0 10px 0; padding:0;}
.form_row input,
.form_row textarea {
width:100%;
font-size:1rem;
display:block;
padding:0 20px;
margin: 10px 0;
height:50px;
line-height:50px;
background-color:#fff;
color:#444;
border:1px solid #dedede;
-webkit-transition:.2s;
transition:.2s;
}
.form_row input.code { width: 50%;}
.form_row textarea { height:180px; }
.form_row input:focus,
.form_row textarea:focus { border:1px solid #cf3053; background:#f7f7f7; }
.form_row 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-color:#fe0000;
color:#fff;
cursor:pointer;
transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
border-radius: 5px;
}
.form_row input[type="submit"]:hover { filter: brightness(125%);}
@media (max-width: 1024px) {
.contact_form { width:100%; margin:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.form_row { width:108%; display:block; overflow:hidden; color:#111; margin:0; padding:0;}
.form_row input,
.form_row textarea { margin: 0 0 10px 0;}
}
.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;max-width:800px;margin:4rem auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out;background-color:#fff;padding:0;border-radius:2px;overflow:hidden}
.modal .modal-header{padding:1rem 0;position:relative;display:block;text-align:center;overflow:hidden; color: #111;}
.modal-header-title{font-size:2rem;color:#111;font-weight:300; margin: 0; padding: 0;}
.modal .modal-header .close{display:block;width:35px;height:35px;overflow:hidden;text-align:center;line-height:25px;border:none;padding:0;margin:1rem;position:absolute;top:0;right:0;background:#eee url(../svg/close.svg) center center no-repeat;background-size:15px;opacity:.6;transition:.2s}
.modal .modal-header .close:hover{opacity:1}
.modal .modal-body{font-size:16px;padding:25px;color:#75818c}
.modal .modal-footer{display:none;text-align:center;padding:15px 0;background:#f7f7f7;border-top:1px solid #eee}
@media (max-width:1024px){
.modal .modal-box{width:100%; height: 100vh; margin:0;border-radius:0}
}
.siparis_form { width:100%; margin:0; font-size: 1.2rem; line-height: 1.2;}
.siparis_form_row { width:100%; display:block; overflow:hidden; color:#111; margin:0; padding:0;}
.siparis_form_row p{ margin: 0; padding:.5rem 0;}
.siparis_form_row input[type="text"] {
width:100%;
font-size:1rem;
display:block;
padding:0 20px;
margin: 10px 0;
height:50px;
line-height:50px;
background-color:#fff;
color:#444;
border:1px solid #dedede;
-webkit-transition:.2s;
transition:.2s;
}
.siparis_form_row input:focus { border:1px solid #cf3053; background:#f7f7f7; }
.siparis_form_row 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-color:#fe0000;
color:#fff;
cursor:pointer;
transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-transition: all .1s linear;
border-radius: 5px;
}
.siparis_form_row input[type="submit"]:hover { filter: brightness(125%);}
.uyariUye{display:none;z-index:999999999;width:350px;height:90px;padding:15px;color:#fff;background:#d5393c;text-align:center;border-radius:1px;overflow:hidden;
font-size:16px;font-weight:800;text-shadow:0 0 0 1px #0ab023;position:fixed;top:35%; left: 50%; margin-left: -175px; border-radius: 5px;}
.uyariUye:after{content:"";position:fixed;top:90px; left:0;z-index:999;overflow:hidden;width:100%;height:100%;background-color:rgba(255,255,255,.5);display:none}
.uyariUye:before{display:block;text-align:center;overflow:hidden;font-size:2rem;font-family:dripicons-v2;content:"\e063"}
.uyariUyeOnay{display:none;z-index:999999999;width:350px;height:90px;padding:15px;color:#fff;background:#0ab023;text-align:center;border-radius:1px;overflow:hidden;
font-size:16px;font-weight:800;text-shadow:0 0 0 1px #0ab023;position:fixed;top:35%; left: 50%; margin-left: -175px; border-radius: 5px;}
.uyariUyeOnay:after{content:"";position:fixed;top:90px; left:0;z-index:999;overflow:hidden;width:100%;height:100%;background-color:rgba(255,255,255,.5);display:none}
.uyariUyeOnay:before{display:block;text-align:center;overflow:hidden;font-size:2rem;font-family:dripicons-v2;content:"\53"}