body{ margin:0; padding:0; font-family: 'Circular Std'; background:#d8d8d8;}
a {
    color: #DB3232 ;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6, ul{ margin:0; padding:0;} 
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.eot');
    src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Medium.woff') format('woff'),
        url('../fonts/CircularStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.clear{ clear:both;}
.wrapper{ width:100%; float:left;}
.main-Div{ max-width:1370px; margin:0 auto; background:#fff; display:table;}

/* herader left  css */
.header{ position:relative;}
.header .col-right, .header .col-left { min-height:355px;}
.header .col-left { background:#DB3232; width:45.6%; padding:40px 60px 5px; float:left;}
.header .col-left .description{ margin-top:100px; } 
.header .col-left .description h1{  font-size:50px; font-weight:600;  color:#fff; line-height:51px;}
.header .col-left .description p{font-size:24px; color:#fff; font-weight:300; line-height:30px; }

/* herader right  css */
.header .col-right{ float:right; width:54.4%;  background:url("../images/banner.jpg") no-repeat center top;}
.header .col-right .top-nav{ margin-top:30px;}
.header .col-right .top-nav li{ list-style:none; display:inline; padding:0 20px;}
.header .col-right .top-nav li a{  color:#DB3232; font-size: 15px; font-weight: 500; line-height: 19px; text-decoration:none; }
.header .col-right .top-nav li a.active { color:#000;}
.header .col-right .top-nav li a:hover{ color:#000;}
.header .col-right .top-nav .navbar-inverse{ background:none; border:none;}
.header .col-right .top-nav .navbar-nav{ float:right; flex-direction: inherit;}

.header .col-right .top-nav li.mob-ver {display:none;}


/* herader inner page css */
.header.inner .col-right{ float:right; width:54.4%;  background:none; min-height:auto;}
.header.inner .col-left { background:none; width:45.6%; padding:40px 60px 5px; float:left; min-height:auto;}
.header.inner.sticky { position: fixed; top: 0; width:96.3%; background:#fff; z-index:9999; max-width:1370px;}



/*inner page content css*/
.content.inner { background:#fff;}

/*Report page content css*/
#btn-trackstreet-submit {
    background-color: #DB3232 !important;
    border-radius: 2px;
    color: #fff;
    font-size: 24px;
    height: 45px;
}
#form-tellus input, #form-tellus textarea {
    background: #fff;
    border-color: #757575;
    height: 45px;
}
#form-tellus input:focus { border:1px solid #000; box-shadow:none;}
#form-tellus textarea:focus { border:1px solid #000; box-shadow:none;}
#form-tellus .form-group .txt-sml { font-size:13px; margin:0px; padding:0px;}
textarea#comments {
    height: 150px;
}
.form-group { margin-bottom:25px;}
.form-group label.error { color:red; margin:0px; font-weight:normal}

.content-right .bottom-content .bottom-box .middel-text-btm { text-align:center; padding:0px 0px 50px 0;}
.content-right .bottom-content .bottom-box .middel-text-btm h2 { font-size:48px; color:#000; line-height:50px; font-family: 'Circular Std';}
.content-right .bottom-content .bottom-box .middel-text-btm .red-btn.btn-big { float:none; padding: 15px 45px;}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	.header .col-left .description{ margin-top:36px; }
	.header .col-left .description h1{ font-size:40px; }
}
@media only screen and (max-width: 991px) {
	.header .col-left .description{ margin-top:30px; }
	.header .col-left .description h1{ font-size:23px; }
}
@media only screen and (max-width: 770px) {
	.header.inner { position:inherit; background:#DB3232; width: 100%;float: left;}
	.logo-web { display:none;}
	.mob-logo { display:block !important}
	.header .col-right .top-nav .navbar-inverse .navbar-collapse { position:relative; padding-bottom:0px; border-bottom:5px solid #333; z-index:999;background:#FFF; /*url("../images/banner.jpg") no-repeat center center; border:none*/ }
.header .col-right .top-nav li a{ font-size:20px; color:#333; line-height:25px;} 
	.header .col-right .top-nav{ margin-top:10px;}
	.header .col-right .top-nav .navbar-nav{ float:left; max-height:500px; overflow:auto; margin-bottom:0px;}
	
	.header .col-right .top-nav .navbar-inverse .navbar-toggle:focus, .header .col-right .top-nav .navbar-inverse .navbar-toggle:hover{ background:none;}
	.header .col-right .top-nav .navbar-inverse .navbar-toggle{border-width:0;}
	.header .col-right .top-nav .navbar-toggle .icon-bar { width:41px; height:4px; border-radius:0; }
	.header .col-right .top-nav .navbar-toggle .icon-bar+.icon-bar{ margin-top:9px;}
	
	.header .col-right .top-nav li.mob-ver {display:block; width:100%; border-bottom:1px solid #ddd;}
	.header .col-right .top-nav li.dropdown.mega-dropdown {display:none;}
	.header.inner .col-left { width:auto; padding:20px 30px; background:#DB3232}
	.header .col-left { width:auto; padding:20px 30px;}
	.header .col-left span {position:relative; z-index:999999;}
	.header.inner .col-left span {position:relative; z-index:999999;}
	.header .col-left .description h1 { font-size: 48px; line-height: 60px; margin-top:100px;}
	.header .col-left .description p{ display:none;}
	
	.header.inner .col-right{ position:absolute; right:0px; background-image:none !important; width:auto; height:100%; }
	.header .col-right{ position:absolute; right:0px; background-image:none !important; width:auto; height:100%;}
	.header .col-right .top-nav li {padding:0;}

}
@media only screen and (max-width: 767px) {
	
	.content-right .bottom-content .bottom-box h2 { font-size:48px !important; line-height:normal !important}
	.content-right .bottom-content .bottom-box h3 { font-size:28px !important; line-height:normal !important}

	.header.inner.sticky { width:100%; background:#DB3232;}
	.header { position:inherit; background:#DB3232; width: 100%;float: left;}
	
	
	
}

/* content left  */
.content{ width:100%; float:left; background:#EBEBEB;}
.content-left.sticky  {  position: fixed; top: 0; }
.content-left{width:25%; float:left;}
.content-left .navigation li{ list-style:none;  font-size:16px; line-height:22px; font-weight:500; max-width:342px; border-bottom:1px solid #fff;}
.content-left .navigation li a.mPS2id-highlight{background:#fff;  color:#DB3232; min-width:100%; }
.content-left .navigation li a{color:#000; text-decoration:none; padding:12px 60px; display:inline-block;}

/* content right  */
.content-right{ width:75%; float:right; background:#fff;}

.content-right .top-img{ background:#f7f7f7; min-height:150px; position:relative; margin-bottom:100px; padding:0 150px;}

/*.content-right #section-1 .top-img{ background:url("../images/top-banner.jpg") no-repeat center center; min-height:373px; position:relative; margin-bottom:100px; padding:0 150px;}*/
.report-main { min-height:110vh}

.content-right .top-img img{ width:100%;}
.content-right .top-img h2{ font-size:48px; font-weight:600;  color:#DB3232; line-height:50px; position:absolute; bottom:-69px; padding-right:230px;  }
.content-right .top-img h2.singal-line { bottom:-21px;}
.content-right .top-img h2.double-line { bottom:-79px;}
.content-right .top-img span{ background:#DB3232; color:#fff; padding:2px 7px 4px; display:inline-block; margin-bottom:5px; margin-right:5px; }
.content-right .top-img.merchants-bg{ background-image:none; background:#DDDDDD; padding-top:50px; padding-bottom:100px; margin-bottom:0; }
.content-right #section-5{ margin-bottom:0;}
.content-right .top-img.merchants-bg h2{ position:inherit; bottom:inherit; color:#000; }
.content-right .top-img.merchants-bg li { list-style:none; font-size:18px; line-height:27px; font-family: 'Lato', sans-serif; position:relative; margin-left:75px; margin-bottom:40px;}
.content-right .top-img.merchants-bg li span{ position:absolute; left:-75px; top:-15px; height:50px; width:50px; border-radius:50px; display:inline-block; text-align:center; font-size:24px; color:#fff; font-weight:500; font-family: 'Lato', sans-serif; line-height:42px; margin-right:25px;  }
.content-right .top-img.merchants-bg p.text{ margin:20px 0 50px; font-size:20px;}
.content-right .bottom-content { display:inline-block; width:100%; margin-bottom:70px; }
.content-right .bottom-content .bottom-box{ padding:0 150px;}
.content-right .bottom-content .bottom-box h3{ font-size:48px; font-weight:600;  color:#000; line-height:50px; margin-top:0px; }
.content-right .bottom-content .bottom-box h3.min-ttl {font-size:24px; font-weight:600;  color:#000; line-height:30px; margin-top:0px; font-family: 'Circular Std'; margin-top:20px;}
.content-right .bottom-content .bottom-box h2{ font-size:56px; font-weight:600;  color:#DB3232; line-height:50px; margin-top:50px; margin-bottom:50px;}
.content-right .bottom-content .bottom-box strong{ font-size:18px; font-family: 'Lato', sans-serif;}
.content-right .bottom-content .bottom-box p{ font-size:18px; line-height:28px; color:#000; font-family: 'Lato', sans-serif; padding-bottom:20px;}
.content-right .bottom-content .bottom-box span{ background:#DB3232; color:#fff; padding:4px 10px; font-family: 'Lato', sans-serif; }
.content-right .bottom-content .bottom-box a.red-btn{ float:right;  font-weight:600;	border: 2px solid #DB3232; color:#DB3232; padding:12px 25px; font-size:18px; line-height:22px; font-family: 'Lato', sans-serif; }
.content-right .bottom-content .bottom-box li{ margin-left:20px; font-size:18px; line-height:28px; color:#000; font-family: 'Lato', sans-serif; padding-bottom:10px;}



@media only screen and (max-width: 1300px) {
.content-left{ width:35%;}
.content-left.sticky{ left:0;}
.content-left .navigation li{ min-width:100%;}
.content-left .navigation li a{ padding:20px; }
.content-right{ width:65%;}
.content-right .top-img.merchants-bg ul li span{ background:#DB3232; line-height:48px; }
.content-right .top-img{ padding:0 40px;}
.content-right .top-img h2{ padding-right:0;}
.content-right .bottom-content .bottom-box{ padding:0 50px;}	
}
@media only screen and (max-width: 770px) {
.bottom-content img	 { max-width:100%;}	
.content-right { width:100%;}
.content-left{ display:none;}	
}
@media only screen and (max-width: 767px) {
.bottom-content img	 { max-width:100%;}
.content-right{ width:100%;}
.content-left { display:none;}
.content-right #section-1 .top-img{ background:#dddddd; padding:40px 25px; min-height:inherit; margin:0;}
.content-right .top-img h2{color:#000; font-size:30px; line-height:35px;  position:inherit; margin:0; bottom:0; font-weight:500; }
.content-right .top-img span{ background:none; color:#000; padding:0; margin:0;}
.content-right .top-img.merchants-bg{ margin-bottom:30px; padding-bottom:30px;}
.content-right .bottom-content{ margin-bottom:0;} 
.content-right .bottom-content .bottom-box{ padding:25px;}
.content-right #section-3 .top-img h2, .content-right #section-3 .top-img span{ color:#000; font-weight:500;}
.content-right .bottom-content .bottom-box a.red-btn{ margin-bottom:20px; display:table; margin:0 auto; text-align:center; float:none; padding:20px 60px;}

.content-right .top-img h2,
.content-right .top-img h2.singal-line,
.content-right .top-img h2.double-line { bottom:0px;}
.content-right .top-img {padding:40px 25px; margin-bottom:0px;}
}
@media only screen and (max-width: 599px) {
	.content-right .bottom-content .bottom-box a{ min-width:100%;}
}

/* footer css  */
.footer{ background:#db3232; padding:25px 0; display:inline-block;  width:100%; position:relative; }
.footer .address p{ font-size:14px; color:#fff; text-align:right;  font-weight:500; font-family: 'Lato', sans-serif; padding-top:12px;}
.footer .email a{ float:right; color:#fff; font-weight:500; font-family: 'Lato', sans-serif; padding-top:12px; }

@media only screen and (max-width: 767px) {
.footer span{ text-align:center; display:block; }
.footer .address p{ text-align:center;}
.footer .email a{ display:block; float:none;  text-align:center; padding:0;}
}

.bottom-content img	 { max-width:700px; width:100%;}