@charset "utf-8";

/*
Theme Name:Auto Sleep
Theme URI:http://www.webtegre.com/
Description:Auto Sleep için Webtegre Yazılım ve Bilişim Hizmetleri tarafından yapılmıştır.
Author:Webtegre Yazılım ve Bilişim Hizmetleri
Author URI:http://www.webtegre.com/
Version:1.0
License:Tüm Hakları Webtegre Yazılım ve Bilişim Hizmetleri'ne Aittir.
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap&subset=latin-ext');
*{outline:none;font-family: 'Montserrat', sans-serif;}
html, body {
      position: relative;
      min-height: 100%;
    }
body{margin:0px; min-height: 100%; -webkit-font-smoothing: antialiased; position:relative;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
img{border:none; max-width:100%;}
.left{float:left;}
.right{float:right;}
.auto{margin:auto;}
.alignleft {display:inline; float:left; margin-right:1.625em;}
.alignright {display:inline; float:right; margin-left:1.625em;}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.clear{clear:both;}
a:hover{text-decoration:none;}
input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], input[type="email"], textarea, select{-webkit-appearance:none; -webkit-border-radius:0; border-radius:0;-moz-appearance:none;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.nopadding{padding:0;}
.nopleft{padding-left:0;}
.nopright{padding-right:0;}
.form-control{border-radius:0;}
.form-control:focus{border-color:#ccc; box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.swiper-container{width:100%; height:100%;}
.swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center;  -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.animateMe{opacity: 0;}
.animateMe .animated{opacity: 1;}

.header-top{padding:0; background:#cf0612;}
.header-top span{font-size:16px; color:#fff; font-weight:bold; margin-right:10px; line-height:57px;}
.header-top span i{margin-right:7px;}
.header-top ul{margin:0; padding:0; list-style:none; float:right;}
.header-top ul li{float:left;}
.header-top ul li a{display:block; width:34px; height:34px; border:1px solid #fff; border-radius:100%; text-align:center; margin-left:7px; color:#fff; line-height:32px; margin-top:11px;}
.navbar{margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0; padding:0; float:right;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:15px;}
.navbar-default .navbar-nav>li>a{font-size:12px; font-weight:bold; color:#585757; padding:10px;}
.navbar-nav{margin-top:36px;}
.navbar-brand{margin:25px 0; padding:0; width:250px; height:63px;}
.slider{padding:0; position:relative; z-index:1;}
.slider img{width:100%; display:block; margin:auto;}
.contact-area{background:#cf0612; padding:0; position:relative; z-index:2;}
.contact-area .txt-area h1{text-align:center; font-size:32px; font-weight:bold; color:#fff; margin:100px 0px 30px 0px;}
.contact-area .txt-area p{font-size:18px; color:#fff; text-align:center; margin:auto;}
.contact-area .txt-area a{display:block; width:30%; margin:70px auto; height:62px; border-radius:31px; background:#fff; font-size:24px; font-weight:bold; color:#cf0612; letter-spacing:15px; text-align:center; line-height:62px;}
.contact-area .desc-box .inner{background:#fff; padding:35px; margin-top:-165px;}
.contact-area .desc-box .inner .icon{width:175px; height:175px; margin:auto; background:#cf0612; border-radius:100%; display:table; position:relative; margin-top:-105px;}
.contact-area .desc-box .inner .icon .table-cell{display:table-cell; vertical-align:middle; height:175px;}
.contact-area .desc-box .inner .icon img{display:block; margin:auto;}
.contact-area .desc-box .inner strong{display:block; font-size:32px; font-weight:bold; color:#cf0612; text-align:center; margin:40px auto;}
.contact-area .desc-box .inner p{font-size:18px; line-height:30px; color:#585751;}
.homepage-box{padding:150px 0px;}
.homepage-box.red{background:#cf0612;}
.homepage-box .img img{display:block; margin:auto;}
.homepage-box h2{font-size:32px; font-weight:bold; text-align:center; margin:30px auto;}
.homepage-box p{font-size:18px; line-height:30px;}
.homepage-box a{display:block; width:60%; margin:auto; height:45px; border-radius:23px; font-size:18px; font-weight:bold; text-align:center; line-height:45px; margin-top:30px;}
.homepage-box.white h2{color:#101e33;}
.homepage-box.red h2{color:#fff;}
.homepage-box.white p{color:#101e33;}
.homepage-box.red p{color:#fff;}
.homepage-box.white a{color:#fff; background:#101e33;}
.homepage-box.red a{color:#cf0612; background:#fff;}
.footer{padding:60px 0px; background:#101e33;}
.footer span{font-size:16px; color:#ffffff; font-weight:bold; margin-right:10px;}
.footer span i{margin-right:7px;}
.footer .copy{float:right; margin:0; font-size:14px; color:#ffffff; line-height:19px;}

.page-head{padding:0;}
.page-head img{width:100%; display:block; position:relative; z-index:1;}
.page-head .txt{position:absolute; width:100%; height:100%; z-index:2; top:0; right:0; bottom:0; left:0; text-align:center; font-size:27px; color:#fff; font-weight:bold; letter-spacing:5px;}
.page-default{font-size:16px; line-height:30px; color:#101e33; margin-bottom:50px;}
.page-default h3{font-size:24px; font-weight:500; color:#101e33; margin:40px auto;}
.page-contact{margin-bottom:50px; font-family:'Montserrat', sans-serif; font-size:17px; color:#383838;}
.page-contact h1{font-family:'Montserrat', sans-serif; font-size:21px; color:#ce8f93; text-align:center; margin:50px auto;}
.page-contact .contact-form input[type="text"], .page-contact .contact-form input[type="tel"], .page-contact .contact-form input[type="email"], .page-contact .contact-form textarea{width:100%; height:47px; border:1px solid #b7b7b7; border-radius:5px; text-indent:20px; line-height:45px; font-family:'Montserrat', sans-serif; font-size:18px; color:#888;}
.page-contact .contact-form input[type="text"]::placeholder{color:#bfbfbf; opacity:1;}
.page-contact .contact-form input[type="text"]:-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form input[type="text"]::-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form input[type="tel"]::placeholder{color:#bfbfbf; opacity:1;}
.page-contact .contact-form input[type="tel"]:-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form input[type="tel"]::-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form input[type="email"]::placeholder{color:#bfbfbf; opacity:1;}
.page-contact .contact-form input[type="email"]:-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form input[type="email"]::-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form textarea::placeholder{color:#bfbfbf; opacity:1;}
.page-contact .contact-form textarea:-ms-input-placeholder{color:#bfbfbf;}
.page-contact .contact-form textarea::-ms-input-placeholder{color:#bfbfbf;}
.page-contact .box{margin-bottom:10px;}
.page-contact .contact-form textarea{line-height:normal; height:130px; padding:3%; text-indent:0;}
.page-contact .contact-form input[type="submit"]{width:50%; height:53px; line-height:53px; text-align:center; background:#cf0612; font-family:'Montserrat', sans-serif; font-size:18px; color:#fff; border:0; border-radius:25px;}
.maps{padding:0; margin-top:30px;}
.maps iframe, .maps img{width:100%; border:0;}

@media screen and (max-width:1024px){
.contact-area .desc-box .inner .icon{width:120px; height:120px; margin-top:-70px;}
.contact-area .desc-box .inner .icon .table-cell{height:120px;}	
.contact-area .desc-box .inner .icon .table-cell img{max-width:50%;}
.contact-area .desc-box .inner{padding:10px;}
.contact-area .desc-box .inner strong{margin:10px auto; font-size:18px;}
.contact-area .desc-box .inner p{font-size:14px;}
.contact-area .txt-area h1{margin:50px 0px 20px 0px;}
.contact-area .txt-area a{margin:30px auto;}
.homepage-box h2{font-size:22px;}
.homepage-box p{font-size:14px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:auto;}
.navbar-header{float:none; width:100%;}
.navbar-default .navbar-brand{float:none; margin:20px auto; display:block; margin-left:auto;}
.navbar-nav{margin-top:0; width:100%; text-align:center;}
.navbar-nav li{display:inline-block; float:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{width:100%;}
}

@media screen and (max-width:996px){
.header-top, .footer{text-align:center;}
.header-top span, .footer span{float:none; display:inline-block; margin:0px 5px;}
.footer .copy{text-align:center; width:100%;}
.header-top ul{text-align:center; width:100%; margin-bottom:20px;}
.header-top ul li{float:none; display:inline-block;}
.header-top ul li a{margin:0px 5px;}
.page-default h3{font-size:18px;}
.page-contact, .page-default{font-size:14px;}
.contact-area .txt-area a{font-size:18px; letter-spacing:5px;}
.contact-area .desc-box .inner{margin-top:-50px;}
.homepage-box h2{margin-top:0; margin-bottom:5px;}
.homepage-box p{line-height:normal;}
}
@media screen and (max-width:667px){
.navbar-default .navbar-brand{float:left; margin-left:15px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:15px;}
.navbar-toggle{margin-top:30px;}
.contact-area .desc-box .inner{margin-top:50px;}
.contact-area .txt-area a{width:80%;}
.homepage-box{padding:50px 0px;}
.homepage-box.red .img img{margin-top:30px;}
.navbar-nav{width:100%; margin:0; padding:0;}
.navbar-nav li{width:100%;}
}