@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
}

.unleash_slider {
	overflow: hidden;
	display: block;
	position: relative;
	-moz-box-shadow: 0px 0px 10px rgba(1, 1, 1, 1);
	-webkit-box-shadow: 0px 0px 10px rgba(1, 1, 1, 1);
	box-shadow: 0px 0px 10px rgba(1, 1, 1, 1);
}
.unleash_slide {
	overflow: hidden;
	display: block;
	-moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);
	-webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);
	box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3);
	position: absolute;
	cursor: pointer;
	float: left;
	display: inline-block;
	zoom: 1;
	background: #000;
    left:0;
}
.unleash_caption{
	position: absolute;
    top: 70px;
background:#0005;
padding: 2%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
max-height: 50%;
margin: 2%;
overflow: hidden;
width: 95%;
}
.unleash_caption h6 {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}
.unleash_caption p{
	color: #fff;
}
.unleash_content{
	position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
}

.unleash_drag{
	 cursor: -webkit-grab;
  cursor: -moz-grab;
   cursor: -o-grab;
    cursor: -ms-grab;
}
.unleash_slide_mouseDown{
 cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
   cursor: -o-grabbing;
    cursor: -ms-grabbing;

}
.example_1 {
	-moz-box-shadow: 5px 0px 5px rgba(1, 1, 1, 0.3);
	-webkit-box-shadow: 5px 0px 5px rgba(1, 1, 1, 0.3);
	box-shadow: 5px 0px 5px rgba(1, 1, 1, 0.3);
}
.unleash_slide img, .unleash_slide video {
	position: relative;
	width: 100%;
	opacity: 0.7;
	-o-transition: opacity 700ms;
	-ms-transition: opacity 700ms;
	-moz-transition: opacity 700ms;
	-webkit-transition: opacity 700ms;
	transition: opacity 700ms;
}
.unleash_slide img:hover, .unleash_slide video:hover {
	opacity: 1;
}
.unleash_slide.active img, .unleash_slide.active video {
	opacity: 1;
}

.upper_text {
	position: absolute;
	width: 100%;
	margin: none;
}
.upper_text h4 {
	text-align: center;
	margin: 0;
}
.upper_text h4 a {
	color: white;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 55px;
	text-decoration: none;
}

.lower_text {
	position: absolute;
	width: 100%;
	margin: none;
	text-align: center;
	padding: 0 5%;
}
.lower_text p {
	color: white;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 20px;
}
@media screen and (max-width: 800px) {
.upper_text h4 a {
	font-size: 20px;
}
.lower_text p {
	display: none;
}
}
.main_nav {
background: #111;
padding: 5px 0;
box-shadow: 0px 2px 10px rgba(1, 1, 1, 0.81);
}


.color {
	padding: 40px 0;
	/*border-top: 1px solid rgba(255,255,255,0.1);*/
}
.unleash_container {
	position: relative;
}
.unleash_controls {
	width: 120px;
	height: 40px;
	position: absolute;
	top: 20px;
	right: 20px;
	overflow: hidden;
}
.unleash_loader {
	height: 2px;
background: #00f0ff;
/*left: -101%;*/
position: absolute;
position: relative;
z-index: 1000;
box-shadow: 0px 0px 3px 1px #00f0ff;
-webkit-box-shadow: 0px 0px 3px 1px #00f0ff;
-moz-box-shadow: 0px 0px 3px 1px #00f0ff;
top: 10px;
}
.unleash_loader_bg {
	height: 20px;
overflow: hidden;
background: #;
z-index: 999;
width: 100%;
top: -12px;
position: absolute;
}

.unleash_pause {
	background: url(../img/pause.png) no-repeat;
	height: 30px;
	width: 40px;
	float: left;
	cursor: pointer;
}
.unleash_buttons {
	overflow: hidden;
width: 100%;
margin: 20px auto 0px auto;
text-align: center;
}
.unleash_buttons i{
	color:#fd000c;
	font-size: 18px;
	cursor: pointer;
}
.emboss {
	background: rgba(255,255,255,0.25);
	height: 1px;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}
