
/* LANDING template */
	body.landing{ background:white;}
	
	
	/* flexslider */	
	.flexslider{border:0; background:transparent; margin:0; border-radius:0;}
	.flexslider .slides{margin:0; padding:0; list-style-type:none; z-index:999;}
	.flexslider .slides li{margin:0; padding:0; background:none;}
	.flex-direction-nav {position: absolute; width: 100%; top:26%;}
	.flex-direction-nav li{padding:0; margin:0; background:none;}
	.flex-direction-nav a{ color:transparent!important; width:32px; height:60px; background:url(../images/i-slider-arrows.png) no-repeat transparent; outline:0; text-shadow:none; opacity:0.4;}
	.flex-direction-nav a::before{ display:none;}
	.flex-direction-nav a:hover{ text-decoration:none;}
	.flex-direction-nav .flex-prev {left:-10px;}
	.flex-direction-nav .flex-next {right:-10px; text-align:center; background-position:-32px 0;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:-10px;}
	.flexslider:hover .flex-direction-nav .flex-next {right:-10px;}
	.slider-wrap{ background-color:#eeeeee; padding:30px; margin-bottom:50px;}
	.slider-item-wrap .item-image{ display:inline-block; width:324px; height:284px; margin:0 auto; background:url(../images/features-monitor.png) no-repeat; padding:13px;}
	.slider-item-wrap .item-title{ font-family:'Roboto'; font-size:30px;/* text-decoration:underline;*/}
	.slider-item-wrap .item-title a{ font-weight:300!important; color:#0b509e;}
	.slider-item-wrap .item-title a:hover, .slider-item-wrap .item-title a:focus{color:#00abd5;}
	
	#landing-download-section{ background:url(../images/bg_pattern1.png); border-bottom:4px solid #333399;}
	#landing-download-section h1{color:#333; text-transform:none; text-shadow:none; font-weight:normal;}
	
	.landing .color-blue{color:#0b509e!important;}
	
	.side-panel{padding:30px; margin-bottom:50px; background-color:#eeeeee;}
	
	a.button-inline, .button-inline{ width:auto; display:inline-block; padding-left:1em; padding-right:1em; max-width:none!important;}
	
	#design-section, #slider-section{padding:80px 50px;}

	#slider-section .slider-wrap{ background-color:#fff; padding:0; margin-bottom:0;}
	
	#design-section{ background-color:#eeeeee;}
	
	#landing-download-section input[type='text'], #landing-download-section input[type='file'], #landing-download-section textarea, #landing-download-section input[type='email'], #landing-download-section select[class='gfield_dropdown'] {
		width: 100%;
		height: 45px;
		font-size: inherit;
		border: 1px solid #e1e1e1;
		box-shadow:none;
		padding-left: 10px;
		border-radius:2px;
	}
	#landing-download-section textarea{height:auto;}
	
	.textbox{ margin-bottom:2em; padding:1px;}
		.textbox img{ margin:0 0 1rem 1px; display:inline-block; width:100%; max-width:100%;}
		.textbox .align-left{float:left; max-width:41.66%; margin:0 1.875em 1em 1px;}
		.textbox .align-right{float:right; max-width:41.66%; margin:0 1px 1em 1.875em;}
	.textbox:after{ content:''; display:block; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}
	.textbox ul, .textbox ol{margin-bottom:2em; overflow:hidden;}

	
@media only screen and (max-width: 1200px){
	
	/*body{border:2px dotted blue;}*/
	
	.slider-item-wrap .item-image{width:80%; height:auto; background-size:100%; padding-bottom:23%;}
	

	
	
}

@media only screen and (max-width: 960px){
	
	/*body{border:2px dashed green;}*/
	
	.slider-item-wrap .item-title{font-size:20px;}

}
	

@media only screen and (max-width: 850px) {
		
	/*body{border:2px dotted red;}*/
	
	.slider-item-wrap .item-title{font-size:30px;}
	
	#design-section, #slider-section{padding:40px 20px;}
	
	#slider-section .flex-direction-nav .flex-prev {left:0;}
	#slider-section .flex-direction-nav .flex-next {right:0;}
	#slider-section .flexslider:hover .flex-direction-nav .flex-prev {left:0px;}
	#slider-section .flexslider:hover .flex-direction-nav .flex-next {right:0px;}
	
}
	
@media only screen and (max-width: 575px) {

	/*body{border:2px dashed blue;}*/

}

@media only screen and (max-width: 420px) {
	
	/*body{border:2px dashed green;}*/
	
	.slider-item-wrap .item-image{width:70%; height:auto; background-size:100%; padding-bottom:23%;}
	.flex-direction-nav {top:18%;}
	
	.slider-item-wrap .item-title{font-size:20px;}
	
	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; margin-left:0; margin-right:0; width:100%; max-width:100%;}
	
}

@media only screen and (max-width:320px) {
	
	/*body{border:2px dashed red;}*/
	
}