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

@import url("../_fonts/OpenSans-Regular/fontstyle.css");
@import url("../_fonts/FontAwesome/font-awesome.css");


body {
	margin: 0px auto;
	box-sizing: border-box;
	height: 100vh;
  	width: 100vw;
	clear: both;
	font-size: 12px;
	font-weight: lighter;
	letter-spacing: 1.5px;
	font-family: 'OpenSans-Regular'; /* Change your font */
	background-image: url(../_assets/images/cd_bg.png);
	background-position: 50% -0%;
	background-attachment: fixed;

}
body p {
	font-family: 'OpenSans-Regular'; /* Change your font */
    font-size: 12px;
	margin: 0px 55px 20px 25px;
}
body ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	top: auto;
}
.main {
	margin: 0px;
	width: 100%; 
}
.banner {
	margin: 0px auto;
	width: 100%;
	background-image: url(../_assets/images/banner_logo.png);
	background-color: #333333;
	padding-top: 85px;
	padding-bottom: 85px;
	background-position: 50% -0%;
	background-repeat: no-repeat;
}
.title {
    font-size: 140%;
    font-weight: bold;
}
.header {
    margin: 0 auto;
	background-color: #333333;

}
.content {
	padding: 0px;
	overflow: hidden;
	z-index: -5;
}
.contents {
    width: 100vw;
    margin: 10px;
    font-size: 80%;

}	
/* Navigations Styles */	
#menu {
	list-style: none;
	background-color: #333333;
	width: 950px;
	margin: 0 auto;
	height: 43px;
	padding: 0px 0px 0px 10px;
	
}
#menu li {
	float: left;
	display: block;
	text-align: center;
	position: relative;
	padding: 3px 5px 3px 0px;
	margin-right: 3px;
	margin-top: 9px;

}
#menu li:hover {
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 2px;
	margin-right: 3px;
	margin-top: 9px;
}	
.dropdown_bg_png {
	background-color: #333333;
	position: relative;
	left: -1px;
	top: 12px;
	width: 480px;
	height: 500px;
	z-index: 5;
	border-radius: 0px 0px 25px 25px;
}
#menu li a {
	font-size: 12px;
	font-weight: lighter;
	letter-spacing: 1.5px;
	color: #C4C4C4;
	display: block;
	outline: 0;
	text-decoration: none;
	width: 100px;
}
#menu li:hover a {
	color: #FFFFFF;
	width: 100px;
}
#menu logo li {
	font-size: 13px;
	color: #333333;
	display: block;
	outline: 0;
	text-decoration: none;
	width: 280px;
}
#menu li .menu.logo.li {
	margin-top: -4px;
	width: 280px;
	display: block;
	background-repeat: no-repeat;
}
#menu li .menu.logo.li:hover {
	width: 280px;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	border-bottom: 2px solid #C4C4C4;
	color: #FFFFFF;
}
#menu li .drop {
	background-repeat: no-repeat;
	background-position: center 16px;
	margin-top: 0px;
}
#menu li:hover .drop {
	background-repeat: no-repeat;
	background-image: none;
	border-bottom: 2px solid #C4C4C4;
	padding-bottom: 2px;
	color: #FFFFFF;
	background-position: center 16px;
	margin-top: 0px;

}

/* Drop Down Styles */
.img_left-P { width: auto; float: left; margin: 0 0 0px -43px } /* Image sticks to the left */
.img_right-P { width: auto; float: right; margin: 0 -42px 0 0 } /* Image sticks to the right */

.img_left-A { width: auto; float: left; margin: 0 0 0 -43px } /* Image sticks to the left */
.img_right-A { width: auto; float: right; margin: 0 -42px 0 0 } /* Image sticks to the right */

.img_left-Sr { width: auto; float: left; margin: 0 0 0px -43px } /* Image sticks to the left */
.img_right-Sr { width: auto; float: right; margin: 0 -42px 0 0 } /* Image sticks to the right */

.img_left-S { width: auto; float: left; margin: 0 0 0px -43px } /* Image sticks to the left */
.img_right-S { width: auto; float: right; margin: 0 -42px 0 0 } /* Image sticks to the right */

