@charset "utf-8";
/* CSS Document */
body {font-family: 'Arial'; margin:0px; padding:0px; background:#fff; counter-reset: section;}
h1, h2, h3, h4, h5, span, a{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; display:block;}
a:focus{ outline:none; text-decoration:none;}
a:hover{ outline:none; text-decoration:none;}

header, section, aside, footer, nav{ display:block;}


/*html {
  scroll-behavior: smooth;
}*/

.nopad{ padding: 0 !important; }
.pad-top-100{ padding-top:100px !important;}
.pad-top-80{ padding-top:80px !important;}
.pad-top-60{ padding-top:60px !important;}
.pad-top-40{ padding-top:40px !important;}
.pad-top-20{ padding-top:20px!important;}

.pad-bottom-100{ padding-bottom:100px!important;}
.pad-bottom-80{ padding-bottom:80px!important;}
.pad-bottom-60{ padding-bottom:60px!important;}
.pad-bottom-40{ padding-bottom:40px!important;}
.pad-bottom-20{ padding-bottom:20px!important;}
.pad-right-5{ padding-right: 5px !important }

.pad-left-0{ padding-left:0px!important;}
.pad-right-0{ padding-right:0px!important;}
.col-md-custom{ width: 23%; float: left; padding: 0px 15px; }

.mar-top-100{ margin-top:100px !important;}
.mar-top-80{ margin-top:80px !important;}
.mar-top-60{ margin-top:60px !important;}
.mar-top-40{ margin-top:40px !important;}
.mar-top-20{ margin-top:20px!important;}
.mar-top-10{ margin-top:10px!important;}
.mar-top-5{ margin-top:5px!important;}
/*-----------------placeholder css -------------------------------*/

input::-moz-placeholder {  /* Firefox 19+ */ opacity:0.7; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:300; color:#999999 !important;}
input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:0.7;font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:300; color:#999999 !important;}
input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:0.7; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:300; color:#999999 !important;}
select::-ms-expand {display: none;}

textarea::-moz-placeholder {  /* Firefox 19+ */ opacity:0.7;  font-size:15px; font-weight:400; color:#999999 !important;}
textarea::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:0.7;font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:400; color:#999999 !important;}
textarea:-ms-input-placeholder {  /* Firefox 19+ */ opacity:0.7; font-fam.headercls .navbar-navily:'Montserrat', sans-serif; font-size:15px; font-weight:400; color:#999999 !important;}
input::-moz-placeholder {  /* Firefox 19+ */ opacity:0.7; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:300; color:#999999 !important;}

@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/ArialNarrow.woff2') format('woff2'),
        url('../fonts/ArialNarrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/ArialMT.woff2') format('woff2'),
        url('../fonts/ArialMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldMT.woff2') format('woff2'),
        url('../fonts/Arial-BoldMT.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldItalicMT.woff2') format('woff2'),
        url('../fonts/Arial-BoldItalicMT.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/ArialNarrow-Bold.woff2') format('woff2'),
        url('../fonts/ArialNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-ItalicMT.woff2') format('woff2'),
        url('../fonts/Arial-ItalicMT.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-Black.woff2') format('woff2'),
        url('../fonts/Arial-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/ArialNarrow-BoldItalic.woff2') format('woff2'),
        url('../fonts/ArialNarrow-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('../fonts/ArialNarrow-Italic.woff2') format('woff2'),
        url('../fonts/ArialNarrow-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Futura BdCn BT';
    src: url('../fonts/FuturaBT-BoldCondensed.woff2') format('woff2'),
        url('../fonts/FuturaBT-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Lt BT';
    src: url('../fonts/FuturaBT-Light.woff2') format('woff2'),
        url('../fonts/FuturaBT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('../fonts/BerlinSansFB-Bold.woff2') format('woff2'),
        url('../fonts/BerlinSansFB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('../fonts/BerlinSansFB-Reg.woff2') format('woff2'),
        url('../fonts/BerlinSansFB-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Berlin Sans FB Demi';
    src: url('../fonts/BerlinSansFBDemi-Bold.woff2') format('woff2'),
        url('../fonts/BerlinSansFBDemi-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*font-family: 'Open Sans', sans-serif;
font-family: 'Tinos', serif;*/


.custom-comtainer{ width: 100%; max-width: 1300px; margin: 0 auto; }

.header-area{ position: relative; width: 100%; float: left; padding:30px 0; border-bottom: 1px solid #323232; }
.wrap-menu-bar{ position: relative; display: flex; width: 100%; }
.menuBar{ position: relative; min-width: 425px; padding:0;}
.menuBar ul{ position: relative; float: left; width: 100%; padding: 0; margin: 20px 0 0; }
.menuBar ul li{ list-style-type: none; float: left; margin: 0 20px; }
.menuBar ul li a{ display: block; text-decoration: none; font-family: 'Arial'; font-size: 16px; color: #323232; font-weight: bold; text-decoration: none; padding: 10px 0 5px; text-align: center; transition: all 0.3s; border-bottom: 4px solid transparent; }
.menuBar ul li:first-child{ margin-left: 0; }
.menuBar ul li a:hover{ border-bottom: 4px solid #323232; transition: all 0.3s; }
.active{ border-bottom: 4px solid #323232 !important; }

.info-area{ position: relative; min-width: 425px; padding:10px 0 0; }
.info-area p{ display:block; text-align: right; font-family: 'Arial'; font-size: 16px; color: #323232; font-weight: normal; margin: 0; font-size: 24px; }
.info-area a{ display:block; text-decoration: none; text-align: right; font-family: 'Arial'; font-size: 16px; color: #323232; font-weight: normal; font-size: 24px; }
.logo{ position: relative; width: calc(100% - 850px); }
.logo a{ display: inline-block; color: #ff5050; font-size: 44px; font-family: 'Futura Lt BT'; text-transform: uppercase; text-decoration: none; }


/*-----------------------------------------------------*/

.pull-left{ float: left !important; }
.pull-right{ float: right !important; }

/*=========================*/

.banner-area{ position: relative; float: left; width: 100%; height: 690px; box-shadow: 0px 3px 7px rgba(0,0,0,0.15);}
.banner-content{ position: relative; float: left; width: 52%; min-height: 600px; padding: 35px 10px 15px 0; box-sizing: border-box; }
.banner-content h1{ display: block; font-family: 'Berlin Sans FB Demi'; font-size: 56px; line-height: 55px; font-weight: bold; color: #282728; margin-bottom: 15px; }
.banner-content h2{ display: block; font-family: 'Berlin Sans FB Demi'; font-size: 30px; font-weight: bold; margin-bottom: 25px; color: #282728;}
.banner-content p{ display: block; font-family: 'Arial'; font-size: 18px; font-weight: normal; margin: 0; padding-bottom: 25px; color: #282728;}

.bannerimg{ position: relative; float: left; width: 48%;  min-height: 690px; }

/*==========================================*/

.product-area{ position: relative; float: left; width: 100%; padding: 75px 0; }
.product-area h2{ display: block; font-family: 'Arial'; font-size: 48px; line-height: 52px; font-weight: normal; margin-bottom: 25px; color: #d17842; text-align: center;}

.productbox-area{ position: relative; float: left; width: 100%; box-sizing: border-box;}
.productbox-area ul{ position: relative; float: left; width: 100%; padding: 0; margin: 0; }
.productbox-area ul li{ list-style-type: none; width: 25%; position: relative; float: left; margin: 15px 0;  padding: 0 15px; box-sizing: border-box;}

.singleBx{ width: 100%; position: relative; float: left; min-height: 305px; background: #dddadd; padding: 15px 10px; box-sizing: border-box; }
.pro-img-area{ width: 100%; min-height: 152px; position: relative; float: left; background: #282728; margin-top: 15px; text-align:center; }

.pro-content-area{ width: 100%; height: 130px; position: relative; float: left; display: flex; justify-content: center; align-items: center; }
.pro-content-area h2{ display: block; font-family: 'Arial'; font-size: 18px; line-height: 22px; font-weight: bold; color: #282728; text-transform: uppercase; }
.productbox-area ul li a{ text-decoration: none; display: block; font-family: 'Arial'; font-size: 18px; line-height: 22px; font-weight: bold; color: #d17842; text-transform: uppercase; padding: 10px 0; text-align: center; float: left; width: 100%; }

/*------------------------------------------*/

.content-section{ position: relative; float: left; width: 100%; padding: 15px 0 50px;  }
.simple-content{ position: relative; float: left; width: 100%;margin-left: 15px; }
.col50{ width: 50%; position: relative; float: left; }

.simple-content h2{ display: block; font-family: 'Arial'; font-size: 18px; line-height: 28px; font-weight: bold; color: #d17842; text-transform: uppercase; }
.simple-content h3{ display: block; font-family: 'Arial'; font-size: 18px; line-height: 28px; font-weight: bold; color: #282728; margin-bottom: 30px; }


/*=============================*/

.questionBx{ position: relative; float: left; width: 100%; padding: 15px 0; }
.questionBx h4{ display: block; font-family: 'Arial'; font-size: 36px; line-height: 38px; font-weight: bold; color: #d17842; text-transform: uppercase; text-align: center; margin-bottom: 50px; }

.question-area{ position: relative; float: left; width: 100%; padding: 15px 0; background: url('../images/bg.jpg'); min-height: 270px; background-size: cover; }
.question-area ul{ position: relative; float: left; width: 100%; padding: 0 30px; margin: 0 0 25px; box-sizing: border-box; }
.question-area ul li{ list-style-type: none; float: left; width: 100%; margin: 10px 0px; font-family: 'Arial'; font-size: 18px; line-height: 28px; font-weight: bold; color: #fff; }

.question-area p{ display: block; font-family: 'Arial'; font-size: 18px; line-height: 28px; font-weight: bold; color: #f1a06a; padding: 0 30px; box-sizing: border-box; }
.question-area p a{ display: inline-block; color: #f1a06a; text-transform: uppercase; }



/*==============================================*/


.shiping-area{ position: relative; float: left; width: 100%; padding: 35px 0; }


/*=================================*/

.fotter-area{ position: relative; float: left; width: 100%; padding: 100px 0 15px; border-bottom: 3px solid #fff; background: #282728; }

.fotertxt-area{ position: relative; display: flex; justify-content: space-between; }
.ftLogo{ position: relative; }

.addresscontent{ position: relative; }
.addresscontent h3{ display: block; font-family: 'Arial'; font-size: 24px; line-height: 28px; font-weight: bold; color: #fff; }
.addresscontent p{ display: block; font-family: 'Arial'; font-size: 18px; line-height: 18px; font-weight: normal; color: #fff; margin: 0; }
.addresscontent a{ text-decoration: none; display: block; font-family: 'Arial'; font-size: 18px; line-height: 18px; font-weight: normal; color: #fff; margin: 0; }
.addresscontent h4{ display: block; font-family: 'Arial'; font-size: 24px; line-height: 28px; font-weight: bold; color: #fff; margin-top: 50px; }
a.socials{ margin: 15px 0; }


.bottomFoter{position: relative; float: left; width: 100%; padding: 20px 0; background: #282828;}
.bottomFoter p{ display: block; text-decoration: none; font-size: 18px; font-family: 'Arial'; padding:0; color: #fff; margin: 0; text-align: left; }



.mobmenu{ display: none; }
.mob-menu-bar{ display: none; }