@import 'bootstrap-3.3.5-dist/less/bootstrap.less';

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 10, 2014 */
@font-face {
    font-family: 'roboto-regular';
    src: url('Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'neuropol-regular';
    src: url('neuropol-x-rg.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'kufi-regular';
    src: url('Kufi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mamloky-regular';
    src: url('52KSUN.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dymo-regular';
    src: url('Dymo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'embossing-regular';
    src: url('embosst1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'impactlabel-regular';
    src: url('Impact Label Reversed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'microsquare-regular';
    src: url('MicroSquare_30427.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face{ 
	font-family: 'carnas-light';
	src: url('carnas-lig-webfont.eot');
	src: url('carnas-lig-webfont.eot?#iefix') format('embedded-opentype'),
	     url('carnas-lig-webfont.woff') format('woff'),
	     url('carnas-lig-webfont.ttf') format('truetype'),
	     url('carnas-lig-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'trajanpro-regular';
    src: url('Trajan Pro Regular.ttf') format('truetype');
	src: url('TrajanPro-Regular_0.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'trajanpro-bold';
	src: url('TrajanPro-Bold_0.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'amertype-bold';
    src: url('amrtypeb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'amertype-regular';
    src: url('amrtypen-webfont.eot');
    src: url('amrtypen-webfont.eot?#iefix') format('embedded-opentype'),
         url('amrtypen-webfont.woff') format('woff'),
         url('amrtypen-webfont.ttf') format('truetype'),
         url('amrtypen-webfont.svg#amertype_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size: 90%;

}
@font-face {
    font-family: 'ubuntu-regular';
    src: url('Ubuntu-M.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'daxcompact-regular';
    src: url('daxcompact-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'candara-regular';
    src: url('candara-webfont.eot');
    src: url('candara-webfont.eot?#iefix') format('embedded-opentype'),
         url('candara-webfont.woff') format('woff'),
         url('candara-webfont.ttf') format('truetype'),
         url('candara-webfont.svg#candara-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'candara-bold';
    src: url('candarab-webfont.eot');
    src: url('candarab-webfont.eot?#iefix') format('embedded-opentype'),
         url('candarab-webfont.woff') format('woff'),
         url('candarab-webfont.ttf') format('truetype'),
         url('candarab-webfont.svg#candara-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'candara-italic';
    src: url('candarai-webfont.eot');
    src: url('candarai-webfont.eot?#iefix') format('embedded-opentype'),
         url('candarai-webfont.woff') format('woff'),
         url('candarai-webfont.ttf') format('truetype'),
         url('candarai-webfont.svg#candaraitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'candara-bold-italic';
    src: url('candaraz-webfont.eot');
    src: url('candaraz-webfont.eot?#iefix') format('embedded-opentype'),
         url('candaraz-webfont.woff') format('woff'),
         url('candaraz-webfont.ttf') format('truetype'),
         url('candaraz-webfont.svg#candara-bold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alfaslabone-regular';
    src: url('alfaslabone-regular-otf-webfont.eot');
    src: url('alfaslabone-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('alfaslabone-regular-otf-webfont.woff') format('woff'),
         url('alfaslabone-regular-otf-webfont.ttf') format('truetype'),
         url('alfaslabone-regular-otf-webfont.svg#alfaslabone-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'panefresco';
    src: url('Panefresco500wtRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'panefresco-italic';
    src: url('Panefresco500wtItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'great-vibes';
    src: url('GreatVibes-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'panefresco-light';
    src: url('Panefresco250wtRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'amaranth-regular';
    src: url('Amaranth-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
.font-amaranth{
	font-family: 'amaranth-regular' !important;
}
.font-panefresco{
	font-family: 'panefresco' !important;
}
.font-candara{
	font-family: 'candara-regular' !important;
}
.font-candara-bold{
	font-family: 'candara-bold' !important;
}
.font-arial{
	font-family: 'Arial' !important;
}
.font-roboto{
	font-family: 'roboto-regular' !important;
}
.font-amertype{
	font-family: 'amertype-regular' !important;
}
.font-daxcompact{
	font-family: 'daxcompact-regular' !important;
}
.font-ubuntu{
	font-family: 'ubuntu-regular' !important;
}
.font-alfaslabone{
	font-family: 'alfaslabone-regular' !important;
}
.font-trajanpro{
	font-family: 'trajanpro-regular' !important;
}
.font-trajanpro-bold{
	font-family: 'trajanpro-bold' !important;
}
.font-microsquare-regular{
	font-family: 'microsquare-regular' !important;
}
.font-carnas-light{
	font-family: 'carnas-light' !important;
}
.font-dymo-regular {
	font-family: 'dymo-regular' !important;
}
.font-kufi {
	font-family: 'kufi-regular' !important;
}
.font-neuropol {
	font-family: 'neuropol-regular' !important;
}
html, body { height: 100%; }
iframe {
    display: block;       /* iframes are inline by default */
    background: #fff;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
.myWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
  overflow:hidden;
}
.myWrapper iframe,  .myWrapper object, .myWrapper embed  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#objectfile { height: 80vh; }	
html { 
	/*background: url(../images/bg/dark_wood/dark_wood.png) repeat center center fixed;
  background: url(../images/background-geran-02.jpg) no-repeat center center fixed;
   background: url(../images/pix_maslinah_nurse_left.jpg) no-repeat left top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background:#fff;*/
}
body,td,th,input,textarea, label select, button, .btn, p, blockquote {
	font-family:  "carnas-light","candara-regular",Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
h1,h2,h3,h4,h5,h6,p {
   line-height: 1.45;
}
.cursive {
	font-family:  "great-vibes","panefresco-italic",Arial, Helvetica, sans-serif;
}
blockquote {
	border-left: 5px solid #F00;
	background: rgba(255,250,142,0.3);
	margin-left:15px;
}

.glow {
  margin: auto;
  background-color: #000;
}
#main_box {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .75);
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .75);
}
.top_title {
	font-family:  "alfaslabone-regular",Arial, Helvetica, sans-serif;
	font-size:24px;
}
.title {
	font-family:  "alfaslabone-regular",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
.footer, .footer a, .footer td {
	color:#FFF;
	text-decoration:none;
	font-size:13px;
}
.footer li {
	list-style:none;
	margin-left:-20px;
	text-align:left;
	position:relative;
	border-bottom:1px dotted #FFF;
	width:200px;
	padding:3px 0 3px;
	
}
#contactus {
	list-style-image:url(../images/contactus.jpg);
}
#facebookus {
	list-style-image:url(../images/facebookus.jpg);

}
#twitterus {
	list-style-image:url(../images/twitterus.jpg);

}
#callus {
	list-style-image:url(../images/callus.jpg);

}
.jumbotron p {
/*border-bottom:2px solid #9d006f;*/
font-family:  "roboto-regular","candara-bold",Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
}
h1{
/*border-bottom:2px solid #9d006f;*/
font-family:  "carnas-light","microsquare-regular","roboto-regular","candara-bold",Arial, Helvetica, sans-serif;
margin-top:5px;
font-weight:normal;
font-size:2em;

}
h2 {
/*border-bottom:2px solid #9d006f;*/
font-family:  "carnas-light","microsquare-regular","roboto-regular","candara-bold",Arial, Helvetica, sans-serif;
margin-top:5px;
font-weight:normal;
font-size:1.6em;

}
h3, footer h3 {
/*border-bottom:2px solid #9d006f;*/
font-family:  "carnas-light","microsquare-regular","roboto-regular","candara-bold",Arial, Helvetica, sans-serif;
margin-top:5px;
font-weight:normal;
font-size:1.4em;

}
h4, footer h4 {
/*border-bottom:2px solid #9d006f;*/
font-family: "carnas-light", "candara-bold",Arial, Helvetica, sans-serif;
margin-top:5px;
font-weight:normal;
font-size:1.2em;

}
h5, footer h5 {
/*border-bottom:2px solid #9d006f;*/
font-family:  "carnas-light","candara-bold",Arial, Helvetica, sans-serif;
margin-top:5px;
font-weight:normal;
font-size:1.1em;

}
h6, footer h6 {
/*border-bottom:2px solid #9d006f;*/
font-family:  "carnas-light","candara-bold",Arial, Helvetica, sans-serif;
margin-top:5px;
font-weight:normal;
font-size:1em;

}
.main_content h1 {
	color:#09072E;
}
.main_content h2 {
	color:#14416D;
}
.main_content h3 {
	color:#063;
}
.main_content h4,.main_content h5, .main_content h6 {
	color:#211C75;
}
.main_content h1{
	font-size:2em;
}
.main_content h2{
	font-size:1.8em;
}
.main_content h3{
	font-size:1.6em;
}
.main_content h4{
	font-size:1.3em;
}
.main_content h5{
	font-size:1em;
}
.main_content h6{
	font-size:0.8em;
}
.bgfooter h4, .bgfooter h5,.bgfooter h6 {
	text-align:center;
}
.img-thumbnail-icon {
	border-radius:4px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
}
#calendar {
		width: 225px;
		height: 220px;
		padding: 5px;
}
#calendar td {
font-size:9px;
}
span.messageBody {
	font-size:12px !important;
	font-family:  "Segoe UI",Arial, Helvetica, sans-serif !important;
}
table.table_form,.senarai{
	border:1px solid #000000;
	border-collapse:collapse;
}
.senarai th {
	background-color:#258;
	color:#fff;
}
.senarai tr:hover,.senarai-hover tr:hover  {
	background-color: #ccc;


}
table.table_form td:nth-child(1){
	background-color: #CCCCCC;
	font-weight:bold;
}
table.table_form td:nth-child(2){
	background-color: #efefef;

}

table.table_form td table td:first-child{
	background-color: transparent;
	font-weight: normal;
}
.box1{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#efefef;
}
.box2{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#cccccc;
}
.box3{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFEADF;
}
.box4{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#DDF3FB;
}
.box_purple{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFCAEA;
	border:1px solid #D957AF;
}
.box_light_purple{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFe8f5;
	border:1px solid #D957AF;
}
.box_dark_purple{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#CA7BB7;
	border:1px solid #330033;
}
.box_grey{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#ececec;
	border:1px solid #c6c6c6;
}
.box_yellow{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FC0;
	border:1px solid #900;
}
.box_white{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#fff;
	border:1px solid #666;
}
.box_explain{
	padding:10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FF9;
	border:1px dotted #666;
}
.font_10px, font_10px td {
	font-size:10px !important;
}
.font_12px, font_12px td {
	font-size:12px !important;
}
.font_14px, font_14px td {
	font-size:14px !important;
}
.font_16px, font_16px td {
	font-size:16px !important;
}
.bold {
	font-weight:bold;
}
.alert {
  padding: 5px;
  /*margin-bottom: 10px;*/
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-success {
  color: #360;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success{
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#c8e5bc));
	background-image:-webkit-linear-gradient(top,#dff0d8,0%,#c8e5bc,100%);
	background-image:-moz-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
	background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
	background-repeat:repeat-x;
	border-color:#b2dba1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info {
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#b9def0));
	background-image:-webkit-linear-gradient(top,#d9edf7,0%,#b9def0,100%);
	background-image:-moz-linear-gradient(top,#d9edf7 0,#b9def0 100%);
	background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
	background-repeat:repeat-x;border-color:#9acfea;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
	}
.alert-warning {
  color: #900;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.alert-warning{
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#f8efc0));
	background-image:-webkit-linear-gradient(top,#fcf8e3,0%,#f8efc0,100%);
	background-image:-moz-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
	background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
	background-repeat:repeat-x;border-color:#f5e79e;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)
}
.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger{
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#e7c3c3));
	background-image:-webkit-linear-gradient(top,#f2dede,0%,#e7c3c3,100%);
	background-image:-moz-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
	background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
	background-repeat:repeat-x;border-color:#dca7a7;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)
}

#header_menu {
	z-index:300;
	position:relative;
	top:0px;
	/*left:10px;*/
	font-family:  "candara-bold",Arial, Helvetica, sans-serif;
}

.faq_div {
	background:#efefef;
	margin:10px;
	padding:10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	/*width:100%;*/
	border:1px dashed #666;
}
.icon-purple {
	color: #909;
}
#objectives ul li{
	left:-15px;
	position:relative;
	list-style:none;
}

#objectives li:before {    
font-family: 'FontAwesome';
content: '\f14a';
margin:0 5px 0 -15px;
color: #000;
}
#objectives li li:before {    
font-family: 'FontAwesome';
content: '\f061';
margin:0 5px 0 -15px;
color: #000;
}
blockquote li:before, .more-info li:before {
	font-family: 'FontAwesome';
	content: '\f138' !important;
	margin:0 5px 0 -15px;
	color: #f00;
}

.main_content li:before {
  content: "\f00c"; /* FontAwesome Unicode */

  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.main_content li li:before {
  content: "\f138" !important; /* FontAwesome Unicode */

  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.main_content li {
	list-style:none;
}
.theme-orman .ribbon {
    display:none !important;
}
.smaller,smaller {
	font-size:10px;
}
.grey_box {
		background-color:#efefef;
		border:1px solid #ccc;
		padding:10px;
}
.marquee,
	.marquee-with-options,
	.marquee-vert-before,
	.marquee-vert {
	  width: 240px;
	  overflow: hidden;

}
.bgdark h1{
	background-color:#258;
	padding:6px 6px;	
}
.bgdark-caption *{
	padding:6px 6px;	
	background: rgba(34, 85, 136); /* Fallback for older browsers without RGBA-support */
    background: rgba(34, 85, 136, 0.6);
	color:#fff;
}
.navbar .container {
		/*float:left !important;*/	
	}
.fluidMedia {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}	
.slicknav_menu {
	display:none;
}
@media screen and (max-width: 1310px) {
	/* #menu is the original menu */
	#menu2 {
		display:none;
	}
	.slicknav_menu {
	display:block;
}
	
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
	
	#coa_malaysia_left {
		display:inline-block;	
	} 
	#coa_div_top {
			text-align:center;
	}
	#main_logo_div, #main_socialmedia_div {
			text-align:center;
	}
	#socialmedia_div {
		text-align:center;
		float:right;
		margin:0;
		position:relative;
	}
	#form-simple-div {

		text-align:center;
		position:relative;

    margin:0 auto;
	}
	#coa_div_bottom {
		display:none;	
	}
html { 

background:#fff;
}

	 }
@media (min-width: 768px) {

	#header {
		float:right;	
	}
	#coa_malaysia_left {
		display:inline-block;	
	} 
	#coa_div_top {
			text-align:center;
	}
	#main_logo_div, #main_socialmedia_div {
			text-align:center;
	}
	#socialmedia_div {
		text-align:center;
		float:none;
		position:relative;
	}
	#form-simple-div {

		text-align:center;
		position:relative;

    margin:0 auto;
	}
	#coa_div_bottom {
		display:none;	
	}

 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	#header {
		float:none;	
	}
	#coa_malaysia_left {
		display:inline-block;

	} 
	#coa_div_top {
			text-align:center;
	}
	#main_logo_div, #main_socialmedia_div {
			text-align:center;
	}
	#socialmedia_div {
		text-align:center;
		float:none;
		position:relative;
	}
	#form-simple-div {

		text-align:center;
		position:relative;

    margin:0 auto;
	}
	#coa_div_bottom {
		display:none;	
	}
	
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	#header {
		float:none;	
	}
	#coa_malaysia_left {
		display:inline-block;	
	} 
	#coa_div_top {
			text-align:left;
	}
	#main_logo_div {
			text-align:left;
	}
	#main_socialmedia_div {
			float:right;
			text-align:right;
			position:relative;
			margin:0;
	}
	#socialmedia_div {
		float:right;
		text-align:right;
	}
	#search_div {
		float:right;
		margin:0;
		
	}
	#form-simple-div {

		text-align:right;
		position:relative;

    margin:0 auto;
	}
	#coa_div_bottom {
		display:block;	
	}
	/*#menu_header {
		margin: 0 15.5%;
	} */
}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) { 
	/* #menu is the original menu */
	.js #menu2 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	#menu_header {
		left:0;
		margin:0 auto;
	} 
}
	