.main_slider{
background: rgb(4,13,28); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MGQxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzM5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(4,13,28,1) 0%, rgba(67, 117, 145, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,13,28,1)), color-stop(100%,rgba(67, 117, 145, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(4,13,28,1) 0%,rgba(67, 117, 145, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(4,13,28,1) 0%,rgba(67, 117, 145, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(4,13,28,1) 0%,rgba(67, 117, 145, 1) 100%); /* IE10+ */
background:#fff; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040d1c', endColorstr='#1c3949',GradientType=0 ); /* IE6-8 */


}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?63503719');
  src: url('../font/fontello.eot?63503719#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?63503719') format('woff'),
       url('../font/fontello.ttf?63503719') format('truetype'),
       url('../font/fontello.svg?63503719#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?63503719#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: -50px;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-left-open:before { content: '\e806'; } /* '' */
.icon-right-open-5:before { content: '\e819'; } /* '' */
.icon-play-1:before { content: '\e808'; } /* '' */
.icon-pause-1:before { content: '\e801'; } /* '' */
.icon-to-end-1:before { content: '\e802'; } /* '' */
.icon-to-start-1:before { content: '\e805'; } /* '' */
.icon-left-open-1:before { content: '\e80a';margin-left: -50px; } /* '' */
.icon-right-open-1:before { content: '\e80b'; } /* '' */
.icon-left-open-mini:before { content: '\e80c'; } /* '' */
.icon-right-open-mini:before { content: '\e80d'; } /* '' */
.icon-left-open-big:before { content: '\e80e'; } /* '' */
.icon-right-open-big:before { content: '\e80f'; } /* '' */
.icon-play:before { content: '\e800'; } /* '' */
.icon-right-open:before { content: '\e809'; } /* '' */
.icon-to-end:before { content: '\e803'; } /* '' */
.icon-to-start:before { content: '\e804'; } /* '' */
.icon-left-open-outline:before { content: '\e810'; } /* '' */
.icon-left-open-2:before { content: '\e811'; } /* '' */
.icon-right-open-outline:before { content: '\e812'; } /* '' */
.icon-right-open-2:before { content: '\e813'; } /* '' */
.icon-left-open-3:before { content: '\e814'; } /* '' */
.icon-right-open-3:before { content: '\e815'; } /* '' */
.icon-left-open-4:before { content: '\e816'; } /* '' */
.icon-right-open-4:before { content: '\e817'; } /* '' */
.icon-left-open-5:before { content: '\e818'; } /* '' */
.icon-pause:before { content: '\e807'; } /* '' */


/*****************ezweb************/
.caption_3 > a {
	color: #fff !important;
}
.caption_3 p {
    color: #fff !important;
    font-size: 14px;
}
.title-on {
	position: absolute;
	left: 13px !important;
	top: 32px !important;
	color: #fff;
	width: 100px ;
	text-align: right;
	line-height: 0;
    font-size: 12px;
}
}
.caption_3 {
	text-align: right!important;
}
.caption_3 .link {
	border-bottom: 2px solid #fff;
	padding: 3px 0;
}
.title-hover-1:hover .title-on , .title-hover-2:hover .title-on , .title-hover-3:hover .title-on ,
.title-hover-4:hover .title-on, .title-hover-5:hover .title-on , .title-hover-6:hover .title-on   {
	display:none !important;
}
.title-hover-1 h3::after {
	content: "";
	border-bottom: 2px solid #f2b229 !important;
	display: block;
	padding: 10px 0;
	margin: -5px auto 0;
}
.title-hover-1 .caption_3 a.link >h6{
     border-bottom: 2px solid #f2b229 !important;
       width: 110px;
}
.title-hover-1 .link-name::before {
	background: #f2b229;
}
.title-hover-1 .logo-link svg {
	float: left;
	background:#f2b229;
	padding: 5px;
	border-radius: 10px 0;
}
.title-hover-2 h3::after {
  content: "";
	border-bottom: 2px solid #6e8d00 !important;
	display: block;
	padding: 10px 0;
	margin: -5px auto 0;
   }
.title-hover-2 .caption_3 a.link >h6{
     border-bottom: 2px solid #6e8d00 !important;
       width: 100px;
}
.title-hover-2 .link-name::before {
	background: #6e8d00;
}
.title-hover-2 .logo-link svg {
	float: left;
	background: #6e8d00;
	padding: 5px;
	border-radius: 10px 0;
}
.title-hover-3 h3::after {
	content: "";
	border-bottom: 2px solid #ff0000 !important;
	display: block;
	padding: 10px 0;
	margin: -5px auto 0;
  }
.title-hover-3 .caption_3 a.link >h6{
     border-bottom: 2px solid #ff0000 !important;
       width: 120px;
}
.title-hover-3 .link-name::before {
	background:#ff0000;
}
.title-hover-3 .logo-link svg {
	float: left;
	background: #ff0000;
	padding: 5px;
	border-radius: 10px 0;
}
.title-hover-4 h3::after {
	content: "";
	border-bottom: 2px solid #e46e2b !important;
	display: block;
	padding: 10px 0;
	margin: -5px auto 0;
   }
.title-hover-4 .caption_3 a.link >h6 {
    border-bottom: 2px solid #e46e2b !important;
    width: 100px;
}
.title-hover-4 .link-name::before {
	background: #e46e2b;
}
.title-hover-4 .logo-link svg {
	float: left;
	background: #e46e2b;
	padding: 5px;
	border-radius: 10px 0;
}
.title-hover-5 h3::after {
	content: "";
	border-bottom: 2px solid #0192ca !important;
	display: block;
	padding: 10px 0;
	margin: -5px auto 0;
    }
.title-hover-5 .caption_3 a.link >h6{
     border-bottom: 2px solid #0192ca !important;
       width: 127px;
}
.title-hover-5  .link-name::before {
	background: #0192ca;
}
.title-hover-5 .logo-link svg {
	float: left;
	background: #0192ca;
	padding: 5px;
	border-radius: 10px 0;
}
.title-hover-6 h3::after {
	content: "";
	border-bottom: 2px solid #684a8d !important;
	display: block;
	padding: 10px 0;
	margin: -5px auto 0;
    }
.title-hover-6 .caption_3 a.link >h6{
     border-bottom: 2px solid #684a8d !important;
       width: 80px;
}
.title-hover-6  .link-name::before {
	background: #684a8d;
   }
.title-hover-6 .logo-link svg {
	float: left;
	background: #684a8d;
	padding: 5px;
	border-radius: 10px 0;
}
.molecular-button.molecular-button__long-arrow {
    text-align: left;
    margin: 15px auto -8px;
    font-size: 12px;
    padding: 0;
}
.molecular-button.molecular-button__long-arrow svg {
	margin: -10px auto;
	width: 21px;
}
.molecular-button__long-arrow {
	display: block;
	text-align: right;
	overflow: hidden;
}
.molecular-button__long-arrow .link-name::before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	margin-right: 18px;
	bottom: 21px;
	height: 2px;
	width: 86.5%;
}
.unleash_slide.title-hover-1.active .title-on , .unleash_slide.title-hover-2.active .title-on ,.unleash_slide.title-hover-3.active .title-on, 
.unleash_slide.title-hover-4.active .title-on , .unleash_slide.title-hover-5.active .title-on ,.unleash_slide.title-hover-6.active .title-on {
	display: none;
}

 .Business07-section-01 h6 a:visited , .Business07-section-01 h6 a:hover {
	color: #fff!important;
}
@media screen and (max-width: 768px) {
    .title-on {
        width: 100px !important;
        font-size: 14px !important;
        transform: rotate(-90deg);
        margin-left: -35px;
        margin-top: 7px;
    }
	.DnnModule-901 .logo-link {
		display: none;
	}
}
@media screen and (max-width:1024px) {
    .title-on {
    width: 130px !important;
    font-size: 16px !important;
    transform: rotate(-90deg);
    margin-left: -35px;
    margin-top: 35px;
}
    .molecular-button__long-arrow .link-name::before {
    bottom: 3px!important;
    width: 80% !important;
}
	.DnnModule-901 .molecular-button__long-arrow .link-name::before {
		bottom: 12px !important;
		width: 72% !important;
	}
	.DnnModule-901 h3 {
		font-size: 0.9em;
		color: #fff;
	}
}
@media screen and (max-width: 425px) {
.caption_3 p {
    color: #fff !important;
    font-size: 6px!important;
    line-height:12px !important;
}
.unleash_caption {
        top: 45px!important;
    }
	.DnnModule-698 .unleash_caption {
		top: 12px !important;
	}
	.DnnModule-901 .title-on {
		width: 130px !important;
		font-size: 10px !important;
		transform: rotate(-90deg);
		margin-left: -53px;
		margin-top: 0;
	}
}
.DnnModule-561 .unleash_caption {
    position: absolute;
    bottom: 21px;
    top:unset;
}
/*************en******************/
.DnnModule-901 .molecular-button__long-arrow .link-name::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	margin-left: 18px;
	bottom: 21px;
	height: 2px;
	width: 81.5%;
	right: auto;
}

.DnnModule-901 .molecular-button.molecular-button__long-arrow {
	text-align: right;
	margin: 15px auto -8px;
	font-size: 12px;
	padding: 0;
}
.DnnModule-901   .logo-link svg {
	float: right;
	 }
.DnnModule-901  .caption_3 a.link > h6 {
	  width: 290px !important;
}
.DnnModule-901 .title-hover-1 .logo-link svg, .DnnModule-901 .title-hover-2 .logo-link svg, .DnnModule-901 .title-hover-3 .logo-link svg
.DnnModule-901 .title-hover-4 .logo-link svg, .DnnModule-901 .title-hover-5 .logo-link svg, .DnnModule-901 .title-hover-6 .logo-link svg {
	float: right;
}
.DnnModule-901 div {
	direction: ltr;
}
.DnnModule-901 .title-on {
	text-align: left;
	}