@import "hamburgers.min.css";
@import "faststyle.css";
body,html{
    height: calc(100% - 105px);
	width: 100%;
	min-height: 570px;
}
#logo{
    width: 131px;
    height: auto;
    float: left;
    margin-left: 60px;
}
.header_login{
    width: 100%;
    z-index: 1;
    padding:15px;
    background-color: #1D3058;
    color: #fff;
    vertical-align: middle;
}
.header-text{
   float: right;
}
/** client logo **/
.client-logos{
    padding: 20px 15px 15px 15px;
}
.client-logos img, .client-logos .client-slideshow{
    max-height: 60px;
}
.client-slideshow{
    width: 50%;
    float: right;
}
.client-slideshow .item{
    max-height: 60px;
    display: flex !important;
	justify-content:center;
align-items:center;
 padding: 0 0px;
}
/** footer **/
.footer{
    width: 100%;
    z-index: 1;
    padding:15px;
    background-color: #1D3058;
	color: #fff;
	bottom: 0px;
}
/** slideshow **/
.slideshow {
    width: 100%;
	height: 100%;
}
.slideshow .item{
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.slick-list {
    height: 100%;
}
.slick-track , .slick-slide , .slick-slide div{
    height: 100%;
}
.slick-dots{
    bottom: 35px;
}
.slick-dotted.slick-slider{
    margin-bottom: 0px;
}
.slick-dots li button:before{
    font-size: 16px;
    opacity: 0.8;
    color: #fff;
}
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #86E2FF;
}
/** hamburger **/
.hamburger {
    float: left;
    padding: 0px;
    position: absolute;
    z-index: 3;
    left: 15px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	height: 2px;
	background-color: #fff;
	box-shadow: #000
}
/** drawer **/
#drawer_login {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  left: -100%;
  z-index: 2;
  overflow: hidden;
  background-color: rgba(0,0,0,0.7);
  transition: left .5s cubic-bezier(0.820, 0.085, 0.395, 0.895);

}
#drawer_login.inactive {
  left: 0px;
}
#drawer_login .con{
    padding: 20px;
    height: 100%;
    width: 300px;
    color: #fff;
    background-color: #1D3058;
}
#drawer_login .close_btn{
    text-align: right;
    cursor: pointer;
    font-size: 18px;
}

.menu-links{
    padding: 0px;
    margin: 70px 0px 0px 0px;
}

.menu-links li{
    width: 100%;
    margin-bottom: 20px;
    list-style: none;
}

.menu-links li a{
    color: #fff;
    padding: 15px 0px;
    font-size: 18px;
    -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
        transition: all 0.5s;
}

.menu-links li a:hover{
    font-size: 24px;
    color: #86E2FF;
}

/** body menu **/
.body-menu{
    position: absolute;
    right: 30px;
    top: 200px;
	z-index:1;
}
.menu-con{
    display: none;
}
#wrapper {
	width: 304px;
	margin-left: auto;
	margin-right: auto;
	font-family:'TrajanPro-Regular',Sans-Serif!important;
	font-weight:normal;
	color: white;
	margin-top:0px;
	}

.accordionButton {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
	_margin-bottom:-32px;
	margin-bottom:-32px;
	background-image: url(../images/logo/blue.png);
	background-repeat: no-repeat;
	height: 85px;
	}

 .accordionButton span {
	position: absolute;
	padding-left:50px;
	padding-top:28px;
	font-family:'TrajanPro-Regular',Sans-Serif!important;
	font-size: 17px;
	font-weight:normal;
}

.accordionContent {
	width: 292px;
	float: left;
	_float: none;
	background-image: url(../images/logo/blue-body2.png);
	background-repeat: no-repeat;
	/*height: 204px;*/
	height: 205px;
}

.accordionContent ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left: 0px;
	margin-top: 35px;
}

.accordionContent li{
	display:block;
	margin:0px;
	padding:0px;
	font-size:15px;
	background-image: url(../images/logo/divider.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	height: 30px;
	padding-bottom:5px;
}

.accordionContent li a {
	margin:0px;
	padding:0px; /*padding inside each tab*/
	text-decoration: none;
	font-weight:normal;
	color: #FFF;
	height: 20px;
	width: 94px;
	text-align: center;
	line-height: 35px;
}

.accordionContent li a:hover {
	margin:0px;
	padding:0px; /*padding inside each tab*/
	text-decoration: none;
	font-weight:normal;
	color: #00FF00;
	width: 94px;
	text-align: center;
}

.accordionfooter {
	width: 292px;
	float: left;
	_float: none;
	background-image: url(../images/logo/blue-footer.png);
	background-repeat: no-repeat;
}

/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
	background-image: url(../images/logo/blue-open.png);
	height: 85px;
	margin-bottom:-32px;
	}

