@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h5, h6{padding: 0px; margin: 0px;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a:focus{ outline: none !important; text-decoration: none;}
input[type="text"]::-webkit-input-placeholder { opacity: 1; }
input[type="text"]::-moz-placeholder { opacity: 1; }
input[type="search"]::-webkit-input-placeholder { opacity: 1; }
input[type="search"]::-moz-placeholder { opacity: 1; }
input[type="email"]::-webkit-input-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1; }
input[type="tel"]::-webkit-input-placeholder { opacity: 1; }
input[type="tel"]::-moz-placeholder { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }
textarea::-webkit-placeholder { opacity: 1; }
body { overflow-x:hidden;font-family: 'Lato', sans-serif; background:#fff;}



#loader-wrapper{position:fixed;background: #fff; height: 100%; width: 100%; top:0; left:0; z-index: 9999999999;}

#logo-circle{position: absolute; left: 50%; top: 50%; height: 130px; width: 130px; line-height: 130px; text-align: center; margin-left: -65px; margin-top: -65px; background: #fff; z-index: 4; border-radius: 50%; transition: all linear 0.4s;}
#logo-circle:before{content: ''; position: absolute; border: 5px solid #F7B825; border-color: #F7B825 #ddd #ddd #ddd; left: -4px; right: -4px; top: -4px; bottom: -4px; border-radius: 50%; animation:  spinner 1.25s infinite;}
#logo-circle span img{width:auto; height: auto; position: relative; top: 0;}
#logo-circle span{color: rgba(197,40,40,1);}

.loaded #logo-circle{top: 4%; margin-top: 0; background: #fff;}
.loaded #logo-circle:before{animation: none; border-color: #fff;}
@keyframes welcomeEffect{
    0%{
        width: 0; left: 0;
    }
    50%{
        width: 50%; left: 100%;
    }
    100%{
        width: 100%; left: 100%;
    }
}

@keyframes welcomeText{
    0%{
        opacity: 0.5;
    }

    50%{
        opacity: 0;
    }  
    100%{
        opacity: 1;
    }
}

@keyframes textBlink{
        0%{
            opacity: 0;
        }
        45%{
            opacity: 1;
        }
        55%{
            opacity: 1;
        }
        100%{
            opacity: 0;
        }
}

@keyframes canvasSwapLeft{
    0%{
        right: 50%;
    }
    100%{
        right: 100%;
    }
}
@keyframes canvasSwapRight{
    0%{
        left: 50%;
    }
    100%{
        left: 100%;
    }
}

@keyframes loaderSwapLeft{
    0%{
        left: 50%;
        width: 0;
    }
    100%{
        left: 0;
        width: 50%;
    }
}
@keyframes loaderSwapRight{
    0%{
        right: 50%;
        width: 0;
    }
    100%{
        right: 0;
        width: 50%;
    }
}

@keyframes spinner{
   0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
      }
 100% {
       -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
     }
}
.loaded {
display:none;
}





.icon-margin{
	margin-top:-7px;
}



.fa {
  padding: 10px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.container {
	max-width:1200px;
	position:relative;
}


header {
	padding:14px 0;
	margin:0;
	background:#fff;
}

.logo {
	float:left;
	margin:0;
	padding:0;
}

.newlogo {
	width:275px;
	height:108px;
}
	


.right_header {
	float:right; 
	 
	padding:77px 0 0 0;
}
.right_header ul {
	margin:0; 
	padding:0;
}
.right_header ul li {
	margin:0;
	padding:0 0 0 0;
}

.right_header ul li p {
margin:0;
padding:0 0 0 30px;
	color:#909090;
	font-size:18px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	line-height:20px;
	background:url(../images/phn_icon.png) 0 center no-repeat;
}
.right_header ul li p span a{
	color:#FFF;
	font-weight:900;
}
.right_header ul li p span a:hover{
	color:#eaad20;
}

.main-nav {
	margin:0;
	padding:0;
	position:relative;
	
	
	background:#eaad20;
}
.hide_logo, .menu-button, .search_hide {
	display:none;
}

.mainnav {
	float:right; 
	padding:0; 
	margin:0;
}
.mainnav ul {
	margin:0;
	padding:0;
}
.mainnav ul li {
	margin:0;
	padding:0 0 0 72px;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	line-height:51px;
	font-weight:400;
}
.mainnav ul li:last-child {
    padding-right: 0px;
}
.mainnav ul li a {
	color:#1c1c1c;
}
.mainnav ul li a:hover {
	color:#fff;
}
.mainnav ul li.active a{
	font-weight:700;
}

#sticky {
    z-index:99999;
    width:100%;
}
.fixed {
    position:fixed;
	top:0;
	left:0;
	width:100%;
	transition: all 5s ease-in-out;
}
.banner_text {
margin:0;
padding:0;
right:6%;
top:0;
width:493px;
z-index:999;
height:100%;
float:right;
position:absolute;
}
.bx-wrapper img { position:absolute}

.flex {
display: flex;
flex-direction: column;
justify-content: center; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;

/*display: -moz-box;
-moz-box-orient: vertical;
-moz-box-pack: center;
-moz-box-align: center;*/

display: box;
box-orient: vertical;
box-pack: center;
box-align: center;
text-align:center;
  }
.banner_text2 {
margin:0;
padding:0 30px;
width:493px;
background:#010406;
height:570px;
float:right;
text-align:left;
}
.banner_text2.flex {
display: flex;
flex-direction: column;
justify-content: center; 
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
  }
.banner_text2 h3{
	margin:0 40px 20px 0;
	padding:0 0 0 0;
	color:#eaad20;
	font-size:43px;
	font-family: 'Great Vibes', cursive;
	font-weight:400;
	display:block;
	border-bottom:1px solid #fff;
	line-height:13px;
}
.banner_text2 h3 span {
width:100%;
height:1px;
background:#010406;
padding:0 10px 0 0;
}
/*.banner_text2 h3 {
	margin:0;
	padding:0 0 0 0;
	color:#eaad20;
	font-size:45px;
	font-family: 'Great Vibes', cursive;
	font-weight:400;
	position:relative;
	display:inline-block;
}
.banner_text2 h3:before {
content:"";
position:absolute;
right:46px;
bottom:15px;
width:100px;
height:1px;
background:#fff;
}*/

.banner_text2 h1 {
	margin:0;
	padding:0 0 0 0;
	color:#fff;
	font-size:85px;
	font-weight:900;
	text-transform:uppercase;
}
.banner_text2 p {
	margin:0;
	padding:25px 0 70px;
	color:#e7e7e7;
	font-size:14px;
	font-weight:300;
	line-height:23px;
}
.banner_text2 p span{
	font-weight:900;
}
.about_section { padding:105px 0 90px;}
.left { float:left;}
.right { float:right;}
.about_left { width:280px; padding:0 0;}
.about_right { width:788px;}

.title{
	margin:0 0 20px;
	padding:0 0 0 0;
	color:#202020;
	font-size:32px;
	font-family: 'Great Vibes', cursive;
	font-weight:400;
	display:block;
	border-bottom:1px solid #000;
	line-height:13px;
}
.title span {
width:100%;
height:1px;
background:#fff;
padding:0 10px 0 0;
}

