@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Bold.eot');
    src: url('fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Bold.woff2') format('woff2'),
        url('fonts/Barlow-Bold.woff') format('woff'),
        url('fonts/Barlow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Medium.eot');
    src: url('fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Medium.woff2') format('woff2'),
        url('fonts/Barlow-Medium.woff') format('woff'),
        url('fonts/Barlow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Regular.eot');
    src: url('fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Regular.woff2') format('woff2'),
        url('fonts/Barlow-Regular.woff') format('woff'),
        url('fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Light.eot');
    src: url('fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Light.woff2') format('woff2'),
        url('fonts/Barlow-Light.woff') format('woff'),
        url('fonts/Barlow-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Thin.eot');
    src: url('fonts/Barlow-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Thin.woff2') format('woff2'),
        url('fonts/Barlow-Thin.woff') format('woff'),
        url('fonts/Barlow-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}





@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-SemiboldIt.eot');
    src: url('SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-SemiboldIt.woff2') format('woff2'),
        url('SourceSansPro-SemiboldIt.woff') format('woff'),
        url('SourceSansPro-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-It.eot');
    src: url('SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-It.woff2') format('woff2'),
        url('SourceSansPro-It.woff') format('woff'),
        url('SourceSansPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-ExtraLight.eot');
    src: url('SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('SourceSansPro-ExtraLight.woff') format('woff'),
        url('SourceSansPro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-BlackIt.eot');
    src: url('SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-BlackIt.woff2') format('woff2'),
        url('SourceSansPro-BlackIt.woff') format('woff'),
        url('SourceSansPro-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Light.eot');
    src: url('SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-Light.woff2') format('woff2'),
        url('SourceSansPro-Light.woff') format('woff'),
        url('SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-BoldIt.eot');
    src: url('SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-BoldIt.woff2') format('woff2'),
        url('SourceSansPro-BoldIt.woff') format('woff'),
        url('SourceSansPro-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-ExtraLightIt.eot');
    src: url('SourceSansPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-ExtraLightIt.woff2') format('woff2'),
        url('SourceSansPro-ExtraLightIt.woff') format('woff'),
        url('SourceSansPro-ExtraLightIt.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Bold.eot');
    src: url('SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-Bold.woff2') format('woff2'),
        url('SourceSansPro-Bold.woff') format('woff'),
        url('SourceSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Black.eot');
    src: url('SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-Black.woff2') format('woff2'),
        url('SourceSansPro-Black.woff') format('woff'),
        url('SourceSansPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Semibold.eot');
    src: url('SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-Semibold.woff2') format('woff2'),
        url('SourceSansPro-Semibold.woff') format('woff'),
        url('SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-Regular.eot');
    src: url('SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-Regular.woff2') format('woff2'),
        url('SourceSansPro-Regular.woff') format('woff'),
        url('SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('SourceSansPro-LightIt.eot');
    src: url('SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),
        url('SourceSansPro-LightIt.woff2') format('woff2'),
        url('SourceSansPro-LightIt.woff') format('woff'),
        url('SourceSansPro-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}




body {
	font-family: 'Barlow';
	font-weight: normal;
	font-style: normal;
	font-size:15px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#313131;
	font-weight: 300 !important;
	
}

html {
  scroll-behavior: smooth;
}

div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, input, textarea, dl, dt, dd {
	padding : 0px 0px 0px 0px;
	margin : 0;
	font-weight:normal;
	vertical-align:baseline;
}
header, footer, section, nav, article, aside {
	display: block;
	padding : 0px 0px 0px 0px;
	margin : 0px;
	font-weight:normal;
	vertical-align:baseline;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
img {
	outline: none;
	border: none;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}
a {
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}
a:focus {
	outline: none;
	text-decoration: none;
}
.clr {
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
}
/* ------------------------------------------------------ main css ------------------------------------------------------*/

.wrapper {
	width:100%;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline:none;
	outline:none;
	outline-offset:-2px;
}
.carousel-control.left {
	background-image: none;
	background-repeat: repeat-x;
}
.carousel-control.right {
	background-image: none;
	background-repeat: repeat-x;
}
.circleRotate {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition:    all 1s ease-in-out;
	-o-transition:      all 1s ease-in-out;
	-ms-transition:     all 1s ease-in-out;
	cursor:pointer;
}
.circleRotate:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform:    rotate(360deg);
	-o-transform:      rotate(360deg);
	-ms-transform:     rotate(360deg);
}
.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: transparent;
	color: #eeeeee;
	width: 52px;
	height: 60px;
	line-height: 52px;
	right: 10px;
	bottom: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: transparent;
}
.scroll-top-wrapper.show {
	visibility:visible;
	cursor:pointer;
	opacity: 1.0;
}
.scroll-top-inner img {
	max-width: 100%;
}
.scroll-top-inner {
	line-height: 17px;
	width: 100%;
	display: inline-block;
	text-align: center;
}


.ovfh { overflow:hidden;}


/* ------------------------------------------------------ header css ------------------------------------------------------ */

.hpb { padding:0px 50px;}
.hpb2 { padding:0px 15px;}

.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	/*background-color:#3c3c3b;*/
	background-color:#44444c !important;
}

.menu_sec {
	position: relative;
	width: 100%;
}
.menu_sec .navbar-default {
	background-color: transparent;
	border-radius: 0;
	min-height: inherit;
	margin-bottom: 0;
	border: 0;
}
.navbar-collapse {
	padding: 0;
}
.navbar-brand {
	float: left;
	height: 57px;
	width:126px;
	font-size: 0;
	text-align: center;
	max-width: 100%;
	position: relative;
	margin:9px 0px;
	padding:0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navbar-brand img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.navbar-nav {padding: 0px 0px 0px 0px;	margin: 0 0px 0 0;	width: 100%;    text-align: center;}
.navbar-nav>li {padding: 0px 26px 0px  26px; float: none;  display: inline-block; margin:0px; font-family: 'Belleza';}

.navbar-nav {
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	text-align: center;
	float: none;
}

.navbar-right {float: none!important;}
	
.navbar-nav>li {
	padding: 30px 20px 0px 20px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	float: none;  display: inline-block; margin:0px;
}
.navbar-nav>li.dropdown {
	margin: 0 -6px 0 0;
}
.navbar-nav>li>a {
	color: #fff !important;
	font: 13px/20px "Barlow";
	padding: 0 0 6px;
	background-color: transparent !important;
	font-weight:500;
}
.navbar-nav li a:focus {
	color: #b2b2b2 !important;
}
.navbar-nav li a:hover {
	color: #b2b2b2 !important;
}
.navbar-nav li.active a {
	color: #b2b2b2 !important;
}
.navbar-nav>li>.dropdown-menu {
	padding: 0;
}
.navbar-nav>li>.dropdown-menu li a {
	color: #1b1f23 !important;
	font: 13px/20px "Barlow";
	background-color: transparent;
	padding: 5px 10px;
	border: 0 !important;
}
.navbar-nav>li>.dropdown-menu li a:hover {
	color: #2060c0 !important;
}




.navbar-nav>li>.dropdown-menu{padding: 0; line-break: anywhere; }
.navbar-nav>li>.dropdown-menu li a{color: #000 !important; font:13px/20px "Barlow"; background-color: transparent; padding: 8px 10px; border: 0 !important;white-space: normal; text-transform:uppercase;}
.navbar-nav>li>.dropdown-menu li a:hover{color: #7a7a7a !important; }
.dropdown-menu { 
    float: left;
	right: inherit;
    left: 9px !important;
    top: 70px !important;
	min-width: 200px !important;
	border-radius:5px !important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color:#fff;
	border:none;
}


/* ------------------------------------------------------ banner css ------------------------------------------------------*/


.banner_prt{width: 100%; position:relative; overflow: hidden; margin-top:74px;}
.banner_inn{width: 100%; position: relative; height:645px; background-position:center top; background-repeat:no-repeat; background-size:cover;}

.banner_txt{width: 100%; text-align: center; padding: 160px 0px 0px 0px;}
.banner_txt label{width: 100%; display: inline-block; margin-bottom: 0;}
.banner_txt label.label1{font: 100px/100px "Barlow"; color: #fff;  margin-bottom:20px; font-weight:100 !important;}
.banner_txt label.label2{font:  22px/30px "Barlow"; color: #fff; text-transform: uppercase; font-weight:300 !important;}

.carousel-indicators{display: none;}
.carousel-control .glyphicon {display: none;}
.carousel-control {width: 60px;}
.carousel-indicators{display: none;}
.banner_prt .carousel-control.left {background: url(../images/prev.png);background-repeat: no-repeat;background-position: 100% 50%;
opacity: 1 !important;}
.banner_prt .carousel-control.right {background: url(../images/next.png);background-repeat: no-repeat;background-position: 0% 50%;
opacity: 1 !important;}




/* ------------------------------------------------------ body css ------------------------------------------------------ */


.home_block1 { padding:50px 0px 130px 0px; text-align:center;}
.home_block1 h3 { font-size:32px; line-height:40px; padding:50px 0px; color:#44444c; font-weight:300;}
.home_block1 h3 span { font-weight:bold;}
.home_block1 p { width:100%; max-width:970px; margin:auto; font-size:15px; line-height:24px; color:#8c8c8c; font-weight: 300 !important; }



.home_block2 { padding:0px 0px 25px 0px; text-align:center;}

.click_sec {background-position:center center; background-repeat:repeat-x; background-image:url(../images/title_line.jpg);}

.click_scont { width:100%; max-width:225px; margin:auto; background-color:#fff; padding:0px 48px;  }

.click_scont  h4 { font-size:12px; line-height:20px; padding-bottom:10px; text-transform:uppercase; font-weight: 300 !important;}



.home_block3 { background-position:center top; background-repeat:no-repeat; background-size:cover; height:750px;}

.our_coffee { width:100%; max-width:430px; margin-top:250px; float:right; position:relative;  padding:0px 0px 0px 75px;}
.our_coffee h3 {font-size:32px; line-height:40px; margin-bottom:45px;  color:#44444c; font-weight: 300 !important;}
.our_coffee p { font-size:15px; line-height:24px; font-weight: 300 !important;}
.our_coffee_icon { position:absolute; left:0; top:0;}


.home_block4 { padding:130px 0px 130px 0px;}

.ocs_right_cont2 {  position:relative;  text-align:center; }
.ocs_right_cont2 h4 { font-size:26px; line-height:36px; padding-bottom:10px; font-weight: 300 !important;}
.ocs_right_cont2 p {font-weight: 300 !important;}

.our_equipment_cont { width:100%; max-width:430px; float:right; position:relative; padding:0px 0px 0px 75px; margin-top:120px;}
.our_equipment_cont h3 {font-size:32px; line-height:40px; margin-bottom:30px;  color:#44444c; font-weight: 300 !important;}
.our_equipment_cont p { font-size:15px; line-height:24px; font-weight: 300 !important;}


#product_scroll { width:100%; max-width:470px;}

.our_equipment_scroll { border-right: solid 1px #999;}

.home_block4 .owl-prev {position: absolute; top: 40%; left:0%; font-size: 0; width: 50px; height: 50px; background: url(../images/arrow_left.png);background-repeat: no-repeat; background-position: center;}
.home_block4 .owl-next {position: absolute; top: 40%; right:0%; font-size: 0; width: 50px; height: 50px; background: url(../images/arrow_right.png);background-repeat: no-repeat; background-position: center;}




.home_block5 {padding:50px 0px 60px 0px;}
.solutions_improve { width:100%;  margin:auto;}

.solutions_improve_left { position:relative; padding:0px 0px 30px 65px; margin-left:90px;}
.solutions_improve_left h3 { font-size:30px; line-height:36px; font-weight: 300 !important;}
.solutions_improve_left h3 span { display:block; width:100%;}

.solutions_improve_right { padding-left:92px;}

.solutions_improve_right h4 {font-size: 26px;  line-height:36px;   font-weight: 300 !important; padding-bottom:20px;}


.solutions_improve_right p { font-size:15px; line-height:24px; font-weight: 300 !important; padding-bottom:25px;}
.our_coffee_icon2 { position:absolute; left:0; top:5px;}

.solutions_improve_right li {font-size: 15px;    line-height: 24px;   font-weight: 300 !important;  color:#44444c; padding:0px 0px 10px 30px; background-position:0px 7px; background-repeat:no-repeat; background-image:url(../images/dot.png);}



.solutions_improve h6 { text-align:center; padding-top:50px; font-size:15px; line-height:24px; font-weight: 300 !important;}




.home_block6 {padding:0px 0px 100px 0px;}

.product_box_sec { overflow:hidden;  position:relative; width:23%;  margin: auto 1%  30px 1%; float:left;}
.product_box {  height:395px;  background-repeat:no-repeat; background-position:center top; background-size:cover; padding:20px;  transition: all 0.5s ease; cursor:pointer;}

.box_shadow { position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:repeat; background-image:url(../images/box_shadow.png); z-index:2;}

.product_box:hover{  transform: scale(1.2);}
.our_coffee_icon3 { position:absolute; left:20px; bottom:20px; z-index:3; }
.product_box_sec h3 { position:absolute; top:20px; left:20px; font-size:26px; line-height:36px; color:#fff; text-transform:uppercase; z-index:4; font-weight: 300 !important;}



.home_block7 {padding:70px 0px 70px 0px; background-color:#bdbcbd;} 
.home_block7 p { font-size:30px; line-height:42px; text-align:center; font-weight:300; font-weight: 300 !important;}
.home_block7 p span { font-weight: 300 !important; color:#fff;}
.home_block7 p span a {color:#fff;}



/* ------------------------------------------------------ footer css ------------------------------------------------------*/




.footer_sec {  background-color:#44444c;}

.footer_top {}

.footer_link { margin-bottom:30px;}
.footer_link  h4 { font-size:18px; line-height:24px; color:#fff; font-weight: 300 !important; padding-bottom:20px; }
.footer_link  ul {}
.footer_link  li { font-size:15px; line-height:18px; color:#ffffff;  padding-bottom:7px; font-weight: 300 !important;}
.footer_link li a {color:#ffffff; display:block; }
.footer_link  li a:hover { color:#999999; }

.ad_box { margin-bottom:10px;}
.ad_box h6 { color:#999999; font-size:15px; padding-bottom:5px; font-weight: 300 !important;}
.ad_box p {color:#fff; font-size:14px; font-weight: 300 !important;}


.footer_link2 { margin-bottom:30px;}
.footer_link2  h4 { font-size:18px; line-height:24px; color:#fff; font-weight: 300 !important; padding-bottom:20px;}
.footer_link2 ul {}
.footer_link2 li { position:relative; padding:0px 0px 20px 45px;}
.footer_link2 li a { color:#fff; font-size:15px; font-weight: 300 !important;}
.footer_link2 li a:hover {color:#999999; }

.footer_icon { position:absolute; left:0px; top:-4px;}


.footer_link3 { margin-bottom:30px;}
.footer_link3  h4 { font-size:18px; line-height:24px; color:#00ccbd; font-weight: 300 !important; padding:40px 0px 20px 0px; text-align:center;}


.footer_bottom { padding:10px 0px 10px 0px; background-color:#3c3c3b;}
.footer_bottom p { font-size:13px; line-height:20px; color:#fff;  padding-top:10px; text-align:center; font-weight: 300 !important;}



.footer_top { border-bottom: solid 0px #50504f; padding:30px 0px;}

.footer_logo { float:left;}
.footer_social { float:left; margin-top:12px;}

.footer_social {text-align:left;}
.footer_social li {display:inline; padding:0px 7px 0px 0px; color:#fff; font-size:14px;}


.footer_middle { padding:60px 0px 20px 0px;}

.get_tough { margin-bottom:40px; }
.get_tough h4 { font-size:18px; line-height:24px; color:#fff;  padding-bottom:20px; text-transform:uppercase;}

.get_tough ul {}
.get_tough li { margin-bottom:15px; padding:0px 0px 0px 40px; position:relative;}
.get_tough li p {color:#fff; font-size:15px; font-weight: 300 !important;}


.footer_prosec { margin-bottom:40px;}
.footer_prosec h4 { font-size:18px; line-height:24px; color:#fff; padding-bottom:20px; text-transform:uppercase;}
.footer_prosec h4 a { color:#fff;}
.footer_prosec li {}
.footer_prosec li a {color:#fff; font-size:15px; font-weight: 300 !important; padding-bottom:7px; display:inline-block;}
.footer_prosec li a:hover {color:#999999; }

.footer_icon2 { position:absolute; top:5px; left:0;}
.footer_icon3 { position:absolute; top:0px; left:0;}

.fmr { margin-left:100px;}

/* ------------------------------------------------------ product css ------------------------------------------------------*/


.inner_block1 { margin-top:75px;}


.product_tag { width:100%;  margin: auto auto 70px auto; }

.product_tag {text-align:center;}
.product_tag li {display:inline; }
.product_tag a {text-decoration:none; padding:0px 30px 20px 30px; font-size:16px; text-transform:uppercase;  color:#8c8c8c; font-weight:500;}
.product_tag a:hover{ color:#44444c;}

.product_tag li a:focus {
	color: #44444c !important;
}

.product_tag li.active a {
	color: #44444c !important;
}


.product_block1 { padding:60px 0px;}
.product_block1 h3 {font-size: 32px;  line-height: 40px;    margin-bottom: 30px;    color: #000;    font-weight: 300 !important; text-align:center; text-transform:uppercase;}
.product_block1 p {    font-size: 15px;    line-height: 24px;   font-weight: 300 !important; text-align:center; margin-bottom:60px;}

.product_box2 { width:100%; max-width:270px; margin:auto auto 40px auto;  text-align:center;}

.product_box2 h4 { padding-top:10px; font-size:15px;line-height: 17px; font-weight:700; padding-bottom:0px; color:#828282; text-transform: uppercase;}
.product_box2 p { font-size: 15px;    line-height: 24px;   font-weight: 300 !important; text-align:center; margin-bottom:0px; color:#3C3C3B; text-transform: uppercase;}


.w-100 { width: 100%; }
.padding-15px-lr { padding-left:15px; padding-right:15px; }


/* ===================================
    20. Swiper carousel
====================================== */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 45px; }
.swiper-pagination-bullet { background: transparent; vertical-align: middle; border-radius: 100%; display: inline-block; height: 12px; margin: 0 7px; width: 12px; border: 2px solid #232226; outline: none; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #232226; }
.swiper-pagination-bullets { width: 100%; left: 0; }
.swiper-pagination-custom { bottom: 0; }

/* slides auto slide */
.swiper-container.swiper-auto-slide { width: 100%; height: 100%; }
.swiper-container.swiper-auto-slide .swiper-slide { width: auto; }
.swiper-container.swiper-auto-slide .swiper-slide:nth-child(2n) { width: auto !important; }
.swiper-container.swiper-auto-slide .swiper-slide:nth-child(3n) { width: auto !important; }

/* swiper vertical */
.slider-vertical { width: 100%; height: 100%; position: absolute; }
.slider-vertical .swiper-slide { text-align: center; background: #fff; }
.slider-vertical >.swiper-pagination-bullets { right: 60px; }
.slider-vertical .swiper-pagination { width: auto; left: inherit; bottom: inherit !important; }
.slider-vertical .swiper-slide .swiper-bottom-content { opacity: 0;  transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.slider-vertical .swiper-slide-active .swiper-bottom-content { opacity: 1; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; }
.slider-vertical .swiper-slide .swiper-right-content { opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.slider-vertical .swiper-slide-active .swiper-right-content { opacity: 1; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; }
.slider-vertical .swiper-number-pagination { position: absolute; display: -webkit-box;display: -ms-flexbox;display: flex; z-index: 1; font-family: 'Barlow', sans-serif; color: #fff; font-size: 18px; line-height: 22px; left: 105px; bottom: 125px; }
.slider-vertical .swiper-number-pagination .swiper-pagination-current:after { content: '/'; margin: 0 5px; }

/* swiper thumb */
.swiper-thumb-next-prev { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px; z-index: 1; }
.swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next { position: relative; top: inherit; left: inherit; transform: translate(0); width: 48%; display: inline-block; background: #232226; color: #fff; }
.single-product-thumb .swiper-slide { height: auto !important; cursor: pointer; }

/* swiper zoom slide */
.slider-zoom-slide { position: relative; }
.slider-zoom-slide .swiper-slide { opacity : 0.3; transform: scale(1); }
.slider-zoom-slide .swiper-slide.swiper-slide-active { opacity : 1; transform: scale(1); }
.slider-zoom-slide .swiper-slide .slider-zoom-content { opacity: 0}
.slider-zoom-slide .swiper-slide.swiper-slide-active .slider-zoom-content { opacity: 1}
.slider-zoom-content .slider-zoom-label { margin-top: -70px; margin-right: -25px; width: 75px; text-align: center; }
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-prev,
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-next { opacity: 1; }
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-prev .slider-zoom-slide-dark-overlay,
.slider-zoom-slide.slider-zoom-slide-dark .swiper-slide.swiper-slide-next .slider-zoom-slide-dark-overlay { opacity: .6; }

/* caption slider */
.slider-caption-blog-caption { position: absolute; bottom: 0; height: auto; width: 100%; left: 0;}
.slider-caption-blog-caption .swiper-slide { padding: 55px 60px; }
.slider-caption-blog-caption .swiper-slide h6 {font-size: 24px}
.caption-blog-next, .caption-blog-prev { background-color: #000; color: #fff; position: absolute; bottom: 0; border: 0; right: 0; font-size: 20px; width: 50px; display: flex; height: 50%; text-align: center; justify-content: center; align-items: center; z-index: 1; cursor: pointer; }
.caption-blog-next { top: 0; height: calc(50% - 2px); }
.caption-blog-next:focus,.caption-blog-prev:focus  { outline: none; }

/* product and portfolio slider */
.product-slider .swiper-slide .portfolio-box:hover .portfolio-image img {opacity: 0.5;}

/* horizontal portfolio slider */
.horizontal-portfolio-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.horizontal-portfolio-slider .swiper-slide .slider-title { position: relative; display: inline-block;}
.horizontal-portfolio-slider .swiper-slide .slider-title .slider-title-hover { position: absolute; top: 52%; left: 0; width: 100%; height: 4px; z-index: 1; opacity: 0; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.horizontal-portfolio-slider .swiper-slide:hover .slider-title-hover { opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }

/* swiper horizontal 3d */
.swiper-horizontal-3d.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-horizontal-3d .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }
.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper { margin-bottom: 0; }
.swiper-horizontal-3d .swiper-slide { filter: grayscale(100%);  opacity: 0; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next {opacity: .7}
.swiper-horizontal-3d .swiper-slide.swiper-slide-active { opacity: 1; filter: grayscale(0); box-shadow: 0 0 60px rgba(0,0,0,.17); }
.swiper-horizontal-3d.swiper-container { width: 100%; padding-bottom: 60px; }
.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 1; }
.swiper-horizontal-3d.swiper-container-3d .swiper-slide-shadow-left, .swiper-horizontal-3d.swiper-container-3d .swiper-slide-shadow-right { background-image: none; }
.swiper-horizontal-3d .swiper-slide img { opacity: 0; }
.swiper-horizontal-3d .swiper-slide-active img { opacity: 1; }

/* tilt box style */
.tilt-box { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; }
.tilt-box .tilt-box-content { -webkit-transform: translateZ(150px); -moz-transform: translateZ(150px); -ms-transform: translateZ(150px); -o-transform: translateZ(150px); transform: translateZ(150px); position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 34px; }

/* split slider */
.home-split-portfolio .swiper-slide .swiper-slide-l { -webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease; -webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%); z-index: 1; min-height: 600px; }
.home-split-portfolio .swiper-slide .swiper-slide-r { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease; min-height: 600px; }
.home-split-portfolio .swiper-slide-active .swiper-slide-l, .home-split-portfolio .swiper-slide-active .swiper-slide-r, .home-split-portfolio .swiper-slide-duplicate-active .swiper-slide-l, .home-split-portfolio .swiper-slide-duplicate-active .swiper-slide-r { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.home-split-portfolio .slider-split-scroll > .swiper-pagination-bullets { right: 60px; width: auto; left: auto; }

/* blog banner slider */
.slider-blog-banner .swiper-slide { opacity: 0.6; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.slider-blog-banner .swiper-slide.swiper-slide-active { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.slider-blog-banner .swiper-bottom-content { opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.slider-blog-banner .swiper-slide-active .swiper-bottom-content { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.slider-blog-banner .swiper-slide .btn-fancy {padding: 6px 16px; font-size: 12px}

/* swiper custom image bullets */
.slider-custom-image-pagination .swiper-pagination-bullet { background-size: cover; border: 0; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .8; width: 60px; height: 60px; margin: 0 12px !important; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider-custom-image-pagination .swiper-pagination-bullet:hover {transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}

.white-move .swiper-slide, .white-move .swiper-wrapper { cursor: url("../images/icon-move-light.png"), move; }
.black-move .swiper-slide, .black-move .swiper-wrapper { cursor: url("../images/icon-move-black.png"), move; }

.vertical-white-move .swiper-slide, .vertical-white-move .swiper-wrapper { cursor: url("../images/vertical-icon-move-light.png"), move; }
.vertical-black-move .swiper-slide, .vertical-black-move .swiper-wrapper { cursor: url("../images/vertical-icon-move-black.png"), move; }

.swiper-pagination-medium .swiper-pagination-bullet{ width: 10px; height: 10px; }
.swiper-pagination-medium .swiper-pagination-bullet-active{ width: 16px; height: 16px; }
.swiper-pagination-big .swiper-pagination-bullet { width: 14px; height: 14px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.slider-custom-image > .swiper-button-next, .slider-custom-image > .swiper-button-prev  { bottom: 0; top: inherit; left: inherit }

/* swiper vertical pagination */
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 10px 0}

/* swiper pagination bottom */
.swiper-pagination-bottom .swiper-wrapper { margin-bottom: 65px; }
.swiper-pagination-bottom.small-bottom .swiper-wrapper { margin-bottom: 50px; }
.swiper-pagination-bottom > .swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bottom > .swiper-button-next, .swiper-pagination-bottom > .swiper-button-prev  { bottom: 0; top: inherit; left: inherit }

/* swiper pagination light */
.swiper-light-pagination .swiper-pagination-bullet { border: 2px solid #fff; opacity: 0.5; }
.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }
.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet { border: 2px solid #fff; background-color: #fff; opacity: 1; }
.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #fff; background-color: transparent; }

/* dot pagination dark */
.swiper-pagination-dot .swiper-pagination-bullet { background:#000; border-color: #000; opacity: 0.4; }
.swiper-pagination-dot .swiper-pagination-bullet-active { background:#000; border-color: #000; opacity: 1; }

/* dot pagination light */
.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet { background:#fff; border-color: #fff; opacity: 0.5; }
.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet-active { background:#fff; border-color: #fff; opacity: 1; }

/* square pagination */
.swiper-pagination-square .swiper-pagination-bullet { height:3px; width:30px; border-radius: 0;opacity: 0.3; cursor: pointer; }
.swiper-pagination-square .swiper-pagination-bullet-active { opacity: 1; }

/* slider navigation */
.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled { opacity: 0.6; }
.swiper-button-next, .swiper-button-prev { height: 40px; width: 40px; line-height: 40px; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; outline: none; }
.swiper-button-next.large, .swiper-button-prev.large { height: 62px; width: 62px; line-height: 62px; font-size: 18px; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next:hover, .swiper-button-prev:hover { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.swiper-button-next { right: 0; }
.swiper-button-prev { left: 0; }

/* slider navigation style 01 */
.slider-navigation-style-01.swiper-button-next, .slider-navigation-style-01.swiper-button-prev { background-color: rgba(0,0,0,.5); color: #fff; }
.slider-navigation-style-01.swiper-button-next:hover, .slider-navigation-style-01.swiper-button-prev:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-01.swiper-button-next.light, .slider-navigation-style-01.swiper-button-prev.light { background-color: #fff; color: #232226; }
.slider-navigation-style-01.swiper-button-next.light:hover, .slider-navigation-style-01.swiper-button-prev.light:hover { background-color: #232226; color: #fff; }
.slider-navigation-style-01.swiper-button-next.dark, .slider-navigation-style-01.swiper-button-prev.dark { background-color: #232226; color: #fff; }
.slider-navigation-style-01.swiper-button-next.dark:hover, .slider-navigation-style-01.swiper-button-prev.dark:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-01.swiper-button-next.rounded-circle { right: 40px;}
.slider-navigation-style-01.swiper-button-prev.rounded-circle { left: 40px;}

/* slider navigation style 02 */
.slider-navigation-style-02.swiper-button-next { right: -90px; }
.slider-navigation-style-02.swiper-button-prev { left: -90px; }
.slider-navigation-style-02.swiper-button-next, .slider-navigation-style-02.swiper-button-prev { border: 2px solid rgba(0,0,0,.15); font-size: 16px; color: #232226; height: 45px; width: 45px; line-height: 45px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.slider-navigation-style-02.swiper-button-prev:hover, .slider-navigation-style-02.swiper-button-next:hover { background: #232226; color: #fff; border: 1px solid #fff;}
.slider-navigation-style-02.swiper-button-next.light, .slider-navigation-style-02.swiper-button-prev.light { border-color: rgba(255,255,255,0.3); color: #fff; font-size: 12px; line-height: 42px }
.slider-navigation-style-02.swiper-button-next.light:hover, .slider-navigation-style-02.swiper-button-prev.light:hover { background-color: #fff; color: #232226;}

/* slider navigation style 03 */
.slider-navigation-style-03.swiper-button-next, .slider-navigation-style-03.swiper-button-prev { border: 1px solid #e4e4e4; font-size: 16px; color: #232226; line-height: 40px; transform: none; top: inherit; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.slider-navigation-style-03.swiper-button-next:hover, .slider-navigation-style-03.swiper-button-prev:hover { box-shadow: 0 0 20px rgba(0,0,0,.15); border-color: #ffffff; background: #ffffff; }
.slider-navigation-style-03.swiper-button-next.light, .slider-navigation-style-03.swiper-button-prev.light { border: 2px solid #fff; font-size: 16px; color: #fff; line-height: 38px }
.slider-navigation-style-03.swiper-button-next.light:hover, .slider-navigation-style-03.swiper-button-prev.light:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-03.swiper-button-next.white-transparent, .slider-navigation-style-03.swiper-button-prev.white-transparent { box-shadow: 0 0 10px rgba(0,0,0,.15); border: 0 solid #fff; background-color: rgba(255, 255, 255, 0.3); color: #828282; }
.slider-navigation-style-03.swiper-button-next.white-transparent:hover, .slider-navigation-style-03.swiper-button-prev.white-transparent:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-03.swiper-button-next { right: inherit; left: 65px; }
.slider-navigation-style-03.swiper-button-prev { left: 15px; }
.slider-navigation-style-03.swiper-button-next.center-next { left: calc(50% + 5px); bottom: 15px; }
.slider-navigation-style-03.swiper-button-prev.center-prev { left: calc(50% - 45px); bottom: 15px; }
.slider-navigation-style-03.swiper-button-next.white, .slider-navigation-style-03.swiper-button-prev.white { box-shadow: 0 0 10px rgba(0,0,0,.07); border:none; background-color: #fff; color: #232226; }
.slider-navigation-style-03.swiper-button-next.white:hover, .slider-navigation-style-03.swiper-button-prev.white:hover { background-color: #fff; color: #232226;  box-shadow: 0 0 20px rgba(0,0,0,.15);}

/* slider navigation style 04 */
.slider-navigation-style-04.swiper-button-prev { left: -30%; }
.slider-navigation-style-04.swiper-button-next { right: -30%; }

/* slider navigation style 05 */
.slider-navigation-style-05.swiper-button-next, .slider-navigation-style-05.swiper-button-prev { font-size: 40px; color: #fff; height: 50px; width: 50px; line-height: 50px; }
.slider-navigation-style-05.swiper-button-next:hover, .slider-navigation-style-05.swiper-button-prev:hover { opacity: 0.5}
.slider-navigation-style-05.swiper-button-next { right: 40px;}
.slider-navigation-style-05.swiper-button-prev { left: 40px;}

/* slider navigation style 06 */
.slider-navigation-style-06.swiper-button-next, .slider-navigation-style-06.swiper-button-prev { font-size: 40px; color: #828282; line-height: 40px; transform: none; top: inherit; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; width: auto; height: 40px; }
.slider-navigation-style-06.swiper-button-next:hover, .slider-navigation-style-06.swiper-button-prev:hover { color: #232226;}
.slider-navigation-style-06.swiper-button-next { right: inherit; left: 80px; }
.slider-navigation-style-06.swiper-button-prev { left: 15px; }

/* slider navigation style 07 */
.slider-navigation-style-07.swiper-button-next, .slider-navigation-style-07.swiper-button-prev { background-color: rgba(23,23,23,.5); color: #fff; }
.slider-navigation-style-07.swiper-button-next:hover, .slider-navigation-style-07.swiper-button-prev:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-07.swiper-button-next.light, .slider-navigation-style-07.swiper-button-prev.light { background-color: #fff; color: #232226; }
.slider-navigation-style-07.swiper-button-next.light:hover, .slider-navigation-style-07.swiper-button-prev.light:hover { background-color: #232226; color: #fff; }
.slider-navigation-style-07.swiper-button-next.light { right: -70px;}
.slider-navigation-style-07.swiper-button-prev.light { left: -70px;}
.slider-navigation-style-07.swiper-button-next { right: 40px;}
.slider-navigation-style-07.swiper-button-prev { left: 40px;}

/* slider navigation style 08 */
.slider-navigation-style-08.swiper-button-next, .slider-navigation-style-08.swiper-button-prev { background-color: rgba(0,0,0,.5); color: #fff; }
.slider-navigation-style-08.swiper-button-next:hover, .slider-navigation-style-08.swiper-button-prev:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-08.swiper-button-next.light, .slider-navigation-style-08.swiper-button-prev.light { background-color: #fff; color: #232226; }
.slider-navigation-style-08.swiper-button-next.light:hover, .slider-navigation-style-08.swiper-button-prev.light:hover { background-color: #232226; color: #fff; }
.slider-navigation-style-08.swiper-button-next.dark, .slider-navigation-style-08.swiper-button-prev.dark { background-color: #232226; color: #fff; }
.slider-navigation-style-08.swiper-button-next.dark:hover, .slider-navigation-style-08.swiper-button-prev.dark:hover { background-color: #fff; color: #232226; }
.slider-navigation-style-08.swiper-button-next { width: 50px; height: 50px; right: 15px;}
.slider-navigation-style-08.swiper-button-prev { width: 50px; height: 50px; left: 15px;}
.slider-navigation-style-08.swiper-button-next.rounded-circle { right: 40px;}
.slider-navigation-style-08.swiper-button-prev.rounded-circle { left: 40px;}

/* slider arrow right bottom */
.slider-arrow-rb { position: absolute; bottom: 0; right: 100%; z-index: 1; }
.slider-arrow-rb .swiper-button-next, .slider-arrow-rb .swiper-button-prev { transform: none; position: static; margin-top: 1px; }

/* swiper custom text */
.slider-custom-text-next.swiper-button-next, .slider-custom-text-prev.swiper-button-prev { padding: 25px 0 25px 0; width: auto; height: auto;}
.slider-custom-text-next.swiper-button-next:hover, .slider-custom-text-prev.swiper-button-prev:hover {opacity: .7}
.slider-custom-text-next.swiper-button-next { border-left:  1px solid #E4E4E4; padding-left: 45px;}
.slider-custom-text-prev.swiper-button-prev { border-right:  1px solid #E4E4E4; padding-right: 45px;}

/* slider image thumbs */
.slider-review-image-thumbs { height: auto; }
.slider-review-image-thumbs .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) { visibility: hidden; opacity: 0; }
.slider-review-image-thumbs .swiper-slide:not(.swiper-slide-active) img { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); }
.slider-review-image-thumbs img { border: 6px solid transparent; margin: 0 auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.slider-review-image-thumbs .swiper-slide-active img { box-shadow: 0 0 20px rgba(0,0,0,.14); border: 6px solid #fff; }
.slider-review-image-thumbs .swiper-slide { cursor: pointer; }


.w-55 { width: 55%; }



.overflow-visible {
	overflow:visible!important
}


.smbr { margin-bottom:120px;}



/* ------------------------------------------------------ BARISTA TRAINING css ------------------------------------------------------ */


.barista_block1 { padding:30px 0px 100px 0px; text-align:center;}
.barista_block1 h3 { font-size:36.8px; line-height:40px; padding: 50px 0px 20px 0; color:#232226; font-weight:300;text-transform:uppercase;}
.barista_block1 h3 span { font-weight:bold;}
.barista_block1 p {padding-top:2px; width:100%; max-width:970px; margin:auto; font-size:15px; line-height:18px; color:#8c8c8c; font-weight: 300 !important; }


.barista_block1 .sxc p { width:100%; max-width:970px; margin:auto; font-size:14.5px; line-height:24px; color:#8c8c8c; font-weight: 300 !important; }





.bistz p{margin-bottom:10px;}
.bistz5{margin-top:60px !important;}
.barista_block2 {padding:100px 0px 120px 0px; border-top: solid 1px #CCC;  }

.learn_box { width:100%; max-width:770px; margin:auto; }

.learn_box_cont h4 {font-size: 26px;  line-height:36px;   font-weight: 300 !important; padding-bottom:20px;}

.learn_box_cont ul {}
.learn_box_cont li {font-size: 15px;    line-height: 24px;   font-weight: 300 !important;  color:#44444c; padding:0px 0px 10px 30px; background-position:0px 7px; background-repeat:no-repeat; background-image:url(../images/dot.png);}


.barista_block3 {padding:100px 0px 120px 0px; border-top: solid 1px #CCC;  }

.benefit { width:100%; max-width:770px; margin:auto; }
.benefit h4 {font-size: 26px;  line-height:36px;   font-weight: 300 !important; padding-bottom:20px;}

.benefit ul {}
.benefit li {font-size: 15px;    line-height: 24px;   font-weight: 300 !important;  color:#44444c; padding:0px 0px 10px 30px; background-position:0px 7px; background-repeat:no-repeat; background-image:url(../images/dot.png);}




.our_coffee2 { width:100%; max-width:430px; margin-top:150px; float:right; position:relative;  padding:0px 0px 0px 75px;}
.our_coffee2 h4 {font-size: 26px;  line-height:36px;   font-weight: 300 !important; padding-bottom:20px;}

.our_coffee2 ul {}
.our_coffee2 li {font-size: 15px;    line-height: 24px;   font-weight: 300 !important;  color:#44444c; padding:0px 0px 10px 30px; background-position:0px 7px; background-repeat:no-repeat; background-image:url(../images/dot.png);}


.devcoff h4,.devcoff li,.devcoff p{
    color:#fff !important;
}
.devcoff li {background-image:url(../images/dot255.png);}

.barista_block4 {padding:80px 0px 100px 0px;  }


.product_detailbox { width:100%; max-width:970px; margin:auto; }
.product_block2 { padding:80px 0px 120px 0px;}

.pro_det_cont { margin-top:0px;}
.pro_det_cont h3 {font-size: 36.8px; line-height: 40px;  margin-bottom: 0px;  color: #000;  font-weight: 500 !important; text-transform:uppercase;}
.pro_det_cont h4 {font-size: 36px; line-height: 40px;  margin-bottom: 10px;  color: #232226;  font-weight: 200 !important; text-transform:uppercase;}
.pro_det_cont h6 {font-size: 15px; line-height: 30px;  margin-bottom: 15px;  color: #3C3C3B; text-transform:uppercase;font-weight: 300 !important;}
.pro_det_cont p {font-size: 15px; line-height: 24px;  margin-bottom: 25px;  color: #3C3C3B;font-weight: 300 !important;}


.pro_det_cont ul { }
.pro_det_cont li { padding:0px 0px 20px 60px; position:relative;}

.pro_det_icon { position:absolute; top:5px; left:0;}


.btn-more {
	color: #3c3c3b;
	background-color: transparent;
	border: solid 2px #3c3c3b;
	font-size:16px;
	padding:10px 40px;
	border-radius:0px;
	white-space:normal;

}
.btn-more.active, .btn-more:focus, .btn-more:hover {
	color: #000;
	background-color: transparent;
	border: solid 2px #000;
	text-decoration: none;

}


.product_block3 { padding:0px 0px 70px 0px;}

.at_cont { margin-bottom:40px;}
.at_cont h4 {color: #3C3C3B; font-size:16px; text-transform:uppercase; padding-bottom:40px; text-align:center; font-weight:600;}

.ti_cont {margin-bottom:40px;}
.ti_cont h4 {color: #3C3C3B; font-size:16px; text-transform:uppercase; padding-bottom:40px; text-align:center; font-weight:600;}

.ti_cont ul {}
.ti_cont li {font-size: 15px;    line-height: 24px;   font-weight: 300 !important;  color:#44444c; padding:0px 0px 10px 30px; background-position:0px 7px; background-repeat:no-repeat; background-image:url(../images/dot.png);}



.im_cont {margin-bottom:40px;}
.im_cont h4 {color: #3C3C3B; font-size:16px; text-transform:uppercase; padding-bottom:40px; text-align:center; font-weight:600;}

.im_cont ul {}

.im_cont li {font-size: 16px;    line-height: 24px;     color:#44444c; padding:0px 0px 15px 30px; background-position:0px 5px; background-repeat:no-repeat; background-image:url(../images/down_arrow.png); text-transform:uppercase; }

.im_cont li a {color:#44444c;}
.im_cont li a:hover {color:#000;}




.home_block11 {padding:0px 0px 120px 0px;}

.rmt { margin-top:30px;}

.bknc{margin-bottom:20px;}

.home_block12 {padding:60px 0px 80px 0px;}

.smb_box { border: solid 0px #999; padding : 40px 20px; text-align:center; margin-bottom:40px; height:460px; overflow:hidden;}
.smb_box  h4 { font-size: 15px;  line-height: 20px;    font-weight: 300 !important;    padding-bottom: 20px;color:#232226;}

.smb_box p {font-size: 15px; line-height: 24px;  margin-bottom: 25px; font-weight:300 !important;color:#8c8c8c;}






.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;

}



.main-header .header-upper .right-nav {
    position: relative;
    float: none;
    margin: auto;
    width: 100%;
	max-width:825px;
}



.bigprobox {border: solid 1px #b2b8b8; margin-bottom:10px; padding:0px 0px; position:relative;}
.slides li {text-align: center;	max-width: 1170px;	height: 390px;	position:relative;	}
.slides li img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	padding:5px 5px;
}
.slidersmall li {
	text-align: center;
	max-width: 100px;
	height: 100px;
	position:relative;
	border:none;
	cursor:pointer;
	border: solid 1px #b2b8b8;
}
.slidersmall li img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}




/* ------------------------------------------------------ contact css ------------------------------------------------------ */


.contact_block1 { padding:80px 0px 80px 0px;}

.contact_block1 h3 {font-size: 36.8px; text-align:center;  line-height: 40px;  padding: 30px 0px 60px 0;  color: #232226;  font-weight: 200;  text-transform: uppercase;}
  
.form_div { margin-bottom:60px; width:100%; max-width:950px; margin:auto; }
  
  
.contact_block1 .sky-form .input input {
  background-color: #fff;
  margin-bottom: 2px;
  font-size: 16px;
}
  
  
 .btn-com {
    color: #fff !important;
    background-color:#3C3C3B;
	border: solid 2px #3C3C3B;
    font-size: 15px;
    font-weight:500;
    padding: 10px 30px;
    border-radius: 0px;
    text-align: center;
	text-transform:uppercase;
	margin-top:20px;
}

.btn-com:hover {color: #fff; background-color:#000;	border: solid 2px #000;}


.contact_block1 .sky-form .input input, .contact_block1 .sky-form .select select, .contact_block1 .sky-form .textarea textarea, .contact_block1 .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend {
  border-color: #dfdfdf;
  font-size: 14px;
  color: #000;
  opacity: 1;
}
.contact_block1 .sky-form .input input, .contact_block1 .sky-form .select select, .contact_block1 .sky-form .textarea textarea {
 
  width: 100%;
  height: auto;
  padding: 12px 20px !important;
  outline: none;
  border-width: 1px !important;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  font: 18px/18px;
  color: #828282;
  
}

  .contact_block1 .sky-form p {
   margin-bottom:48px;   
  }
  
  .contact_block1 .sky-form p textarea,.contact_block1 .sky-form p .checkbox{
   margin-bottom:-10px;   
  }
  
  
/* ------------------------------------------------------ banner css ------------------------------------------------------ */

.video_sec {position: relative; height:600px;}

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.our_coffee2 {
  width: 100%;
  max-width: 550px;
  margin-top: 150px;
  float: right;
  position: relative;
  padding: 0px 0px 120px 75px;
}

.banbg{
    position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index:5;
}


.banner_abs_part{
    position:relative;
    z-index:9;
}

.form_div .checkbox {
  padding-left:0px;
  
}

.form_div .checkbox input {
  
  left: 0px !important;
  margin-left: 0px !important;
}

.form_div .checkbox label {
  padding-top: 2px;
  font-size: 15px;
  line-height: 18px;
  color: #3C3C3B;
  padding-left:0px;
  font-weight: 300 !important;
}
.msgxxc{
    height:175px !important;
}
label.error{
 font-size:12px !important; 
 font-weight:600 !important;
}


.form_div .checkbox label.error{
   font-weight:600 !important; 
}


.ss1{
    margin-left:200px;
}
.ss2{
    padding-left:0px;
}