.display-table{
    display: table;
    table-layout: fixed;
}

.display-cell{
    display: table-cell;
    vertical-align: middle;
    float: none;
}

#latest-news {
    .border-radius( 5px );
}
.outer {
   overflow: hidden;
   position: relative;
}

.left_dialog {
    position: relative;
	float: left;

}
/*.main_content li {
	list-style-type: none;
}
.main_content li:before {    
font-family: 'FontAwesome';
content: '\f14a';
margin:0 5px 0 -15px;
color: #258;
}*/
.main_content img {
	text-align:inherit;
}
.highlight { background-color: yellow }

.marquee {
 	height: 200px; 
	overflow: hidden;
	width: auto; 
	margin-left:auto; 
	margin-right: auto;
}
/*Style Switcher*/
i.style-switcher-btn {
	left: 0;
	top: 50px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
/*	z-index: 555555;*/
	z-index: 1000;
	position: fixed;
	padding: 7px 9px;
	background: #900;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
i.style-switcher-btn-search {
	left: 0;
	top: 85px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
/*	z-index: 555555;*/
	z-index: 1000;
	position: fixed;
	padding: 7px 9px;
	background: #258;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
i.style-switcher-btn-cloud {
	left: 0;
	top: 120px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
/*	z-index: 555555;*/
	z-index: 1000;
	position: fixed;
	padding: 7px 9px;
	background: #693;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
i.style-switcher-btn-top {
	right: 0;
	bottom: 30px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
/*	z-index: 555555;*/
	z-index: 1000;
	position: fixed;
	padding: 7px 9px;
	background: #F90;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
i.style-switcher-btn:hover {
	background:#393939;
}

i.style-switcher-btn-option {
	top: 100px;
	background: #1b1b1b;
}

i.style-switcher-btn-option:hover {
	background: #393939;
}

.style-switcher {
	left: 0;
	top: 100px;
	display: none;
	z-index: 555555;
	position: fixed;
	background: #585f69;
	padding: 15px 15px 15px 20px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
	color:#000 !important;
	
}

.style-switcher-text { 
	display:inline-block; 
	text-decoration:none;
	font-size:14px ;
	color: #FFF; 
}

.style-switcher-inner {
	background: #585F69;
}

.style-switcher .theme-close {
	top: 10px;
	right: 6px;
	position: absolute;
}

.style-switcher .theme-close i {
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	padding: 3px 5px;
	background: #464e5b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.style-switcher .theme-close i:hover {
	color: #464e5b;
	background: #fff;
 }

.style-switcher .theme-heading {
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.style-switcher ul {
	margin-bottom: 0;
}

.style-switcher li { 
	cursor: pointer;
	background: #c00; 
	display: inline-block;
	border: solid 1px #70747a;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
	padding-right:5px;
	padding-left:5px;
}

.style-switcher li:hover,
.style-switcher li.theme-active {
	margin-right: 3px;
	border: solid 2px #fff;
}

.style-switcher li.theme-default {
	background: #FFCC33;
}
.style-switcher li.theme-blue {
	background: #0088cc;
}
.style-switcher li.theme-orange {
	background: #ff5615;
}
.style-switcher li.theme-green {
	background: #a2c753;
}
.style-switcher li.theme-red {
	background: #f20505;
}
.style-switcher li.theme-light {
	background: #ecf0f1;
}
#kajiselidik label{
	font-weight: normal;	
	padding-top:5px;
	margin:0;
	padding-left:5px;
}
.ui-dialog-titlebar-close:after { content: 'x'; font-weight:bold; }
.carousel-indicators {
	top:10px !important;	
}
.box-shadow {
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.75);
		
}
.box-shadow img {
	position:relative;
	width:100%;
	height:auto;	
}
.box-no-shadow {
	border:1px solid #ccc;
		
}
.box-no-shadow img {
	position:relative;
	width:100%;
	height:auto;	
}
footer a{
	color: #FFF;	
}
footer a:hover{
	color: #FF0;	
}
.marketing-icons h3 {
  font-weight: normal;
  margin-top:0px;
  color: #fff;
  background-color:#000;
  position:relative;
  opacity: 0.9;
  padding:5px 0;
  font-size:120%;
   text-align:center;
}

.marketing h3{
  font-weight: normal;
  
}
.marketing-icons h3 a{
  color:#fff;
  
}
.marketing-icons h3 a:hover{
  color:#ff0;
  
}
.marketing-icons h4 {
  font-weight: normal;
  margin-top:0px;
  color: #fff;
  background-color:#000;
  position:relative;
  opacity: 0.9;
  padding:5px 0;
  font-size:120%;
  text-align:center;
  top:-28px;
}
.marketing-icons h4 a{
  color:#fff;
  
}
.marketing-icons h4 a:hover{
  color:#ff0;
  
}
/*Accardion*/
.acc-home .accordion-group {
    border: none;
}
.acc-home .accordion-inner {
    border: none;
    background-color: #F9F9F9;
}
.acc-home .accordion-body.in.collapse {
    margin-top: 2px;
}
.acc-home .accordion-heading {}
.acc-home .accordion-body {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.acc-home a.accordion-toggle {
    text-decoration: none;
    background-color: #4B4C4D;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.acc-home a.accordion-toggle i {
    float: right;
    color: #ffffff;
    margin-left: 10px;
    font-size: 14px;
    margin-top: 3px;
}

/*Accardion 2*/
.acc-home-2 .accordion-group {
    border-bottom: solid 1px #f9f9f9 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	padding-left: 5px;
	padding-top:5px;
}
.acc-home-2 .accordion-group {
    border: none;
}
.acc-home-2 .accordion-inner {
    border: none;  
	background-color: #F9F9F9;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-align:justify;
}
.acc-home-2 a.accordion-toggle {
    text-decoration: none;
    padding-left: 0;
}
.acc-home-2 a.accordion-toggle i {
    background-color: #1B1B1B;
    color: #ffffff;
    padding: 6px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 14px;
}

.acc-home-2 a.active
{
	color: #333;
	font-weight:bold;
}
/*
.acc-home a.accordion-toggle { 
	color:#686868; 
	font-size:18px; 
	background:none; 
	padding:5px 15px;
	background:#fafafa;
	border-bottom:solid 1px #eee; 
	text-decoration:none !important;
}
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	color:#92d556; 
	text-decoration:none !important;
}
.acc-home .accordion-group { 
	border:none;
	margin:0 !important; 
}
.acc-home .accordion-heading, 
.acc-home .accordion-inner { 
	border:none;
}
.acc-home .accordion-inner { 
	border:none;
	padding-top:3px;
}
.acc-home .collapse.in { 
	margin-top:-1px;
	margin-bottom:20px;
	background:#fdfdfd;
	border-bottom:solid 1px #a2c753;
}

/*Posts*/
.posts .dl-horizontal { 
	margin-bottom:0;
	/*padding:3px;*/
	/*background:#fdfdfd;*/
	/*border-right:solid 2px #eee;*/
}
.posts .dl-horizontal:hover { 
	/*border-right:solid 2px #a2c753;*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.posts .dl-horizontal dt { 
	width:56px; 
	float:left;
}
.posts .dl-horizontal dt img { 
	width:50px; 
	height:50px; 
	border:solid 3px #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
	background-color: rgb(255, 204, 51);
}
.posts .dl-horizontal dd { 
	margin-left:66px;
}
.posts .dl-horizontal dd p { 
	margin:0;
}
.posts .dl-horizontal a {
	font-size:15px;
	line-height:14px !important; 
}
.posts .dl-horizontal a:hover { 
	color:#a2c753;
	text-decoration:none;
}
.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color:#a2c753;
	/*border-color:#a2c753 !important;*/
	border-color:#a2c753 !important;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
/*Accardion
------------------------------------*/
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	background-color: #ff9900;
}

.acc-home-2 a.active i,
.acc-home-2 a.accordion-toggle:hover i {
    background-color: #ff9900;
}

/*Testimonials
------------------------------------*/
.testimonal-arrow a {
	color:#ff9900;
}
.testimonal-arrow a:hover {
	background:#a2c753 !important;
}

/*Breadcrumb
------------------------------------*/
.breadcrumbs {
    background-color: transparent;
}
.accordion{margin-bottom:20px;margin-right:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.accordion-heading{border-bottom:0}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px}
.accordion-toggle{cursor:pointer}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5}

/* these styles are for the demo, but are not required for the plugin */
.zoom {
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(/images/icon.png);
}

.zoom img {
	display: block;
}

.zoom img::selection { background-color: transparent; }
#carta_organisasi img:hover {
    position:relative;
} 
#carta_organisasi img:hover { 
	content: "\f00e"; 
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0; }
	
.border-corner-orange {
	border:2px solid #F60;
	border-radius: 15px;
}

.bgfooter {
	color:<?php echo $row_get_default_theme['theme_fontcolor'];?>;
	background-color:<?php echo $row_get_default_theme['theme_bgcolor'];?>;	
}
.black-grey {
	color:#fff;
	background-color:#333;	
}
.black-orange {
	color:#fff;
	background-color:#f60;	
}
.black-red {
	color:#fff;
	background-color:#900;	
}
.black-purple {
	color:#fff;
	background-color:#606;
}
.alert-activities {
	background-color:#2dd700;
	color:#fff;	
}
.alert-activities h4 a {
	color:#fff;	
}
.alert-activities h3{
	color:#fff;
}

.alert-announcements {
	background-color:#104ba9;
	color:#fff;	
}
.alert-announcements h4 a {
	color:#fff;	
}
.alert-announcements h3{
	color:#fff;
}

.alert-poll {
	background-color:#ff6700;
	color:#fff;	
}
.alert-poll h4 a {
	color:#fff;	
}
.alert-poll h3{
	color:#fff;
}
.alert-poll .btn {
	background-color:#9b3f00;	
	color:#fff;
}
.last_update {
	font-family:  "candara-regular",Arial, Helvetica, sans-serif !important;
	font-size: 13px;
}
.slicknav_menu {
    width: 100% !important;
}
.navbar-wrapper .navbar .container {
    width: 100% !important;
}
.navbar {
	margin:0;
}
.main_content h2, .main_content h3, .main_content h4, .main_content h5, .main_content h6 {
	margin-top:15px;
}
.main_content h4.media-heading {
	margin-top:0px !important;	
}
.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
	cursor: move;
}
.modal-open {
    overflow: scroll;
}
.nice-event {
	background: #660066;
}
.mibew-button {
  position: fixed;
 
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}
.islamic-event {
	background: #339966;
}
.box {
  width:!00%; 
  height: auto;
  position: relative;

}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
	.col-xs-nopadding {
		margin:0 !important;
		text-align:center !important;
	}
	.pull-right-xs {
		float: right;
	}
	.pull-left-xs {
		float: left;	
	}
	.pull-center-xs {
		float: none;
		text-align:center !important;
	}
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-nopadding {
		margin:0 !important;
		text-align:center !important;
	}
	.pull-right-sm {
		float: right;
	}
	.pull-left-sm {
		float: left;	
	}
	.pull-center-sm {
		float: none;
		text-align:center !important;
	}
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-nopadding {
		margin:0 !important;
		text-align:center !important;
	}
	.pull-right-md {
		float: right;
	}
	.pull-left-md {
		float: left;	
	}
	.pull-center-md {
		float: none;
		text-align:center !important;
	}
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
	.col-lg-nopadding {
		margin:0 !important;
		text-align:center !important;
	}
	.pull-right-lg {
		float: right;
	}
	.pull-left-lg {
		float: left;	
	}
	.pull-center-lg {
		float: none;
		text-align:center !important;
	}
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}
/* table div styling */
.rTable {
   	display: table;   	width: 100%; 
	} 
