@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-family: 'Open Sans', sans-serif;
font-family: 'Tinos', serif;*/

.headerBar{  width: 100%; position: relative; float: left; box-sizing: border-box; }
.topbar-area{ position: relative; float: left; width: 100%; background: #ff5050; padding: 8px 0; }
.phones{ display: inline-block; text-decoration: none; color: #ffff7c; font-size: 24px; font-family: 'Arial'; }
.topbar-area span{ position: absolute; top: 0; left: 0; width: 100%; color: #ffff7c; font-size: 24px; font-family: 'Arial'; text-transform: uppercase; text-align: center; }

.header-area{ position: relative; width: 100%; float: left; padding: 10px 0; }
.logo{ position: relative; float: left; padding: 10px 0; }
.logo a{ display: inline-block; color: #ff5050; font-size: 44px; font-family: 'Futura Lt BT'; text-transform: uppercase; text-decoration: none; }

.menuBar{ position: relative; float: left; width: 100%; padding: 10px 0; background: #282828;}
.menuBar ul{ position: relative; float: left; width: 100%; padding: 0; margin: 0; }
.menuBar ul li{ list-style-type: none; float: left; width: 20%; margin: 0; }
.menuBar ul li a{ display: block; text-decoration: none; font-family: 'Arial'; font-size: 17px; color: #fff; font-weight: normal; text-decoration: none; padding: 10px; text-align: center; transition: all 0.3s; }
.menuBar ul li a:hover{ color:#ff5050; transition: all 0.3s; }
.active{ color:#ff5050 !important; }

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

.container{ position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }
.pull-left{ float: left !important; }
.pull-right{ float: right !important; }

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

.banner-area{ position: relative; float: left; width: 100%; }

.ad-area{ position: relative; float: left; width: 330px; border: 1px solid #00aeef; border-radius: 15px; min-height: 510px; background: #00aeef url(../images/adbg.jpg) no-repeat; background-position: bottom center; overflow: hidden; margin-left: 15px; }
.ad-inner-area{ position: relative; float: left; width: 100%; padding: 25px 0 10px; text-align: center; background: #fff; box-sizing: border-box; border-radius: 15px; margin-bottom: 10px; }
.imgsObj{ display: inline-block; padding: 0px 0; }
.ad-inner-area h3{ display: block; font-family: 'Arial'; font-size: 20px; color: #282828; text-decoration: none; text-transform: uppercase; font-weight: bold; text-align: center; padding: 15px 0; }
.ad-area a{ display: block; font-family: 'Arial'; font-size: 18px; color: #fff; text-decoration: underline; text-transform: uppercase; font-weight: bold; text-align: center; margin: 15px 0; }

.bannerCarasole{ position: relative; float: left; width: calc(100% - 350px); min-height: 510px; background: #ff0; }
.slide{ position: relative; float: left; width: 100%; min-height: 510px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 26px; }
.bg1{ background: #eee; }
.bg2{ background: #ccc; }
.bg3{ background: #888; }

.slick-dots{ position: absolute; bottom: 15px; left: 45%; padding: 0; margin: 0; }
.slick-dots li{ list-style-type: none; float: left; margin: 0 3px; }
.slick-dots li button{ width: 8px; height: 12px; overflow: hidden; border: none; background: #f9a11d; text-indent: -9999px; border-radius: 100%; position: relative; transition: all; }
.slick-active button{ width: 15px !important; height: 15px !important; background: #f9a11d!important; top: -1.5px; transition: all; }



/*==========================================*/
.maincontainer{ width: 100%; position: relative; float: left; padding: 40px 0; box-sizing: border-box; }
.colhalf{ position: relative; width: 50%; padding: 0 0px; box-sizing: border-box; }
.col-1-3{  position: relative; float: left; width: 33.33%; padding: 0 15px; box-sizing: border-box; }
.col-1-2{  position: relative; float: left; width: 50%; padding: 0 15px; box-sizing: border-box; }
.col-1-0{  position: relative; float: left; width: 25%; padding: 0 15px; box-sizing: border-box; }


.welcometxt{ position: relative; float: left; width: 100%; }
.welcometxt h1{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 40px; color: #000; }
.welcometxt h1 span{ display: inline-block; font-family: 'Arial'; font-weight: normal; font-size: 40px; color: #ff5050; }
.welcometxt p{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 20px; color: #3b281a; margin: 0; padding: 10px 0; }

.img-area{ position: relative; float: left; width: 100%; height: 320px; background: #888; display: flex; justify-content: center; align-items: center; overflow: hidden; }


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


.product-area{ position: relative; float: left; width: 100%; }
.product-area h2{ display: block; font-family: 'Arial'; font-weight: bold; font-size: 42px; color: #ff0003; }
.pro-list-area{ position: relative; float: left; width: 100%; padding: 15px 0; }
.proBx{ width: 100%; margin:0px ; position: relative; float: left; padding: 25px 0; }
.proBx h3{ display: block; font-family: 'Arial'; font-weight: bold; font-size: 24px; color: #ff5050; text-align: center; margin-bottom: 5px; }

.proBx-content{ position: relative; float: left; width: 100%; background: #e4655a url(../images/pow.png) no-repeat; background-position: bottom right; border: 1px solid #e4655a; border-radius: 15px; min-height: 350px; overflow: hidden; }
.proBx-content-inner{ position: relative; float: left; width: 100%; background: #fff; padding: 10px 20px; box-sizing: border-box; border-radius: 15px; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); }
.proBx-content-inner p{ display: block;  font-family: 'Arial'; font-weight: normal; font-size: 19px; color: #3b281a; margin: 0; }
.proBx-content-inner span{ display: block;  font-family: 'Arial'; font-weight: normal; font-size: 19px; color: #ef0808; }
.proBx-content-inner span a{ display: inline-block; text-decoration: none; font-family: 'Arial'; font-weight: normal; font-size: 19px; color: #ef0808; }
.proBx-content-inner h4{ display: block;  font-family: 'Arial'; font-weight: bold; font-size: 24px; color: #ef0808; padding: 15px 0; }

a.purcheBt{ display: inline-block; width: 150px; height: 62px; background: url(../images/bntBg.png) no-repeat; font-size: 16px; text-align: center; font-family: 'Arial'; padding: 35px 0px 0; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; box-sizing: border-box; margin: 15px 10px 0; }

.blues{}
.blues h3{ color: #00aeef; }
.blues .proBx-content{background: #00aeef url(../images/pow.png) no-repeat; background-position: bottom right; border: 1px solid #00aeef;}
.blues .proBx-content-inner h4{ color: #00aeef; }

.yellow{}
.yellow h3{ color: #f6ad1a; }
.yellow .proBx-content{background: #f6ad1a url(../images/pow.png) no-repeat; background-position: bottom right; border: 1px solid #f6ad1a;}
.yellow .proBx-content-inner h4{ color: #f6ad1a; }

.green{}
.green h3{ color: #77e75e; }
.green .proBx-content{background: #77e75e url(../images/pow.png) no-repeat; background-position: bottom right; border: 1px solid #77e75e;}
.green .proBx-content-inner h4{ color: #77e75e; }

.brown{}
.brown h3{ color: #d28a62; }
.brown .proBx-content{background: #d28a62 url(../images/pow.png) no-repeat; background-position: bottom right; border: 1px solid #d28a62;}
.brown .proBx-content-inner h4{ color: #d28a62; }


.pink{}
.pink h3{ color: #d765a4; }
.pink .proBx-content{background: #d765a4 url(../images/pow.png) no-repeat; background-position: bottom right; border: 1px solid #d765a4;}
.pink .proBx-content-inner h4{ color: #d765a4; }

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


.review-area{ position: relative; float: left; width: 100%;box-sizing: border-box; }
.review-area h2{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 48px; color: #ff5050; text-align: center; margin: 0; margin-bottom: 10px; text-transform: uppercase; }
.reviewBx{ position: relative; float: left; width: 100%; margin: 15px 0; border-bottom: 5px solid #f9a11d; }
.reviewBx h3{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 16px; color: #ff5050; padding: 5px 0; }
.reviewBx h3 span{ display: inline-block; font-family: 'Arial'; font-weight: normal; font-size: 16px; color: #ccc; }
.reviewBx p{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 17px; color: #3b281a; padding: 5px 0 15px; margin: 0; }
.reviewBx p a{ display: inline-block; font-family: 'Arial'; font-weight: normal; font-size: 15px; color: #e91010; line-height: 20px; text-decoration:none; }

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


.fullTxt{ position: relative; float: left; width: 100%; padding: 25px 0; }
.fullTxt h2{ display: block; font-family: 'Arial'; font-weight: bold; font-size: 40px; color: #e91010; text-align: left; margin: 0; }
.fullTxt h3{ display: block; font-family: 'Arial'; font-weight: bold; font-size: 40px; color: #fff; text-align: left; margin: 0; }
a.iocns{ position: absolute; top: calc(50% - 39px); right: 12%; }



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

.social-area{ position: relative; float: left; width: 310px; min-height: 545px; background: #f9a11d; padding: 25px; box-sizing: border-box; border-left: 1px solid #fff; }
.social-area h3{ display: block; font-family: 'Arial'; font-weight: bold; font-size: 52px; color: #fff; text-align: center; margin: 0; padding:50px 0; }
.social-area p{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 20px; color: #fff; text-align: center; margin: 0; padding:5px 0; }

.socialBx{ position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #fff; }
.socialBx a{ display: inline-block; width: 49%; text-align: center; padding: 25px 0; border-right: 1px solid #fff; text-decoration: none }
.socialBx a:nth-child(2){ border-right: none; }
.socialBx a .fa{ font-size: 70px; color: #fff; }
.socialBx a span{ display: block; font-family: 'Arial'; font-weight: normal; font-size: 14px; color: #fff; text-align: center; text-decoration: none; }


.videos-area{ position: relative; float: left; width: calc(100% - 310px); min-height: 545px; background: #aaaaaa; }
.videos-area iframe{ width: 100%; height: 545px; }

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

.fotter-area{ position: relative; float: left; width: 100%; padding: 50px 0 0; background: #404040; }

.ftlogo a{ display: inline-block; text-decoration: none; font-size: 32px; font-family: 'Futura Lt BT'; text-transform: uppercase; padding-left:70px; padding-top: 10px; color: #ff5050; margin: 0; }
.ftlogo a span{ display: inline-block; text-decoration: none; font-size: 32px; font-family: 'Futura BdCn BT'; text-transform: uppercase; padding:0; color: #ff5050; margin: 0; }

.lg{ position: absolute; left: 30px; top: 0; }

.each-col{ width: 100%; float: left; position: relative; text-align: center; padding: 15px 0; }
.each-col p{ display: block; text-align: left; font-family: 'Arial'; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; }
.each-col p a{ display: block; font-family: 'Arial'; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: underline; }


.each-col ul{ position: relative; float: left; width: 100%; padding: 0; margin: 0; }
.each-col ul li{ list-style-type: none; float: left; width: 100%; padding:0px; margin: 0; }
.each-col ul li a{ display: block; text-decoration: none; font-family: 'Arial'; font-size: 16px; color: #fff; font-weight: normal; text-align: left; text-decoration: none; padding:5px 0px; transition: all 0.3s; }
.each-col span{ display: block; text-align: left; font-family: 'Arial'; font-size: 20px; color: #fff; font-weight: normal; margin: 25px 0; }
.each-col h3{ display: block; text-align: left; font-family: 'Arial'; font-size: 24px; color: #fff; font-weight: bold; margin: 0px 0 25px; }


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



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