/**************************************************************************************
Default classes
Copyright  2020  rights reserved
**************************************************************************************/

/* ################################################ */
/* ################# Default Page ################# */
/* ################################################ */

html {
	min-height: 100%;
  	height: auto;
    scroll-behavior: smooth;
}


body {
	margin:0;
	padding:0;
    font-family: 'Cairo';
    font-style: normal;
	font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background: #fff;
    overflow-x: hidden;
    position: relative;
}



br {
	line-height:18px;
}


ul {
	margin:0;
	padding:0;
	list-style:none;
}

div {
	margin:0;
	padding:0;
}

table {
	margin:0;
	padding:0;
}

img {
	margin:0;
	border:0;
}

p {
	margin:0;
	padding:0;
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-family: 'Cairo', sans-serif;  text-transform: uppercase;    font-weight: 100;
    font-style: normal;}


form {
	margin:0;
	padding:0;
}

a{ text-decoration:none; color:#fff; text-transform:uppercase}
a:hover{ text-decoration:none; color:#000}

button:active, button:focus{ outline: 0}


.clear{ clear:both}
.clear-margin{ clear:both; margin:10px 0}
.bg-color{
    background: #F5D0B6;
}

.master-bg-color {
    background: #f7d2b5;
}
.white-color{ color: #fff;}
.black-color{ color: #2d2d2d;}
.flexCenteraligned{  display: flex;
  align-items: center;}
.font-10{ font-size:10px}
.p-0{padding: 0;}
.p-10{ padding: 10px;}
.pt-20{ padding-top: 20px}
.pt-30{ padding-top: 30px}
.pt-50{ padding-top: 50px}
.pb-50{ padding-bottom: 50px}
.pb-30{ padding-bottom: 30px}
.mr-20{ margin-right: 20px;}
.mr-10{ margin-right: 10px;}
.ml-20{ margin-left: 20px;}
.ml-10{ margin-left: 10px;}
.mt-15{ margin-top: 15px;}
.mt-20{ margin-top: 20px;}
.mt-25{ margin-top: 25px;}
.mt-30{ margin-top: 30px;}
.mt-40{ margin-top: 40px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-40{margin-bottom: 40px;}

.flexCenter{display: flex; justify-content: center; align-items: center; width: 100%}
.flexRight{display: flex; justify-content: flex-end; align-items: center;}
.flexLeft{display: flex; justify-content: flex-start; align-items: center;}    
.flexBetween{
    display: flex;
    justify-content: space-between;
    align-items: center;
}  
.just-flex-left{  display: flex;
  align-content: flex-end;}
.just-flex-right{
	  display: flex;
  justify-content: flex-end;
  align-content: flex-end; 
  }
.decor{ 
    width: 70px;
    height: 5px;
    background: #49484c;
    display: block;
    margin: 20px 0;
 }



/* ################################################ */
/* ############### End Default Page ############### */
/* ################################################ */


/* ############### Start site Css ############### */

.main_header{ background:#1c1c1c}
#navbarNav{justify-content: flex-end;}
.nav-link:hover, .nav-link.active { color:#fff; border-bottom: 1px solid #fff; padding-bottom:5px}
.nav-item{margin: 0 15px;}
.nav-item:last-child{margin: 0;}
.switcher{
	font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 5px 20px;
    height: 35px;
    line-height: 21px;
	margin-right: 40px
	}
.switcher:hover{
background: #fff; color:#000
	}
	
.navb-icon{    background: url(../images/nav_ico.png) no-repeat center center;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 95%;}
.hero_section{}	
.video {
    width: 100%;
}
.wrapper{
    display:table;
    
    position:relative;
    width:100%;
}
.playpause {

    background-repeat:no-repeat;
    width:122px;
    height:122px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

.download{ background:#1c1c1c; padding:50px 0}
.section-title strong{ font-size:40px; font-weight:bold }
.download-files a{
	font-weight: 900;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 5px 20px;
    height: 55px;
    line-height: 42px;
    margin: 0 5px;
	}
.download-files a:hover{
background: #fff; color:#000
	}	
.about_us{
    padding: 110px 0;
    position: relative;
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;

}	
.glasses{padding:50px 0; }
.galsses-card h4{ background-color:#313130; padding:15px 20px; text-align:center; font-size:18px;}
.galsses-card img{ border:1px solid #313130}
.galsses-card div{ color:#313130}
.galsses-card ul{ list-style:circle; padding-right: 20px; margin-top:10px}
.galsses-card ul li{ color:#313130}
.glasses .owl-nav{ width:100%;  display: flex;
  justify-content: center;
  align-items: center; margin-top:40px; position:relative}
  
.glasses .owl-carousel .owl-nav button{ border: 1px solid #313130 !important;
    width: 40px;
    height: 40px;
    color: #313130 !important;
    border-radius: 50px;
    padding: 0 !important;
    font-size: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center;}
.glasses .owl-carousel .owl-nav button span{ margin-top: -7px !important;}	
.glasses .owl-carousel .owl-nav:before{
	content: "";
    background: #313130;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: -2;
	}
.stainless{
		background-image: url('../images/stanles-bg.jpg');
		padding: 50px 0;
		position: relative;
		background-attachment: fixed;
		background-position: right;
		background-repeat: no-repeat;
		background-size: cover;
		
	}	
	
.stainless .owl-nav{ width:100%;  display: flex;
  align-items: center; margin-top:40px; justify-content: space-between; position:absolute; top:50%;}
.stainless .owl-next{ position: relative;
    left: -95px;} 
.stainless .owl-prev{position: relative;
    right: -95px;} 
.stainless .owl-carousel .owl-nav button{ border: 1px solid #fff !important;
    width: 40px;
    height: 40px;
    color: #fff !important;
    border-radius: 50px;
    padding: 0 !important;
    font-size: 35px !important;
    display: flex;
    justify-content: center;
    align-items: center; background:transparent !important;}
.stainless .owl-carousel .owl-nav button span{ margin-top: -7px !important;}
.mixers{padding: 50px 0;}	

.mixers .owl-dots{width:100%;  display: flex;
  justify-content: center;
  align-items: center; margin-top:40px; position:relative}
.mixers .owl-carousel  button.owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center; background:#b7b7b7 !important;}
.mixers .owl-carousel button.active	{ background:#2f2f2f !important}
.stainless .owl-dots{width:100%;  display: flex;
  justify-content: center;
  align-items: center; margin-top:40px; position:relative}
.stainless .owl-carousel  button.owl-dot{
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center; background:#b7b7b7 !important;}
.stainless .owl-carousel button.active	{ background:#2f2f2f !important}
.footer{ background:#1c1c1c; padding:50px 0 0 0}
.social{ margin:40px 0; position:relative}
.social:before{    content: "";
    background: #fff;
    height: 1px;
    width: 59%;
    position: absolute;
    top: 50%;
    z-index: 0;
    left: 0;}
.social a{ margin:0 10px}
.social a:first-child{ margin-right:0 !important}
.contact-address img{ margin-left:10px}
.contact-address img, .contact-address p{ display:inline-block; vertical-align:middle}
.copywrite{ text-align:center; padding:20px 0; border-top:1px solid #fff; margin-top:40px}
.footer-link:hover{ color:#C39D00}
.contact-form{ padding-right: 100px}
.contact-form input{ background:rgb(255 255 255 / 24%); border:none; border-radius:0; text-align: right;}
.go-up{ position:fixed; left:15px; bottom: 15px; z-index:999}
.go-up img{ box-shadow: 1px 0px 8px rgb(255 255 255 / 22%);
    border-radius: 60px;}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    color: #000;
}
.navbar-toggler{ padding:0}

/* ############### End of Css ############## */