.rTableRow { 
  	display: table-row; 
} 
.rTableHeading {
   	display: table-header-group;   	background-color: #ddd; 
} 
.rTableCell, .rTableHead {
   	display: table-cell;   	padding:4px;   	border: 1px solid #999999;  
} 
.noborder, .rTable .noborder, .noborder .rTableCell {
	border:none !important;
}
.rTableCell h4, .rTableCell h5, .rTableCell h6  {
	margin:0;
}
.rTableRow:hover {
   	background-color: #ddd;
}
.rTableHeading {
   	display: table-header-group;   	background-color: #ddd;   	font-weight: bold; 
} 
.rTableFoot {
   	display: table-footer-group;   	font-weight: bold;   	background-color: #ddd; 
} 
.rTableBody {
   	display: table-row-group; 
}
.admin-edit {
	position:relative;
	z-index:10;
}
.admin-edit a{
	color: #fff;
}
.table-bordered td,th {
	border:1px solid #000 !important;
}
.alert-inner-border {
	border:4px solid transparent !important;
	border-radius: 4px !important;
	background-clip: padding-box;
}
.scroller_div { cursor: ns-resize; }
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fc-widget-content {
	background:#efefef !important;
	color:#000;
}
#row-wowslider {
	padding-right:15px;
	padding-left:0px;
}
#icons-front .col-xs-1, #icons-front .col-sm-1, #icons-front .col-md-1, #icons-front .col-lg-1, #icons-front .col-xs-2, #icons-front .col-sm-2, #icons-front .col-md-2, #icons-front .col-lg-2, #icons-front .col-xs-3, #icons-front .col-sm-3, #icons-front .col-md-3, #icons-front .col-lg-3, #icons-front .col-xs-4, #icons-front .col-sm-4, #icons-front .col-md-4, #icons-front .col-lg-4, #icons-front .col-xs-5, #icons-front .col-sm-5, #icons-front .col-md-5, #icons-front .col-lg-5, #icons-front .col-xs-6, #icons-front .col-sm-6, #icons-front .col-md-6, #icons-front .col-lg-6, #icons-front .col-xs-7, #icons-front .col-sm-7, #icons-front .col-md-7, #icons-front .col-lg-7, #icons-front .col-xs-8, #icons-front .col-sm-8, #icons-front .col-md-8, #icons-front .col-lg-8, #icons-front .col-xs-9, #icons-front .col-sm-9, #icons-front .col-md-9, #icons-front .col-lg-9, #icons-front .col-xs-10, #icons-front .col-sm-10, #icons-front .col-md-10, #icons-front .col-lg-10, #icons-front .col-xs-11, #icons-front .col-sm-11, #icons-front .col-md-11, #icons-front .col-lg-11, #icons-front .col-xs-12, #icons-front .col-sm-12, #icons-front .col-md-12, #icons-front .col-lg-12 {
	padding-right:0;
	padding-left:15px;
	margin-right:-4px;
}
#icons-front{
	background-color:#fff;
}
.ribbon {
  position: absolute;
  right: -4px; top: -4px;
  z-index: 1;
  overflow: hidden;
  width: 80px; height: 80px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
#pengumuman-aktiviti .col-xs-1, #pengumuman-aktiviti .col-sm-1, #pengumuman-aktiviti .col-md-1, #pengumuman-aktiviti .col-lg-1, #pengumuman-aktiviti .col-xs-2, #pengumuman-aktiviti .col-sm-2, #pengumuman-aktiviti .col-md-2, #pengumuman-aktiviti .col-lg-2, #pengumuman-aktiviti .col-xs-3, #pengumuman-aktiviti .col-sm-3, #pengumuman-aktiviti .col-md-3, #pengumuman-aktiviti .col-lg-3, #pengumuman-aktiviti .col-xs-4, #pengumuman-aktiviti .col-sm-4, #pengumuman-aktiviti .col-md-4, #pengumuman-aktiviti .col-lg-4, #pengumuman-aktiviti .col-xs-5, #pengumuman-aktiviti .col-sm-5, #pengumuman-aktiviti .col-md-5, #pengumuman-aktiviti .col-lg-5, #pengumuman-aktiviti .col-xs-6, #pengumuman-aktiviti .col-sm-6, #pengumuman-aktiviti .col-md-6, #pengumuman-aktiviti .col-lg-6, #pengumuman-aktiviti .col-xs-7, #pengumuman-aktiviti .col-sm-7, #pengumuman-aktiviti .col-md-7, #pengumuman-aktiviti .col-lg-7, #pengumuman-aktiviti .col-xs-8, #pengumuman-aktiviti .col-sm-8, #pengumuman-aktiviti .col-md-8, #pengumuman-aktiviti .col-lg-8, #pengumuman-aktiviti .col-xs-9, #pengumuman-aktiviti .col-sm-9, #pengumuman-aktiviti .col-md-9, #pengumuman-aktiviti .col-lg-9, #pengumuman-aktiviti .col-xs-10, #pengumuman-aktiviti .col-sm-10, #pengumuman-aktiviti .col-md-10, #pengumuman-aktiviti .col-lg-10, #pengumuman-aktiviti .col-xs-11, #pengumuman-aktiviti .col-sm-11, #pengumuman-aktiviti .col-md-11, #pengumuman-aktiviti .col-lg-11, #pengumuman-aktiviti .col-xs-12, #pengumuman-aktiviti .col-sm-12, #pengumuman-aktiviti .col-md-12, #pengumuman-aktiviti {
	padding-right:0;
	padding-left:0px;
	
}
#pengumuman-aktiviti {
	padding-right:6px;
	padding-left:11px;
	padding-top:5px;
	
}
.google-maps {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/** From Bootstrap Studio **/

.navbar{
  margin-bottom:0;
  border:none;
}

.navbar-brand .glyphicon{
  margin-right:6px;
}

.hero{
  background: none;/*url(../userfiles/image/382092.jpg) no-repeat center;*/
  background-size:cover;
  border:none;
  position:absolute;
  top:0px;
  z-index:99;
  width:90%;
}
@media (max-width: 536px) {
.hero, #wowslider-container1,.ws_images,.ws_bullets{
	/*display:none;*/
}
}
@media (max-width: 767px) {
.hero{
	padding:0;
	margin:0;
}
}
@media (min-width: 768px) {
	
}
@media (min-width:992px) {
  .hero .get-it{
    text-align:right;
    margin-top:80px;
    padding-right:30px;
  }
  
}

