/* CSS Document */

/* TOC 
 * RESET STYLES
 * FONT FACE (IF USED)
 * HTML
 * BODY
 * HEADER
 * NAVIGATION
 * PAGE
 * FOOTER
 * FORMS
 * PLUGINS
 * PRINT STYLES
 * MEDIA QUERIES
---------------------------------------------------------------------------*/

/* RESET STYLES
---------------------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
	margin: 0;
	font-size: 18px;
	min-height:100%;
	font-family: 'proxima_novaregular';
	color: #000;
	overflow:hidden;
	background:none;
	line-height:normal;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
button, input, select, textarea {
	font-family: 'proxima_novaregular';
	color: #000;
} 
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { /* Safari Reset as Safari does not recognise quotes property */
	content: '';
	content: none;
} 

p {
	margin:0;
	padding:10px 0;
	line-height:24px;
}
a {
	margin:0;
	padding:0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	color:#ec1c24;
}
a:hover, a:active {
	outline: 0;
}
a img {
	border:0 none;
}

ul, li { list-style:none;}

.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer; /* hand cursor on clickable elements */
}
button, input, select, textarea {
	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}
button { /* make buttons play nice in IE */
	width: auto;
	overflow: visible;
}

*{ margin:0; padding:0; box-sizing:border-box;}
img{ border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family: 'proxima_novabold';
	font-weight:normal;
	color:#000;
	padding:10px 0;
	line-height:normal;
	text-transform:uppercase;
}
h1 { font-size:45px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:21px; }
h5 { font-size:19px; }
h6 { font-size:16px; }

ul{ padding:10px 0;}
ul li{ padding:5px 0; background:url(../images/list-icon.png) no-repeat left 10px; padding-left:20px;}
.footer ul li{ padding:0; background:none;}
.footer ul { padding:0;margin-left: 0;}

.wrapper{ width:95%; margin:0 auto;}

