/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	height:100%;
	position:relative;
	padding:0;
	
}

.tp-banner{
	width:100%;
	height: 100%;
	position:relative;
}

.tp-banner h1 { color:#fff; text-align: left; font-size: 38px; }
.tp-banner h2 { color:#fff; text-align: left; font-size: 22px; line-height: 25px; }
.tp-banner p  { color:#fff; text-align: left; font-size: 13.5px; line-height: 18px; font-weight: 400; }

a.bannerbtn { width:415px; height:80px; line-height:80px; color: #fff; font-size: 16px; font-weight: 300; padding-left: 35px; position:absolute; bottom:80px; right:0; z-index:7; background:url(../rs-plugin/assets/arrow_right3.png) no-repeat #1d1e1e right 35px center;
-webkit-transition: background-color 0.2s;
					-moz-transition: background-color 0.2s;
					-o-transition: background-color 0.2s;
					-ms-transition: background-color 0.2s;
					transition: background-color 0.2s; }

a.bannerbtn:hover { background-color: #09c2d2;
					-webkit-transition: background-color 0.2s;
					-moz-transition: background-color 0.2s;
					-o-transition: background-color 0.2s;
					-ms-transition: background-color 0.2s;
					transition: background-color 0.2s; }
					
a.bannerbtn-resp { width:100%; height:80px; line-height:80px; color: #000; font-size: 16px; font-weight: 300; padding: 0px 35px; position:relative; bottom:80px; right:0; z-index:7; 
					display: none; }

a.bannerbtn-resp:hover { background-color: #09c2d2; color: #fff;
					-webkit-transition: background-color 0.2s;
					-moz-transition: background-color 0.2s;
					-o-transition: background-color 0.2s;
					-ms-transition: background-color 0.2s;
					transition: background-color 0.2s; }
						
						
												
.descr { width: 375px; height: 80%; padding: 60px 0px; margin-right: 60px; }
.descr-bg { background-color: #222323; width: 450px; height: 100%; }
.nav-whitebg { width:450px; height:80px; background-color:#ffffff; position:absolute; bottom:0;  right:0; z-index:6; }

@media only screen and (min-width: 980px) and (max-width: 1100px) {
	.descr { width: 275px; height: 80%; padding: 60px 0px; margin-right: 80px; }
	.descr-bg { background-color: #222323; width: 350px; height: 100%; }
	.nav-whitebg { width:350px; height:80px; background-color:#fff; position:absolute; bottom:0;  right:0; z-index:6; }
	
	a.bannerbtn { width:315px; }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.descr { width: 100%; height: auto; padding: 0px; margin: 0px; }
	.descr-bg { display: none; }
	.nav-whitebg { width:100%; height:80px; background-color:#fff; position:absolute; bottom:0;  right:0; z-index:6; }
	a.bannerbtn-resp { display:block; }
	a.bannerbtn {  display:none; }
	
	.tp-banner h1 { width: 70%; background-color:#fff; text-align: center; color:#2d2d2d; font-size: 38px; margin: 0px 10%; 
					padding: 20px 5% 6px 5%; }
	.tp-banner h2 { width: 70%; background-color:#fff; text-align: center; color:#2d2d2d; font-size: 22px; line-height: 25px; 
					margin: 0px 10%; padding: 6px 5% 25px 5%; }
	.tp-banner p  { /*width: 70%; background-color:#fff; text-align: center; color:#2d2d2d; font-size: 13.5px; line-height: 18px; 
					margin: 0px 10%; padding: 6px 5% 20px 5%;*/ display: none; }
	
}

@media screen and (max-width: 767px) {
	.descr { width: 100%; height: auto; padding: 0px; margin: 0px; }
	.descr-bg { display: none; }
	.nav-whitebg { width:100%; height:80px; background-color:#fff; position:absolute; bottom:0;  right:0; z-index:6; }
	a.bannerbtn-resp { display:block; }
	a.bannerbtn {  display:none; }
	
	.tp-banner h1 { width: 70%; background-color:#fff; text-align: center; color:#2d2d2d; font-size: 33px; margin: 0px 10%; 
					padding: 20px 5% 6px 5%; }
	.tp-banner h2 { width: 70%; background-color:#fff; text-align: center; color:#2d2d2d; font-size: 17px; line-height: 22px; 
					margin: 0px 10%; padding: 6px 5% 25px 5%; }
	.tp-banner p  { /*width: 70%; background-color:#fff; text-align: center; color:#2d2d2d; font-size: 13.5px; line-height: 18px; 
					margin: 0px 10%; padding: 6px 5% 20px 5%;*/ display: none; }
}