/*
My Custom CSS
=============
/* --------------------------------------
   Layout
   -------------------------------------- */
a{
    border: none;
    outline: 0;
}
a img
{
    border: none;
}
a:link, a:visited, a:hover, a:active
{
    text-decoration: none;
}
/*
html {height: 100%}
*/
/* removes blue border in chrome and ff*/
:focus{
    outline: none;
}
::-moz-focus-inner{
    border: 0;
}
body{
    background: rgba(89,87,91,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(65,64,66,1) 0%, rgba(27,27,27,1) 100%); /* Old Browsers */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(65,64,66,1)), color-stop(100%, rgba(27,27,27,1))); /* FF3.6+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(65,64,66,1) 0%, rgba(27,27,27,1) 100%); /* Chrome, Safari4+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(65,64,66,1) 0%, rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(65,64,66,1) 0%, rgba(27,27,27,1) 100%); /* Opera 11.10+ */
    background: radial-gradient(ellipse at center, rgba(65,64,66,1) 0%, rgba(27,27,27,1) 100%); /* IE 10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59575b', endColorstr='#303030', GradientType=1 ); /* W3C */ /* IE6-9 fallback on horizontal gradient */
    background-size: cover;
    padding: 0;
    margin: 0;
}
/* --------------------------------------
   general styles
   -------------------------------------- */