.img_left-C { width: auto; float: left; margin: 0 0 0px -43px } /* Image sticks to the left */
.img_right-C { width: auto; float: right; margin: 0 -42px 0 0 } /* Image sticks to the right */

	
.dropdown_1column {
  margin: 5px auto 0px;
  float: right;
  position: absolute;
  left: -999em; /* Hides the drop down */
  text-align: left;
  padding: 0px 5px 0px 5px;
  border: 1px solid #777777;
  border-top: none;
  background: #333333;
  /* Rounded Corners */
  border-radius: 0px 0px 15px 15px;
  
}
.dropdown_2columns{
  margin-top: 5px 20px 0;
  float: left;
  position: absolute;
  left: -999em; /* Hides the drop down */
  text-align: left;
  padding: 0px 5px 0px 5px;
  border: 1px solid #777777;
  border-top: none;
  background: #333333;
  /* Rounded Corners */
  border-radius: 0px 0px 25px 25px;
  z-index: 9999;

}
.dropdown_3columns{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 0px 5px 0px 5px;
	border: 1px solid #777777;
	border-top: none;
	background: #333333;
	/* Rounded Corners */
	border-radius: 0px 0px 25px 25px;
	z-index: 9999;
}
.dropdown_4columns{
	margin: 5px -188px 0px;
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 0px 5px 0px 5px;
	border: 1px solid #777777;
	border-top: none;
	background: #333333;
	/* Rounded Corners */
	border-radius: 0px 0px 25px 25px;
	z-index: 9999;
}
.dropdown_5columns {
  margin: 5px -80px 0px 0px;
  float: left;
  position: absolute;
  left: -999em; /* Hides the drop down */
  text-align: left;
  padding: 0px 5px 0px 5px;
  border: 1px solid #777777;
  border-top: none;
  background: #333333;
  /* Rounded Corners */
  border-radius: 0px 0px 25px 25px;
  z-index: 9999;
}
.dropdown_6columns{
  margin-top: 5px;
  float: left;
  position: absolute;
  left: -999em; /* Hides the drop down */
  text-align: left;
  padding: 0px 5px 0px 5px;
  border: 1px solid #777777;
  border-top: none;
  background: #333333;
  /* Rounded Corners */
  border-radius: 0px 0px 25px 25px;
  z-index: 9999;
}
.dropdown_1column {width: 140px;

}
.dropdown_2columns {
	width: 888px;
	height: 300px;
	float: left;
	margin: 5px 104px 0px -89px;
}
.dropdown_3columns {
  width: 550px; 
  height: 395px;
  float: left;
 
}
.dropdown_4columns {
	width: 888px;
	height: 300px;
	float: right;
}
.dropdown_5columns {
	width: 888px;
	height: 300px;
	float: right;
}
.dropdown_6columns {
  width: 550px; 
  height: 395px;
  float: right;
  margin-right: 14px;
}
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_6columns, 
	left: 5px; top: auto;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display: inline-block;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	color: #E7E7E7;
}
.col_1 {width:230px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}


#menu .menu_left {
	float: left;
	margin-right: auto;
	margin-left: auto;
	
}
#menu li .align_left {
	/* Rounded Corners */
	border-radius: 0px 0px 25px 25px;
	
}
#menu li:hover .align_left {
	right:auto;
	left:-1px;
	top:auto;		

}
#menu .menu_right {
	float: right;
	margin-right: auto;
	margin-left: auto;
}
#menu li .align_right {
	/* Rounded Corners */
	border-radius: 0px 0px 25px 25px;
}
#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}
#menu p, #menu h2, #menu h3, #menu ul li {
	color:#B4B4B4;
	line-height:21px;
	font-size:12px;
	text-align:left;
}
#menu li ul {  /* List Items */
	list-style: none;
	padding: 0;
	margin: 40px 0 11px 0;
	text-align: left;
}
#menu li ul li {
	width: 280px;
	height: 20px;
	font-size: 11px;
	line-height: 24px;
	position: relative;
	margin: 0px 15px -1px;
	padding: 5px;
	float: none;
	text-align: left;
	vertical-align: middle;
}
#menu li ul li:hover {
	width: 280px;
	height: 20px;
	font-size: 11px;
	line-height: 24px;
	position: relative;
	margin: 0px 15px -1px;
	padding: 5px;
	float: none;
	text-align: left;
	vertical-align: middle;
}
#menu li:hover div a {
	margin: 0px 15px 10px 7px;
	padding: 6px 6px 10px;
	font-size: 11px;
	position: relative;
	color: #9D9D9D;
	width: 280px;
	height: 20px;
	line-height: 24px;
	letter-spacing: 2px;
	vertical-align: middle;
}
#menu li:hover div a:hover {
	margin: 0px 15px 10px 7px;
	padding: 6px 6px 10px;
	position: relative;
	font-size: 11px;
	color: #fff;
	width: 280px;
	height: 20px;
	line-height: 24px;
	letter-spacing: 2px;
	vertical-align: middle;
}
#menu li .greybox li {
	font-size: 11px;
	color: #9D9D9D;
	text-align: justify;
	text-indent: 2em;
	position: relative;
	border: 1px solid #C4C4C4;
	margin: 0px 0px -1px 50px;
	width: 315px;
	height: 30px;
}
#menu li .greybox li:hover {
	background-color: rgba(80,81,87,0.50);
	text-align: justify;
	text-indent: 2em;
	position: relative;
	font-size: 11px;
	color: #FFF;
	border: 1px solid #C4C4C4;
	margin: 0px 0px -1px 50px;
	width: 315px;
	height: 30px;	
	
