* { outline: 0 !important; font-family: 'Open Sans', sans-serif;}
*:focus {
     outline: 0 !important;
}
body{ 
	font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 20px;
   font-family: 'Open Sans', sans-serif;
	padding-top: 6.5rem; outline: none;
}


input[type="button"]{
   outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}

h1,h2,h3,h4,h5,h6 { }

.text-white	{ color:#fff;}
.text-primary { color:#1a66b2;}
.text-secondary { color:#f59f0e;}
.text-dark { color:#343a40;}
.text-info { color:#eaeff5;}
.text-light { color:#f8f9fa;}


.header-line {position:relative; paddin-bottom:10px; margin-bottom:55px;  text-align:center; }
.header-line:before {
    content: '';
    height: 1px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 250px;
}
.header-line:after{
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #f59f0e;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
}
    
.header-line.white { border-color:#fff;}
.header-line.grey { border-color:#ccc;}
.header-line.primary { border-color:#1a66b2 !important;}

img { max-width:100%;}


.header-top { font-size:12px;}

.footer { color:#aaa;}
.footer .top-line { border-top:solid 1px #666;  padding:40px 0;}
.footer .top-line a { color:#aaa !important; margin-left:8px;}
.footer .social-icons i { font-size:32px; margin-right:15px;}

.breadcrumb { background-color:transparent !important; display:inline-block; }
.breadcrumb li { float:left; text-transform: capitalize; color:#ccc;}
.breadcrumb li.active { color:#fff; } 
.breadcrumb:before{ float:none;}

.navbar .dropdown-mega-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-mega-menu {
  border:none;
  background-color:transparent !important;
	
}
.navbar .dropdown-mega-menu .container { padding:0 30px; }
.navbar .dropdown-mega-menu .container [class*="col-"] { padding-top:20px;}

.navbar-nav { 
	
	font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13px;
    line-height: normal;
   text-transform: uppercase;
	
}
 
@media screen and (min-width: 992px) {
  
.navbar {
  padding-top:0px;
  padding-bottom:0px;
	
}

.navbar .nav-item {
  padding:0 .5rem;
  margin:0;
}
	.navbar-dark .navbar-nav > .nav-item > .nav-link { padding:2rem 0;}

	.navbar .dropdown {position:relative; }
.navbar .dropdown-mega {position:static !important;}

.navbar .dropdown-mega-menu {
  width:100%;
  left:0;
  right:0;
  top:74px;
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  
}
	
.navbar .dropdown-mega-menu	.border-bottom { border-color:#191a1b !important; margin-bottom:7px; padding:7px 15px;}
  
 

  
.navbar .dropdown:hover .dropdown-mega-menu, .navbar .dropdown .dropdown-mega-menu:hover,
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover{
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
	
}
  
  .navbar .dropdown-mega-menu {
    border: 1px solid rgba(0,0,0,0.02);
    background-color: #fff;
  }

}

.dropdown-mega-menu  img { margin-right:10px;}
.dropdown-mega-menu .nav-link:hover{ background:rgba(255,255,255,0.04);}

.dropdown-menu { margin:0 !important; background: #fff !important; color:#000 !important;  border: 1px solid rgba(0,0,0,0.02); }
.dropdown-menu .dropdown-item { color:#000 !important; font-size:13px; text-transform:none;}
.dropdown-menu .dropdown-item:hover{ background:rgba(255,255,255,0.04);}


.bg-primary-trans { background-color:rgba(255,255,255,0.11);}

.card {border-radius:0; }
.card-img-top { border-radius:0; border-bottom:solid 5px #1c8ad9;}
.card h2 { text-align:center; padding-bottom:14px; border-bottom:solid 1px #ccc; }
.card .card-text { line-height:2;}


.card {
        -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}


.btn-dark.skew {
	font-family:"Saira Semi Condensed";
	padding-top: 7px;
	padding-left: 25px;
	background-color: transparent;
	background:transparent;
	border:none;
	color:#fff;
	clear: both;
	z-index: 1;
	height: 45px; margin-bottom: 5px;
		}
.btn-dark.skew:before
{
		position: absolute;
		content: "";
		margin-top: -7px;
   		margin-left: -20px;
		-ms-transform: skewX(-12deg);
		-webkit-transform: skewX(-12deg);
		transform: skewX(-12deg);
		background: linear-gradient(#333,#333, #000,#000, #333);
		border-radius: 5px;
		color: #fff;
		z-index: -1;
		height: 45px;
		width: 100%;
		
		display: inline;
		
}

.owl-dots { display:none !important;}

.mai { z-index:-1; display:table;}
.mai:before { display:table-cell; position:absolute; width:100%; height:100%; text-align: left; padding-left:40%; padding-top:7px;  color:#fff; font-size: 1.5rem; line-height: 1.25; font-family:"Saira Semi Condensed";  }
.mai:nth-child(1):before { content:"Kredi Kartı & \A Mail Order ile \A Ödeme"; white-space: pre;}
.mai:nth-child(2):before { content:"Stoktan & \A Adrese Hızlı \A Teslimat"; white-space: pre;}
.mai:nth-child(3):before { content:"E-Kataloğu & \A İndirmek İçin \A Tıklayın"; white-space: pre;}

.lang span{ padding: 3px 8px; display: inline-block; margin-right: 5px; background: transparent; color:#000;}
.lang .active span { padding:5px 10px; border:none;  background: #fff;    }

table td { min-width:75px; vertical-align: top; padding-bottom: 7px;}
.page-body table { width:100%;}

.formerror,
.formsuccess,
.formloader{ display: none;}
.formloader { text-align:center;}


#page-owl .owl-nav .owl-prev, 
#page-owl .owl-nav .owl-next,
.page-owl .owl-nav .owl-prev, 
.page-owl .owl-nav .owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border:1px solid #fff;
    width: 40px;
    height: 40px;
}
#page-owl .owl-nav .owl-prev,
.page-owl .owl-nav .owl-prev{
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
#page-owl .owl-nav .owl-next,
.page-owl .owl-nav .owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
#page-owl:hover .owl-nav .owl-next,
.page-owl:hover .owl-nav .owl-next{
    right: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
#page-owl:hover .owl-nav .owl-prev,
.page-owl:hover .owl-nav .owl-prev{
    left: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
#page-owl:hover .owl-nav .owl-next:hover,
#page-owl:hover .owl-nav .owl-prev:hover,
.page-owl:hover .owl-nav .owl-next:hover,
.page-owl:hover .owl-nav .owl-prev:hover{
    color:#fff;
    background: #f59f0e;
    border: 1px solid #f59f0e;
}

.bg-breadcrumb {

    background-color: #008BC6;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#008BC6), to(#003C70));
    background: -webkit-radial-gradient(circle, #008BC6, #003C70);
    background: -moz-radial-gradient(circle, #008BC6, #003C70);
    background: -ms-radial-gradient(circle, #008BC6, #003C70);

}




.btn-bottom-fixed { position:fixed; right: 100px; bottom:-5px; width:180px; height:45px; line-height: 40px; padding:0; color:#fff;   text-align: center; border-radius: 2px; }
.btn-bottom-fixed i:before { margin-right:10px; }

.modal-content { border-radius:0;}
.modal input, .modal textarea { border-radius:0; border:none; border-bottom :solid 1px #999; background: #f7f7f7;}

.modal .form-group { margin-bottom:0.5rem;}

.header-social { padding:4px 0;}
.header-social i { font-size:16px; padding:5px 6px;  border-radius:0px; color:#f59f0e; transition: all .2s ease-in-out;}
.header-social i:hover {transform: scale(1.2);}

.footer-social { padding:4px 0;}
.footer-social i { font-size:24px; padding:7px 8px; margin-left:8px; background-color:#1a66b2; border-radius:0px; color:#fff; transition: all .2s ease-in-out;}
.footer-social i:hover {transform: scale(1.2);}

.shop-col {  border:solid 1px #ccc; height:100%; display: flex;   align-items: center;   justify-content: center;   text-align: center; }
.shop-col img{ max-width:90%; max-height:90%;  }

.shop-col-full {  none; height:100%;  display: flex;   align-items: center;   justify-content: center;   text-align: center; }
.shop-col-full img{min-width:100%; min-height:100%; position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;  }

[data-aspect-ratio]{ margin:15px 0; }