/* Font-face Icons */
@font-face
{
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'glyphicons';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.container{
	width: 100%;
    height: 100%;    
    margin: 0 auto;
    padding: 0;
}
.landinghead{	
    width: 100%;
    height: 99px;    
    padding: 0;
    margin: 0;
	background-color: #272728;
    border-bottom: solid thin #ffffff;	
}
.leftlogobox{
	width: 50%;
	height: 100%;
	display:table;
	float: left;
	padding:0px 10px;	
}
.leftlogo{    
    width: 100%;
	height: 100%;
	display:table-cell;
	vertical-align:middle;    
}
.rightbox{
	width: 48%;
	height: 100%;
	display:table;
	float: left;
	padding:0px 10px;	
}
.qmark{
    position: relative;
    width: auto;
    height: 100%;
    float: right;
    background-color: transparent;
    border: none;
    display:table-cell;
    vertical-align:middle;
}
.qmark img{
	width: 32px;
}
.needhelp{        
    display: none;
}
.needhelp p{
    font-family: 'Open Sans' , sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #FFF;
}
.imagebox{    
    width: 100%;
	height: auto;
    margin: 0 auto;
    padding: 0;
}
.leftbg{
	position:relative;
	width: 70%;
	height: auto;/* 640px; */
	float: left;\Landing\img\left_bg.jpg
	padding: 0;
	background-image:url('../img/left_bg.jpg');
	background-size: cover;
}
.leftcontentbox{
    width: 100%;    
    height: 100%;
    padding: 0;
    margin: 0;
	display:table;
}
.bigtext{
	width: 100%;
    height: 100%;
	display:table-cell;
	vertical-align:middle;
	padding:15px 0px;
}
.bigtext p{
    font-family: 'Open Sans' , sans-serif;
    font-size: 54px;
    font-weight: 600;
    text-align: right;
    color: #dddddd;
    padding-right: 80px;
    padding-bottom:10px;
    text-shadow: 0px 1px 1px rgba(27, 27, 27, 0.9);
    margin:0;
}
.rightbg{
	position:relative;
	width: 30%;
	height: auto;/* 641px; */
	float: left;
	padding: 0;
	background-image:url('../img/right_bg.jpg');
	background-size:cover;
	clear:none;
}
.selecticomtxt{    
    width: 100%;
    height: auto;
    display: none;
}
.selecticomtxt p{
    font-family: 'Open Sans' , sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    margin: 0 auto;
    text-shadow: -1px 3px 0px rgba(0, 0, 0, 0.27);
    text-align: center;
}
.ic2, .ic3{
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
}
.ic2 a, .ic3 a{
    text-decoration: none;
    color: #ffffff;
	display:block;
}
.ic2thermo, .ic3thermo{
    width: 100%;
    height: auto;
}
.ic2 p, .ic3 p{
	position:relative;
	top: -40px;
	font-family: 'Open Sans' , sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	text-shadow: -1px 3px 0px rgba(0, 0, 0, 0.27);
}
.horisep, .horisep2{
    position: relative;
    top: -40px;
    width: 100%;
    height: auto;
    text-align:center;
}
.horisep img, .horisep2 img{
    width: 30%;	
}
.bottomlink{
	position: relative;
	bottom: 20px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0px 0px;
}
.bottomlink p{
    width: 100%;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    top: 0px;
}
.bottomlink p span{
    font-size:16px;
    font-weight:600;
    margin:0 5px;
}
.bottomlink a{
    color: #FFF;
    cursor: pointer;
	display:inline;
}
@media only screen and (max-width: 1100px){
	.leftbg{
		width:65%;
	}
	.rightbg{
		width:35%;
	}
	.bigtext p{
		padding-right:40px;
	}
}

@media only screen and (max-width: 980px){
	.leftbg{
		width:60%;
	}
	.rightbg{
		width:40%;
	}
	.bigtext p{
		padding-right:30px;
	}
}

@media only screen and (max-width: 767px){
	.leftlogo img{
        width: 100%;
    }
	.qmark{
        /* width: 32px; */
        /* height: auto; */
    }
	.qmark img{
        width: 32px;
    }
	.imagebox{
        background-image: none;
        /*background-repeat: no-repeat;         background-size: contain;*/
    }
	.leftbg{
        width: 100%;
        height: auto !important;
        /* float: none; */
        clear: both;
        background-size: contain;
 }
	.rightbg{
        width: 100%;
        height: auto;
        /* float: none; */
        clear: both;
 }
	.selecticomtxt{
		padding: 20px 0px;
		display: block;
	}
	.selecticomtxt p{
		font-size: 18px;
		font-weight:600;
	}
	.ic2, .ic3{
		margin-top: 0px;
	}
	.ic2 p, .ic3 p{
        font-size: 22px;
        top: -60px;
    }
	.ic2thermo, .ic3thermo{
        width: 70%;
    }
	.horisep img, .horisep2 img{
        width: 30%;
    }
    .horisep, .horisep2{
    	top: -60px;
    }
    .bigtext p{
    	padding-right:40px;
    }	
}
@media only screen and (max-width: 680px){
	.leftlogobox{
		width:60%;
	}
	.rightbox{
		width:40%;
	}
	.qmark img{
		width:30px;
	}
	.ic2 p, .ic3 p{
        top: -50px;
    }
	.horisep, .horisep2{
    	top: -50px;
    }
}
@media only screen and (max-width: 540px){
	.leftlogobox{
		width:70%;
	}
	.rightbox{
		width:30%;
	}
	.qmark img{
		width:28px;
	}
	.ic2 p, .ic3 p{
        top: -40px;
    }
	.horisep, .horisep2{
    	top: -40px;
    }
    .ic2thermo, .ic3thermo{
    	width:80%;
    }
}
@media only screen and (max-width: 480px){
	.leftlogobox{
		width:75%;
	}
	.rightbox{
		width:25%;
	}
	.qmark img{
		width:28px;
	}
	.leftbg{
        display: none;
    }
	.selecticomtxt p{
		font-size:18px;
		font-weight:400;
	}
	.ic2 p, .ic3 p{
        font-size: 20px;
    }
	.ic2thermo, .ic3thermo{
        width: 80%;        
    }
	.horisep img, .horisep2 img{
		width: 36%;
	}
	.selecticomtxt{
		padding:15px 0px;
	}
}
@media only screen and (max-width: 420px){
	.leftlogobox{
		width:80%;
	}
	.rightbox{
		width:20%;
	}
	.qmark img{
		width:28px;
	}
	.ic2 p, .ic3 p{
        top: -30px;
    }
	.horisep, .horisep2{
    	top: -30px;
    }
}