/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #e1e2e5; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.fullBg { position: fixed; top: 0; left: 0;	overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 100%; display: block; }
#toTop { position: fixed; right: 0px; bottom: 50px; display: block; text-indent: -9999px; text-decoration: none; color: #fff; text-align: center; font-size: 30px; width: 48px; height: 50px; line-height: 50px; border-radius: 5px 0px 0px 5px; background: url(../images/top.png) no-repeat; background-size: 48px 50px; }

	/* ### demo-header ### */
	#demo-header { padding: 0px 0px 5px 0px; position: fixed; left: 0px; top: 0px; width: 100%; display: block; background: #282b2d; }
	#demo-header .hide { padding: 9px 0% 4px 0%; width: 100%; height: 42px; background: #282b2d; }
	#demo-header a.template { padding: 0px 20px 0px 35px; margin: 0px 0% 0px 1%; float: left; text-decoration: none; color: #666a6d; font-size: 16px; line-height: 38px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; border-radius: 8px; border: 2px solid #565a5d; background: #282b2d url(../images/header-icon.png) 11px 12px no-repeat; background-size: 14px 14px; }
	#demo-header a.template.open { background: #282b2d url(../images/header-close.png) 11px 12px no-repeat; background-size: 13px 13px; }
	#demo-header .select { float: left; position: absolute; left: 160px; top: 9px; }
	#demo-header fieldset { border: 0px; }
	.chzn-container-single .chzn-single { padding: 0 0 0 14px; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 38px; color: #666a6d; font-size: 15px; line-height: 38px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; width: 194px; text-decoration: none; border-radius: 8px; border: 2px solid #565a5d; background: #282b2d; }
	.chzn-container-active .chzn-single { border: 2px solid #565a5d; background: #282b2d; }
	.chzn-container-active .chzn-single-with-drop { border: 2px solid #565a5d; background: #282b2d; }
	.chzn-container-single .chzn-single div { position: absolute; right: 14px; top: 0; display: block; height: 100%; width: 20px; }
	.chzn-container-single .chzn-single div b { display: block; width: 20px; height: 100%; background: url(../images/select.png) 0px 13px no-repeat; background-size: 20px 12px; }
	.chzn-container-single .chzn-search { display: none; }
	.chzn-container .chzn-results { padding: 7px 0px 10px 0px; margin: 0px 0px 0px 0px; max-height: 240px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	.chzn-container-multi .chzn-results { margin: 0; padding: 0; }
	.chzn-container .chzn-results li { padding: 5px 13px; margin: 0; display: none; line-height: 18px; font-size: 13px; color: #666a6d; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; list-style: none; }
	.chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; }
	.chzn-container .chzn-results .highlighted { color: #fff; }
	.chzn-container .chzn-drop { background: #282b2d; border: 2px solid #565a5d; border-top: 0; border-radius: 0px 0px 8px 8px; position: absolute; top: 36px!important; left: 0; z-index: 1010; }
	#demo-header ul.selector { list-style: none; text-align: center; width: 90%; display: none; }
	#demo-header ul.selector li { padding: 0px 15px 0px 52px; margin: 0px 6px; display: inline-block; cursor: pointer; color: #666a6d; font-size: 16px; line-height: 38px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; border-radius: 8px; border: 2px solid #565a5d; background: #282b2d url(../images/header-desktop.png) 6px 7px no-repeat; background-size: 35px 24px; }
	#demo-header ul.selector li.tablet { padding-left: 35px; background: #282b2d url(../images/header-tablet.png) 7px 7px no-repeat; background-size: 19px 25px; }
	#demo-header ul.selector li.mobile { padding-left: 32px; background: #282b2d url(../images/header-mobile.png) 11px 11px no-repeat; background-size: 10px 16px; }
	#demo-header ul.selector li:hover, #demo-header ul.selector li.selected { border: 2px solid #b3b4b7; background: #282b2d url(../images/header-desktop-hover.png) 6px 7px no-repeat; background-size: 35px 24px; }
	#demo-header ul.selector li.tablet:hover, #demo-header ul.selector li.tablet.selected { border: 2px solid #b3b4b7; background: #282b2d url(../images/header-tablet-hover.png) 7px 7px no-repeat; background-size: 19px 25px; }
	#demo-header ul.selector li.mobile:hover, #demo-header ul.selector li.mobile.selected { border: 2px solid #b3b4b7; background: #282b2d url(../images/header-mobile-hover.png) 11px 11px no-repeat; background-size: 10px 16px; }
	#demo-header .arrow { position: absolute; right: 1%; bottom: -28px; height: 28px; display: block; text-indent: -9999px; width: 66px; z-index: 999; background: url(../images/header-arrow.png) no-repeat; background-size: 66px 28px; }
	#demo-header .arrow.open { background: url(../images/header-arrow-hover.png) no-repeat; background-size: 66px 28px; }

		/* ### slider box ### */
		.sliderBox { margin-top: 9px; position: relative; width: 100%; overflow: hidden; background: #fff; height: 0px; }
		.sliderBox.max { padding: 37px 0px 36px 0px; border-bottom: 1px solid #d0d0d3; height: 286px !important; }
		.sliderBox .bx-wrapper { margin: 0 auto; padding: 0; *zoom: 1; }
		.sliderBox .bx-pager { display: none; }
		.sliderBox ul { width: 100%; text-align: center; list-style: none; }
		.sliderBox li { display: inline-block; width: 351px; }
		.sliderBox li img { padding: 0px 0px 8px 0px; width:345px;  }
		.sliderBox li h3 { float: left; line-height: 42px; color: #38373a; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; }
		.sliderBox li a { padding: 0px 9px 0px 36px; line-height: 38px; float: right; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 16px; color: #424245; border-radius: 7px; border: 2px solid #d7d6da; background: #fff url(../images/slider-btn.png) 9px 12px no-repeat; background-size: 17px 14px; }
		.sliderBox li a:hover { color: #2b2b2d; border: 2px solid #3a393a; background: #fff url(../images/slider-hover.png) 9px 12px no-repeat; background-size: 17px 14px; }
		.sliderBox a.bx-prev { position: absolute; left: 2.89%; top: 50%; margin-top: -20px; display: block; text-indent: -9999px; width: 38px; height: 38px; border-radius: 5px; border: 2px solid #d2d1d6; background: rgba(255,255,255,.8) url(../images/prev.png) center no-repeat; background-size: 12px 18px; }
		.sliderBox a.bx-prev:hover { border: 2px solid #0a0909; }
		.sliderBox a.bx-next { position: absolute; right: 2.89%; top: 50%; margin-top: -20px; display: block; text-indent: -9999px; width: 38px; height: 38px; line-height: 38px; border-radius: 5px; border: 2px solid #d2d1d6; background: rgba(255,255,255,.8) url(../images/next.png) center no-repeat; background-size: 12px 18px; }
		.sliderBox a.bx-next:hover { border: 2px solid #0a0909; }
		
	/* ### demo-iframe-wrapper ### */
	#demo-iframe-wrapper { padding: 23px; margin: 114px auto 114px auto; width: 652px; border-radius: 10px; border: 1px solid #cfd1d1; background: #fff; }
    #demo-iframe-wrapper.desktop { padding: 0; margin: 0; width: 100%; border-radius: 0; border: 0; background: none; height: 100%;}
    #demo-iframe-wrapper.desktop.offTop { margin: 60px 0 0; }
    #demo-iframe-wrapper.tablet { width: 768px; height: 1024px; }
    #demo-iframe-wrapper.mobile { width: 375px; height: 667px; }
    #demo-iframe-wrapper.home { padding: 20% 0% 200px 0%; margin: 0px auto; max-width: 920px; border-radius: 0; border: 0; background: none; }
    #demo-iframe-wrapper.home h2 { padding: 0px 0% 19px 0%; text-align: center; font-size: 44px; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; }
    #demo-iframe-wrapper.home p { padding: 0px 0% 35px 0%; text-align: center; font-size: 20px; line-height: 26px; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; letter-spacing: -.2px; }
    #demo-iframe-wrapper.home a { padding-left: 36px; margin: 0px auto; width: 135px; height: 38px; display: block; line-height: 38px; text-decoration: none; font-size: 16px; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; border-radius: 7px; border: 2px solid #fff; background: url(../images/icon.png) 10px 12px no-repeat; background-size: 15px 14px; }
    #demo-iframe-wrapper.home a:hover { color: #fff; border: 2px solid #999; background: url(../images/icon.png) 10px 12px no-repeat; background-size: 15px 14px; }
	#demo-iframe-wrapper iframe { width: 100%; height: 862px; }


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 996px) and (max-width: 1195px) {
	
	#demo-header a.template { position: relative; left: 0px; top: 0px; float: left; }
	#demo-header .select { margin-left: 13px; position: relative; left: 0px; top: 0px; float: left; }
	
	.sliderBox.max { padding: 37px 2% 36px 2%; width: 96%; }
	.sliderBox li img { width: 100%; height: auto; }
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 995px) {

	#demo-header .hide { padding: 9px 0% 4px 0%; width: 100%;  }

	#demo-header ul.selector { display: none; }
	#demo-header a.template { margin-left: 2%; position: relative; left: 0px; top: 0px; float: left; }
	#demo-header .select { margin-left: 13px; position: relative; left: 0px; top: 0px; float: left; }

	.sliderBox.max { padding: 37px 2% 36px 2%; width: 96%; height: 236px !important; }
	.sliderBox li img { width: 100%; height: auto; }
	.sliderBox li h3 { font-size: 18px; }
	.sliderBox li a { padding-left: 32px; font-size: 15px; line-height: 34px; background-position: 9px 10px; }
	.sliderBox li a:hover { background-position: 9px 10px; }
	.sliderBox a.bx-prev { margin-top: -15px; width: 30px; height: 30px; font-size: 25px; line-height: 30px; }
	.sliderBox a.bx-next { margin-top: -15px; width: 30px; height: 30px; font-size: 25px; line-height: 30px; }

    #demo-iframe-wrapper.home { padding: 327px 2% 200px 2%; width: 96%; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#demo-header .hide { padding: 9px 0% 4px 0%; width: 100%;  }

	#demo-header ul.selector { display: none !important; }
	#demo-header a.template { margin-left: 2%; position: relative; left: 0px; top: 0px; float: left; }
	#demo-header .select { margin-left: 13px; position: relative; left: 0px; top: 0px; float: left; }

	
	.sliderBox.max { padding: 37px 3% 36px 3%; width: 94%; height: 236px !important; }
    .sliderBox .bx-wrapper { width: 280px!important; }
    .sliderBox li { width: 280px!important; }
	.sliderBox li img { width: 100%; height: auto; }
	.sliderBox a.bx-prev { margin-top: -15px; width: 30px; height: 30px; font-size: 25px; line-height: 30px; }
	.sliderBox a.bx-next { margin-top: -15px; width: 30px; height: 30px; font-size: 25px; line-height: 30px; }
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#demo-header .hide { padding: 9px 0% 4px 0%; width: 100%;  }
	
	#demo-header ul.selector { display: none !important; }
	#demo-header a.template { padding: 0px 10px 0px 34px; margin-left: 2%; position: relative; left: 0px; top: 0px; float: left; font-size: 14px; }
	#demo-header .select { margin-left: 13px; position: relative; left: 0px; top: 0px; float: left; }

    #demo-iframe-wrapper.home { padding: 140px 4% 150px 4%; width: 92%; }
    #demo-iframe-wrapper.home h2 { font-size: 40px; }
    #demo-iframe-wrapper.home p { text-align: justify; font-size: 18px; }
	
	.chzn-container { width: 154px!important; }
	.chzn-container-single .chzn-single { padding-left: 10px; width: 154px; font-size: 14px; }
	.chzn-container-single .chzn-single div b { width: 16px; background-position: 0px 15px; background-size: 16px 10px; }
	.chzn-container-single .chzn-single div { right: 7px; }
	.chzn-container .chzn-drop { width: 164px!important; }

    .sliderBox.max { padding: 37px 3% 36px 3%; width: 94%; height: 236px !important; }
	.sliderBox .bx-wrapper { width: 280px!important; }
	.sliderBox li { width: 280px!important; }
	.sliderBox li img { width: 100%; height: auto; }
	.sliderBox li h3 { font-size: 17px; }
	.sliderBox li a { padding-left: 32px; font-size: 16px; line-height: 34px; background-position: 9px 10px; }
	.sliderBox li a:hover { background-position: 9px 10px; }
	.sliderBox a.bx-prev { margin-top: -15px; top: 44%; width: 30px; height: 30px; font-size: 25px; line-height: 30px; }
	.sliderBox a.bx-next { margin-top: -15px; top: 44%; width: 30px; height: 30px; font-size: 25px; line-height: 30px; }

}