body {
	/*font-family: 'Questrial-Local' !important;*/
	font-family: 'Questrial', sans-serif !important;
	margin:0;
	padding:0;
    font-size:18px !important;
	background-color: black !important;
	line-height: 1.8 !important;
	-webkit-font-smoothing: subpixel-antialiased;
	}

	/* questrial-regular - latin */
	@font-face {
	  font-family: 'Questrial-Local';
	  font-style: normal;
		font-weight: normal;
	  src: url('fonts/questrial-v8-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Questrial'), local('Questrial-Regular'),
	       url('fonts/questrial-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('fonts/questrial-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('fonts/questrial-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('fonts/questrial-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('fonts/questrial-v8-latin-regular.svg#Questrial') format('svg'); /* Legacy iOS */
	}

 .h3, .h4, .h5, .h6, h3, h4, h5, h6, a {
	font-weight: normal !important;
}

header {
	padding:5px 0px;
	}
.ir-about-banner {
    background-image: url(../images/about_cannabis.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.ir-privacy-banner {
    background-image: url(../images/privacy.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.ir-cbd-banner {
    background-image: url(../images/cbd.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.ir-hemp-banner {
    background-image: url(../images/hemp_banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.ir-inner-banner {
    background-image: url(../images/extraction.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.media-inner-banner {
    background-image: url(../images/Mediakit_Image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
#tech_values {
    background: url(../images/cannabis.jpg) center center repeat;
    transition: background 2s ease-in;
}
.media-kit-button {
    display: block;
    margin: 0 auto 40px;
}
.media-kit-button a {
    color: #fff !important;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 1.25rem;
    padding: 10px 30px;
    min-width: 320px;
}
.media-kit-button a:hover{background-color:#8dc63f;border-color:#8dc63f;text-decoration:none !important;}
.contact-ir-button {
    display: inline-block;
    margin-top: 20px;
}
.ndq-content{
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    margin: -1px 0 0 0;
    padding: 7px 25px;
    height: 40px; cursor: pointer;
    text-transform: uppercase;
}
.ndq-content:hover{
    color: #fff; background:#8dc63f}
.contact-ir-button a {
    background-color: #8dc63f;
    color: #fff !important;
    display: block;
    font-size: 0.9rem;
    letter-spacing: 3px;
    padding: 7px 35px;
    text-decoration: none;
    text-transform: uppercase;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}
.contact-ir-button a:hover{text-decoration: underline;}
.cronos-green {
	color:#8dc63f !important;
	}
ul.text-area{list-style:none;}
ul.text-area li{background: #fff;
    color: #000;
    padding: 5px;
    box-shadow: 0 0 8px #ccc;
margin-bottom: 10px; line-height:20px;
float: left;
    width: 100%;}
ul.text-area li img{width:41px; float: left;}
.info-box {
    color: #c7c7c7;
    text-align: center;
    box-shadow: 0 0 16px rgba(214, 215, 216, 0.1);
    padding: 20px 0 30px 0;
    margin-bottom: 30px;
    width: 100%;
}
.info-box i {
    font-size: 40px;
    color: #8dc63f;
    border-radius: 50%;
    padding: 8px;
   
}
.info-box h3 {
    font-size: 20px;
    color: #8dc63f;
    font-weight: 700;
    margin: 10px 0;
}
.info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}
.bg-cronos-green {
	background-color: #8dc63f;
	border-radius:3px;
	padding: 10px 10px;
	line-height: 45px;
	}

	.scroll {
	    position: relative;
	    font-size: 0.8em;
	    margin-top: 20px;
	    display: inline-block;
	    height: 100px;
			color: #FFF;
	    text-decoration: none;
	}


	.scroll:after {
	    border-right: 2px solid #FFF;
	    border-bottom: 2px solid #FFF;
	    -ms-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	.scroll:after {
	    content: '';
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    margin: auto;
	    top: 10px;
	    right: 0;
	    left: 0;
	    -webkit-animation: 3s arrow infinite ease;
	    animation: 3s arrow infinite ease;
		}


		@-webkit-keyframes arrow {
		  0%,100% {
		    top:10px;
		  }
		  50% {
		    top:30px;
		  }
		}
		@keyframes arrow {
		  0%,100% {
		    top:10px;
		  }
		  50% {
		    top:30px;
		  }
		}

		.scroll_more_container{
			position: absolute;
			/*margin-left: auto;
			margin-right: auto;*/
			left: 0;
			right: 0;
		  bottom: 0;
		}

.brand_logos {
	max-width: 200px;
}

#cronos-logo {
	float:left;
	margin-left: 15px;
	}

#video_container {
	padding:0px !important;
}
footer div a,  footer div p {
text-decoration: none;
color: grey;
margin:0 10px;
}

footer div {
/*font-size: 0.9em;*/
color: grey;
}


footer div a:hover {
text-decoration: none;
color: #8dc63f;
}

.bg-gradient-cronos {
position: absolute;
top:-1000px;
width:98%;
height:100%;
z-index: 100;
}

.bg-gradient-cronos span{
	pointer-events: none;

}

.es-carousel li:hover .bg-gradient-cronos, .selected .bg-gradient-cronos {
top:0px;
}

.es-carousel ul li {
position: relative;
}

.es-carousel ul li .align-bottom-cronos {
	right: 0;
	position: absolute;
	bottom: 0px;
	left: 0;
}

.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
background: rgba(20, 20, 20, 0.9);
}

#close_popup_read_more, .profile_bg_img {
	display:none;
}

.footer_link_div a {
		color: #8dc63f !important;
}

.green-big-button:hover{
	text-decoration: none;
	color: white;
}

.tabs {
 
}
ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}
ul#tabs-nav li {
  float: left;
  font-weight: bold;
  margin:0 15px;
  padding: 8px 40px;
 border: 1px solid #fff;
  cursor: pointer;
}
ul#tabs-nav li:hover,
ul#tabs-nav li.active {
  background-color: #8dc63f;
  border: 1px solid #8dc63f;
}
#tabs-nav li a {
  text-decoration: none;
  color: #FFF;
}
.tab-content {
  padding: 10px;
  
}

ul#tabs-nav1 {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}
ul#tabs-nav1 li {
  float: left;
  font-weight: bold;
  margin:0 15px;
  padding: 8px 40px;
 border: 1px solid #fff;
  cursor: pointer;
}
ul#tabs-nav1 li:hover,
ul#tabs-nav1 li.active {
  background-color: #8dc63f;
  border: 1px solid #8dc63f;
}
#tabs-nav1 li a {
  text-decoration: none;
  color: #FFF;
}
.tab-content1 {
  padding: 10px;
  
}


.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #8dc63f;
    border: 1px solid #8dc63f;
    border-bottom-color: transparent;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 40px;
    color:#fff;
}
.dropdown, .dropup {
    position: relative;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 99% !important;
    padding: 5px 5px !important;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #8dc63f !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #8dc63f !important;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.open>.dropdown-menu {
    display: block;
}
.dropdown-menu a{color:#fff}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0; text-align:center;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu .logo{position: absolute;}
#cssmenu > ul > li{display: inline-block;}
#cssmenu > ul > li > a{padding:24px 17px 15px 17px;font-size:16px;letter-spacing:0px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#8dc63f}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:transparent;!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:none;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:none;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index: 999;
}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#000;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{padding:11px 5px;width:220px;text-align:left;font-size:15px;text-decoration:none;color:#fff;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#8dc63f}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%; z-index:9999;text-align:center;padding:0 0 0 0 ;float:none}
.logo img{width:210px}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:26px;right:20px;display:block;height:12px;width:30px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:30px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.container {
    width:100% !important;
}
h1 {
    font-size: 4em !important;
    font-weight: normal ;
}
.mission_vision_values_button{width:100% !important}
.da-slider{height:100% !important; min-width:100% !important}
.da-slide{position:relative !important; }
h2 {font-size: 2.5rem !important;
    line-height: 1 !important;}
footer a {width: 100% !important;font-size: 16px;}
.pipes{display: none;}
.textabc{    flex: 0 0 83.333333% !important;
    max-width: 83.333333% !important;}
      .col-4 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}.col-5 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
  .col-7 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
  .col-8 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}