/* Dropdown List Boxes */
}
#menu li_r:hover div a {
	margin: 0px 15px 0;
	font-size: 11px;
	position: relative;
	color: #9D9D9D;
	width: 325px;
	height: 35px;
	letter-spacing: 2px;
}
#menu li .greybox_r ul  {
	margin: 50px 15px 15px 0px;
	float: right;
	width: 420px;
	height: 130px;
}
#menu li .greybox_r li  {
	width: 125px;
	height: 295px;
	opacity: 1;
	filter: opacity(100%);
	postion: relative !important;
	float: left;
	margin: -310px 0px 10px -10px;
	display: inline-block;

}
#menu li .greybox_r li:hover {
	opacity: 0.5;
	filter: opacity(50);
	postion: relative !important;
	float: left;
	clear: none;
	margin: -310px 0px 10px -10px;
	width: 125px;
	height: 295px;
	display: inline-block;
}
#menu li .greybox_lrg li  {
	width: 375px;
	height: 295px;
	opacity: 1;
	filter: opacity(100%);
	postion: absolute !important;
	float: right;
	clear: none;
	margin: -248px 63px 20px -60px;
	display: inline-block;
}
#menu li .greybox_lrg li:hover {
	width: 375px;
	height: 295px;
	opacity: 0.5;
	filter: opacity(50%);
	postion: absolute !important;
	float: right;
	clear: none;
	margin: -248px 63px 20px -60px;
	display: inline-block;	
}
.verticle-text-col2 {
	transform: rotate(90deg);
	postion: absolute !important;
	margin: -115px -480px 0px 0px;
	float: right;
	font-size: 11px;
	letter-spacing: 3px;
	color: #9D9D9D;

}
.verticle-text {
	transform: rotate(90deg);
	postion: absolute !important;
	margin: -100px -490px 0px 0px;
	float: right;
	font-size: 11px;
	letter-spacing: 3px;
	color: #9D9D9D;
	
}
.verticle-text-lrg {
	transform: rotate(90deg);
	postion: absolute !important;
	margin: -99px -410px 0px 0px;
	float: right;
	font-size: 11px;
	letter-spacing: 3px;
	color: #9D9D9D;

/*! About Dropdown */
}
.about img {
	margin-top: 40px;
	margin-left: 220px;
	margin-bottom: 10px;	

}
.about-p {
	text: 10px;
	text-align: center !important;
	color: #C4C4C4;
	line-height: 2em;
	margin: 25px 15px 0 0px;

}
.about-p2 {
	text: 10px;
	text-align: center !important;
	color: #C4C4C4;
	line-height: 2em;
	margin: 10px 10px 0 0px;

}
.about-btn {
	font-size: 12px;
	font-weight: 80;
	margin: 7px 0 0px 190px;
	display: inline-block;
	width: 130px;
	height: 35px;
	text: 12px;
	padding-top: 0px;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid #ccc;
	padding-bottom: 5px;
}
.about-btn:hover {
	text: 12px;
	color: #9D9D9D;
	background-color: rgba(80,81,87,0.50);
	text-decoration: none;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 5px;
}
.about-btn-default {
	text: 12px;
	color: #fff;
	background-color: rgba(119,121,127,0.37);
	border-color: #ccc;
}
.about btn-default:hover {
	text: 12px;
	color: #333;
	background-color: #858585;
	border-color: #ccc;

}
.about-btn-2 ul {
	float: right;
	margin-left: 0px;
	width: 550px;
	height: 60px;
	display: inline-block;
	user-select: none;
	
}
.column-btn-2 {
	font-size: 10px;
	font-weight: 60;
	margin: -15px -30px 0px 50px;
	display: inline-block;
	width: 135px;
	height: 33px;
	cursor: pointer;
	user-select: none;
	background-color: #4C4C4C;
	border: 1px solid #ccc;
	vertical-align: text-top;
	padding-bottom: 7px;
}
.column-btn-2:hover {
	text: 10px;
	color: #9D9D9D;
	background-color: rgba(80,81,87,0.50);
	text-decoration: none;

}
.column-btn-default-2 {
	text: 10px;
	color: #fff;
	background-color: rgba(119,121,127,0.37);
	border-color: #ccc;

}
.column-btn-default-2:hover {
	text: 10px;
	color: #333;
	background-color: #858585;
	border-color: #ccc;
	
}
/*! Email Contact Form */
button {
  overflow: visible;

}
input {
	vertical-align: text-top !important;
	text-align: left;

}
*:before,
*:after {
	box-sizing: border-box;

}
.row {
	margin-top: 20px;
	width: 0;
}
.form-control {
	margin-left: 90px;
	width: 350px;
	height: 33px;
	vertical-align: text-top;
	padding: 0px 7px 7px;
	font-size: 12px;
	color: #C3C3C3;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 3px 3px rgba(1, 1, 1, .055);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-top: 5px;  
	
}
#comments {
	margin-left: 90px;
	width: 350px;
	height: 130px;
	vertical-align: text-top;
	padding: 7px 7px;
	font-size: 12px;
	color: #C3C3C3;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 0 3px 3px rgba(1, 1, 1, .055);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	white-space: pre-wrap;
	margin-top: 5px;    
}
.btn {
	color: #C4C4C4 !important;
	letter-spacing: 3px;
	margin-left: 183px;
	display: inline-block;
	width: 243px;
	height: 45px;
	margin-top: 7px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid #fff;
}
.contact-btn {
	color: #C4C4C4 !important;
	letter-spacing: 1px;
	margin-left: 198px;
	display: inline-block;
	width: 130px;
	height: 40px;
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid #fff;
}
.btn:hover,
.btn:focus {
  color: #fff !important;
  text-decoration: none;
}
.contact-btn:hover,
.contact-btn:focus {
  color: #fff !important;
  background-color: rgba(80,81,87,0.50);
  text-decoration: none;  
}
.btn:active,
.btn.active {
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}
.btn-default {
	color: #fff;
	background-color: rgba(42, 43, 46, 0.502);
	border-color: #858585;
}
.contact-btn-default {
	color: #fff;
	background-color: rgba(119,121,127,0.37);
	border-color: #858585;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	text: 16px;
	color: #333;
	background-color: #858585;
	border-color: #ccc;

}
.btn-block {
	display: block;
	width: 173px; 
	
}
.btn-block2 {
	display: block;
	width: 155px; 
	
}
.btn-block + .btn-block {
  margin-top: 5px;

}
.fade {
  opacity: 0;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;

}
.input-group .form-control {
	position: absolute;
	z-index: 2;
	float: none;
	width: 100%;
	vertical-align: text-top;		
}
.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
	vertical-align: text-top;
}
.input-group-btn > .btn {
  position: relative;

}
.input-group-btn > .btn + .btn {
  margin-left: -1px;

}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after{
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after {
  clear: both;

  	
/* Scroll up */
}
#scrollUp {
	position: fixed;
	bottom: 5px;
	right: 10px;
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../_assets/images/scrollup.png);
	background-color: #eee;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	border-radius: 3px;
}
#scrollUp:hover {
	background-color: #C4C4C4;

}	
/* Footer */
.drawer {
	font-family: 'OpenSans-Regular';
	margin: 0 auto;
	bottom: 0px;
	width: 100%;
	clear: both;
	height: 357px;
	overflow: hidden;
	position: fixed;
	background-image: url(../_assets/images/clickme_a.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	z-index: 5; /* make this what you need to */
	font-size: x-large;
}
.drawer > header {
	display: block;
	height: 45px;
	line-height: 25px;
	margin: auto;
	overflow: hidden;
	padding: -1px;
	text-align: center;
	width: 115px;
	color: #C4C4C4;

}
.drawer-content {
	background-image: url(../_assets/images/bg.png);
	border-collapse: collapse;
	border-top: 1px solid #2f2f2f;
	height: 327px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
}
.clickme {
  cursor: pointer;

}
.drawer-items {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.drawer-items ul {
	margin: 0px 15px 0px 0px;
}
.drawer-items li {
	display: inline-block;
	list-style: none;
	width: 350px;
	float: left;
	margin: 7px 0px 0px 40px;
}
.drawer-items .column-1 {
	font-family: 'OpenSans-Regular';
	display: inline;
	font-weight: lighter;
	line-height: 2em;
	align-content: center;
	float: left;
	clear: both;
	color: #C4C4C4;
}
.drawer-items .column-1 p {
	font-family: 'OpenSans-Regular';
	font-size: 10px;
	color: #C4C4C4;
	font-weight: lighter;
	letter-spacing: 2px;
	line-height: 2em;
	margin-top: 5px;
	margin-left: 20px;
}
.drawer-items .column-2 title {
	font-family: 'OpenSans-Regular';
	color: #C4C4C4;
	font-size: 10px;
	display: inline;
	letter-spacing: 2px;
	line-height: 2.0;
	margin: 30px 0px 10px -14px;
	text-align: center;
	font-weight: 700;
}
.drawer-items .column-2 {
	font-family: 'OpenSans-Regular';
	display: inline;
	font-size: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	align-content: center;
	text-align: left;
	float: left;
	clear: both;
	color: #C4C4C4;
	font-weight: 700;
}
.drawer-items li a {
	font-family: 'OpenSans-Regular';
	text-decoration: none;
	color: #C4C4C4;
	display: inline;
	margin-bottom: 10px;
	line-height: 4.0;
	margin-top: 14px;
}
.column-2 icon1 {
	background: url(images/social/home.png) no-repeat left;
	color: #C4C4C4;
	display: block;
	float: left;
	margin: 0 6px 0px 0px;
	letter-spacing: 2px;
	line-height: 3.0;

}
.column icon1-li {
  background: url(images/social/home.png) no-repeat center;
  color: #C4C4C4;
  display: inline-block;
  letter-spacing: 2px;
  line-height: 3.0;

}
.drawer-items .column-3 title {
	font-family: 'OpenSans-Regular';
	margin-top: 30px;
	color: #C4C4C4;
	font-size: 10px;
	display: inline;
	letter-spacing: 2px;
	line-height: 2.0;
	font-weight: 700;
	
}
.drawer-items .column-3 {
	display: inline-block;
	font-size: 10px;
	color: #C4C4C4;
	text-align: left;
	letter-spacing: 2px;
	line-height: 1.5;
	margin-top: 10px;
}
.drawer-items .column-3 ul {
	margin: 25px 0px 0px;
}	
.drawer-items .column-3 sectionimg {
	border: 1px solid #fff;
	padding-top: 0px;
	width: 272px;
	height: 160px;
	display: inline-block;
	float: left;
	margin-top: 25px;
}
.drawer-items .social li {
	width: 24px;
	height: 24px;
	list-style: none;
	display: inline-block;
	float: left;
	
}
.drawer-items .social a {
	opacity: 0.8;
	margin-top: -20px;
	text-align: left;
	width: 24px;
	height: 24px;
	list-style: none;
	display: inline-block;
	float: left;
	margin-right: 34px;

}
.drawer-items .social a:hover {
	opacity: 1;
	transition: opacity .2s;

}
.drawer-items .social .youtube { background: url(images/social/you_tube.png) no-repeat center; }
.drawer-items .social .vimeo { background: url(images/social/vimeo.png) no-repeat center; }
.drawer-items .social .facebook { background: url(images/social/facebook.png) no-repeat center; }
.drawer-items .social .twitter { background: url(images/social/twitter.png) no-repeat center; }
.drawer-items .social .googleplus { background: url(images/social/googleplus.png) no-repeat center;

}
.copyright {
	display: inline-block;
	font-size: 9px;
	letter-spacing: 0px;
	color: #C4C4C4;
	font-variant: small-caps;
	text-align: left;
	width: 420px;
	margin: 30px 55% 20px 35%;
	position: static;
	
	}