.header-bc{ background:#fff; box-shadow:0px 0px 6px #D0D0D0; padding:20px 0; float:left; width:100%;}
.header{ float:left; width:100%; position:relative;}
.logo{ float:left; width:80%;}
.menu-nav{ float:right; position:absolute; right:0; bottom:10px;}
.menu-nav ul{ padding:0;}
.menu-nav ul li{ float:left; font-family: 'proxima_novabold'; padding:0; background:none; text-transform:uppercase; margin-left:25px;}
.menu-nav ul li a{ color:#000;}

.social-media{ float:right; position:absolute; right:0; top:0;}
.social-media ul{padding:0;}
.social-media ul li{ float:left;padding:0; background:none; margin-left:25px;}
.social-media ul li a{}

.two-box{ display:table; float:left; width:100%; background:#fbac3f; position:relative;}
.two-box .two-box-border{ border:10px solid transparent; content:''; width:100%; height:100%; position:absolute; left:0; top:0; box-shadow:0px 0px 0px 2px #fff inset;}

.left-box{ display:table-cell; width:50%; padding:4% 6%; background:#fbac3f;}
.right-box{ display:table-cell; width:50%; padding:4% 0 4% 0; background:#ed1c24;}
.right-box > div{ background:#fff; padding:4% 6%; margin-left:-6%; height:100%; width:100%;}

.portfolio-section{ float:left; width:100%;display: table;}
.left_benchmark{ display:table-cell; width:60%; background:#fff; padding:30px 4%; height:400px; vertical-align:middle;}
.right_benchmark{ display:table-cell; position:relative; width:40%;background:#fff; padding:30px 2%;}
.right_benchmark::after {
    border-bottom: 3.5625rem solid rgba(0, 0, 0, 0);
    border-left: 3.5625rem solid #fff;
    border-top: 3.5625rem solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    margin-top: -3.4375rem;
    position: absolute;
    top: 50%;
    width: 0;
}

.change-arrow .left_benchmark{ background:#f4f4f4;}
.change-arrow .right_benchmark::after{ border-right: 3.5625rem solid #f4f4f4; left:auto; right:0;border-left: none;}


.center{ text-align:center;}
.container{ float:left; width:100%; padding:50px 0;}

.two-images{ float:left; width:100%;}
.two-images > div{ float:left; width:100%; height:400px; width:50%;}

.orange-color{ background:#ed1c24;}

.step-part h2{ color:#fff; margin-bottom:20px;}
.step-part{ padding:50px 0 0; float:left; width:100%;}
.left-part{ display:table-cell; width:50%; background:#fbac3f;  padding:50px 20px; font-family: 'proxima_novabold';}
.right-part{ display:table-cell; width:50%; background:#f4f4f4;  padding:50px 20px; font-family: 'proxima_novabold';}
.step-part p { font-size:18px; font-family: 'proxima_novabold';}
.left-side-part-full{ display:table; width:100%;}

.left-side-part{ margin:0 auto; width:70%; overflow:hidden; border:10px solid #7a1115; border-radius:10px 10px 0 0; border-bottom:none;}
.left-side-part h2{ color:#000; font-size:25px; margin:0; padding:0;}
.left-side-part .right-part ul{ padding:0;}
.left-side-part .right-part ul li{ background:none; text-transform:uppercase; padding:0 0 0 25px; background:url(../images/checkbox.jpg) no-repeat;}
.left-side-part .right-part ul li.tick{ background:url(../images/tick-checkbox.jpg) no-repeat;}

.left-side-part-full > div > div{ display:inline-block; text-align:left;}

.footer .section{ float:left; width:20%;}
.footer .section.sec{ float:right; width:30%;}
.footer .section .social { margin-top:20px;}
.footer .section .social li{ display:inline-block;  margin-left:10px;}

.footer .section.sec aside{ padding:0;}
.footer .section.sec input[type="email"]{ width:70%;}
.footer .section.sec input[type="submit"]{ width:30%; background:#ed1c24; color:#fff;}
.footer .section.sec #secondary{ margin:0; padding:0; display:block;}

.footer .section ul li{  padding-bottom:5px;}
.footer .section ul li a{ color:#787878; font-size:14px;}

.copyright{ float:left; width:100%; padding-bottom:20px;}
.copyright p{ color:#787878; font-size:14px;}

.mobile-display, body::before{ display:none;}

body.home .banner{ height:auto;}
body.home .banner:before{ display:none;}
.banner{ float:left; width:100%; height:500px; position:relative;}
.banner:before{ content:''; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; width:100%; height:100%;}
.banner > div{ display:table; float:left; width:100%; height:100%; position:relative; z-index:11;}
.banner > div h1{ display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%; color:#fff;}


.menu-menu-container ul li{ background:none; padding:0;}
.vx_entries_table.tablesorter.tablesorter-default{ width:50%; margin:0 auto;}


ol{ padding:0 0px 0 20px;}
ol li{ list-style:decimal; padding:5px 0; margin:0;}

@media only screen and (min-width: 800px) {
    .banner-inner{ background-attachment:fixed !important;}
    .wrapper-home-main{ width:95%; margin:0 auto;}
}

@media only screen and (max-width: 800px) {
    h1{font-size:25px;}
	.menu-nav, .social-media{ display:none;}
	
	.left-box{ float:left; width:100%; padding: 4% 4%;}
	.right-box{ float:left; width:100%;}
	
	.right-box > div{ margin-left: 0; padding: 4% 4%;}
	.two-box-border{ display:none;}
	.left_benchmark{ height:auto; float:left; width:100%;}
	.right_benchmark{ float:left; width:100%; height:300px;}
	
	.right_benchmark::after, .change-arrow .right_benchmark::after {
		border-left: 3.5625rem solid rgba(0, 0, 0, 0);
		border-top: 3.5625rem solid #fff;
		border-bottom: 3.5625rem solid rgba(0, 0, 0, 0);
		border-right: 3.5625rem solid rgba(0, 0, 0, 0);
		content: "";
		height: 0;
		left: 50%;
		margin-left: -3.4375rem;
		margin-top:0;
		position: absolute;
		top: 0;
		width: 0;
	}
	.change-arrow .right_benchmark::after{ border-top: 3.5625rem solid #f4f4f4;}
	.left-part{ width:100%; float:left; padding:20px;}
	.right-part{ width:100%; float:left; padding:20px;}
	.left-side-part{ width:100%;}
	
	.two-images > div{ width:100%; float:left; height:300px;}
	.footer, .copyright{ text-align:center;}
	.footer .section{ width:100%;}
	
	.desktop-display{ display:none;}
	.mobile-display{ display:block;}
	
	.banner{ height:300px;}
	.footer .section.sec{ width:100%;}
	.vx_entries_table.tablesorter.tablesorter-default{ width:100%; margin:0 auto;}
}