.over {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;

	height: 85px;

	margin-bottom:-32px;
	}



.accordionButton-r {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
	margin-bottom:-32px;
	background-image: url(../images/logo/red.png);
	/*height: 120px;*/
	height: 85px;
	background-repeat:no-repeat;
	margin-top: 0px;

	}

 .accordionButton-r span {
	position: absolute;
	padding-left:50px;
	padding-top:28px;
	font-family:'TrajanPro-Regular',Sans-Serif!important;
	font-size: 17px;
	font-weight:normal;

	}


.accordionContent-r {
	width: 292px;
	float: left;
	_float: none;
	background-image: url(../images/logo/red-body.png);
	background-repeat: no-repeat;
	height: 168px;
	}

.accordionContent-r ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left: 0px;
	margin-top: 35px;
}
.accordionContent-r li{
	display:block;
	margin:0px;
	padding:0px;
	font-size:15px;
	background-image: url(../images/logo/divider.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	height: 30px;
	padding-bottom:5px;


}
.accordionContent-r li a {
	margin:0px;
	padding:0px; /*padding inside each tab*/
	text-decoration: none;
	font-weight:normal;
	color: #FFF;
	height: 20px;
	width: 94px;
	text-align: center;
	line-height: 35px;
}

.accordionContent-r li a:hover {
	margin:0px;
	padding:0px; /*padding inside each tab*/
	text-decoration: none;
	font-weight:normal;
	color: #000000;
	width: 94px;
	text-align: center;
}

.on-r {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
	background-image: url(../images/logo/red-open.png);
	height: 85px;
	margin-bottom:-32px;
	}

.over-r {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
margin-bottom:-32px;
	height: 85px;

	}


.accordionButton-g {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
	margin-bottom:-32px;
	background-image: url(../images/logo/green.png);
	height: 85px;
	background-repeat:no-repeat;
	margin-top:0px;

	}

 .accordionButton-g span {
	position: absolute;
	padding-left:50px;
	padding-top:28px;
	font-family:'TrajanPro-Regular',Sans-Serif!important;
	font-size: 17px;
	ont-weight:normal;
	}


.accordionContent-g {
	width: 292px;
	float: left;
	_float: none;
	background-image: url(../images/logo/green-body.png);
	background-repeat: no-repeat;
	height: 209px;
	}

.accordionContent-g ul{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left: 0px;
	margin-top: 35px;
}
.accordionContent-g li{
	display:block;
	margin:0px;
	padding:0px;
	font-size:15px;
	background-image: url(../images/logo/divider.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	height: 30px;
	padding-bottom:5px;


}
.accordionContent-g li a {
	margin:0px;
	padding:0px; /*padding inside each tab*/
	text-decoration: none;
	font-weight:normal;
	color: #FFF;
	height: 20px;
	width: 94px;
	text-align: center;
	line-height: 35px;
}

.accordionContent-g li a:hover {
	margin:0px;
	padding:0px; /*padding inside each tab*/
	text-decoration: none;
	font-weight:normal;
	color: #000000;
	width: 94px;
	text-align: center;
}

.on-g {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;
	background-image: url(../images/logo/green-open.png);
	height: 85px;
	margin-bottom:-32px;
	}

.over-g {
	width: 293px;
	float: left;
	_float: none;
	cursor: pointer;

	height: 85px;
	margin-bottom:-32px;
	}

.client-logos .client-slideshow img {
    max-width: 100%;
	width: auto;
	height: auto;
}

#demo-1 {
	min-height: calc(100vh - 200px);
}
.text11 td {
    font-family: arial;
    font-size: 11px;
}

.zs-enabled{position:relative}.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:0px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#ccc}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#86E2FF}.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}.zs-enabled.overlay-plain .zs-slideshow:after{background-image:url(plain.png)}.zs-enabled.overlay-dots .zs-slideshow:after{background-image:url(dots.png)}