@charset "utf-8";

/* CSS Document */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 300;

  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

html, body {

    height: 100%;

	width:100%;

    font-size: 16px;

    color: #000;

    font-family: "Roboto", sans-serif;

    vertical-align: baseline;

    display: block;

    margin: 0px;

    padding: 0px;

    scroll-behavior: smooth;

    /* overflow: auto;

	-webkit-text-size-adjust: auto; */

}

html {

    scroll-behavior: smooth;

}

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-track {

    background-color: #ebebeb;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #242424; 

}

ul,label{

	margin:0;

	padding:0;

}

body a {

	text-decoration:none;

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

a:active,a:hover,a:focus {outline: none; text-decoration: none;}

.container-fluid{

	width:100%;

	padding-left:0px;

	padding-right:0px;

	margin-left:0px;

	margin-right:0px;

}

button:focus {outline: none;}

:before,

:after {

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



/***********============================================== header_topbar =====================================================***********/

@media only screen and (max-width: 600px) {.header_topbar{padding:10px 20px 20px 20px;}}

@media only screen and (min-width: 600px) {.header_topbar{padding:10px 20px 20px 20px;}}

@media only screen and (min-width: 768px) {.header_topbar{padding:10px 20px;}} 

@media only screen and (min-width: 992px) {.header_topbar{padding:10px 50px 10px 50px;}} 

@media only screen and (min-width: 1200px) {.header_topbar{padding:10px 100px 10px 100px;}}

@media only screen and (min-width: 1500px) {.header_topbar{padding:10px 160px 10px 160px;}}

.header_topbar .mt10{margin-top:13px;}

.header_topbar .mt15{margin-top:15px;}

.header_topbar .mt30{margin-top:30px;}

.header_topbar .mt5{margin-top:8px;}

.header_topbar{

    position: relative;

    font-weight: 400;

    display:block;

    z-index:9;

    font-size: 15px;

    background: #242424;

}

.header_topbar p{

    font-family: 'Poppins', sans-serif;

    position: relative;

    display: block;

    padding-left: 5px;

    font-size: 13px;

    line-height: 26px;

    color: #fff;

    font-weight: 400;

    margin-bottom: 0px;

    text-transform: uppercase;

}

.header_topbar p .flaticon{color: #ccc; font-size: 18px; padding-right: 10px;}

.header_topbar .links li{

    font-family: 'Poppins', sans-serif;

    color: #fff;

    position: relative;

    display: inline-block;

    font-size: 13px;

    line-height: 26px;

    padding-left: 22px;

    font-weight: 500;

    text-transform: capitalize;

    margin-right: 20px;

}

.header_topbar .links li a{color:#fff; font-weight:400;}

.header_topbar .links li:before{

    position: absolute;

    content: '';

    background-color: rgba(255, 255, 255, 0.15);

    width: 1px;

    height: 22px;

    top: 2px;

    right: -23px;

}

.header_topbar .links li .fa{color: #fff; font-size:14px; font-weight:400; padding-right:10px;}

.header_topbar .social:last-child{margin-bottom: 0;}

.header_topbar .social{padding-top: 4px;}

.header_topbar .social li{

    display: inline-block;

    float: left;

    border-bottom: none;

    border-right: none;

    border-top: none;

    width: 40px;

    line-height:40px;

}

.header_topbar .social li a{color:#fff;}

.header_topbar .social li a i{font-size: 16px;} 

/***********============================================== header_topbar =====================================================***********/



/***********============================================== header_bottom =====================================================***********/

@media only screen and (max-width: 600px) {.header_bottom{padding: 15px 0px 0px 0px;} .header_bottom .logo img{width: 55%; height: 55%;} #cssmenu .pull-right{padding-top:10px;}}

@media only screen and (min-width: 600px) {.header_bottom{padding: 15px 0px 0px 0px;} .header_bottom .logo img{width: 55%; height: 55%;} #cssmenu .pull-right{padding-top:10px;}}

@media only screen and (min-width: 768px) {.header_bottom{padding: 0px 20px 0px 20px;} .header_bottom .logo img{width: 90%; height: 90%;} #cssmenu .pull-right{padding-top:10px;}} 

@media only screen and (min-width: 992px) {.header_bottom{padding: 0px 20px 0px 20px;} .header_bottom .logo img{width: 100%; height: 100%;} #cssmenu .pull-right{padding-top:10px;}} 

@media only screen and (min-width: 1200px) {.header_bottom{padding: 0px 50px 0px 50px;} .header_bottom .logo img{width: 100%; height: 100%;} #cssmenu .pull-right{padding-top:10px;}}

@media only screen and (min-width: 1500px) {.header_bottom{padding: 5px 15px 5px 15px;} .header_bottom .logo img{width: 100%; height: 100%;} #cssmenu .pull-right{padding-top:20px;}}

.header_bottom{display:block; position:relative; z-index: 99; transition: all ease-in-out 0.5s;}

.header_bottom .mt30{margin-top:30px;}

.header_bottom .mt15{margin-top:15px;}

.header_bottom .mt20{margin-top:25px;}

.header_bottom .mt10{margin-top:13px;}

.header_bottom .mt5{margin-top:5px;}

.header_bottom .flaticon{

	font-weight: 400;

    font-size: 24px;

    color: #242424;

}

.bg-dark{

    background-color: #240f00e0 !important;

}



header{position:relative; width:100%; font-size:16px; font-weight:400; font-family: 'Poppins', sans-serif; }

nav{position:relative;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{font-family: 'Poppins', sans-serif;}

#cssmenu > ul {padding-left:0px;}

#cssmenu > ul > li{float:left;z-index:1000;}

#cssmenu > ul > li.active > a{color:#fff !important; font-size:16px; font-weight: 600;}

#cssmenu > ul > li > a{padding:17px 17px;font-size:16px; display:block; text-decoration:none; text-transform:uppercase; font-weight: 500; color:#fff; font-family: 'Poppins', sans-serif;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:23px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:20px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

#cssmenu ul ul{position:absolute;left:-9999px;background: #fff none repeat scroll 0 0;

    box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);

    -webkit-box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);}

#cssmenu ul ul li{height:0; -webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%;top:0; border-radius:3px;}

#cssmenu ul ul li a{padding:10px 10px; width:220px; font-size:14px; text-decoration:none; color:#242424; font-weight:400; text-align:left;

 font-family: 'Poppins', sans-serif; text-transform: capitalize;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#242424;}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:18px;right:11px;width:8px;height:2px;display:block;background:#242424;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:15px;right:14px;display:block;width:2px;height:8px;background:#242424;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff; color:#242424;}

#cssmenu ul ul ul li.active a{border-left:1px solid #242424;}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #242424;}



@media screen and (max-width:1000px){

.navbar{padding:0px 0px !important; transition: all ease-in-out 0.5s;}

.header_bottom{background:#242424;}

.navigation header{padding:10px 0px 10px 0px !important; margin-top:0px; border-top:1px solid #fff;}

header{background:#242424; font-family: 'Poppins', sans-serif; padding:15px 0px 10px 0px; }

nav{width:100%; background:#242424;}

#cssmenu{width:100%;}

#cssmenu ul{width:100%;display:none; background:#242424; margin-top:0px; padding-left:0px;}

#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#242424;}

#cssmenu > ul > li.active > a{color:#fff !important;}

#cssmenu > ul > li > a{padding:17px;font-size:16px; display:block; text-decoration:none; text-transform:uppercase;font-weight:400; color:#fff; font-family: 'Poppins', sans-serif; text-align:left;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}

#cssmenu ul li:hover{background:#ccc;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;background:#242424;}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background: #242424;  /* fallback for old browsers */}

#cssmenu ul ul li:hover{background:#242424!important; color:#fff;}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{color:#fff;background:none; font-size:16px; font-weight:400;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:15px;font-weight:700}

.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; margin-top:0px; background:#242424;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:3px;width:20px;background:#fff;content:''}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#242424;}

#cssmenu ul ul .submenu-button{height:34px;width:34px}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#fff}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

}

.pl{padding-left:0px;} .pr{padding-right:0px; }

/***********============================================== header_bottom =====================================================***********/



/***********============================================== slider =====================================================***********/

@media only screen and (max-width: 600px) {

	.slider{margin-top:150px;} 

	.slider .carousel-caption{top:22%; text-align:center; margin-left: 0px;} 

	.slider .carousel-caption .h2{font-size: 22px; line-height: 30px; font-weight: 600; width: 40%;}

    .slider .carousel-item:after {display: none;}

    .slider .carousel-indicators {display: none;}

}

@media only screen and (min-width: 600px) {

	.slider{margin-top:150px;} 

	.slider .carousel-caption{top:22%; text-align:center; margin-left: 0px;} 

	.slider .carousel-caption .h2{font-size: 22px; line-height: 30px; font-weight: 600; width: 50%;}

    .slider .carousel-item:after {display: none;}

    .slider .carousel-indicators {display: none;}

}

@media only screen and (min-width: 768px) {

	.slider{margin-top:0px;} 

	.slider .carousel-caption{top:28%; text-align:left; margin-left: 0px;} 

	.slider .carousel-caption .h2{font-size: 54px; line-height: 68px; width:54%; font-weight: 800;}

    .slider .carousel-item:after {display: block;}

    .slider .carousel-indicators {display: flex;}

} 

@media only screen and (min-width: 992px) {

	.slider{margin-top:0px;} 

	.slider .carousel-caption{top:28%; text-align:left; margin-left: 0px;} 

	.slider .carousel-caption .h2{font-size: 100px; line-height: 100px; width:54%; font-weight: 800;}

    .slider .carousel-item:after {display: block;}

    .slider .carousel-indicators {display: flex;}

} 

@media only screen and (min-width: 1200px) {

	.slider{margin-top:0px;} 

	.slider .carousel-caption{top:22%; text-align:left; margin-left: 0px;} 

	.slider .carousel-caption .h2{font-size: 116px; line-height: 112px; width:54%; font-weight: 800;}

    .slider .carousel-item:after {display: block;}

    .slider .carousel-indicators {display: flex;}

}

@media only screen and (min-width: 1500px) {

	.slider{margin-top:0px;} 

	.slider .carousel-caption{top:30%; text-align:left; margin-left: 0px;} 

	.slider .carousel-caption .h2{font-size: 116px; line-height: 112px; width:54%; font-weight: 800;}

    .slider .carousel-item:after {display: block;}

    .slider .carousel-indicators {display: flex;}

}

.slider .carousel-caption{

	position:absolute;

	left:0%;

    right: 0%;

}

.slider .carousel-caption .h5{

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    color: #fff;

    text-transform: uppercase;

}

.slider .carousel-caption .h2{

    font-family: 'Ubuntu', sans-serif;

    text-transform: capitalize;

    letter-spacing: 0px;

    font-weight: 500;

    position: relative;

    display: inline-block;

    /*transform-origin: 50% 50%;

    opacity: 1;

    -webkit-text-stroke: 2px #fff;

    transform: translate(0px, 0px);

    color: transparent; */

    text-shadow: rgba(0, 0, 0, 0.25) 5px 5px 5px;

}

.slider .carousel-caption .btn{

	font-family: 'Poppins', sans-serif;

    padding: 5px 35px;

    font-size: 16px;

    color: #222;

    margin-top: 30px;

    font-weight: 500;

    text-transform: capitalize;

    border-radius: 0px;

    background-color: rgba(255, 255, 255, 0.2);

    border: 1px solid #fff;

}

.slider .carousel-caption .btn:hover{background: #fff; color: #1e4483;}	

.slider .carousel-fade .carousel-item {

    display: block;

    opacity: 0;

    transition: opacity ease-out 1.7s;

    left: 0;

    top: 0;

    position: absolute;

}

.slider .carousel-fade .carousel-item.active {opacity: 1 !important;}

.slider .carousel-fade .carousel-item:first-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.slider .carousel-fade .carousel-item:second-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.slider .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}



/* Animation delays */

.slider .carousel-caption h3:first-child {

	animation-delay: 1s;

}

.slider .carousel-caption h3:nth-child(2) {

	animation-delay: 2s;

}

.slider .carousel-caption button {

	animation-delay: 3s;

}

.slider .carousel-caption img {

	animation-delay: 4s;

}

/***********============================================== slider =====================================================***********/



/***********============================================== section1 =====================================================***********/

@media only screen and (max-width: 600px) {.section1{padding:50px 20px 80px 20px; text-align:left;}}

@media only screen and (min-width: 600px) {.section1{padding:50px 20px 80px 20px; text-align:left;}}

@media only screen and (min-width: 768px) {.section1{padding:50px 20px 80px 20px; text-align:left;}} 

@media only screen and (min-width: 992px) {.section1{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.section1{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.section1{padding:50px 160px 80px 160px; text-align:left;}}

.section1{position: relative;}

.section1 .mt30{margin-top:30px;}

.section1 .mt15{margin-top:15px;}

.section1 .block .img{

    display: inline-block;

    position: relative;

    overflow: hidden;

    vertical-align: top;

}

.section1 .block img {

    backface-visibility: hidden;

    filter: alpha(opacity=100);

    -webkit-transition: opacity 1s ease 0s,transform 1s ease 0s;

    transition: opacity 1s ease 0s,transform 1s ease 0s

}

.section1 .block:hover img {

    filter: alpha(opacity=80);

    transform: scale3d(1.1,1.1,1)

}

.section1 .overlaycontent{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 20px;

}

.section1 .info{

    height: 100%;

    display: flex;

    align-items: flex-end;

    padding: 25px 30px;

    position: relative;

    overflow: hidden;

}

.section1 .info:before{

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%) scale(1.1);

    transform: translate(-50%,-50%) scale(1.1);

    border: 2px solid #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}

.section1 .content{

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: translateY(15px);

    transform: translateY(15px);

}

.section1 h3{

    font-family: 'Cormorant Garamond', serif;

    margin: 0 0 10px;

    color: #fff;

    text-transform: uppercase;

    font-size: 26px;

    font-weight: 500;

    letter-spacing: 1.5px;

}

.section1 .readmore{

    font-size: 10px;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 1.5px;

    font-weight: 500;

    padding-bottom: 5px;

    opacity: 0;

    visibility: hidden

}

.section1 .readmore:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 2px;

    background: #fff;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}

.section1 .block:hover .info:before {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(-50%,-50%) scale(1);

    transform: translate(-50%,-50%) scale(1)

}

.section1 .block:hover .content {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}

.section1 .block:hover .readmore {

    opacity: 1;

    visibility: visible

}

/***********============================================== section1 =====================================================***********/



/***********============================================== section2 =====================================================***********/

@media only screen and (max-width: 600px) {.section2{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.section2{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.section2{padding:50px 20px 80px 15px; text-align:left;}} 

@media only screen and (min-width: 992px) {.section2{padding:50px 50px 80px 15px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.section2{padding:50px 80px 80px 15px; text-align:left;}}

@media only screen and (min-width: 1500px) {.section2{padding:50px 130px 80px 15px; text-align:left;}}

.section2 .mt30{margin-top:30px;}

.section2 .mt15{margin-top:15px;}

.section2 h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.section2 h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.section2 p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: left;

}

.section2 .btn{

	font-family: 'Poppins', sans-serif;

    margin-top: 20px;

    margin-bottom: 20px;

    border-radius: 0px;

    border: 1px solid #fff;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 45px;

    letter-spacing: 4px;

    fill: #FFFFFF;

    color: #FFFFFF;

    background-color: #000000;

    border-radius: 0px 0px 0px 0px;

    padding: 0px 40px 0px 40px;

}

.section2 .btn:hover{background: #1e4483; color: #fff;}	

/***********============================================== section2 =====================================================***********/



/***********============================================== section3 =====================================================***********/

@media only screen and (max-width: 600px) {.section3{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.section3{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.section3{padding:50px 20px 80px 20px; text-align:left;}} 

@media only screen and (min-width: 992px) {.section3{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.section3{padding:50px 80px 80px 80px; text-align:left;}}

@media only screen and (min-width: 1500px) {.section3{padding:50px 130px 80px 130px; text-align:left;}}

.section3 .mt30{margin-top:30px;}

.section3 .mt15{margin-top:15px;}

.section3 h2{

    font-family: 'Poppins', sans-serif;

    text-align: center;

    color: #000000;

    font-size: 22px;

    font-weight: 600;

    text-transform: uppercase;

}

.section3 .post-slide{margin: 0 15px;}

.section3 .block{

    font-family: 'Poppins', sans-serif; 

    padding: 10px;

    background-color: #f5f5f5;

}

.section3 .block .product-discount-label,

.section3 .block .product-hot-label{

    color: #fff;

    background: #e98612; 

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 1.2px;

    text-transform: capitalize;

    padding: 3px 10px 2px;

    border-radius: 30px;

    position: absolute;

    top: 10px;

    left: 10px;

    z-index: 1;

    transition: all 0.3s ease 0s;

}

.section3 .block .product-hot-label{

    background: #000;

    left: auto;

    right: 10px;

}

.section3 .content{

    padding: 15px 10px;

}

.section3 h4{

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    color: #000;

}

.section3 p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    color: #868686;

    text-transform: uppercase;

    font-weight: 500;

}

.section3 p a{color: #868686;}

.section3 .block .price{

    color: #1e4483;

    font-size: 14px;

    font-weight: 600;

}

.section3 .block .price span{

    font-size: 12px;

    color: #868686;

    font-weight: 400;

    text-decoration: line-through;

}

/***********============================================== section3 =====================================================***********/



/***********============================================== section4 =====================================================***********/

@media only screen and (max-width: 600px) {.section4{padding:50px 15px 80px 15px; text-align:center;}}

@media only screen and (min-width: 600px) {.section4{padding:50px 15px 80px 15px; text-align:center;}}

@media only screen and (min-width: 768px) {.section4{padding:50px 15px 0px 15px; text-align:left;}} 

@media only screen and (min-width: 992px) {.section4{padding:50px 15px 0px 15px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.section4{padding:0px 15px 0px 15px; text-align:left;}}

@media only screen and (min-width: 1500px) {.section4{padding:50px 15px 0px 15px; text-align:left;}}

.section4 .mt30{margin-top:30px;}

.section4 .mt15{margin-top:15px;}

/* .section4 .sec4{

    background: url(../images/sec4back.jpg) no-repeat top/cover;

    padding: 70px 20px;

} */

.section4 h6{

    font-family: 'Poppins', sans-serif;

    color: #000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;
    text-align: center;

}

.section4 h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 60px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 20px;
    text-align: center;

}

.section4 p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    /* line-height: 26px; */

    color: #6E6765;

    text-align: center;

}
.section4 .pro-qua p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    /* line-height: 26px; */

    color: #8b8583;

    text-align: center;

}
.pro-qua ul {
    text-align: center;
    margin-left: 50px;
}
.section4 .btn{

	font-family: 'Poppins', sans-serif;

    margin-top: 20px;

    margin-bottom: 40px;

    border-radius: 0px;

    border: none;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 45px;

    letter-spacing: 4px;

    fill: #000;

    color: #FFFFFF;

    background-color: #000000;

    border-radius: 0px 0px 0px 0px;

    padding: 0px 40px 0px 40px;

}

.section4 .btn:hover{background: #1e4483; color: #fff;}	

/***********============================================== section4 =====================================================***********/



/***********============================================== footer =====================================================***********/

@media only screen and (max-width: 600px) {.footer{padding:50px 20px 80px 20px;} .footer-copy {padding: 20px 10px 100px 10px;} .footer .flaticon{display:none;}}

@media only screen and (min-width: 600px) {.footer{padding:50px 20px 80px 20px;} .footer-copy {padding: 20px 10px 100px 10px;} .footer .flaticon{display:none;}}

@media only screen and (min-width: 768px) {.footer{padding:50px 20px 80px 20px;} .footer-copy {padding: 20px 10px 45px 10px;} .footer .flaticon{display:none;}} 

@media only screen and (min-width: 992px) {.footer{padding:50px 50px 80px 50px;} .footer-copy {padding: 20px 50px 45px 50px;} .footer .flaticon{display:block;}} 

@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 80px 100px;} .footer-copy {padding: 20px 100px 45px 100px;} .footer .flaticon{display:block;}}

@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 80px 160px;} .footer-copy {padding: 20px 150px 45px 150px;} .footer .flaticon{display:block;}}

.footer{position: relative; background-color: #000;}

.footer .mt15{margin-top:15px;}

.footer .mt30{margin-top:30px;}

.footer h3{

    font-family: 'Poppins', sans-serif;

    position: relative;

    display: block;

    text-transform: uppercase;

    font-size: 18px;

    line-height: 34px;

    font-weight: 700;

    padding-bottom: 10px;

    margin-top: 0px;

    margin-bottom: 20px;

    color: #99533d;

    letter-spacing: 1.5px;

    border-bottom: 1px solid #e0dfdf;
}

.footer p{

    font-family: 'Poppins', sans-serif;

    position: relative;

    display: block;

    color: #BFBEBE;

    font-size: 14px;

    padding-bottom: 0px;

    line-height: 28px;

      font-weight: 400;

}

.footer .social{margin-top:10px;}

.footer .social li{

    display:inline-block;

    line-height:28px;

    padding:0 3px;

}

.footer .social li .fa{ 

    color: #000;

    font-size: 16px;

    margin-right: 5px;

    margin-top: 20px;

    text-align: center;

    width: 40px;

    height: 40px;

    background:#fff; 

    border-radius: 30px;

    line-height: 40px;

    margin-bottom:20px;

}

.footer .social li:hover .fa{background: #222; color:#fff;}

.footer .link li{

    font-family: 'Poppins', sans-serif;

    list-style:none;

    line-height:32px;

    margin:0px 0px 5px 0px;

}

.footer .link li a:hover{

    color: #fff;

}

.footer .link li a{

    font-family: 'Poppins', sans-serif;

    position:relative;

    color: #BFBEBE;

    font-size: 14px;

    padding-left: 0px;

    font-weight: 400;

    padding-top:10px;

}

.footer .cnct li{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    margin-bottom: 10px;

    list-style:none;

}

.footer .cnct li .flaticon{

    font-family: flaticon !important;

    color: #fff;

    font-size: 20px;

    margin-right: 18px;

    display: inline-block;

}

.footer .cnct li span{

    font-family: 'Poppins', sans-serif;

    font-size:14px;

    margin:0;

    padding-bottom:5px;

    padding:0;

    color: #BFBEBE;

    display: inline-block;

}

.footer .cnct li a{color: #BFBEBE;}

.footer-copy {

    font-family: 'Poppins', sans-serif;

    background: #000;

    font-size:15px;

    font-weight:400;

    margin:0;

    border-top: 1px solid #ccc;

}

.footer-copy p {

    color: #666;

    text-align: left;

}

.footer-copy p a {color: #666;}

.wp{

	position:fixed;

	width:55px;

	height:55px;

	bottom:20px;

	right:20px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  	font-size:30px;

	box-shadow: 2px 2px 3px #999;

  	z-index:100;

}

.wp:hover .fa{color:#fff;}

.wp a{color:#FFF;}

.my-float{margin-top:14px;}

/***********============================================== footer =====================================================***********/



/***********============================================== banner =====================================================***********/

@media only screen and (max-width: 600px) {

	.banner{margin-top:0px;} 

	.banner .carousel-caption{top:40%; text-align:center; margin-left: 0px;} 

    .banner .carousel-item:after {display: none;}

    .banner .carousel-indicators {display: none;}

}

@media only screen and (min-width: 600px) {

	.banner{margin-top:0px;} 

	.banner .carousel-caption{top:40%; text-align:center; margin-left: 0px;} 

    .banner .carousel-item:after {display: none;}

    .banner .carousel-indicators {display: none;}

}

@media only screen and (min-width: 768px) {

	.banner{margin-top:-10px;} 

	.banner .carousel-caption{top:40%; text-align:left; margin-left: 0px;} 

    .banner .carousel-item:after {display: block;}

    .banner .carousel-indicators {display: flex;}

} 

@media only screen and (min-width: 992px) {

	.banner{margin-top:-10px;} 

	.banner .carousel-caption{top:50%; text-align:left; margin-left: 0px;} 

    .banner .carousel-item:after {display: block;}

    .banner .carousel-indicators {display: flex;}

} 

@media only screen and (min-width: 1200px) {

	.banner{margin-top:-120px;} 

	.banner .carousel-caption{top:50%; text-align:left; margin-left: 0px;} 

    .banner .carousel-item:after {display: block;}

    .banner .carousel-indicators {display: flex;}

}

@media only screen and (min-width: 1500px) {

	.banner{margin-top:-120px;} 

	.banner .carousel-caption{top:50%; text-align:left; margin-left: 0px;} 

    .banner .carousel-item:after {display: block;}

    .banner .carousel-indicators {display: flex;}

}

.banner .carousel-caption{

	position:absolute;

	left:0%;

    right: 0%;

}

.banner .carousel-caption .h5{

    font-family: 'Ubuntu', sans-serif;

    text-transform: capitalize;

    font-size: 30px;

    line-height: 26px;

    font-weight: 500;

    color: #fff;

    text-shadow: rgba(0, 0, 0, 0.25) 5px 5px 5px;

}

.banner .carousel-caption .h2{

    font-family: 'Ubuntu', sans-serif;

    text-transform: capitalize;

    letter-spacing: 0px;

    font-weight: 500;

    position: relative;

    display: inline-block;

    /*transform-origin: 50% 50%;

    opacity: 1;

    -webkit-text-stroke: 2px #fff;

    transform: translate(0px, 0px);

    color: transparent; */

    text-shadow: rgba(0, 0, 0, 0.25) 5px 5px 5px;

}

.banner .carousel-fade .carousel-item {

    display: block;

    opacity: 0;

    transition: opacity ease-out 1.7s;

    left: 0;

    top: 0;

    position: absolute;

}

.banner .carousel-fade .carousel-item.active {opacity: 1 !important;}

.banner .carousel-fade .carousel-item:first-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.banner .carousel-fade .carousel-item:second-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.banner .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}



/* Animation delays */

.banner .carousel-caption h3:first-child {

	animation-delay: 1s;

}

.banner .carousel-caption h3:nth-child(2) {

	animation-delay: 2s;

}

.banner .carousel-caption button {

	animation-delay: 3s;

}

.banner .carousel-caption img {

	animation-delay: 4s;

}

/***********============================================== banner =====================================================***********/



/***********============================================== about_page =====================================================***********/

@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.about_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 0px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.about_page{padding:50px 160px 80px 160px; text-align:left;}}

.about_page .mt30{margin-top:30px;}

.about_page .mt15{margin-top:15px;}

.about_page h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.about_page h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.about_page p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: justify;

}

.about_page h5{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 900;

    font-size: 20px;

    line-height: 30px;

    color: #000;

    text-transform: uppercase;

}

.about_page ul li{

	font-family: 'Poppins', sans-serif;

	font-size: 14px;

    font-weight: 400;

	line-height:27px;

	color:#868686;

    margin-top: 0px;

    list-style: none;

    margin-bottom: 10px;

}

.about_page ul li:before{

    content: "\f192";

    font-family: 'Fontawesome';

    color: #000;

    font-size: 16px;

    padding-right: 10px;

}

.about_page .btn{

	font-family: 'Poppins', sans-serif;

    margin-top: 20px;

    margin-bottom: 20px;

    border-radius: 0px;

    border: 1px solid #fff;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 45px;

    letter-spacing: 4px;

    fill: #FFFFFF;

    color: #FFFFFF;

    background-color: #000000;

    border-radius: 0px 0px 0px 0px;

    padding: 0px 40px 0px 40px;

}

.about_page .btn:hover{background: #1e4483; color: #fff;}	

/***********============================================== about_page =====================================================***********/



/***********============================================== product_page =====================================================***********/

@media only screen and (max-width: 600px) {.product_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.product_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.product_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.product_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.product_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.product_page{padding:50px 160px 80px 160px; text-align:left;}}

.product_page .mt30{margin-top:30px;}

.product_page .mt15{margin-top:15px;}

.product_page h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.product_page h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.product_page p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: left;

}

.product_page .img img{border-radius: 12px 12px 0px 0px;}

.product_page .content{

    background-color: #fcfcfc;

    border: 1px solid #eee;

    padding: 25px 10px;

    text-align: center;

}

.product_page h4{

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 600;

    color: #000;

}

.product_page h5{

    font-family: 'Poppins', sans-serif;

    color: #777;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin: 0 auto;

}

.product_page h5 a{color: #777;}

/***********============================================== product_page =====================================================***********/



/***********============================================== product_inner_page =====================================================***********/

@media only screen and (max-width: 600px) {.product_inner_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.product_inner_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.product_inner_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.product_inner_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.product_inner_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.product_inner_page{padding:50px 160px 80px 160px; text-align:left;}}

.product_inner_page .mt30{margin-top:30px;}

.product_inner_page .mt15{margin-top:15px;}

.product_inner_page h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.product_inner_page h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.product_inner_page p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: left;

    margin-bottom: 0px;

}

.product_inner_page p strong{font-weight: 500; font-size: 16px; text-transform: uppercase; color: #444;}

.product_inner_page .img img{border-radius: 12px 12px 0px 0px;}

.product_inner_page .content{

    background-color: #fcfcfc;

    border: 1px solid #eee;

    padding: 25px 10px;

    text-align: center;

}

.product_inner_page h4{

    font-family: 'Poppins', sans-serif;

    font-size: 24px;

    text-transform: uppercase;

    font-weight: 600;

    color: #000;

}

.product_inner_page h5{

    font-family: 'Poppins', sans-serif;

    color: #777;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin: 0 auto;

}

.product_inner_page h5 a{color: #777;}

.product_inner_page table {

    font-family: "Poppins", sans-serif;

    border-collapse: collapse;

    width: 100%;

    border-radius: 8px;

    box-shadow: 0 0 .5em #999;

    font-weight: 100;

    font-size:16px;

    margin-top:30px;

}

.product_inner_page thead {

    font-family: "Poppins", sans-serif;

    font-weight: 100;

    text-transform:capitalize;

}

.product_inner_page th {

    font-family: "Poppins", sans-serif;

    /*background: linear-gradient(#c4d5e8, #c4d5e8);*/

    background: linear-gradient(#222, #111);

    padding:10px 20px;

    font-weight:500; 

    color:#fff;

    white-space: nowrap;

    font-size:18px;

    line-height:26px;  

    border-bottom: 1px solid #e1e1e1;

}

.product_inner_page th span{

      font-size:15px; 

      font-weight:400;

}

.product_inner_page tr{

    overflow: hidden;

    padding:0px 20px;

}

.product_inner_page td{color:#777; padding:10px 20px; font-size:14px; font-weight:400; font-family: "Poppins", sans-serif;}

.product_inner_page td strong{ font-weight:600; color:#777;}

.product_inner_page tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}

.product_inner_page tr:nth-child(even) {background: linear-gradient(#ddd 1px, #f5f5f5 1px, #dcdcdc calc(100% - 1px), #ddd calc(100% - 1px));}

/***********============================================== product_inner_page =====================================================***********/



/***********============================================== quality_page =====================================================***********/

@media only screen and (max-width: 600px) {.quality_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.quality_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.quality_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.quality_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.quality_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.quality_page{padding:50px 160px 80px 160px; text-align:left;}}

.quality_page .mt30{margin-top:30px;}

.quality_page .mt15{margin-top:15px;}

.quality_page h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.quality_page h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.quality_page p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: left;

}

.quality_page ul li{

	font-family: 'Poppins', sans-serif;

	font-size: 14px;

    font-weight: 400;

	line-height:27px;

	color:#868686;

    margin-top: 0px;

    list-style: none;

    margin-bottom: 10px;

}

.quality_page ul li:before{

    content: "\f192";

    font-family: 'Fontawesome';

    color: #000;

    font-size: 16px;

    padding-right: 10px;

}

.quality_page .box{

    border: 1px solid #eee;

    padding: 25px;

    background-color: #fcfcfc;

    border-radius: 8px;

}

/***********============================================== quality_page =====================================================***********/



/***********============================================== enquiry_page =====================================================***********/

@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 160px 80px 160px; text-align:left;}}

.enquiry_page .mt30{margin-top:30px;}

.enquiry_page .mt15{margin-top:15px;}

.enquiry_page{background: url(../images/enquiryback.png) no-repeat top/cover;}

.enquiry_page h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.enquiry_page h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.enquiry_page p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: left;

}

.enquiry_page .form-control{background: rgba(255,255,255,0.9);}

.enquiry_page .form-horizontal .form-content{padding: 30px 5px 0px 5px;}

.enquiry_page .form-horizontal .form-control{

    font-family: 'Poppins', sans-serif;

    padding: 12px 16px 12px 39px;

    height: 50px;

    font-size: 14px;

    color: #010F1C;

    border: none;

    border: 2px solid #eee;

    border-radius: 10px;

    box-shadow: none;

    margin-bottom: 15px;

	background: #fff;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to left, #fff, #f5f5f5);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to left, #fff, #f5f5f5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.enquiry_page .form-horizontal .form-control:focus{

    border-color: #ccc;

    box-shadow: none;

	outline: none;

}

.enquiry_page .form-horizontal .control-label{

    font-size: 17px;

    color: #ccc;

    position: absolute;

    top: 5px;

    left: 27px;

    text-align: center;

}

.enquiry_page .form-horizontal .control-label .fa{ padding-top:10px;}

.enquiry_page .form-horizontal textarea.form-control{

    resize: vertical;

    height: 130px;

}

.enquiry_page .btn{

	font-family: 'Poppins', sans-serif;

    margin-top: 20px;

    margin-bottom: 20px;

    border-radius: 0px;

    border: 1px solid #fff;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 45px;

    letter-spacing: 4px;

    fill: #FFFFFF;

    color: #FFFFFF;

    background-color: #000000;

    border-radius: 0px 0px 0px 0px;

    padding: 0px 40px 0px 40px;

}

.enquiry_page .btn:hover{background: #1e4483; color: #fff;}	

/***********============================================== enquiry_page =====================================================***********/



/***********============================================== contact_page =====================================================***********/

@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 80px 20px; text-align:center;}}

@media only screen and (min-width: 768px) {.contact_page{padding:50px 30px 80px 30px; text-align:left;}} 

@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 80px 50px; text-align:left;}} 

@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 80px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.contact_page{padding:50px 160px 80px 160px; text-align:left;}}

.contact_page .mt30{margin-top:30px;}

.contact_page .mt15{margin-top:15px;}

.contact_page h6{

    font-family: 'Poppins', sans-serif;

    color: #000000;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 6px;

    margin-top: 30px;

}

.contact_page h2{

    font-family: 'Cormorant Garamond', serif;

    font-weight: 500;

    font-size: 50px;

    line-height: 60px;

    color: #000;

    text-transform: uppercase;

}

.contact_page p{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: left;

}



:root{

    --white:#fff;

    --color: #000;

}

.contact_page .serviceBox{

    color: #777;

    /* background: var(--color); */

    font-family: 'Poppins', sans-serif;

    text-align: center;

    padding: 80px 20px 30px;

    border-radius: 10px 10px;

    position: relative;

    margin: 80px auto 0;

    z-index: 1;
    min-height: 218px;

}

.contact_page .serviceBox:before{

    content: "";

    background: var(--white);

    width: calc(100% - 15px);

    height: calc(100% + 40px);

    border-radius: 10px 10px;

    box-shadow: 0 0 8px rgba(0,0,0,0.4);

    transform: translateX(-50%) translateY(-50%);

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: -1;

}

.contact_page .serviceBox .service-icon{

    color: var(--color);

    background: #681a08;

    font-size: 30px;

    line-height: 100px;

    height: 100px;

    width: 100px;

    border-radius: 10px 10px;

    /* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); */

    transform: translateX(-50%);

    position: absolute;

    top: -65px;

    padding-top: 35px;

    left: 50%;

    margin: 0 auto;

} 

.contact_page .serviceBox .service-icon:before{

    content: "";

    background: var(--white);

    width: calc(100% - 30px);

    height: calc(100% - 30px);

    border-radius: 50%  50%;

    transform: translateX(-50%) translateY(-50%);

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: -1;

}

.contact_page .serviceBox .title{

    color: var(--color);

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 0 0 7px;

}

.contact_page .serviceBox .description{

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 26px;

    color: #868686;

    text-align: center;

    margin: 0 auto;

}

.contact_page .serviceBox .description a{color: #868686;}

@media only screen and (max-width: 990px){

    .contact_page .serviceBox{ margin: 80px auto 100px; }

}

.map {

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}

/***********============================================== contact_page =====================================================***********/

/* Header style */
.header {
    
    background-color: rgb(31 6 6);
    color: white;
    padding: 5px 0;
  }

.header-content {
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%; */
    margin: 0 auto;
  }
  
  .contact-details {
    /* font-size: 12px;
    margin: 0; */
  }
  
  .social-media {
    text-align: right;
  }
  
  .social-link {
    color: white;
    text-decoration: none;
    font-size: 13px;
    margin-right: 20px;
  }
  
  .social-link:hover {
    text-decoration: underline;
  }

/* Add to your existing CSS */
#navbar_top {
    transition: transform 0.3s ease-in-out; /* Smooth transition for hiding/showing header */
}

.img-about img {
    height: 400px;
    width: 100%;
}

.pro-qua {
    /* border: 1px solid #fff; */
    padding: 0 20px 20px;
    /* margin: 15px 0; */
    border-radius: 10px;
    min-height: 300px;
    text-align: center;
}
.pro-qua li {
    list-style-type: none;
    font-size: 14px;
}
.qua-tit {
    text-align: center;
    color: #3a1101;
    font-size: 20px;
}
.number-qua {
    text-align: center;
    padding: 5px;
    background-color: #fff;
}
.section1 p {
    margin: 0 0 10px;
    color: #f7d8c8;
    font-size: 15px;
    letter-spacing: 1.5px;
}
.padd-sec1 {
    padding: 0 100px 100px;
}

/* Styles for the loader */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#loader img {
    width: 100px;
    height: 100px;
}

/* Style for the main content */
#content {
    display: none;
}
.pro-qua .image-box:before {
    position: absolute;
    right: 30px;
    top: 100px;
    height: 49px;
    width: 107px;
    background-image: url(../images/gray-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}
.pro-qua .image-box2:before {
    position: absolute;
    right: 30px;
    top: 100px;
    height: 49px;
    width: 107px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}
.pro-qua .image-box3:before {
    position: absolute;
    right: 75%;;
    top: 100px;
    height: 49px;
    width: 107px;
    background-image: url(../images/gray-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    transform: rotateY(180deg);
}
/* .pro-qua ul li:nth-child(odd) {
    color: #bb2e02;
} */
.pro-qua span {
    color: #6E6765;
}
.contact-details a{
    color: white;
    font-size: 12px;
}
.contact-details .phone{
    margin-left: 25px;
}



/*Packing and container Start */
.packaging-pg th{background: #0093dd;color: white;}
.packaging-pg  td, .packaging-pg  th{border: solid 1px #d1d1d1;border-style: none solid solid solid;padding: 10px;}
/*Packing and container End */


.packaging-pg01 table td, .packaging-pg01 table th,.packaging-pg01 .wp-block-table td, .packaging-pg01 .wp-block-table th{border: none;}
.packaging-pg01 table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 350px;
}
.packaging-pg01 table tr th,
.packaging-pg01 table tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.packaging-pg01 table tr th:first-child,
.packaging-pg01 table tr td:first-child {
  border-left: 1px solid #bbb;
}
.packaging-pg01 table tr th {
  background: #2e1502e0;
  border-top: 1px solid #bbb;
	color: white;
  text-align: left;
}

/* top-left border-radius */
.packaging-pg01 table tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
.packaging-pg01 table tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.packaging-pg01 table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.packaging-pg01 table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

.packaging-pg01 th, .packaging-pg01 td {
  padding-left: 20px;
}

/* .pro-qua img {
    width: 300px;
} */
.ptb-100 {
    padding: 100px 0;
}
table td, table th, .wp-block-table td, .wp-block-table th {
    border: 1px solid;
    padding: 10px;
    font-size: 14px;
}
.garlic-pack {
    background-color: #3617020f;
}


#preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff; /* Dark background */
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    /* Logo animation container */
    .preloader-logo img {
        width: 400px;
        height: auto;
        animation: zoomInOut 1.5s infinite ease-in-out;
    }

    /* Zoom in-out keyframes */
    @keyframes zoomInOut {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2);
        }
    }


.popup {
    position: fixed;
    top: 30px;
    right: 30px;
    padding: 15px 25px;
    color: #fff;
    z-index: 9999;
    border-radius: 5px;
    font-size: 16px;
    animation: fadein 0.5s, fadeout 1s 9s;
}
.popup.success { background-color: #28a745; }
.popup.error { background-color: #dc3545; }

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeout {
    from {opacity: 1;}
    to {opacity: 0;}
}