.about_section h1{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#202020;
	font-size:86px;
	font-weight:900;
	display:block;
	text-transform:uppercase;
	line-height:88px;
}
.about_section p{
	margin:0 0 0;
	padding:0 0 25px 0;
	color:#3c3c3c;
	font-size:16px;
	font-weight:300;
	display:block;
	line-height:28px;
}
.about_section p span{
	font-weight:700;
}
.btn {
margin:0 0 0;
	padding:0 20px;
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	display:inline-block;
	line-height:48px;
	background:#eaad20;
	text-transform:uppercase;
	letter-spacing:2px;
	border-radius:0;
}
.btn:hover {
	color:#ffffff;
	background:#3c3c3c;
}
.product_section { margin:0; padding:40px 0 50px; background:#eaeaea;}

.product_section h1{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#202020;
	font-size:44px;
	font-weight:900;
	line-height:40px;
	display:block;
	text-transform:uppercase;
}
.product_section h1 span{
	font-size:32px;
	font-family: 'Great Vibes', cursive;
	font-weight:400;
	display:block;
	text-transform:capitalize;
}
.product_details { margin-top:26px; padding:0 50px;}
.product_details ul { margin:0; padding:0;}
.product_details ul li{ margin:0; padding:0; float:left; width:33.3333%;}
.product_details ul li img{width:100%;}
.product_image { position:relative;overflow: hidden;transition:all 1s ease-in-out; margin:0px 10px 10px 0px;
  display:block;
  border:1px solid #000;
  }
.product_image img{
	width:100%;
	-moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
 
}
.product_image:hover img {
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.image_text { position:absolute; left:26px; bottom:25px;font-size:20px; /*color:#ffffff;*/ color:#000;font-weight:700; line-height:22px; width:100%; transition: all 1s ease-in-out;}
.image_text a{ color:#ffffff;}
.product_image:hover .image_text a{color:#eaad20;}

.see_more { text-align:center; margin-top:46px;}
.see_more .btn { padding:0 35px; text-align:center;}
.managment_section { margin:0; padding:60px 0 130px; background:#fff;}
.managment_title { max-width:346px;}
.managment_title h1 { color:#202020;font-size:44px;text-transform:uppercase; font-weight:900; letter-spacing:1px; line-height:46px;}
.managment_title .title {margin: 0px 0px 10px;}
.managment_details { margin:45px 0 0; padding:0;}

.managment_col { margin:0; padding:0; text-align:center; cursor:pointer}
.managment_col img{ width:100%;}
.managment_col h2{
	margin:0 0 0;
	padding:22px 0 10px 0;
	color:#3c3c3c;
	font-size:24px;
	font-weight:300;
	line-height:26px;
	display:block;
}
.managment_col h3{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#3c3c3c;
	font-size:14px;
	font-weight:400;
	line-height:18px;
	display:block;
	min-height:52px;
}

.managment_col p{
	margin:0 0 0;
	padding:5px 0 10px 0;
	color:#3c3c3c;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	display:block;
}
.google_map iframe { display:block;}
.get_in_touch_section { margin:0; padding:0;}
.google_map { margin:0; padding:0; position:relative;}
.google_map iframe{ width:100%;}

.get_in_touch_details {
position:absolute;
top:50px;
left:50%;
width:980px;
height:84%;
background:rgba(0,0,0,0.6);
margin-left:-480px;
}
.gettouch_col { padding:30px 45px;}
.gettouch_col h1{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#ffffff;
	font-size:44px;
	font-weight:900;
	line-height:46px;
	display:block;
	text-align:center;
	text-transform:uppercase;
}

.gettouch_col h3{
	margin:0 0 0;
	padding:5px 0;
	color:#ffffff;
	font-size:14px;
	font-weight:700;
	line-height:24px;
	display:block;
	text-align:center;
}

.get-in-touch .row {
  margin: 0 0;
}
.get-in-touch .row:after {
  content: "";
  display: table;
  clear: both;
}
.get-in-touch .row .col {
  padding: 0 10px;
  float: left;
  box-sizing: border-box;
}
.get-in-touch .row .col.x-50 {
  width: 50%;
}
.get-in-touch .row .col.x-33 {
  width:33.3333%;
}
.get-in-touch .row .col.x-100 {
  width: 100%;
}


.get-in-touch {
  margin:40px auto 0;
  position: relative;

}
.getintouch-form
{
	padding-left:250px;
	padding-right:250px;
	
}

.contact-form .form-field {
  position: relative;
  margin:27px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  height: 30px;
  border-width: 0 0 2px 0;
  border-color: #b6b6b6;
  line-height: 26px;
  font-weight: 400;
  background:none;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border-radius:0;
}
.contact-form .input-text:focus {
  outline: none;
}
.contact-form .input-text:focus + .label, .contact-form .input-text.not-empty + .label {
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
}
.contact-form .label {
  position: absolute;
  left:5px;
  bottom:12px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  cursor: text;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.contact-form .submit-btn {
  display: inline-block;
  background-color: #eaad20;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight:700;
  line-height:50px;
  height:50px;
  padding: 0px 40px;
  border: none;
  cursor: pointer;
}

.contact-form .form-field.sub_btt {
  margin:15px 0 0;
}
.contact-form .submit-btn:hover {
  background-color: #000;
}
.certification_area {
margin:0;
padding:30px 0;
background:#f0f2fa;
}
.certification_area p{
	margin:0 0 0;
	padding:10px 0 0 0;
	color:#202020;
	font-size:30px;
	font-weight:800;
	line-height:32px;
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	letter-spacing:2px;
}
.certification_area p span {
	font-family: 'Great Vibes', cursive;
	text-transform: none;
	font-weight:normal;
}
.certification_image {
display:inline-block;
vertical-align:middle;
}
.left{ float:left;}
.right{ float:right;}

.footer_top {
margin:0;
padding:85px 0 50px;
background:#fff;
}
.footer_col {
width:280px;
margin-right:20px;
}
.footer_col.sitemap {
width:120px;
margin-right:20px;
}
.footer_col.follow {
width:130px;
margin-right:0;
}
.footer_col h3{
	margin:0 0 0;
	padding:0 0 22px 0;
	color:#202020;
	font-size:18px;
	font-weight:800;
	line-height:20px;
	display:block;
	text-transform:uppercase;
}
.contact_col {
margin:0;
padding:0 0 18px;
}
.icon {
width:24px;
float:left;
text-align:center;
margin-right:5px;
margin-top:4px;
}
.icon img{
width:auto;
display:block;
margin:0 auto;
}
.contact_info { float:left; width:250px;}

.footer_col p {
	margin:0 0 0;
	padding:0 0 0 0;
	color:#2a2929;
	font-size:13px;
	font-weight:400;
	line-height:20px;
}
.footer_col p a {
	color:#2a2929;
}
.footer_col p a:hover, .footer_col ul li a:hover {
	color:#f4b115;
}

.footer_col ul {
	margin:0 0 0;
	padding:0 0 0 0;
}

.footer_col ul li  {
	margin:0 0 0;
	padding:0 0 12px 0;
}
.footer_col ul li a {
	margin:0 0 0;
	padding:0 0 0 18px;
	color:#2a2929;
	font-size:13px;
	font-weight:400;
	line-height:20px;
	text-transform:uppercase;
	background:url(../images/bullet.png) 0 center no-repeat;
}
.footer_top .about_col p { font-weight:300; line-height:21px; padding-right:10px;}
.footer_top .about_col p span { font-weight:700;}

.footer_col.follow ul li a {
	background:none;
	padding-left:10px
}
.footer_col.follow ul li a i{
font-size:16px;
color:#595959;
padding-right:15px;
}
.footer_col.follow ul li a:hover i{
color:#f4b115;
}
.copyright {
	margin:0 0 0;
	padding:22px 0;
	color:#808080;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:center;
	background:#242424;
}
.copyright a {
	color:#eaad20;
}
.copyright a:hover {
	color:#808080;
}

/*
.scroll-up{
    width:32px;
    position:fixed;
    bottom:58px;
    right:25px;
    display:none;
    text-indent:-9999px;
}


.nav_up{
	padding:0;
	background-color:white;
	border:1px solid #619d09;
	border-bottom:none;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:32px;
	height:32px;
	bottom:84px;
	right:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	display:none;
}
.nav_up:hover{
	background:transparent url(../images/arrow_up_h.png) no-repeat top left;
	background-position:50% 50%;
	}


.nav_down{
	padding:0;
	background-color:white;
	border:1px solid #619d09;
	border-top:none;
	position:fixed;
	background:transparent url(../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:32px;
	height:32px;
	bottom:54px;
	right:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down:hover{
	background:transparent url(../images/arrow_down_h.png) no-repeat top left;
	background-position:50% 50%;
	}*/


.inner_banner { 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:center;
background-repeat:no-repeat;
}
.inner_banner_text { 
height:256px;
width:100%;
text-align:center;
color:#ffffff;
font-size:60px;
font-weight:900;
text-transform:uppercase;
letter-spacing:2px;
background:rgba(0,0,0,0.38)
}

.Management_details {
margin:0;
padding:68px 0 0;
}

.inner_managment_col { margin:0 0 80px; padding:0; text-align:center;}
.inner_managment_col img{ max-width:100%;}
.inner_managment_col h2{
	margin:0 0 0;
	padding:22px 0 10px 0;
	color:#3c3c3c;
	font-size:26px;
	font-weight:300;
	line-height:26px;
	display:block;
}
.inner_managment_col h3{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#3c3c3c;
	font-size:14px;
	font-weight:400;
	line-height:18px;
	display:block;
	min-height:52px;
}

.inner_managment_col p{
	margin:0 0 0;
	padding:5px 0 10px 0;
	color:#3c3c3c;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	display:block;
}

.Management_details .col-md-3{
    padding-right: 10px;
    padding-left: 10px;
}



.getin_touch_details { padding:45px 0;}
.getin_touch_details h1{
	margin:0 0 0;
	padding:0 0 0 5px;
	color:#202020;
	font-size:34px;
	font-weight:900;
	line-height:46px;
	display:block;
	text-transform:uppercase;
}

.getin_touch_details h3{
	margin:0 0 0;
	padding:5px 0 0 5px;
	color:#363636;
	font-size:16px;
	font-weight:700;
	line-height:24px;
	display:block;
}

.getin_touch_details .get-in-touch .row {
  margin: 0 0;
}
.getin_touch_details .get-in-touch .row:after {
  content: "";
  display: table;
  clear: both;
}
.getin_touch_details .get-in-touch .row .col {
  padding: 0 10px;
  float: left;
  box-sizing: border-box;
}
.getin_touch_details .get-in-touch .row .col.x-50 {
  width: 50%;
}
.getin_touch_details .get-in-touch .row .col.x-33 {
  width:33.3333%;
}
.getin_touch_details .get-in-touch .row .col.x-100 {
  width: 100%;
}
.getin_touch_details .get-in-touch {
  margin:40px auto 0;
  position: relative;
}

.getin_touch_details .contact-form .form-field {
  position: relative;
  margin:27px 0;
}
.getin_touch_details .contact-form .input-text {
  display: block;
  width: 100%;
  height: 30px;
  border-width: 0 0 1px 0;
  border-color: #202020;
  line-height: 26px;
  font-weight: 400;
  background:none;
  font-size: 16px;
  font-weight: 400;
  color: #3c3c3c;
}
.getin_touch_details .contact-form .input-text:focus {
  outline: none;
}
.getin_touch_details .contact-form .input-text:focus + .label, .getin_touch_details .contact-form .input-text.not-empty + .label {
  -webkit-transform: translateY(-24px);
transform: translateY(-24px);
color:#858585;
}
.getin_touch_details .contact-form .label {
  position: absolute;
  left:5px;
  bottom: 8px;
  font-size: 16px;
  line-height: 36px;
  font-weight: 400;
  color: #3c3c3c;
  cursor: text;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.getin_touch_details .contact-form .submit-btn {
  display: inline-block;
  background-color: #eaad20;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight:700;
  line-height:50px;
  height:50px;
  padding: 0px 40px;
  border: none;
  cursor: pointer;
}

.getin_touch_details .contact-form .form-field.sub_btt {
  margin:15px 0 0;
}
.getin_touch_details .contact-form .submit-btn:hover {
  background-color: #000;
}

.certificate_tle {
margin:25px 0 0;
padding:0;
float:left;
}
.certificate_logo {
margin:0;
padding:0;
float:left;
}
.certificate_tle .title{
	margin:0 0 20px;
	padding:0 0 0 0;
	color:#202020;
	font-size:34px;
	font-family: 'Great Vibes', cursive;
	font-weight:400;
	display:block;
	border-bottom:1px solid #000;
	line-height:13px;
}
.certificate_tle .title span {
width:100%;
height:1px;
background:#f0f2fa;
padding:0 10px 0 0;
}

.certificate_tle h1{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#202020;
	font-size:32px;
	font-weight:900;
	display:block;
	text-transform:uppercase;
	line-height:32px;
	letter-spacing:2px;
}
.inner_certification_area {
padding:50px 0;}

.certificate_logo ul {
margin:0 0 0 15px;
padding:0;
}
.certificate_logo ul li {
margin:0;
padding:0;
display:inline-block;
margin-right:100px;
}
.certificate_logo ul li:last-child {
margin-right:0;
}

.about_inner_banner_text { 
background:rgba(0,0,0,0.54)
}
.about_details { margin:0; padding:50px 0 0; background:#fff;}
.about_left {
margin:7px 0 0;
padding:0; float:left;
width:347px;
}
.about_left img{
width:auto;
max-width:100%;
}
.about_text {
margin:0;
padding:0;
float:right;
width:800px;
}
.about_text h2{
	margin:0 0 0;
	padding:0 0 5px 0;
	color:#010101;
	font-size:32px;
	font-weight:700;
	display:block;
	line-height:32px;
}
.about_text p{
	margin:0 0 0;
	padding:12px 0 0;
	color:#3c3c3c;
	font-size:18px;
	font-weight:300;
	display:block;
	line-height:24px;
}
.vosion {
margin:24px 0 30px;
padding:20px 30px;
background:#eaad20;
}
.vosion h2{
	margin:0 0 0;
	padding:0 0 0 0;
	color:#010101;
	font-size:26px;
	font-weight:700;
	display:block;
	line-height:26px;
}
.vosion p{
	margin:0 0 0;
	padding:8px 0;
	color:#010101;
	font-size:18px;
	font-weight:400;
	display:block;
	line-height:24px;
}
.vision_gallary { margin:0 0 34px; padding:0;}
.vision_gallary img{ max-width:100%;}








.popup_dyn {
	padding:30px 0;
}
.popup_dyn ul {
	margin:0;
	padding:0;
	list-style:none;
}

.popup_dyn ul li {
	margin:0;
	float:left;
	padding:0 10px;
}

.pop_click {
	cursor:pointer;
	border:1px solid black;
}

.pop_click1 {

	cursor:pointer;
	

}

.pop_fix {
	display:none;
	position:fixed;
	left:0;
	top:0;
	background:rgba( 0, 0, 0, 0.5);
	width:100%;
	height:100%;
	z-index:9999;
}



.close_pop {
	position:absolute;
	top:-15px;
	right:-10px;
	border:2px solid #fff;
	border-radius:50%;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	cursor:pointer;
	background:#000;
	color:#fff;
}
.close_pop:hover {
	border:2px solid #eaad20;
	background:#fff;
	color:#000;
}

.pop_main_contain {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 95%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	padding-bottom:330px
	
}

.pop_main_contain_1 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:400px;
}



.pop_main_contain_2 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:360px;
}

.pop_main_contain_3 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:360px;
}

.pop_main_contain_4 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:360px;
}

.pop_main_contain_5 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:360px;
}

.pop_main_contain_6 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:360px;
}

.pop_main_contain_7 {
    background: #eaad20 none repeat scroll 0% 0%;
    max-width: 1300px;
    color: #FFF;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 70%;
	
	padding-bottom:360px;
}
.product_pop_image {
width: 100%;
float: left;
display: block;
padding: 30px;
}
.product_pop_image img{
width:100%;
}

.product_description {
width: 68%;
float: left;
text-align: left;
padding: 20px 20px 20px 0px;
}
.product_description h2{
	margin:0 0 0;
	padding:2px 0 10px 0px;
	color:#010101;
	font-size:26px;
	font-weight:700;
	display:block;
	line-height:36px;
}
.product_description p{
	margin:0 0 0;
	padding:8px 20px 8px 0;
	color:#010101;
	font-size:18px;
	font-weight:400;
	display:block;
	line-height:24px;
}
.product_details .product_description ul {
	list-style: disc;
}
.product_details .product_description ul li {
    margin: 0px;
    padding:5px 0px;
	color:#010101;
	font-size:18px;
	font-weight:400;
	display:block;
	line-height:24px;
    float: none;
    width:100%;
	list-style:disc;
}


.scroll {
float: left;
height:345px;
overflow: auto;
margin:15px 0 0;

}
.nicescroll-rails {
    z-index: 99999 !important;
}
.value_section { margin:0 0 0; padding:0; background:#f0f2fa;margin-bottom:40px;}
.value_left { margin:0; padding:0; float:left; width:50%;}
.value_right { margin:0; padding:0; float:right; width:50%;}
.value_details { margin:0; padding:15px 0 0 60px;}
.value_details h3{
	margin:0 0 0;
	padding:0 0 5px 0px;
	color:#010101;
	font-size:26px;
	font-weight:700;
	display:block;
	line-height:36px;
}
.value_details ul { margin:0; padding:0;}
.value_details ul li{
	margin:0 0 0;
	padding:3px 0 3px 28px;
	color:#3c3c3c;
	font-size:18px;
	font-weight:300;
	display:block;
	line-height:24px;
	background:url(../images/value_bulet.png) 0 center no-repeat;
}
.value_right img { max-width:100%;}
.why_us_section { margin:0; padding:50px 0; background:#fff;}
.why_us_section h2{
	margin:0 0 0;
	padding:0 0 5px 0px;
	color:#010101;
	font-size:26px;
	font-weight:700;
	display:block;
	line-height:36px;
}
.why_us_section p{
	margin:0 0 0;
	padding:10px 0;
	color:#3c3c3c;
	font-size:18px;
	font-weight:300;
	display:block;
	line-height:24px;
}
.why_us_section h4{
	margin:0 0 0;
	padding:10px 0 0;
	color:#3c3c3c;
	font-size:24px;
	font-weight:300;
	line-height:30px;
}
.why_us_section h4 span{
	font-size:20px;
	font-weight:700;
	display:block;
}
.product_page { margin:0; padding:35px 0; background:#fff;}
.product_info { margin:0 auto; padding:0; max-width:965px; text-align:center;}
.product_info p{
	margin:0 0 0;
	padding:0 0 5px;
	color:#2d2d2d;
	font-size:20px;
	font-weight:400;
	line-height:24px;
}
.product_info ol {
list-style-type: upper-greek;
margin:0;
padding:0;
}
.product_info ol li{
	margin:0 0 0;
	padding:4px 12px;
	color:#2d2d2d;
	font-size:20px;
	font-weight:800;
	line-height:24px;
	text-transform:uppercase;
	display:inline-block;
	list-style-type: upper-greek;
}
.product_info ol li a{
	color:#2d2d2d;
}
.product_blend { margin:30px auto 50px; padding:0; text-align:center;}
.product_blend h2{
	margin:0 0 0;
	padding:0 0 15px;
	color:#2d2d2d;
	font-size:29px;
	font-weight:700;
	line-height:24px;
	text-transform:uppercase;
}
.product_blend p{
	margin:0 0 0;
	padding:0 0 0px;
	color:#2d2d2d;
	font-size:19px;
	font-weight:400;
	line-height:30px;
}

.products_row { margin:20px 0 50px; padding:0;}
.products_row h2{
	margin:0 0 0;
	padding:0 0 15px;
	color:#2d2d2d;
	font-size:29px;
	font-weight:700;
	line-height:24px;
	text-transform:uppercase;
	text-align:center;
}
.products_row p{
	margin:0 0 0;
	padding:0 0 0px;
	color:#2d2d2d;
	font-size:19px;
	font-weight:400;
	line-height:30px;
	text-align:center;
}

.products_row ul { margin:20px 0 0; padding:0;}
.products_row ul li { margin:0 10px 10px 0; padding:0; float:left; width:19.3%; overflow:hidden; position:relative;}
.products_row ul li:nth-child(5n+5) { margin-right:0 ;}
.products_row ul li img{width:100%;}
.hover_text {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:-100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	padding:0 12px;
	z-index:99;
}
.products_row ul li:hover .hover_text {
	margin-left:0;
}
.products_row p.text {
	padding:30px 0;
	margin:0 0;
	color:#fff;
	text-align:center;
	font-size:19px;
	font-weight:400;
	line-height:20px;
	background-color: rgba(0,0,0,0.67);
	display:block;
	cursor: pointer;
	border:2px solid #fff;
	width:100%;
	text-transform:uppercase;
}
.hover_text {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
} 
.products_row .product_description p, .products_row .product_description h2{ text-align:left;}
.note {
	margin:0 0 0;
	padding:0 0 20px;
	color:#2d2d2d;
	font-size:19px;
	font-weight:400;
	line-height:30px;
	text-align:center;
}
.note span{
	font-weight:700;
}
.contact_map iframe { width:100%;}
.contact_page { margin:0; padding:45px 0; background:#fff;}
.contact_details { margin:0; padding:0;}
.contact_details h3{
	margin:0 0 0;
	padding:50px 0 50px;
	color:#202020;
	font-size:34px;
	font-weight:900;
	line-height:20px;
	display:block;
	text-transform:uppercase;
}
.contact_details_col {
margin:0;
padding:0 0 15px;
}
.icon {
width:24px;
float:left;
text-align:center;
margin-right:5px;
margin-top:4px;
}
.icon img{
width:auto;
display:block;
margin:0 auto;
}
.contact_info_details { float:left; max-width:480px;}

.contact_details p {
	margin:0 0 0;
	padding:0 0 6px 0;
	color:#2a2929;
	font-size:18px;
	font-weight:400;
	line-height:24px;
}
.contact_details p span{
padding-right:10px;
	font-weight:700;
}
.contact_details p a {
	color:#2a2929;
}
.contact_details p a:hover, .contact_details ul li a:hover {
	color:#f4b115;
}



.image-height{
width:100%;
height:650px;	
	
}

.contact-form label.error {
   position: relative;
left: 0px;
background: #f00;
height: 2px;
width: 100%;
bottom: 10px;
}

#showmsg {}


@media (max-width: 767px) 
	{
.getintouch-form
	{
	padding-left:0px;
	padding-right:0px;
	
	}
	}

@media (max-width: 767px) {
.header .fix-menu { background:#619D09; }
.header .fix-menu .search_icon { color:#000}
.header .fix-menu .mblogo { display:block; float:left; margin-top:10px; }
.mblogo img { width:180px; }
.menu-button{background:url(../images/mb_menu.png) no-repeat;height:32px;width:40px;display:block;border:none;cursor:pointer;margin:15px 0;float:right;border-radius: 2px;position: absolute;right: 25px; z-index:999;}
.menu-button.open{background:url(../images/mb_menu.png) no-repeat}
.mobile_primary{display:none;background:#eaad20;position:absolute;right:0;width:100%;top:0px;z-index:999999;}
.mobile_primary ul{list-style:none;margin:0;padding:0}
.mobile_primary li{ /*border-bottom:1px solid #fff;*/display:block;position:relative;padding:0;background:none; float:none;}
.mobile_primary ul li a{padding:17px 30px}
.mobile_primary li:first-child{border-top:none}
.mobile_primary li:last-child{border-bottom:none; display:none;}
.mobile_primary .sub-menu{display:none}

.mobile_primary .sub-menu li:first-child{border-top:1px solid #fff}
.mobile_primary li ul.sub-menu li a{padding:10px 20px; line-height:30px;}
.mobile_primary .sub-menu .sub-menu a{padding:15px 0 15px 50px}
.mobile_primary .sub-menu--button{background:#02a6c0 url(../images/submenu.html) no-repeat center;cursor:pointer;display:inline-block;height:50px;position:absolute;right:0;top:0;width:50px;z-index:9999999999999; border-right:1px solid #28a2ef; border-top:1px solid #28a2ef;}
.mobile_primary .sub-menu li { display:block}
.mobile_primary li:hover>.sub-menu { top:0}
.page-header__primary{display:none}
.mobile_primary li:hover .sub-menu {display:none; position:relative}
.mobile_primary .sub-menu { position:relative; top:0; width:auto;}
.mobile_primary li.dropdown a:after { background:none; }

}


@media only screen and (min-width:1499px) and (max-width:1999px){
.banner_text {
right:19%;
}

}
@media only screen and (min-width:1024px) and (max-width:1299px){
.banner_text .flex {display: block; padding-top:30px;}

}
@media only screen and (min-width:300px) and (max-width:1299px){
.mainnav ul li { padding: 0px 0px 0px 50px;}
.about_left {width: 57%; float:none;}
.about_right {width: 100%; margin-top:30px;}
.image_text {font-size: 18px;}
.contact_info {width: 160px;}
.footer_col {width: 197px;}
.banner_text2 h1 { font-size: 37px;}
.banner_text .flex {display: block;}
.banner_text2 h3 {font-size: 32px;}
.about_left{width: 100%;float: none;text-align: center;}
.about_left, .about_text {width: 100%;float: none;margin:20px 0 0}
.about_details {padding: 10px 0 0;}
.about_text h2 { text-align:center;}
.products_row ul li {width: 19%;}
.contact_info_details { max-width: 410px;}

}
@media only screen and (min-width:300px) and (max-width:1023px){
.mainnav ul li {padding: 0px 0px 0px 40px;font-size: 15px;}
.about_section h1 {font-size: 50px;line-height: 58px;}
.image_text {font-size: 14px;}
.get_in_touch_details {top: 0;left: 0;width: 100%; height: 100%;margin-left: 0;}
.footer_col {width: 100%;margin: 20px 0;}
.contact_info {width: 50%;}
.banner_text2 {
    width: 100%;
    height: auto;
    float: none;
    text-align: left;
	background: rgba(0,0,0,0.4);
}
.banner_text {
    right: 0px;
    top:0;
    height: 100%;
    width: 100%;
    float: none;
}
.banner_text2 h3 span {
   background: none;
}
.banner_text2 h3 {
    border-bottom: none;margin: 0px 0px 10px 0px;
}
.banner_text2.flex {
    padding: 24px;
    text-align: center;
}
.banner_text2 p {
text-align:justify;
}
.certificate_logo {margin: 0 0 0;width: 100%;}
.inner_certification_area {padding: 20px 0px;}
.certificate_logo ul li { margin: 20px 49px 0px 0px;display: inline-block;}
.vision_gallary img { max-width: 100%;width: auto;  margin: 15px auto; display: block;}
.value_left, .value_right {float: none;width:100%;}
.value_right img {width: 100%; margin-top:20px}
.products_row ul li:nth-child(5n+5) {margin-right: 10px;}
.products_row ul li:nth-child(3n+3) {margin-right: 0;}
.products_row ul li { width:32%;}
.products_row p.text {padding: 20px 0px;}
.contact_details h3 {padding: 0 0px 50px;}
.contact_details {margin: 0px 0 30px;}


}

@media only screen and (min-width:300px) and (max-width:799px){
.about_section {padding: 50px 0px 50px;}
}
@media only screen and (min-width:300px) and (max-width:767px){
.menu-button {margin: 0;top: -50px;}
.right_header {padding: 20px 0px 0px;}
.mainnav ul li {padding: 0px 0px 0px 0;float: none;}
.mobile_primary ul li a {padding: 5px 30px;border-bottom: 1px solid #1C1C1C;display: block;}
.banner_text2 h1 {font-size: 54px;letter-spacing: 2px;}
.about_section h1 {font-size: 35px;line-height: 40px;}
.about_section p {text-align: justify;}
.product_section h1 { font-size: 30px;}
.product_details ul li { width: 50%;}
.managment_title h1, .gettouch_col h1 {font-size: 25px;}
.managment_title {max-width: 194px;}
.get-in-touch .row .col.x-33, .get-in-touch .row .col.x-50, .getin_touch_details .get-in-touch .row .col.x-33, .getin_touch_details .get-in-touch .row .col.x-50 {width: 100%;}
.contact-form .form-field {margin: 20px 0px;}
.google_map iframe {height: 700px;}
.certification_area p { font-size: 20px;}
.footer_top {padding: 20px 0px 30px;}
.banner_text2 h1 {
    font-size: 24px;
}
.banner_text2 p {padding: 12px 0px 70px;
    font-size: 15px;}
.product_pop_image {
    width: 100%;
    float: none;
	text-align:center;
}
.product_pop_image img, .product_details ul li img{
    width:auto;
    float: none;
	max-width:100%;
	margin:0 auto;
	display:block;
}
.product_description {
    width: 100%;
    float: none;
    text-align: center;
    padding: 0 20px;
}
.product_description p {
text-align:justify;}
.pop_main_contain { padding-bottom: 20px;}
.certificate_logo ul li {margin: 20px 20px 0px 0px;}
.certificate_tle h1 {font-size: 27px;}
.inner_banner_text {height: 170px;font-size: 30px;}

.certificate_logo ul {
    text-align: center;
}
.managment_section_all .product_pop_image img{
    width: 59%;
    float: none;
    text-align: center;
	margin:0 auto;
	display:block;
}
.product_info p {font-size: 16px;}
.product_info ol li {padding: 2px 12px;font-size: 13px;}
.product_blend h2, .products_row h2 {font-size: 20px;}
.product_blend p, .products_row p, .note {font-size: 15px;}
.products_row p.text {padding: 10px 0px;font-size: 15px;}
.products_row ul li img {width: auto;max-width: 100%; margin:0 auto; display:block;}
.products_row .product_description p, .products_row .product_description h2 {text-align: center;}
.products_row .product_description p, .products_row .product_description p { text-align: justify;}
.contact_details h3 { padding: 0px 0px 35px;font-size: 22px; text-align:center;}
.right_header {
    padding: 45px 0px 0px;
}
}


@media only screen and (min-width:300px) and (max-width:599px){
.logo {float: none;margin: 0 auto;width: 100px;}
.logo img {width: 200px;margin-left:-45px;}
.right_header {padding: 20px 0px 0px; float:none;}
.right_header ul li p { font-size: 13px;}
.banner_text {width: 100%;}
.banner_text2 h3 {font-size: 25px;display: block;text-align: center;}
.banner_text2 h1 {font-size: 24px;text-align: center;}
.banner_text2 {padding: 0px 15px; width: 100%;}
.about_left {width: 100%;}
.about_section h1 {font-size: 26px;}
.about_section p {font-size: 16px; line-height: 25px;}
.product_details ul li {width: 100%;}
.gettouch_col {padding: 30px 4px;}
.gettouch_col h3 {font-size: 15px;}
.certification_area p, .certification_image {text-align: center; display:block;}
.contact_info { width: 84%;}
.footer_col h3 {font-size: 16px;}
.footer_col ul li a, .footer_col p { font-size: 13px;}
.menu-button {top: -78px;right: 8px;}
.banner_text2 h3::before {content: inherit;}
.banner_text2 p {text-align: justify;}
.banner .bx-wrapper .bx-controls-direction a { bottom: 30px;}
.about_right {text-align: center;}
.banner_text2 h3 span {background:none;padding:0}
.banner_text2 h3 {border-bottom:none; margin:0 0 10px; padding:0}
.banner_text2 p {
font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}
.banner_text2 h1 {
    font-size: 20px;
}
.scroll {
    height: 150px;
}
.product_description p {
    font-size: 14px;
line-height: 19px;}
.bx-viewport {
    height: 300px !important;
    background: #000;
}
.bx-wrapper img {
    height: auto !important;
}
.banner .bx-wrapper .bx-controls-direction a {
    bottom: 0;
}
.inner_banner_text {
    height: 130px;
    font-size: 23px;
}
.getin_touch_details h1 {font-size: 23px;ext-align: center;}
.getin_touch_details .get-in-touch .row .col.x-33, .getin_touch_details .get-in-touch .row .col.x-50 {
    width: 100%;
}
.about_text h2, .why_us_section h2 {font-size: 24px;}
.about_text p, .vosion p, .why_us_section p {font-size: 15px; text-align:justify;}
.value_details {padding: 15px 0px 0px 10px;}
.value_details ul li { background-position: 0 6px;font-size: 15px;}
.why_us_section h4 span {font-size: 13px; padding-top:5px}
.why_us_section h4 { font-size: 21px;line-height: 23px;}
.product_blend h2, .products_row h2 {font-size: 17px;}
.product_blend p, .products_row p, .note {font-size: 14px;line-height: 26px;}
.products_row ul li {width: 100%; float:none;}
.products_row ul li img{width: 100%;height:100%;}
.products_row p.text {padding: 15px 0px;}
.contact_details p { padding: 0px 0px 6px;font-size: 15px;line-height: 21px;}
.contact_info_details {max-width: 250px;}
.icon {margin-top: 3px;}
.contact_page .container { padding:0;}
.vosion {padding: 20px 15px;}
/*.logo {
    margin: 50px auto 0;
}*/

}


@media only screen and (min-width:300px) and (max-width:359px){

.gettouch_col h3 {font-size: 13px;}
.pop_main_contain {
    max-height: 100%;
}
.close_pop {
    right: 0; top:0;}
.banner_text2 h3 {
    font-size: 22px;margin: 0px 0px 6px;
}
.banner_text2 h1 {
    font-size: 17px;
}
.banner_text2 p {
    padding: 5px 0px 70px;
    font-size: 13px;
}.banner_text2.flex {
    padding: 16px 10px;
    text-align: center;
}

}

#google_translate_element { float: right;
position: absolute;
right: 90px;
top: 14px;
z-index:99999;}



#logo-padding{
	padding-top:30px;
	padding-bottom:30px;
}




/*
* {
  box-sizing: border-box;
}

.row1 > .column1 {
  padding: 0 8px;
}

.row1:after {
  content: "";
  display: table;
  clear: both;
}

.column1 {
  float: left;
  width: 25%;
}

.mySlides1 img{
	padding-left:300px;
  padding-right:300px;
}
	
@media screen and (max-width: 578px) 
{
    .mySlides1 img {
	padding-left:0px;
  padding-right:0px;
}
	}

/* The Modal (background) 
.modal1 {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content 
.modal-content1 {
  position: relative;
  background-color: #eead20;
 
  max-width: 1200px;
}

/* The Close Button 
.close1 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides1 {
  display: none;
}

.cursor1 {
  cursor: pointer
}

/* Next & previous buttons 
.prev1,
.next1 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right 
.next1 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through 
.prev1:hover,
.next1:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) 
.numbertext1 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

#newslider img {
  margin-bottom: -4px;
  
  
}

#myModal{
	
	padding-top:0px;
}
.caption-container1 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo1 {
  opacity: 0.6;
}

.active1,
.demo:hover {
  opacity: 1;
}

img1.hover-shadow1 {
  transition: 0.3s
}

.hover-shadow1:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
	
*/	
	
	
* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 100%;
}

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal5 {
  display:none;
 
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 50%;
  
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content5 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close5 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close5:hover,
.close5:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides5 {
  display: none;
}

.cursor5 {
  cursor: pointer
}

/* Next & previous buttons */
.prev5,
.next5 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next5 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev5:hover,
.next5:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext5{
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.caption-container5 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo5 {
  opacity: 0.6;
}

.active5,
.demo5:hover {
  opacity: 1;
}

img.hover-shadow5 {
  transition: 0.3s
}

.hover-shadow5:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}



/* start-2--->  */

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal1 {
	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  width: 50%;
  overflow: auto;
  background-color: black;
}





/* Modal Content */
.modal-content1 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close1 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides1 {
  display: none;
}

.cursor1 {
  cursor: pointer
}

/* Next & previous buttons */
.prev1,
.next1 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next1 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev1:hover,
.next1:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext1 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container1 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo1 {
  opacity: 0.6;
}

.active1,
.demo1:hover {
  opacity: 1;
}

img.hover-shadow1 {
  transition: 0.3s
}

.hover-shadow1:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*---2--end---*/



/*start-3--*/




<!----3---->



* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal2 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 50%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content2 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close2 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close2:hover,
.close2:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides2 {
  display: none;
}

.cursor2 {
  cursor: pointer
}

/* Next & previous buttons */
.prev2,
.next2 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next2 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev2:hover,
.next2:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext2 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container2 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo2 {
  opacity: 0.6;
}

.active2,
.demo2:hover {
  opacity: 1;
}

img.hover-shadow2 {
  transition: 0.3s
}

.hover-shadow2:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}



/*--end---3---*/


/*---4----*/

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal3 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 50%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content3 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close3 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close3:hover,
.close3:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides3 {
  display: none;
}

.cursor3 {
  cursor: pointer
}

/* Next & previous buttons */
.prev3,
.next3 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next3 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev3:hover,
.next3:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext3 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container3 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo3 {
  opacity: 0.6;
}

.active3,
.demo3:hover {
  opacity: 1;
}

img.hover-shadow3{
  transition: 0.3s
}

.hover-shadow3:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*---end---4---*/


/*--product--6---slider--*/


* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal6 {
  display:none;
 
  position: fixed;
  z-index: 1;
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content6 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close6 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close6:hover,
.close6:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides6 {
  display: none;
}

.cursor6 {
  cursor: pointer
}

/* Next & previous buttons */
.prev6,
.next6 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next6 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev6:hover,
.next6:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext6{
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.caption-container6 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo6 {
  opacity: 0.6;
}

.active6,
.demo6:hover {
  opacity: 1;
}

img.hover-shadow6 {
  transition: 0.3s
}

.hover-shadow6:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}



/*--end--6--slide--*/


/*--start---7--slide--*/



* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal7 {
	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  left:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}





/* Modal Content */
.modal-content7 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close7 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close7:hover,
.close7:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides7 {
  display: none;
}

.cursor7 {
  cursor: pointer
}

/* Next & previous buttons */
.prev7,
.next7 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next7 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev7:hover,
.next7:hover {
  background-color: #eead20;
}

/* Number text (1/3 etc) */
.numbertext7 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container7 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo7 {
  opacity: 0.6;
}

.active7,
.demo7:hover {
  opacity: 1;
}

img.hover-shadow7 {
  transition: 0.3s
}

.hover-shadow7:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}






/*---8--slides--*/

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal8 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content8 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close8 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close8:hover,
.close8:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides8 {
  display: none;
}

.cursor8 {
  cursor: pointer
}

/* Next & previous buttons */
.prev8,
.next8 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next8 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev8:hover,
.next8:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext8 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container8 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo8 {
  opacity: 0.6;
}

.active8,
.demo8:hover {
  opacity: 1;
}

img.hover-shadow8 {
  transition: 0.3s
}

.hover-shadow8:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*--end--8--slide----*/



/*--slider---9--*/
/* The Modal (background) */
.modal9 {
  display:none;
  position: fixed;
  z-index: 1;
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content9 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close9{
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.clos9:hover,
.close9:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlide9 {
  display: none;
}

.cursor9 {
  cursor: pointer
}

/* Next & previous buttons */
.prev9,
.next9 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next9 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev9:hover,
.next9:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext9{
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.caption-container9 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo9 {
  opacity: 0.6;
}

.active9,
.demo9:hover {
  opacity: 1;
}

img.hover-shadow9 {
  transition: 0.3s
}

.hover-shadow9:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}




/*---10----*/




* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal10 {
	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
  left:0;
}





/* Modal Content */
.modal-content10 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close10 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close10:hover,
.close10:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides10 {
  display: none;
}

.cursor10 {
  cursor: pointer
}

/* Next & previous buttons */
.prev10,
.next10 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next10 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev10:hover,
.next10:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext10 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container10 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo10 {
  opacity: 0.6;
}

.active10,
.demo10:hover {
  opacity: 1;
}

img.hover-shadow10 {
  transition: 0.3s
}

.hover-shadow10:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/*---end--10--slider---*/

/*---11---*/



* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal11 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content11 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close11 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close11:hover,
.close11:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides11 {
  display: none;
}

.cursor11 {
  cursor: pointer
}

/* Next & previous buttons */
.prev11,
.next11 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next11 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev11:hover,
.next11:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext11 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container11 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo11 {
  opacity: 0.6;
}

.active11,
.demo11:hover {
  opacity: 1;
}

img.hover-shadow11 {
  transition: 0.3s
}

.hover-shadow11:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}



/*--end---11---*/


/*---start---*/


* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal12 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content12 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close12 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close12:hover,
.close12:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides12 {
  display: none;
}

.cursor12 {
  cursor: pointer
}

/* Next & previous buttons */
.prev12,
.next12 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next12 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev12:hover,
.next12:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext12 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container12 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo12 {
  opacity: 0.6;
}

.active12,
.demo12:hover {
  opacity: 1;
}

img.hover-shadow12{
  transition: 0.3s
}

.hover-shadow12:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/*---end----*/




/*---13---*/

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal13 {
  display:none;
  position: fixed;
  z-index: 1;
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content13 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close13 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close13:hover,
.close13:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides13 {
  display: none;
}

.cursor13 {
  cursor: pointer
}

/* Next & previous buttons */
.prev13,
.next13 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next13 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev13:hover,
.next13:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext13{
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.caption-container13 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo13 {
  opacity: 0.6;
}

.active13,
.demo13:hover {
  opacity: 1;
}

img.hover-shadow13 {
  transition: 0.3s
}

.hover-shadow13:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*---end---13--*/



/*---14---*/


* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal14 {
	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
  left:0;
}





/* Modal Content */
.modal-content14 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close14 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close14:hover,
.close14:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides14 {
  display: none;
}

.cursor14 {
  cursor: pointer
}

/* Next & previous buttons */
.prev14,
.next14 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next14 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev14:hover,
.next14:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext14 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container14 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo14 {
  opacity: 0.6;
}

.active14,
.demo14:hover {
  opacity: 1;
}

img.hover-shadow14 {
  transition: 0.3s
}

.hover-shadow14:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*--end--14--slide----*/


/*----15---*/

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal15 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content15 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close15 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close15:hover,
.close15:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides15 {
  display: none;
}

.cursor15 {
  cursor: pointer
}

/* Next & previous buttons */
.prev15,
.next15 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next15 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev15:hover,
.next15:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext15 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container15 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo15 {
  opacity: 0.6;
}

.active15,
.demo15:hover {
  opacity: 1;
}

img.hover-shadow15 {
  transition: 0.3s
}

.hover-shadow15:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal16 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content16 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close16 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close16:hover,
.close16:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides16 {
  display: none;
}

.cursor16 {
  cursor: pointer
}

/* Next & previous buttons */
.prev16,
.next16 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next16 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev16:hover,
.next16:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext16 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container16 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo16 {
  opacity: 0.6;
}

.active16,
.demo16:hover {
  opacity: 1;
}

img.hover-shadow16{
  transition: 0.3s
}

.hover-shadow16:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/*---end----*/

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal17 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content17 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close17 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close17:hover,
.close17:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides17 {
  display: none;
}

.cursor1 {
  cursor: pointer
}

/* Next & previous buttons */
.prev17,
.next17 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next17 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev17:hover,
.next17:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext17 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container1 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo1 {
  opacity: 0.6;
}

.active17,
.demo17:hover {
  opacity: 1;
}

img.hover-shadow17{
  transition: 0.3s
}

.hover-shadow1:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/*---end----*/

* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal18 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content18 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close18 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close18:hover,
.close18:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides18 {
  display: none;
}

.cursor18 {
  cursor: pointer
}

/* Next & previous buttons */
.prev18,
.next18 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next18{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev18:hover,
.next18:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext18 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container18{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo18 {
  opacity: 0.6;
}

.active18,
.demo18:hover {
  opacity: 1;
}

img.hover-shadow18{
  transition: 0.3s
}

.hover-shadow18:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/*---end---18-*/






/*---19--*/



* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal19 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}



/* Modal Content */
.modal-content19 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close19 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close19:hover,
.close19:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides19 {
  display: none;
}

.cursor19 {
  cursor: pointer
}

/* Next & previous buttons */
.prev19,
.next19 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next19{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev19:hover,
.next19:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext19 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container19{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo19 {
  opacity: 0.6;
}

.active19,
.demo19:hover {
  opacity: 1;
}

img.hover-shadow19{
  transition: 0.3s
}

.hover-shadow19:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}




/*--end--19--*/


/*---start--20--*/






* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal20 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content20 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close20 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close20:hover,
.close20:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides20 {
  display: none;
}

.cursor20 {
  cursor: pointer
}

/* Next & previous buttons */
.prev20,
.next20 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next20{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev20:hover,
.next20:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext20 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container20{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo20 {
  opacity: 0.6;
}

.active20,
.demo20:hover {
  opacity: 1;
}

img.hover-shadow20{
  transition: 0.3s
}

.hover-shadow20:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*---end--20---*/




/*---start--21-*/





* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal21 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content21 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close21 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close21:hover,
.close21:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides21 {
  display: none;
}

.cursor21 {
  cursor: pointer
}

/* Next & previous buttons */
.prev21,
.next21 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next21{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev21:hover,
.next21:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext21 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container21{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo21 {
  opacity: 0.6;
}

.active21,
.demo21:hover {
  opacity: 1;
}

img.hover-shadow21{
  transition: 0.3s
}

.hover-shadow21:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}



/*--end--21---*/


/*---22---*/




* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal22 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content22 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close22 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close22:hover,
.close22:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides22 {
  display: none;
}

.cursor22 {
  cursor: pointer
}

/* Next & previous buttons */
.prev22,
.next22 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next22{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev22:hover,
.next22:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext22 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container22{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo22 {
  opacity: 0.6;
}

.active22,
.demo22:hover {
  opacity: 1;
}

img.hover-shadow22{
  transition: 0.3s
}

.hover-shadow22:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}







/*---end---22---*/

/*---22---*/




* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal23 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content23 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close23 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close23:hover,
.close23:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides23 {
  display: none;
}

.cursor23 {
  cursor: pointer
}

/* Next & previous buttons */
.prev23,
.next23 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color:  #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next23{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev23:hover,
.next23:hover {
  background-color:  #eead20;
}

/* Number text (1/3 etc) */
.numbertext23 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container23{
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo23 {
  opacity: 0.6;
}

.active23,
.demo23:hover {
  opacity: 1;
}

img.hover-shadow23{
  transition: 0.3s
}

.hover-shadow23:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}


/*---end---23---*/

/*---26---*/



/*----25---*/


* {
  box-sizing: border-box;
}


/* The Modal (background) */
.modal25 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 0px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


/* Modal Content */
.modal-content25 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close25 {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close25:hover,
.close25:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides25 {
  display: none;
}

.cursor25 {
  cursor: pointer
}

/* Next & previous buttons */
.prev25,
.next25 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #eead20;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next25 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev25:hover,
.next25:hover {
  background-color: #eead20;
}

/* Number text (1/3 etc) */
.numbertext25 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.caption-container25 {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo25 {
  opacity: 0.6;
}

.active25,
.demo25:hover {
  opacity: 1;
}

img.hover-shadow25{
  transition: 0.3s
}

.hover-shadow25:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}




/*---end---25---*/


@media only screen and (max-width:767px){
   .modal1 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }
		
	.modal5 {
	
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
 width:100%;
  height:100%;
  overflow: auto;
  background-color: black;
}


	.modal2 {
 
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left:0;
  top: 0;
  width: 100%;
  height:100%;
  overflow: auto;
   background-color: black;
}
	
	
	.modal3 {
	display:none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
 width:100%;
  height:100%;
  overflow: auto;
  background-color: black;
}
	
	
	
		
	.modal6 {
	display:none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
 width:100%;
  height:100%;
  overflow: auto;
  background-color: black;
}
		
	.modal7 {
	display:none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
 width:100%;
  height:100%;
  overflow: auto;
  background-color: black;
}
	
	
		
	.modal8 {
	display:none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
 width:100%;
  height:100%;
  overflow: auto;
  background-color: black;
}



	.modal9 {
	
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
 width:100%;
  height:100%;
  overflow: auto;
  background-color: black;
}

.modal10 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }

   .modal11 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }
	
	 .modal12 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }
	 .modal13 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }
	 .modal14 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }
	 .modal15 
   {
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  top: 0;
  left:0;
  width:100%;
  height:100%;
  overflow: auto;
   background-color: black;
  
    }
	
	.modal16 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


.modal17 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}


.modal18 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

.modal19 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}
.modal20 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

.modal21 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

.modal22 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

.modal23 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

.modal25 {
  	display:none;
   position: fixed;
  z-index: 1;
  padding-top: 50px;
  right:0;
  top: 0;
  width: 100%;
  overflow: auto;
  background-color: black;
}

}


#equipped-padding{
	
	padding-bottom:40px;
}


#icon-color
{
color:#eead20;
font-size:25px;
padding-left:0px;
	
}

.font-height{
	
	font-size:16px;
}

.machine-padding{
	
	margin-left:231px;
	margin-top:-35px;
}




#overflowTest {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 700px;
    overflow-y: auto;
   
}

#overflowTest1 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 550px;
    overflow-y: auto;
   
}


#overflowTest2 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 550px;
    overflow-y: auto;
   
}

#overflowTest3 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 730px;
    overflow-y: auto;
   
}
#overflowTest4 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 730px;
    overflow-y: auto;
   
}

#overflowTest5 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 730px;
    overflow-y: auto;
   
}

#overflowTest6 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 730px;
    overflow-y: auto;
   
}

#overflowTest7 {
    background: #eead20;
    color: white;
    padding: 15px;
    width: 100%;
    max-height: 730px;
    overflow-y: auto;
   
}
.btn-default{
color:#fff;
background-color:transparent;
	
	
}

.btn-default:hover{
color:#fff;
background-color:transparent;
	
	
}


.hover_text1 {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin-left:-100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	padding:0 12px;
	z-index:99;
}
.products_row1 ul li:hover .hover_text1 {
	margin-left:0;
}
.hover_text1 {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.products_row1 p.text1 {
	padding:30px 0;
	margin:0 0;
	color:#fff;
	text-align:center;
	font-size:19px;
	font-weight:400;
	line-height:20px;
	background-color: rgba(0,0,0,0.67);
	display:block;
	cursor: pointer;
	border:2px solid #fff;
	width:100%;
	text-transform:uppercase;
}
.products_row1 p.text1 {padding: 20px 0px;}
.products_row1 p.text1 {padding: 10px 0px;font-size: 15px;}
.products_row1 p.text1 {padding: 15px 0px;}

.flex1 {
display: flex;
flex-direction: column;
justify-content: center; 
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;

/*display: -moz-box;
-moz-box-orient: vertical;
-moz-box-pack: center;
-moz-box-align: center;*/

display: box;
box-orient: vertical;
box-pack: center;
box-align: center;
text-align:center;
  }


.tooltip-wrap {
  position: relative;
}

.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5%;
  left: 5%;
  right: 5%;
  background-color: #fff;
  padding: .5em;
  padding-right:190px;
  
}

.tooltip-wrap:hover .tooltip-content {
  display: block;
  background-color:white;
}




.non-list{
list-style-type:none;
width:190px;
}

.image-slide{
	
	padding-bottom:30px;
}