@media (max-width:992px) {
  .hero .get-it{
    text-align:center;
	margin-top:55px;
  }
}

@media (max-width:992px) {
  .hero .phone-preview{
    text-align:center;
  }
  
}

@media (max-width: 1199px) { 
	.hero {

	margin-right:0;
  }
}
@media (min-width: 1199px) { 
	
}
.hero .get-it h1, .hero .get-it p{
  color:#fff;
  text-shadow:2px 2px 3px rgba(0,0,0,0.3);
  margin-bottom:40px;
  text-align:center;
}

.hero .get-it .btn{
  margin-left:10px;
  margin-bottom:10px;
  text-shadow:none;
}

div.iphone-mockup{
  position:relative;
  max-width:250px;
  margin:20px;
  display:inline-block;
}

.iphone-mockup img.device{
  width:100%;
  height:auto;
}

.iphone-mockup .screen{
  position:absolute;
  width:88%;
  height:77%;
  top:12%;
  border-radius:2px;
  left:6%;
  border:1px solid #444;
  background-color:#aaa;
  overflow:hidden;
  background:url(../../assets/img/screen-content-iphone-6.jpg);
  background-size:cover;
  background-position:center;
}

.iphone-mockup .screen:before{
  content:'';
  background-color:#fff;
  position:absolute;
  width:70%;
  height:140%;
  top:-12%;
  right:-60%;
  transform:rotate(-19deg);
  opacity:0.2;
}

