/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;font-family:'Rajdhani', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom: 1;}

body {font-size:18px;line-height:1.6;-webkit-text-size-adjust:none;overflow-x: hidden;}
h1, h2, h3, h4, h5 {font-weight:700;line-height:normal;}
h1 {text-transform:uppercase;}
h1 span {color:#f01822;}

strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none; color:#f01822;}
a:hover {text-decoration:underline;color:#f01822;}

header {background:#000;}
.topheader {background:#272727;text-align:right;color:#fff;padding:5px 0px;}
.topheader .wrapper {padding:0;}
.topheader a:link, .topheader a:visited, .topheader a:active {text-decoration:none;color:#fff;font-weight:700;}
.topheader a:hover {text-decoration:underline;color:#fff;}

.logo {width:100%;max-width:40%;float:left;display:block;text-align:center;background:#fff;}
.logo img {display:inline-block;max-width:100%;height:auto;}

.wrapper {width:100%;max-width:80%;margin:0 auto;padding:3% 0 8% 0;}

.button {display:block;float:left;border-radius:4px;background-color:#f01822;border:1px solid #ccc;;color:#FFF;text-align:center;font-size:24px;padding:20px;width:100%;max-width:18%;transition:all 0.5s;cursor:pointer;margin:5px;vertical-align:middle;font-weight:700;}
.button span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.button span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.button:hover span {padding-right:25px;}
.button:hover span:after {opacity:1;right:0;}

.push {padding-bottom:80px;}

.twocols {width:100%;max-width:50%;float:left;display:block;box-sizing:border-box;}

.shape {background:url("../siteart/shape.png") no-repeat;width:100%;height:85px;position:absolute;margin-top:-80px;z-index:-1;}
footer {background:#f01822;width:100%;color:#fff;}
footer .wrapper {padding:20px 0px;}
footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#fff;font-weight:700;}
footer a:hover {text-decoration:underline;color:#fff;}
footer .right {text-align:right;}

.scrolling-wrap {width:100%;height:92px;overflow:hidden;}
.scrolling{width:100%;height:92px;}


/** Responsive Styles **/

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1024px){
    .logo {max-width:50%;}
    .button {font-size:20px;padding:20px;max-width:31%;margin:1%;}
    .topheader {text-align:center;}
    
    .hosted-content .listings-wrapper .listings-list {font-size:16px !important;}
    body {font-size:16px;}
}



@media screen and (max-width: 767px){
    .button {max-width:48%;margin:1%;}
}
 
 

@media screen and (max-width: 420px){
    .button {max-width:100%;margin:1% 0;}
    .twocols {max-width:100%;float:none;}
    footer .right {text-align:left;}

}