.icon-feature{
  text-align:center;
}

.icon-feature .glyphicon{
  font-size:60px;
}

section.features{
  background-color:#C61405;
  padding:40px 0;
  color:#fff;
}

.features h2{
  color:#fff;
}
.features a {
 color:#fff;
}
.features .icon-features{
  margin-top:15px;
}

.testimonials blockquote{
  text-align:center;
}

section.testimonials{
  margin:50px 0;
}

.site-footer{
  padding:20px 0;
  text-align:center;
}

@media (min-width:768px) {
  .site-footer h5{
    text-align:left;
  }
}

.site-footer h5{
  color:inherit;
  font-size:20px;
}

.site-footer .social-icons a:hover{
  opacity:1;
}

.site-footer .social-icons a{
  display:inline-block;
  width:32px;
  border:none;
  font-size:20px;
  border-radius:50%;
  margin:4px;
  color:#fff;
  text-align:center;
  background-color:#798FA5;
  height:32px;
  opacity:0.8;
  line-height:32px;
}

@media (min-width:768px) {
  .site-footer .social-icons{
    text-align:right;
  }
  .hero {
  	margin-right:0;
  }
}

p#tresenergy-logo.text-center{
  text-align:center;
}

.navbar.navbar-inverse {
	/*background-color: #09072E !important;*/
}
#main_navbar .container-fluid, #bot_container.container-fluid {
	padding-left:0px;
	padding-right:0px;
}
.header-bg {
 	background: url(../userfiles/image/header_bg2.jpg) no-repeat center;
  background-size:cover;
  border:none;
  height:230px;
}
.header-logo {
	margin-top:2%;
	padding-top:50px;
}
section {
	padding:25px 0;
}
.white-bg {
	background-color:#efefef;
}
.red-bg {
	background-color:#f00;
	color:#fff;
}
.blue-bg {
	background-color:#258;
	color:#fff;
}
.dark-blue-bg {
	background-color:#012150;
	color:#fff;
}
.green-bg {
	background-color:#00896E;
	color:#fff;
}
.white-text a{
	color:#fff;
	text-decoration:underline;
}
.latest-info {
	min-height: 300px;

}
.scroller_div {
	overflow:hidden;
}
.ws-title {
	font-family: 'embossing-regular' !important;
	font-size:2.5em;
}
.page-content {
	background:#fff;
	padding:20px;
}
.main_content a {
	text-decoration:underline;
	color:#258 !important;
}