@import url(https://fonts.googleapis.com/css?family=Open+Sans);


[v-cloak] {
	height: 50%;
	background-color: white;
	opacity: 0;
}

/*
.apploader:before {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;

}

*/

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('../fonts/lanenar-webfont.eot');
    src: url('../fonts/lanenar-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lanenar-webfont.woff2') format('woff2'),
         url('../fonts/lanenar-webfont.woff') format('woff'),
         url('../fonts/lanenar-webfont.ttf') format('truetype'),
         url('../fonts/lanenar-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
     font-family: 'Lane-Narrow';
  	 src: url('../fonts/Lane-Narrow.eot?#iefix') format('embedded-opentype'),  
	 	  url('../fonts/Lane-Narrow.woff') format('woff'), 
		  url('../fonts/Lane-Narrow.ttf')  format('truetype'), 
		  url('../fonts/Lane-Narrow.svg#Lane-Narrow') format('svg');
     font-weight: normal;
     font-style: normal;
}

html, body {
  -webkit-font-smoothing: antialiased;
  
}

* {
    outline: 0 none !important;
}

a {
   outline:0 none !important;
}

:focus {
	outline: 0 none !important;
}
::-ms-clear { display: none; }

::-ms-reveal {
    width : 0;
    height: 0;
}

video { width:100%; height:100%;}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

#home-banner{ background-size:cover; min-height:700px;
	/*margin-bottom: 35px;*/
	background:top center; }
#home-banner div#bgImage0, #home-banner div#bgImage1 { min-height:700px;
	/*margin-bottom: 35px;*/
	background:top center; }

.navbar-default{background:rgba(0,0,0,0); border:none;}

#inner_wrapper .navbar-default {
	box-shadow:0px 0 2px #ccc;
}

.navbar-fixed-top {
  -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
  transition: background 2s;
  height:100px;
}

.navbar-fixed-top.darkHeader {
 background:#fff;
 height:100px;
 box-shadow:0px 0 2px #ccc;
}
.nav{padding-top:25px;}

.nav .signup a {
	background:#5c9b0b !important;
	border:solid 2px #4c8009;
	border-radius:25px;
	text-transform:uppercase;
	color:#FFF !important;
	font-family: 'robotobold';
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	
	transition: all 0.3s ease;
    
}

.nav .signup a:hover, .nav .signup a:focus {
	background:#2480ad !important;
	border:solid 2px #196c95;
	transition: all 0.3s ease;
}

.nav .donate a {
	background:transparent !important;
	border:solid 2px #2480ad;
	border-radius:25px;
	color:#000 !important;
	transition: all 0.3s ease;
}

.nav .donate a:hover, .nav .donate a:focus {
	border:solid 2px #5c9b0b;
	transition: all 0.3s ease;
}
.dropdown-menu {	
	background: #FFFFFF;
	border: 1px solid #ccc;
}

.dropdown-menu:after, .dropdown-menu:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdown-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFFFFF;
	border-width: 7px;
	margin-left: -7px;
}
.dropdown-menu:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ccc;
	border-width: 8px;
	margin-left: -8px;
}

.dropdown-menu>li {
	border-bottom:solid 1px #eee;
}

.dropdown-menu>li:last-child {
	border-bottom:none;
}

.dropdown-menu>li>a {
	padding:8px 10px !important;
	
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color:#1879a9 !important;
	color:#FFF !important;
}

#noscript-warning
{
    font-family: Arial,Helvetica,sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: white;
    background-color: #AE0000;
    padding: 10px 0;
    display: block;    
}

.slide_captions {
	width:100%;
	float:left;
}

.slide_captions h2 {
	padding-top:150px;
	font-family: 'Lane-Narrow';
	font-size:60px;
	color:#231f20;
	line-height:72px;
}

.slide_captions h2 span {
	color:#1879a9;
}

.slide_captions p {
	width:458px;
	max-width:100%;
	font-family: 'robotolight';
	font-size:17px;
	color:#000000;
	line-height:24px;
	text-align:justify;
}

.slide_captions a {	
	font-family: 'robotobold';
	font-size:14px;
	color:#1879a9;
	text-transform:uppercase;
	border:solid 2px #1879a9;
	border-radius:5px;
	padding:13px 30px;
	margin-right:25px;
	margin-top:30px;
	display: inline-block;
	text-decoration:none;
	transition: all 0.3s ease;
	
}

.slide_captions a:hover .fa {
	-webkit-transform: translateX(4px);
    transform: translateX(4px);
	transition: all 0.3s ease;
	
}

.slide_captions a:hover {
	color:#231f20;
	border:solid 2px #231f20;
	text-decoration:none;
	transition: all 0.3s ease;	
}

.home-banner, .how-it-works {
	position:relative;
}

.money_banner {
	position: absolute;
    top: -110px;
    left: 80px;
	z-index:2;
}

.banner_scroll a, .feature_scroll a, .report_scroll a, .news_scroll a, .testimonial_scroll a, .footer_scroll a {
	width: 50px;
    height: 82px;
    float: left;
    background: url(../images/scroll.png) no-repeat 0 0 !important;
    position: absolute;
    top: -130px;
    left: 48%;
	z-index: 99;
	
}

.feature_scroll a {
	top: -160px;
}

.report_scroll a {
	top: -118px;
}

.news_scroll a {
	top: -110px;
}

.testimonial_scroll a {
	top: -135px;
}

.footer_scroll a {
	top: -145px;
}

.banner_scroll .slide_arrow {
	width:23px;
	height:31px;
	position:absolute;
	left: 14px;
	-webkit-animation: jump 1s infinite;
    -moz-animation: jump 1s infinite;
    -o-animation: jump 1s infinite;
    -ms-animation: jump 1s infinite;
    animation: jump 1s infinite;	
}

.banner_scroll a:hover {
	background-position:0 -82px;
}

@-webkit-keyframes jump {
	0% {top: 0;
		-webkit-animation-timing-function: ease-in;
	}
	40% {}
	50% {top: 35px;
		height: 30px;
		-webkit-animation-timing-function: ease-out;
	}
	55% {top: 45px; height: 30px; border-radius: 70px / 60px;
		-webkit-animation-timing-function: ease-in;}
	65% {top: 35px; height: 30px; border-radius: 70px;
		-webkit-animation-timing-function: ease-out;}
	95% {
		top: 0;		
		-webkit-animation-timing-function: ease-in;
	}
	100% {top: 0;
		-webkit-animation-timing-function: ease-in;
	}
}



@-moz-keyframes jump {
	0% {top: 0;
		-moz-animation-timing-function: ease-in;
	}
	40% {}
	50% {top: 35px;
		height: 30px;
		-moz-animation-timing-function: ease-out;
	}
	55% {top: 45px; height: 30px; border-radius: 70px / 60px;
		-moz-animation-timing-function: ease-in;}
	65% {top: 35px; height: 30px; border-radius: 70px;
		-moz-animation-timing-function: ease-out;}
	95% {
		top: 0;		
		-moz-animation-timing-function: ease-in;
	}
	100% {top: 0;
		-moz-animation-timing-function: ease-in;
	}
}

@-o-keyframes jump {
	0% {top: 0;
		-o-animation-timing-function: ease-in;
	}
	40% {}
	50% {top: 35px;
		height: 30px;
		-o-animation-timing-function: ease-out;
	}
	55% {top: 45px; height: 30px; border-radius: 70px / 60px;
		-o-animation-timing-function: ease-in;}
	65% {top: 35px; height: 30px; border-radius: 70px;
		-o-animation-timing-function: ease-out;}
	95% {
		top: 0;		
		-o-animation-timing-function: ease-in;
	}
	100% {top: 0;
		-o-animation-timing-function: ease-in;
	}
}

@-ms-keyframes jump {
	0% {top: 0;
		-ms-animation-timing-function: ease-in;
	}
	40% {}
	50% {top: 35px;
		height: 30px;
		-ms-animation-timing-function: ease-out;
	}
	55% {top: 45px; height: 30px; border-radius: 70px / 60px;
		-ms-animation-timing-function: ease-in;}
	65% {top: 35px; height: 30px; border-radius: 70px;
		-ms-animation-timing-function: ease-out;}
	95% {
		top: 0;		
		-ms-animation-timing-function: ease-in;
	}
	100% {top: 0;
		-ms-animation-timing-function: ease-in;
	}
}

@keyframes jump {
	0% {
		top: 0;
		animation-timing-function: ease-in;
	}
	50% {
		top:35px;
		height: 30px;
		animation-timing-function: ease-out;
	}
	55% {
		top: 45px; 
		height: 30px; 
		animation-timing-function: ease-in;
	}
	65% {
		top: 35px; 
		height: 30px; 		
		animation-timing-function: ease-out;
	}
	95% {
		top: 0;		
		animation-timing-function: ease-in;
	}
	100% {
		top: 0;
		animation-timing-function: ease-in;
	}
}



/*@-webkit-keyframes shrink {
	0% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;	
		-webkit-animation-timing-function: ease-in;
	}
	50% {
		bottom: 30px;
		margin-left: -10px;
		width: 20px;
		height: 5px;		
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		bottom: 0;
		margin-left: -30px;
		width: 60px;
		height: 75px;		
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes shrink {
	0% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		-moz-animation-timing-function: ease-in;
	}
	50% {
		bottom: 30px;
		margin-left: -10px;
		width: 20px;
		height: 5px;		
		-moz-animation-timing-function: ease-out;
	}
	100% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		-moz-animation-timing-function: ease-in;
	}
}

@-o-keyframes shrink {
	0% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		-o-animation-timing-function: ease-in;
	}
	50% {
		bottom: 30px;
		margin-left: -10px;
		width: 30px;
		height: 5px;		
		-o-animation-timing-function: ease-out;
	}
	100% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height:30px;		
		-o-animation-timing-function: ease-in;
	}
}

@-ms-keyframes shrink {
	0% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		-ms-animation-timing-function: ease-in;
	}
	50% {
		bottom: 30px;
		margin-left: -10px;
		width: 30px;
		height: 5px;		
		-ms-animation-timing-function: ease-out;
	}
	100% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		-ms-animation-timing-function: ease-in;
	}
}

@keyframes shrink {
	0% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		animation-timing-function: ease-in;
	}
	50% {
		bottom: 30px;
		margin-left: -10px;
		width: 30px;
		height: 5px;		
		animation-timing-function: ease-out;
	}
	100% {
		bottom: 0;
		margin-left: -30px;
		width: 30px;
		height: 30px;		
		animation-timing-function: ease-in;
	}
}*/

.inner_content {
	padding-top:100px;
}

.how-it-works h1, .sa-how-it-works h1, .latest-news h2, .endorsements h2, #inner_wrapper h1 {
	font-family: 'Lane-Narrow';
	font-size:44px;
	color:#575252;
	text-transform:uppercase;
	text-align:center;
	margin-top:40px;
}

.how-it-works h1:after, .sa-how-it-works h1:after, .latest-news h2:after, .endorsements h2:after, #inner_wrapper h1:after {
    background-color: #1879a9;
    content: "";
    display: block;
    height: 5px;    
    width: 88px;
	border-radius: 5px;
    margin:5px auto;
}

.sa-how-it-works h1 {
	color:#FFF;
}


#inner_wrapper h1 {
	margin-bottom: 20px;
}

#how_work {
    margin-top: -100px;
    padding-bottom: 100px;
    display: block;
}

.latest-news h2, .endorsements h2 {
	margin-top: 50px;
    margin-bottom: 50px;
}

.endorsements h2 {
    margin-bottom:20px;
}


.how_work_img {
	text-align: center;
    width: 100%;
    display: block;
	padding: 25px 0  100px 0;
}

.blue-bar {
	background:#1879a9;
	padding:65px 0 40px 0;
}

.blue-bar span {	 
   -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.blue-bar span:hover {
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.blue-bar h2 {
	font-family: 'Lane-Narrow';
	font-size:44px;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	margin-top:0px;
	margin-bottom:40px;
}
.blue-bar h2:after {
    background-color: #FFF;
    content: "";
    display: block;
    height: 5px;    
    width: 88px;
	border-radius: 5px;
    margin:15px auto;
}
.blue-bar h4 {
	margin-top:0px;
	float: left;
}

.blue-bar h4 a {
	font-family: 'Lane-Narrow';
	font-size:24px;
	color:#FFF;
	text-transform:uppercase;
	text-align:left;	
    clear: both;
	text-decoration:none;
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.blue-bar h4 a:hover {
	-webkit-transform: translateY(-8px);
    transform: translateY(-8px);
	text-decoration:none;
}

.blue-bar p {
    font-family: 'robotolight';
    font-size: 14px;
    color: #caedff;
    line-height: 21px;
	padding-bottom: 30px;
	float: left;
}

.middle-signupbar {
	background:#FFF;
	padding:17px 0;
}

.middle-signupbar p {
	font-family: 'robotolight';
    font-size:30px;
    color: #4e4e4e;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	line-height: 65px;
	
}


.signup_btn {
    border: solid 2px #91c700;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 30px;
    color: #91c700;
    font-family: 'robotobold';
    padding: 8px 28px;
	vertical-align: middle;
    display: inline-block;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    transition: all 0.3s ease;
}
.signup_btn:hover, .signup_btn:focus {
    border: solid 2px #2480ad;    
    color: #000;
	text-decoration:none; 
	transition: all 0.3s ease;
}

.banner1 {
	background:#f1f1f1 url(../images/report_banner1.jpg) no-repeat top right;
	background-size:cover;
}

.banner2 {
	background:#f1f1f1 url(../images/report_banner2.jpg) no-repeat top right;
	background-size:cover;
}

.banner3 {
	background:#f1f1f1 url(../images/report_banner3.jpg) no-repeat top right;
	background-size:cover;
}

.account_slider h2 {
	font-family: 'Lane-Narrow';
    font-size: 40px;
    color: #333333;
    text-transform: uppercase;
    margin-top:50px;
	margin-bottom:30px;
    padding: 0px;   
}

.account_slider p {
    font-family: 'robotolight';
    font-size: 16px;
    color: #444444;
    line-height: 24px;
	padding-right: 30px;
}

/*.account_slider ul {
	margin:0px;
	padding:0px;
	margin-bottom: 50px;
}*/

.slide_list {
	padding-top:5px;
}

.account_slider .slide_list span {
	background: url(../images/list_arrow.png) no-repeat left 10px;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #666666;
    line-height: 27px;
    text-transform: uppercase;
    list-style: none;
    padding-left: 20px;
	margin-bottom:0px;
	width: 100%;
    width: auto;
    clear: both;
    float: left;
	cursor: default;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.account_slider .slide_list span:hover {
	margin-left:10px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.latest-news {
	padding-bottom:60px;
}

.news_box {
	background:#FFF;
	padding:18px 12px 13px 12px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(87,87,87,0.32);
	-moz-box-shadow: 0px 0px 5px 0px rgba(87,87,87,0.32);
	box-shadow: 0px 0px 5px 0px rgba(87,87,87,0.32);
	position: inherit;
    z-index: 2;
}

.news_box_outer:before, .news_box_outer:after
{
  z-index:0;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 20px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
 -webkit-box-shadow: 0 15px 10px #777;
 -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
 -webkit-transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
 -ms-transform: rotate(-3deg);
 transform: rotate(-3deg);
}
.news_box_outer:after
 {
 -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 -ms-transform: rotate(3deg);
 transform: rotate(3deg);
 right: 20px;
 left: auto;
  }

.news_box h4 {
	margin-top:0px;
	margin-bottom: 4px;
}

.news_box h4 a {
	font-family: 'robotoregular';
	font-size:16px;
	color:#1879a9;
	text-transform:uppercase;
	text-decoration:none;
	
	
}
.news_box h4 a:hover, .news_box h4 a:focus {	
	color:#000;
	text-decoration:none;
	
}

.news_box span {
	font-family: 'robotolight';
	font-size:12px;
	color:#a1a1a1;
	text-transform:uppercase;
	padding-bottom: 10px;
    display: inline-block;
}

.news_box p {
	font-family: 'robotolight';
	font-size:14px;
	color:#666666;
}

.newsletter {
	background:#1879a9;
	padding:35px 0;
}

.newsletter h3 {
	font-family: 'Lane-Narrow';
    font-size: 30px;
    color: #FFF;
    text-transform: uppercase;
	margin-bottom:0px;
	margin-top:0px;
}

.newsletter span {
	font-family: 'robotolight';
	font-size:16px;
	color:#FFF;
	text-transform: uppercase;
}

.newsletter .email_icon {
	background: #2aafc3;
    width: 68px;
    height: 58px;
    color: #FFF;
    font-size: 28px;
    text-align: center;
    line-height: 54px;
	float:left;
}

.nletter_form a {
	background: #2aafc3;
    border: none;
    display: inline-block;
    padding: 12px 20px;
    float: left;
    font-family: 'robotoblack';
    font-size: 24px;
    color: #FFF;
	text-decoration:none;
	transition: all 0.3s ease;
}

.nletter_form a:hover {
	background: #231f20;
	transition: all 0.3s ease;
}

.newsletter input[type=text]{
background: #FFF;
border: none;
display: inline-block;
padding: 18px 15px;
float: left;
font-family: 'robotolight';
font-size: 16px;
color: #919191;
text-transform: uppercase;
max-width: 315px;
width: 100%;

}
.newsletter input[type=text]:focus {
    outline:none;
    box-shadow:none;
}

.nletter_form input[type="submit"] {
background: #2aafc3;
border: none;
display: inline-block;
padding: 12px 50px 12px 20px;
float: left;
font-family: 'robotoblack';
font-size: 24px;
color: #FFF;
text-decoration:none;
transition: all 0.3s ease;
}

.nletter_form input[type="submit"]:hover {
background: #231f20;
transition: all 0.3s ease;
}
.nletter_form:after{
content: "\f1d9";
font-family: FontAwesome;
font-size: 22px;
position: absolute;
right: 35px;
top: 14px;
width: 20px;
height: 20px;
z-index: 999;
color: #fff;
}

.footer-nav {
	background:url(../images/footer_pattern.png) repeat;
	padding: 40px 0;
}

.footer-nav h3 {
	font-family: 'Lane-Narrow';
    font-size: 24px;
    color: #FFF;
    text-transform: uppercase;
	margin-bottom:15px;
	margin-top:0px;
}

.footer-nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.footer-nav ul li a {
	font-family: 'robotolight';
    font-size: 14px;
    color: #ffffff;
	padding-bottom: 8px;
    float: left;
    clear: both;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer-nav ul li a:hover, .footer-nav ul li a:hover {
	color: #e18400;
	text-decoration:none;
	margin-left:3px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer-logos {
	padding:30px 0 25px 0;
}

.footer-logos p {
	font-family: 'robotolight';
    font-size: 12px;
    color: #000000;
	line-height:20px;
}

.footer-logos p span {
	font-family: 'robotobold';    
}

.footer-logos p a {
	color: #1879a9;
	text-decoration:none;	
}

.footer-logos p a:hover, .footer-logos p a:focus {
	color: #000;
	text-decoration:underline;
}

.footer-logos ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.footer-logos ul li {
	display:inline-block;
	padding-left: 28px;
}

.footer-logos .signup a {
	background: #5c9b0b !important;
    border: solid 2px #4c8009;
    border-radius: 25px;
	padding:9px 18px;
    text-transform: uppercase;
    color: #FFF !important;
    font-family: 'robotobold';
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    transition: all 0.3s ease;
}

.footer-logos .signup a:hover, .footer-logos .signup a:focus {
	background: #2480ad !important;
    border: solid 2px #196c95;
    transition: all 0.3s ease;
	text-decoration:none;
}

.footer-logos .watch a {
	background:#1879a9;
	font-family: 'robotobold';
	font-size:16px;
	color:#FFF !important;
	border-radius:25px;
	padding:9px 20px;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    transition: all 0.3s ease;
}

.footer-logos .watch a:hover, .footer-logos .watch a:focus {
	background:#5c9b0b;
	text-decoration:none;
	transition: all 0.3s ease;
}

.footer-logos .donate a {
	background: transparent !important;
    border: solid 2px #2480ad;
    border-radius: 25px;
	padding:9px 20px;
    color: #000 !important;
    transition: all 0.3s ease;
}

.footer-logos .donate a:hover, .footer-logos .donate a:focus {
	border: solid 2px #5c9b0b;
	text-decoration:none;
    transition: all 0.3s ease;
}

.footer-copyright {
	background:url(../images/copyright_pattern.png) repeat;
	padding: 20px 0 10px 0;
}

.footer-copyright p {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#FFF;
}

.footer-copyright ul {
	margin:0px;
	padding:0px;
	float: right;
	list-style:none;
}

.footer-copyright ul li {
	display:inline;
	padding-left:20px;
}

.footer-copyright ul li a {
	color:#cccccc;
}
.footer-copyright ul li a:hover {
	color:#1879a9;
}

.footer-copyright ul li a .fa {
	font-size:20px;	
}

/*===================================== Slider Css Start ==============================*/

.slide {
  width: 100%;
    min-height: 556px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.slide ul {
  margin: 0 auto;
  height: auto;
  padding:0px;
}

.slide ul li {
    width: 100%;
    list-style: none;
    position: absolute;  
    background-position: top right;
    top: 0;
    left: 0;
    right: 0;
    min-height: 556px;
    height: 100%;
}

.account_slider {
	width:50%;
	float:left;
	background:#f1f1f1;
	position: relative;
	padding-bottom:50px;
	min-height: 556px;
}
.account_slider:before{background:#f1f1f1; content:""; position:absolute; left:-500%; top:0; width:500%; height:100%;}
.account_slider::after {
	background:url(../images/slider-cover-right.png)  left center no-repeat;
	background-size: cover;
    content: "";
    width: 125px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -125px;	
}

.screen_acc {
	background:white;
}
.screen_acc:before{background:white;}
.screen_acc::after {
	background:url(../images/slider-cover-right_wt.png)  left center no-repeat;
	background-size: cover;
	content: "";
	width: 125px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: -125px;
}

.slide ol {
  	position: absolute;
    left: 0px;
    top: 230px;
    height: 10px;
    z-index: 999;
    font-size: 0;
    text-align: center;
	margin:0px;
	padding:0px;
}

.slide ol li {
  background: #FFF;
  border:solid 2px #666666;
  width:14px;
  height: 14px;
  margin-bottom: 15px;
  cursor: pointer;
  border-radius: 10px;
}

.slide ol li.active { background: #1879a9; }


.cd-top {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#1879a9 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

.blue-bar a {
	color:#FFF;
}

.table-responsive .col_center {
	text-align:center;
}
.review_highlight {
	background-color: #fcdfdf !important;
}

.review_notice {
	background-color: #ffeb3b45 !important;
}

.review_highlight .grid_label {
	color: #b02020 !important;
	font-family: 'robotomedium';
}

.table_link {
	cursor: pointer;
	text-decoration: underline;
}

.group_tbl_head {
	width: 100%;
    float: left;
    padding: 15px;
	border:solid 1px #e0e0e0;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom:none;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.group_tbl_head .pull-left, .group_tbl_head .pull-right {
	font-size:16px;
	color:#575252;
}

.group_tbl_head .pull-left .dataTables_info {
	width:auto;
	float:left;
	padding-right: 10px;
    padding-top:12px;
}

.group_tbl_head .pull-left .tbl_pager {
	width:auto;
	float:left;
	margin:0px;
	padding:8px 0px 0px 0px;
	list-style:none;
}

.group_tbl_head .pull-left .tbl_pager li {
	padding-left:10px;
	float:left;
}

.group_tbl_head .pull-left .tbl_pager li a {
	border: solid 2px #7d7d7d;
    padding: 3px 7px;
    border-radius: 50%;
    float: left;
    color: #7d7d7d;
}
.group_tbl_head .pull-left .tbl_pager li a:hover, .group_tbl_head .pull-left .tbl_pager li a:focus {
	border: solid 2px #646464;   
	color:#646464;
}

.group_tbl_head .data_tbl {
	width:auto;
	display:inline-block;
}

.group_tbl_head .data_tbl span {
	width:auto;
	float:left;
	padding: 10px;
}

.group_tbl_head .data_tbl select {
	width:auto;
	float:left;
	margin-bottom: 0px;
}

.view_reports_details_box label {
	font-weight:400;	
}

.view_reports_details_box .for_select, .view_reports_details_box .detail_date {
	width:45%;	
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:10px !important;
}
.view_reports_details_box .detail_date {
	width: 55%;   
}

.detail_report_date {
	width:50%;
	float:left;
}

.flagged {
	background-color: #ffbbab;

}

.next_btn {
	color: #1879a9;
	border: 2px solid #1879a9;
	cursor: pointer;
	padding:9px 40px 9px 20px;
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	border-radius:5px;
	transition: all 0.3s ease;
	margin-bottom:35px;
	font-weight:400;
}
.next_btn a { text-decoration:none; }

.next_btn:hover {
	 color: #5c5c5c; border: 2px solid #5c5c5c; transition: all 0.3s ease;
 }


a:disabled, a[disabled]  {
	color: #5c5c5c; border: 2px solid #5c5c5c;
}

.view_perferences_box {
	background:#fafafa;
	border:solid 1px #e9e9e9;
	padding:20px;
	border-radius:5px;
	margin-bottom:25px;
}

select.form-control {
	padding-right:15px !important;
	height:46px;
	
}

.show_enrties_select {
	width:85%;
	float:left;
}
.ques_icon {
	width: auto;
    float: left;
    padding: 5px 10px 10px 10px;
    font-size: 22px;
}
.apply_btn {
	margin-top:27px;
	margin-bottom: 0px;
}

.view_perferences_box input[type="text"], .view_perferences_box select {
	margin-bottom:25px;
}

.report_time_area {
	border-top:solid 1px #e1e1e1;
	padding-top:15px;
}

.time_pagination_area {
	border-top:solid 1px #e1e1e1;
	padding:15px 0px;
	border-bottom:solid 1px #e1e1e1;
}

.time_pagination_area ul {
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}

.time_pagination_area ul li {
	display:inline-block;
	position:relative;
}
.time_pagination_area ul li:first-child { padding-right: 10px; }
.time_pagination_area ul li:first-child:before{ content:"|"; position:absolute; right:0; top:0; font-size:16px; color:#575252; }

.time_pagination_area ul li a {
	font-size:14px;
	color:#575252;
}

.time_pagination_area ul li a:hover {
	color:#1879a9;
}

.align_right {
	text-align:right;
}

.align_left {
	text-align:left;
}

.align_center {
	text-align:center;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.report_entries_log {
	font-size: 16px;
    color: #323131;
    padding-top: 20px;
    text-align: center;
}

.rating_legend_tbl table {
	width:100%;
	word-break: break-all;
}

.rating_title {
	font-weight:bold;
}
.rate_chart_tbl {
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
}

.rating_legend_tbl table thead {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	border-top:solid 1px #e5e5e5;
	
}

.rating_legend_tbl table thead th, .rating_legend_tbl table tbody td {
	font-size:16px;
	color:#575252;
	padding:10px;
	font-weight: 400;
}




.rating_legend_tbl table tbody tr {
	border-top:solid 1px #e5e5e5;
	background-color: #FFF;
}

.rating_legend_tbl table tbody tr.alt {
    background-color: #e5e5e587;
}


.rating_legend_tbl table tbody tr.hs {
	background-color: rgba(229, 137, 0, 0.53);
}

.rating_legend_tbl table tbody tr.vhs {
    background-color: rgba(229, 9, 0, 0.53);
}


.rating_legend_tbl table tbody tr:last-child {
	border-bottom:solid 1px #e5e5e5;
}

.rating_legend_tbl table tbody td {
	font-size:14px;
}

.rating_legend_tbl table .tbl_border {
	border-right:solid 1px #e5e5e5;
}

.rating_gray span, .rating_red span {
	font-family: 'robotobold';
	font-size:16px;
}

.rating_gray {
	color:#676666 !important;
}

.rating_red {
	color:#c90606 !important;
}

.all_rating {
	font-family: 'robotobold';
	font-size:16px !important;
	color:#f9a400 !important;
}

.know_more {
	font-size:14px;
	color:#323131;
    padding-top: 20px;
}

.report_option_head {
	width:150px;
	float:left;
}

.report_option_details {
	margin-left:150px;
}

.report_option_btn {
	margin-left:150px;
	margin-top:30px;
}

.report_option_btn a {
	margin-bottom:20px;
}

.daylight_label {
	font-family: 'robotolight';
	font-size:16px;
	color:#666666;
	padding-bottom:15px;
}

.report_timezone_btn {
	margin-left: 0px;
    margin-top: 15px;
    display: inline-block;
	float:left;
}

.report_timezone_btn a {
	margin-bottom:20px !important;
}
    

.report_current_time {
	font-family: 'robotomedium';
	font-size:16px;
	color:#666666;
    padding-top: 20px;
}

.report_current_time span {
	color:#1879a9;
}


.cancel_account a {
	font-family: 'robotomedium';
	font-size:14px;
	color:#248cc0;
	text-transform:uppercase;
    padding-top: 10px;
	text-decoration:none;
	display: inline-block;
}

.cancel_account a:hover, .cancel_account a:focus {	
	color:#272424;
	text-decoration:none;
} 

.uninstall_btn a {
	margin-bottom:10px;
	margin-top:10px;
}

.view_genrate_report {
	border:solid 1px #1879a9;
	margin-top:25px;
}

.view_genrate_report img {
	width:100%;
}

.view_report_details {
	margin-top:25px;
}

.login_box {
	width:362px;
    max-width: 100%;
	margin:25px auto 45px;
}

.login_box input {
	margin-bottom:15px;
}

.login_box .forgot_link {
	width:auto;
	float:left;
	padding-top: 15px;
	font-size:14px;
}


.login_box .login_btn {
	width:auto;
	float:right;
}

.login_signup_now {
	border-top:solid 1px #eee;
	width:100%;
	float:left;
	padding-top:20px;
	padding-bottom:45px;
	text-align: center;
}

.login_signup_now a {
	font-family: 'robotomedium';
	color:#3684b0;
	font-size:16px;
	text-decoration:none;
}

.login_signup_now a:hover, .login_signup_now a:focus {
	color:#000;
	text-decoration:none;
}

.forgot_pass_box {
	width:944px;
	background:#f2f2f2;
	border:solid 1px #e1e1e1;
    max-width: 100%;
	padding:30px 15px;
	text-align:center;
	margin:10px auto 35px;
}

.forgot_pass_box .success_message, .forgot_pass_box .error_message, .warning_message {
    text-align:center;
}

.success_message .fa, .error_message .fa, .warning_message .fa {
    text-align:center;
    margin-right:5px;
}
.forgot_box {
	width: 450px;
    max-width: 100%;
	margin:auto;
}

.forgot_head {
	font-family: 'robotomedium';
	color:#1879a9;
	font-size:20px;
	margin-bottom:20px;
}

.forgot_box input {
	margin-bottom:0px;
}

.forgot_btn {
	margin:auto;
	text-align:center;
}

#view_reports .next_btn {
	margin-bottom:0px;
}

.user_activation_pop span {
	width: 34%;
    float: left;
    font-family: 'robotobold';
    color: #1777a9;
    font-size: 18px;
    padding-top: 8px;
    text-align: right;
}

.user_activation_pop ul {
	width: auto;
    float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.user_activation_pop ul li {
	display:inline-block;
}

.user_activation_pop ul li .radio label {
	font-size: 14px;
	color: #1777a9;
}

.page_desc {
	font-family: 'robotolight';
	font-size:19px;
	color:#6b6b6b;
	padding-bottom:35px;
	margin-bottom: 15px;
	border-bottom:solid 1px #eee;
}

.page_subhead {
	font-family: 'robotolight';
	font-size:28px;
	color:#5c5c5c;
	padding-bottom:40px;
	margin-bottom: 0px;
	border-bottom:solid 1px #eee;
}

.page_desc_large {
	font-family: 'robotolight';
	font-size:19px;
	color:#6b6b6b;
	text-align:center;
	padding-bottom:40px;
	line-height: 35px;		
}

.donate_now_box span {
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:30px;
}

.donate_now_box span a {
	display:inline-block;	
}

.donate_filter {
	background:#fafafa;
}



.page_content_area {	
	padding:30px 0 45px 0;
}

.compatibility_three_box {	
	border-bottom:solid 1px #eee;
}

.page_sub_head h2 {
	font-family: 'robotolight';
	font-size:30px;
	color:#5c5c5c;
	text-align:center;
	margin-top:0px;
    margin-bottom: 35px;
}

.page_sub_head h2:after {
    background-color: #1879a9;
    content: "";
    display: block;
    height: 2px;    
    width: 93px;
	border-radius: 0px;
    margin:15px auto;
}

.comapatibility_box_head h2 {
	font-family: 'robotolight';
	font-size:30px;
	color:#5c5c5c;
	border-bottom:solid 1px #eee;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-top:0px;
}

.comapatibility_box_head p {
	font-family: 'robotolight';
	font-size:15px;
	color:#666666;	
	margin-bottom: 20px;
}

.comapatibility_box_head p strong {
	font-family: 'robotoregular';
	color:#333333;
	font-weight:400;
}

.comapatibility_box_head ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.comapatibility_box_head ul li {
	font-family: 'robotolight';
	font-size:15px;
	color:#333333;	
	padding-bottom: 15px;
    background: url(../images/bullet_arrow.png) no-repeat 0px 6px;
    padding-left: 15px;
}

.comapatibility_issues_head {
	font-family: 'robotolight';
	font-size:23px;
	color:#333333;
	margin-bottom:15px;
}

.comapatibility_issues_head span {
	font-family: 'robotoregular';
	font-size:23px;
	color:#1879a9;
}

.compatibility_issue_list ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.compatibility_issue_list ul li {
	background:#fafafa;
	border:solid 1px #e1e1e1;
	padding:10px 15px;
	font-family: 'robotolight';
	font-size:15px;
	color:#666666;
	margin-bottom: 15px;
}

.compatibility_issue_list ul li .fa {
    font-size: 20px;
    float: left;
    margin-top: 1px;
    margin-right: 8px;
}
.compatibility_issue_list ul li i.fa.fa-ban { color:#CB4B50; }
.compatibility_issue_list ul li i.fa.fa-exclamation-triangle { color:#fdda64; position:relative;}
.compatibility_issue_list ul li i.fa.fa-exclamation-triangle:after{ content: "\f12a"; color:#333; text-align: center; position: absolute;
    left: 0; right: 0; font-size: 12px; top: 5px; bottom: 0; margin: auto; }


.how_work_static {
	display:none;
}

.allow_list_input input, .allow_list_input .next_btn {
	margin-bottom:15px;
}

.allow_list_input span.error label {
	right: 32%;
}
.allow_list_input span.error img {
	right: 34%;
    position: absolute;
    top: 12px;
}

div#timezone_picker_infowindow h2 { font-size: 15px; margin-top: 0px; }

.chaverim_email_add span.error label { left:100px !important; right:auto !important;}

.chaverim_email_add span.error img { left:250px !important; right:auto !important;}


/*=========================== Sign Up Page Css End Here ==============================*/
#multistepform-example-container { position:inherit !important; width: 100%; height: 100%; float: left; z-index:9 !important; }
.outerbox { position:relative; }
h1.unbodr{ margin-top:60px; font-size:44px; font-family: 'Lane-Narrow'; position:relative;  }
h1.unbodr:after { 
content: "";
width: 80px;
height: 5px;
background: #1879a9;
position: absolute;
bottom: -7px;
left: 47%;
margin: auto;
text-align: center;
border-radius:5px;
}

.step_one_form_area {
	width:67%;
    margin: auto;
}
.step_two_form_area {
	width:86%;
    margin: auto;
}
.steptabs p { font-size:28px; font-family: 'robotolight'; color:#5c5c5c; margin-bottom:50px; float: left; text-align: center; width: 100%;}
.thank_text { color:#5c9b0b;}
.add_month {font-family: 'robotolight'; font-size:18px;}
.join_optional, .report_italic {font-family: 'robotolight'; font-size:14px; color:#272424;}
.report_italic { font-style:italic;}
.steptabs input{ border: 1px solid #afafaf; background:#fcfcfc; position: relative; padding: 12px 35px 12px 15px !important;}
.steptabs p.text-center i { color:#5c9b0b; font-style:normal; }


.step_two_blue_bar { float: left; width: 100%; background: #1879a9; }
.step_two_light_bar { float: left; width: 100%; background: #f9f9f9; }
.step_two_dark_bar {float: left; width: 100%; background: #e2e1e1; }


.need_icon {
	position: absolute;
    top: 0px;
    left: 15px;
    width: 90% !important;
    text-align: left;
    background: transparent;
    z-index: 999;
}

.need_icon, .add_filter_icon, .join_group_icon { float: left; width: 34px; margin: 0px 16px 0px 0px;}
.add_filter_icon { margin: 11px 16px;}
.join_group_icon { margin: 13px 16px;}


.joingroup_box { float: left; width: 100%; padding: 26px 20px; background:#f9f9f9; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.join_group_left { float: left; width: 50%; text-align: left; padding-right: 10%; color:#333333; font-size:14px; font-family: 'robotolight';}
.join_group_right { float: right; width: 50%;}

.join_group_info {float: left; text-align:left; width:28%; margin-top:60px; padding-left:10px; font-weight: bold;}
span.group_info_txt {}
.join_group_info_select {float: right; text-align:left; width:70%; margin-top:20px; padding-left:10px; font-weight: bold;}

.ui-widget {
	color: #333333 !important;
    font-size: 14px !important;
    font-family: 'robotolight' !important;
}

.ui-menu .ui-menu-item {
	padding: 6px 10px 6px 10px !important;
    border-bottom: solid 1px #aaaaaa;
}
.ui-menu .ui-menu-item:last-child {
    border-bottom:none;
}

.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #1879a9 !important;
	background: #1879a9 !important;
	font-weight: normal;
	color: #FFF !important;
}


#multistepform .join_group_right input[type="text"] { width:318px; float:left; margin-right:15px;}
#multistepform .join_group_right input.button { width:auto; float: left; font-size:16px; color:#1879a9; font-family: 'robotoregular'; text-align: center; padding:10px 40px !important; margin:0px;transition: all 0.3s ease;}
#multistepform .join_group_right input.button:hover, #multistepform .join_group_right input.button:focus {color: #5c5c5c; border: 2px solid #5c5c5c;}

/*2nd Page*/

.step_two_join_box, .step_two_account_box { border: 1px solid #1879a9; float: left; width: 100%; border-radius: 5px; }
.step_two_account_box { margin-top: 34px; }
.acountbox { float: left; width: 100%; padding-bottom: 38px; }
.mainbox { width: 33.33%; float: left; }
.circlebox { width: 152px; height: 152px; background: #868f93; border-radius: 50%; display: inline-block; vertical-align: middle; position:relative; transition: all 0.3s ease;}
.mainbox span { width: 100%; float: left; margin-top: 20px; font-family: 'robotomedium'; color:#333333; font-size:14px;}
.mainbox .circlebox:hover, .mainbox .circlebox:focus, .mainbox .active { background:#1879a9; }
.circlebox img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; text-align: center;
margin: auto; }
.acountbox p { font-size: 18px; font-family: 'robotolight'; color: #333333; margin: 34px 0px; display: inline-block; }
.call_group_box { width:100%; float:left;}
.call_group_head { font-size: 20px; font-family: 'robotolight'; width:100%; color:#272424; padding:16px 20px; background:#e2e1e1; text-align:left; float:left; }
.call_group { padding:20px 20px; float:left; width:100%; }
.call_group input { margin-bottom:0px !important; }

.group_switch_box { width:100%; float:left; background:#e2e1e1; padding:16px 20px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.switch_box { width:100%; display:inline-block; }
.switch_box span { width: auto; float: left;padding: 7px 15px; color:#272424; font-size:20px; font-family: 'robotolight';}


#multistepform .previous.button { color:#5c5c5c; border: 2px solid #5c5c5c; }

/*3rd Page*/

.account_list_area {
	width:100%;
	float:left;
	position: relative;
	margin-bottom:10px;
}
.account_list_area ul {
	margin:0px;
	padding:0px;
	list-style:none;	
}

.account_list_area ul li {
	border-top:solid 1px #e2e6e9;
	padding:15px 15px;
	text-align:left;	
}

.account_list_area ul li:last-child {
	border-bottom:solid 1px #e2e6e9;
}

.account_list_area .account_img {
	width: 70px; 
	height: 70px;
	float: left;
	background:#eee;
	border:solid 1px #d3d3d3;
	border-radius: 50px;
	overflow:hidden;
}

.account_list_area .account_img img {
	width:100%;
}

.account_list_area .account_details_col {
	margin-left:85px;	
}

.account_details_col .fullname {
	color: #1879a9;
    font-size: 18px;
    font-family: 'robotolight';
    font-weight: normal;
    display: inline-block;
	width: 100%;
	margin-bottom: 0px;
}

.account_details_col .usrname { 
	color:#666666;
	font-size: 14px;
	font-family: 'robotoregular';
	font-weight: normal;
    display: inline-block;
	width: 100%;
	margin-bottom: 0px;
}

.account_details_col .email { 
	color:#666666; 
	font-size: 14px; 
	font-family: 'robotolight';
	display: inline-block;
	font-weight: normal;
	width: 100%;
	margin-bottom: 0px;
	text-decoration: underline;
}

.accountability_col .head {
	color: #666666;
    font-size: 14px;
    font-family: 'robotolight';
    display: inline-block;
	width: 100%;
	padding-bottom:10px;
}

.accountability_col .filter_cancel {
	color: #000;
    display: inline-block;
	width: 100%;
    font-family: 'robotoregular';
    font-size: 16px;
}

.accountability_col .filter_cancel a {
	color: #000;
}

.account_price_col label {
	color: #1879a9;
    font-size: 18px;
    font-family: 'robotobold';
    font-weight: normal;
    display: inline-block;
	width: 100%;
}

.account_admin_col span {
	color: #666666;
    font-size: 14px;
    font-family: 'robotomedium';
    font-weight: normal;
    display: inline-block;
	width: 100%;
	text-align:left;
}

.accountability_col .add_filter {
	color:#248cc0 !important;
}

.accountability_col .add_filter:hover {
	color:#000 !important;
}

.account_admin_col .extrauser_remove {
	float: right;
    background: #e2e6e9;
	color:#7d7d7d;
    padding: 7px 12px;
    border-radius: 25px;
	margin-right: 8px;
}
.account_admin_col .extrauser_remove:hover {
    background: #1879a9;
	color:#FFF;
}

.extrainfoedit {
	text-align:left;
	margin-bottom:10px;
	color: #1879a9;


}

.extrainfoedit span {
	cursor:pointer;
	text-decoration: underline;
	margin-left: 5px;
	font-style: italic;
}

.add_account {
	width:50px;
	height:50px;
}

.add_account a {
    position: absolute;
    bottom: 26px;
    right: 14px;
    background: none;
    border: none;
    box-shadow: none;
}
.add_account a:hover, .add_account a:focus {
    background: none;
    border: none;
    box-shadow: none;
}

.add_account a span {
	background: #33a1ff;
	border:none;
    color: #FFF;
    padding: 13px 15px;
    border-radius: 25px;
   
}

.add_account span:hover {
	background: #5c9b0b !important;
	border:none;
	color:#FFF !important;
}

.coupon_box_link {
	float:left;
}

.coupon_box_area  {
	margin-top: 0px;
    width: 100%;
    float: left;
    background: #e2e6e9;
	border-radius: 5px;
	margin-bottom:25px;
}

.coupon_box_area .coupon_head::before {
	content:"";
	background:url(../images/coupon_bg.png);
	width: 100px;
    height: 77px;
    float: left;
}

.coupon_box_area .coupon_head span {
	color: #5c5c5c;
    font-size:28px;
    font-family: 'robotolight';
	padding-top:15px;
	display: inline-block;
}

.coupon_box_area input[type="text"] {
    width: 318px;
    float: left;
	margin:15px 15px 0 0px;
}

.coupon_box_area .coupon_btn {
    width: auto;
    float: left;
	background:#1879a9;
	border:solid 2px #22b1ff;
    font-size: 18px;
    color: #ffffff;
    font-family: 'robotomedium';
	text-transform:uppercase;
    text-align: center;
    padding:8px 30px !important;
    margin: 15px 0px 0px 0px;
	border-radius:4px;
    transition: all 0.3s ease;
}

.coupon_box_area .coupon_btn:hover, .coupon_box_area .coupon_btn:focus {
	background:#5c5c5c;
	border:solid 2px #878585;
}

.coupon_box_area .show_rates {
	color: #646566;
    font-size: 16px;
    font-family: 'robotomedium';
	text-transform:uppercase;
    display: inline-block;
	width: 100%;
	padding: 26px;
	text-align:right;
}
.coupon_box_area .show_rates:hover {
	color: #1879a9;    
}

.donate_box_area {
	margin-top: 45px;
    width: 100%;
    float: left;
    background: #FFF;
	border:solid 1px #d5dad8;
	-webkit-box-shadow: inset 0px 0px 52px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 52px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 52px 0px rgba(0,0,0,0.1);
}

.donate_box_area .donate_icon::before {
	content: "";
    background: url(../images/donate_icon.png);
    width: 235px;
    height: 139px;
    position: absolute;
    top: -17px;
    left: 15px;
}

.donate_box_area .donate_head {
	color: #1879a9;
    font-size: 36px;
    font-family: 'robotobold';
    padding-top: 23px;
    float: left;
    text-align: left;
}

.donate_box_area .donate_subhead {
	color: #939393;
    font-size: 18px;
    font-family: 'robotolight';
    padding-top: 0px;
    text-align: left;
    float: left;
    margin-bottom: 23px;
}

.donate_box_area .donate_dropdown {
	max-width: 362px;
    width: 100%;
	height:46px;
    margin-top: 35px;
	float: left;
}

.total_box_area {
	width:100%;
	float:left;
	padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #e2e6e9;
}

.total_box_area span {
    color: #5c5c5c;
    font-size: 36px;
    font-family: 'robotolight';
    text-align: right;
    display: inline-block;
}

.total_box_area label {
	color: #1879a9;
    font-size: 36px;
    font-family: 'robotobold';
}
.total_box_area .switcher {
	margin-bottom:0px;
	margin-top:5px;
}

.account_payment_box {
	width:100%;
	float:left;
	padding-top: 40px;
    padding-bottom: 40px;
}

.payment_head {
	width:100%;
	float:left;
	text-align:left;
	padding-bottom:15px;
}

#parentVerticalTab {
	position:relative;
}

.payment_head h2 {
	color: #5c5c5c;
    font-size: 32px;
    font-family: 'robotolight';
    margin-top: 0px;
    float: left;
    width: 100%;
}

.payment_head span {
	color: #5c5c5c;
    font-size: 18px;
    font-family: 'robotolight';
    margin-top: 0px;
	padding-top: 10px;
    float: left;
    width: 100%;
}

.payment_head h2::before {
	content: "";
    background: url(../images/payment_icon.png);
    width: 62px;
    height: 45px;
    float: left;
    margin-right: 15px;
}

.payment_form label {
	color: #333333;
    font-size: 14px;
    font-family: 'robotomedium';
    text-align: left;
    font-weight: normal;
    width: 100%;
    float: left;
}
.payment_form .input_170, .payment_form .input_270 {
	width: 170px;
    float: left;
    max-width: 100%;
    margin-right: 30px;
}
.payment_form .input_270 {
	width:270px;
	margin-right:0px;
}

.payment_btn_area {
    width: 100%;
    float: left;
    padding: 20px 0px 15px 32%;
    text-align: left;
}

.payment_btn_area .previous {
    margin-right: 12px;
	padding:10px 20px 10px 40px !important;
}

.modal-title span {
	color: #3d3d3d;
    font-size: 14px;
    font-family: 'robotolight';
}

.modal_btn {
	color: #1879a9;
	background:#FFF;
    border: 2px solid #1879a9;
    border-radius: 2px;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
	margin-left:10px;
    /*font-size: 18px;*/
    display: inline-block;
    border-radius: 5px;
	text-transform:uppercase;
    transition: all 0.5s ease;
}

.modal_btn:hover .fa {
	-webkit-transform: translateX(4px);
    transform: translateX(4px);
	transition: all 0.3s ease;	
}

.modal_btn:hover {
	color: #5c5c5c;
	background:#FFF;
    border: 2px solid #5c5c5c;
}


.modal-error {
	background: linear-gradient(to bottom, #F9C9C9 0%,#C34848 100%);
}

.popup_month {font-family: 'robotolight'; font-size:14px;}


.dollerone, .dollertwo { text-align:right; color:#1879a9; font-size: 18px; font-family: 'robotobold'; }

/*4th Page*/
.thanksyouform { background: #fafafa; float: left; width: 100%; padding: 40px 34px 15px 34px; border:1px solid #e1e1e1; }
.thanksyouform .thank_head_area h3 { margin-top:0px; margin-bottom: 30px; color: #1879a9; font-size: 44px; font-family: 'robotobold'; }
.thanksyouform .thank_head_area p { font-size: 18px; color:#5e5e5e; }
.thanksyouform .progress{ width: 255px; margin:32px auto; border-radius: 10px; background: #b5a3b2; }

.thanks_small_head { font-size: 24px; margin:25px 0px; font-family: 'robotolight'; border-bottom:1px solid #e2e6e9; color:#5e5e5e; display: inline-block; text-transform:uppercase; padding-bottom:10px;}
.thanks_partner_box { text-align:left; width:100%; float:left;}
.thanks_partner_box p { font-size:16px; color: #5e5e5e; text-align:left; margin-bottom:30px;}
.thanks_partner_box span {font-size:18px; color: #1879a9; font-family: 'robotobold';}
.thanks_partner_box em { font-family: 'robotolight'; }
.thanks_form {width:100%; float:left; position:relative; }
.thanks_form label { width: 100%; float: left; text-align: left; font-weight: normal; color:#333333; font-size:18px;}


/*5th Page*/
.acountcreated { background: #f2f2f2; border: 1px solid #e1e1e1; padding: 56px 0px; margin-bottom: 66px;float: left;  width: 100%; }
.uractivate { font-family: 'robotobold'; font-size: 30px; color: #5c9b0b; padding-bottom:40px;}
.continue_download_btn {
	color: #1879a9;
    border: 2px solid #1879a9;
    border-radius: 2px;
    cursor: pointer;
    padding:15px 45px 15px 20px !important;
    font-size: 15px;
    display: inline-block;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.continue_download_btn:hover {
	color: #5c5c5c;
    border: 2px solid #5c5c5c;
}

.continue_download_btn .fa {
	font-size:18px;
	padding-left: 5px;
}

.needdownload { color: #717171; font-size: 18px; margin-top:40px;}
.needdownload a {font-family: 'robotobold'; text-transform:uppercase; font-size:16px;}

.show_rates_box {
	width:100%;
	float:left;	
}

.show_rates_box td {
	text-align:left;
	padding:12px 10px 7px 10px !important;
}

.show_rates_box td label {
	font-family: 'robotobold';
	font-weight:400;
	color:#1879a9;	
}

.hide_rate {
	text-align:right;
}

.hide_rate a {
	color:#FFF;
}


/*=========================== Sign Up Page Css End Here ==============================*/



/*=========================== My Account User Details Page Css Start Here ==============================*/

.account_left_menu {
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
	background:#f3f3f3;
	border:solid 1px #e2e2e2;
	border-radius:5px;
	margin-bottom:40px;
	width: 100%;
}

.account_left_menu li {
	width:100%;
	float:left;
	border-bottom:solid 1px #e2e2e2;
}

.account_left_menu li:last-child {
	border-bottom:none;
}

.account_left_menu li:first-child .active {	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.account_left_menu li:last-child .active {	
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.account_left_menu li a {
	width:100%;
	float:left;
	padding:10px;
	color:#666666;
	font-family: 'robotomedium';
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
    transition: all 0.3s ease;
}

.account_left_menu li a:hover, .account_left_menu li a:focus {
	background:#1879a9;
	color:#FFF;
	text-decoration:none;
    transition: all 0.3s ease;
}


.account_left_menu li a .user_detail_icon {
    width: 100%;
    height: 26px;
    background: url(../images/user_detail_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li a:hover .user_detail_icon, .account_left_menu li a:focus .user_detail_icon, .account_left_menu li a:hover .subscription_icon, .account_left_menu li a:focus .subscription_icon, .account_left_menu li a:hover .security_icon, .account_left_menu li a:focus .security_icon, .account_left_menu li a:hover .filter_icon, .account_left_menu li a:focus .filter_icon, .account_left_menu li a:focus .filter_chaver_icon,  .account_left_menu li a:hover .filter_chaver_icon, .account_left_menu li a:hover .chaverim_icon, .account_left_menu li a:focus .chaverim_icon, .account_left_menu li a:hover .reports_icon, .account_left_menu li a:focus .reports_icon, .account_left_menu li a:hover .uninstall_icon, .account_left_menu li a:focus .uninstall_icon {
	background-position:center -26px;
}

.account_left_menu li a .subscription_icon {
    width: 100%;
    height: 26px;
    background: url(../images/subscription_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li a .security_icon {
    width: 100%;
    height: 26px;
    background: url(../images/security_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li a .filter_icon {
    width: 100%;
    height: 26px;
    background: url(../images/filter_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li a .filter_chaver_icon {
	width: 100%;
	height: 26px;
	background: url(../images/filter_chaver_icon.png) no-repeat top center;
	float: left;
}

.account_left_menu li a .chaverim_icon {
    width: 100%;
    height: 26px;
    background: url(../images/chaverim_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li a .reports_icon {
    width: 100%;
    height: 26px;
    background: url(../images/reports_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li a .uninstall_icon {
    width: 100%;
    height: 26px;
    background: url(../images/uninstall_icon.png) no-repeat top center;
    float: left; 
}

.account_left_menu li .active {
	background:#1879a9;
	color:#FFF;
	text-decoration:none;
}
.account_left_menu li .active span {
	background-position:center -26px;
}

.page_heading h4 {
	font-family: 'robotolight';
	font-size:28px;
	color:#5c5c5c;
	margin-top: 0px;
}

.myaccount_wrapper {
	padding-bottom:45px;
	border-top:solid 1px #cecece;
	padding-top:30px;
	float: left;
    width: 100%;
}

.myaccount_wrapper .nav {
	padding-top:0px;
	margin-bottom: 0px !important;
}

.myaccount_wrapper .nav>li>a {
	margin-left:0px !important;
	margin-right: 15px;
	border:solid 1px #d3d3d3;
	height: 50px;
	color:#5c5c5c;
	font-family: 'robotomedium';
	font-size:16px;
	padding: 13px 20px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 );
}

.myaccount_wrapper .nav-tabs>li.active>a {
	background:#FFF;
	color:#1879a9;
	line-height: 0.80;
	border-bottom:solid 1px #FFF;
	border-top: solid 6px #1879a9;
}

.myaccount_wrapper .tab-content {
	border: 1px solid #ddd;
	border-top: none;
    padding: 25px;
    float: left;
    width: 100%;
}

.user_status_area {
	width:100%;
	float:left;
	padding-bottom:25px;
}

.user_status_box {
	width:33.33%;
	float:left;
	padding-right:30px;
}

.user_status_area h3  {
	font-size:16px;
	color:#333333;
	text-transform:uppercase;
    padding-bottom: 5px;
	margin-top: 0px;	
}

.status_tag {
	background:#ececec;
	border:solid 1px #c0c0c0;
	padding:3px 10px;
	border-radius:4px;
	font-size:14px;
	color:#000000;
	float:left;
	width:auto;
	margin-right:10px;
}

.tag_icon {
	font-size:26px;
	color:#59a918;
	display: block;
    line-height: 28px;
}

.subscription_head .tag_icon {
	padding-top: 5px;
}

.error_icon {
	font-size:26px;
	color: #a9020b;
	display: block;
	line-height: 28px;
}

.filter_link {
	float:left;
}

.filter_link a {
	font-size:14px;
	text-decoration:none;
}

.filter_link a:hover {
	color:#000;	
	text-decoration:none;
}

.user_details_form {
	width:100%;
	float:left;
	border-top:solid 1px #e0e0e0;
	padding-top:20px;
}

.user_save_btn {
	color: #1879a9;
    border: 2px solid #1879a9;
    cursor: pointer;
    padding: 10px 27px;
    font-size: 18px;
    display: inline-block;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.user_save_btn:hover .fa {
	-webkit-transform: translateX(4px);
    transform: translateX(4px);
	transition: all 0.3s ease;
}

.user_save_btn:hover {
	color: #5c5c5c;
    border: 2px solid #5c5c5c;
	text-decoration:none;
}

.user_details_info p, .user_form_info p {
	margin-bottom:0px;
	margin-top:25px;
	font-family: 'robotolight';
	color:#666666;
	font-size:16px;
}

.user_form_info p {
	margin-bottom:15px;
	margin-top:0px;
}

.user_form_info h3 {
	font-family: 'robotolight';
	font-size:22px;
	color:#575252;
	padding:0px;
	margin:0px;
	padding-bottom:10px;	
}

.user_form_info .bold {
	font-family: 'robotomedium';
	margin-bottom:55px;
	margin-top:25px;
}

.user_form_info .regular {
	font-family: 'robotoregular';	
}

.group-btn {
	width: 160px;
	font-family: 'robotolight';
	color: #575252 !important;
	font-size: 16px !important;
    background-color: #fff !important;
    border-color: #ccc !important;
	padding: 10px 12px !important;
	background: #ffffff ;
	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
}

.group-btn:focus, .group-btn.active:hover, .group-btn:active:hover, .open>.dropdown-toggle.group-btn.focus, .open>.dropdown-toggle.group-btn:focus, .open>.dropdown-toggle.group-btn:hover {
	font-family: 'robotomedium';
	font-size:16px !important;
	color: #575252 !important;
    background: #eeeeee !important;
    border-color: #cccccc !important;
	transition: all 0.3s ease;
}

.keyword_search .form-control {
    padding-right: 46px;
}

.search_btn {
	position: absolute;
    top: 0;
    right: 16px;
    z-index: 2;
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
	cursor:pointer;
	color:#3f3f3f;
}

.group_select {
	max-width: 69%;
    width: 100%;
    float: left;    
}

.blue_button { width:auto; float: right; font-size:16px; color:#1879a9; cursor: pointer; border: 2px solid #1879a9; background:#fcfcfc; border-radius: 5px; font-family: 'robotoregular'; text-align: center; padding: 10px 30px;text-transform:uppercase;transition: all 0.3s ease; text-decoration:none;}

.blue_button:hover .fa {
	-webkit-transform: translateX(4px);
    transform: translateX(4px);
	transition: all 0.3s ease;	
}
.blue_button:hover, .blue_button:focus {color: #5c5c5c; border: 2px solid #5c5c5c; text-decoration:none;}

.orange_button { width:auto; float: right; font-size:16px; color:#ff980f; cursor: pointer; border: 2px solid #ff980f; background:#fcfcfc; border-radius: 5px; font-family: 'robotoregular'; text-align: center; padding: 10px 30px;text-transform:uppercase;transition: all 0.3s ease; text-decoration:none;}


.table-bordered>thead>tr>th {
	background:#1879a9;
	font-family: 'robotomedium';
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	padding:12px 10px;
}


.table-bordered>tbody>tr>td, .table-bordered>thead>tr>th {
	border:0px;
}

.table-bordered>tbody>tr>td {
	padding:10px 10px;
}

#account_list_area.table-bordered>tbody>tr>td{
	padding: 8px 3px 8px 3px;
}

.table-bordered>tbody>tr>td .grid_label, .table-bordered>tbody>tr>td .grid_email, .table-bordered>tbody>tr>td .grid_active {
	width:100%;
	float: left;
	font-size:14px;
	color:#656565;
	font-weight:normal;
}
.table-bordered>tbody>tr>td .grid_email {
	color:#1879a9;
}

.table-bordered>tbody>tr>td .grid_active {
	color:#45b308;
}

.subscription_head h2 {
	font-family: 'robotomedium';
    font-size: 16px;
    color: #1879a9;
    text-transform: uppercase;
    margin-top: 0px;
    padding-bottom: 5px;
}

.subscription_head h2 .active, .subscription_head h2 .cancelled {
	font-family: 'robotolight';
	font-style:italic;
	text-transform:capitalize;
	font-weight: bold;
	color:#45b308;
}

.subscription_head h2 .cancelled {
	color:#e11b01;	
}



.subscription_payment {
	background:url(../images/subscription_payment_bg.png) repeat;
    margin-top: 25px;
    display: inline-block;
    width: 100%;
	padding:20px 0;
}

.subscription_payment h3 {
	font-family: 'robotomedium';
    font-size: 16px;
    color: #333333;
	margin-top:0px;
}

.subscription_payment h3 span {
	font-family: 'robotolight';
    font-size: 16px;
    color: #000;
}

.account_head h2 {
	font-family: 'robotomedium';
    font-size: 18px;
    color: #1879a9;
	width: auto;
    display:inline-block;
}

.account_head h2::after {
	background: url(../images/accounts_head.jpg) repeat-x bottom left;
    content: "";
    display: block;
    height: 3px;
    width: auto;
    margin: 8px auto;
}

.subscribe_account {
	padding: 10px 0 20px 0;
    width: 100%;
    float: left;
    border-bottom: solid 1px #e5e5e5;
	margin-bottom:25px;
}

.subscription_head .fa {
	font-size: 26px;
    float: left;
    padding-right: 10px;
    line-height: 16px;
}

.subscription_head h3  {
	font-size:16px;
	color:#333333;
	text-transform:uppercase;
	padding-bottom: 5px;
	margin-top: 5px;
	float:left;
	display:inline;
	margin-right:10px;
}

.security_username {
	padding-top:10px;
}

.security_username span {
	font-family: 'robotomedium';
    font-size: 16px;
    color: #666666;
}

.security_username label {
	color: #1879a9;
}

.account_btn_area {
	text-align:center;
}

.account_btn_area a {
	margin-bottom:20px;
}



.filter_lock_area {
	padding-bottom:25px;
}

.filter_lock_area .radio, .allow_filter_radio .radio {
	width:100%;
	float:left;
	padding-bottom:10px;
}

.filter_lock_area .radio label {
	font-size: 14px;
	color:#7a7a7a;
}

#filter_time a {
	margin-bottom: 0px;

}

#filter_time .btn_inline {
	margin-top: 25px;
}

#watch_video .modal-body {
	padding: 25px 25px 25px 25px !important;
}

.video-modal {
	width:562px !important;
	max-width: 100%;	
    margin: auto;
}

.radio_scrollar {
	padding-bottom:20px;
}

.radio_scrollbar {
	width:28px;
	float:left;
}

.radio_scroll_content {
	margin-left: 0px;
    display: table;
}

.scroll_content_row {
	width:100%;
	float:left;
	padding-bottom: 7px;
}

.radio_scroll_heading {
	width:140px;
	float:left;
	padding-left:20px;
}

.head_gray, .head_dgreen, .head_lgreen, .head_yellow, .head_orange, .head_red {
	font-family: 'robotomedium';
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 5px;
}

.head_dgreen {
	color:#3e9007;
}

.head_lgreen {
	color:#3e9007;
}

.head_yellow {
	color:#f1d600;
}

.head_orange {
	color:#ff7c00;
}

.head_red {
	color:#ff1900;
}

.radio_scroll_text {
	width:auto;
	float:left;
	background:#e8e8e8;
	font-size:14px;
	color:#252525;
	padding:6px 10px;
	position:relative;
}

.radio_scroll_text:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -15px;
    border-bottom: 16px solid transparent;
    border-right: 15px solid #e8e8e8;
    border-top: 16px solid transparent;
    height: 0px;
    width: 0px;
}

.allow_filter {
	font-family: 'robotomedium';
    font-size: 18px;
    color: #444446;
}

.allow_filter em {
	font-family: 'robotolight';
    font-size: 14px;
    color: #444446;
}

.yes_no_radio label {
	font-family: 'robotomedium' !important;
    font-size: 16px !important;
    color: #6e6e6e !important;
}

.yes_no_radio .fa {
	font-size:18px;
}

.filter_radio label {
	font-family: 'robotolight' !important;
    font-size: 16px !important;
    color: #6e6e6e !important;
}

.filter_radio span {
	font-family: 'robotolight';
    font-size: 14px;
    color: #1879a9;
	clear: both;
    float: left;
    width: 100%;
    padding-left: 25px;
}

.allow_list_lbl {
	width:16%;
	float:left;
	font-family: 'robotomedium';
    font-size: 16px;
    color: #5c5c5c;
	padding-top: 11px;
}


.allow_list_input {
	width:84%;
	float:left;
}

.allow_list_input input {
	max-width:63%;
	float:left;
}

.allow_remove_area {
	width:344px;
	max-width:100%;
	float:left;
	/*overflow-y: scroll;
	overflow-x:hidden;
	max-height:200px;*/
}

.allow_remove_area, .allow_remove_list {
	width:100%;
	float:left;
}

.allow_remove_list a {	
    font-size: 18px;
    color: #d60909;
}

.allow_remove_list label {
	font-family: 'robotolight';
    font-size: 16px;
    color: #5c5c5c;
	font-weight:400;
}

.time_general_area label {
	font-family: 'robotolight';
    font-size: 14px;
    color: #575252;
	font-weight:400;
}

.time_weekly_area .weekly_time_lbl {
	width:130px;
	float:left;
	font-size:14px;
	color:#575252;
	font-weight:400;
	padding-top: 12px;
}

.time_weekly_area .weekly_time_input {
	width:60%;
	float:left;
}

.time_weekly_area .weekly_time_input em {
	font-family: 'robotolight';
	font-size:14px;
	color:#575252;
	padding-left:5px;
}

.weekly_time_input input {
	width:120px;
	max-width:100%;
}

.weekly_graph {
	text-align:center;
	padding-bottom:30px;
    display: inline-block;
    width: 100%;
}

.weekly_graph img {
	max-width:100%;
}

.note_para {
	font-family: 'robotomedium';
    font-size: 14px;
    color: #666666;
	padding-bottom: 15px;
	clear:both;
}

.note_para span {
	color:#c43838;
}

.notice_para {
	font-family: 'robotolight';
    font-size: 16px;
    color: #666666;
	padding-top: 15px;
}

.notice_para span {
	color:#c43838;
	font-family: 'robotoregular';
}

.chaverim_add_filter {
	padding-bottom: 10px;
    float: left;
    width: 100%;
	font-size: 17px !important;
    font-family: 'robotomedium';
}

.chaverim_release_filter {
	padding-bottom: 10px;
	width: 100%;
	font-family: 'robotomedium';
}

.chaverim_report_sent {
	font-family: 'robotolight';
	font-size:18px;
	color:#333333;
	text-transform:uppercase;
	padding-top: 25px;
}

.chaverim_report_box {
	background: url(../images/chaverim_report_bg.jpg) repeat;
	border-radius:5px;
    margin-top:10px;
    display: inline-block;
    width: 100%;
    padding: 20px 15px;
	position: relative;
}

.chaverim_report_box.pending_removal {
	background: #edcdcd;
}

.partner_action {
	display:block;
	font-size: 12px;
}

.chaverim_report_box p {
	margin-bottom:0px;
}

.chaverim_report_box .user_name_box label, .chaverim_report_box .user_email_box label, .chaverim_report_box .user_pending_box label {
	font-size:15px;
	color:#1879a9;
	margin-bottom: 0px;
	font-weight:400;
	word-break: break-all;
    width: 66%;
    vertical-align: middle;
}

.chaverim_report_box .user_email_box label {
	color:#333333;
}

.chaverim_report_box .user_pending_box label {
	color:#333333;
}

.chaverim_report_box span {
	background: #a8a8a8;
    border-radius: 50%;
    padding: 8px 14px;
    font-size: 24px;
    color: #FFF;
    margin-right: 5px;
    width: 52px;
    display: inline-block;
    text-align: center;
}

.chaverim_report_box span .fa-exclamation-triangle { color:#a91818 !important; }


.report_email_check {
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    margin-right: 0px !important;
    padding-top: 11px !important;
    float: right;
    margin-right: 0px !important;
}
span.report_email_check .fa-check-circle-o { color: #59a918 !important; cursor:pointer; font-size: 16px; }
span.report_email_check .fa-times-circle-o { color:#a91818 !important; cursor:pointer; }
span.report_email_check .fa-exclamation-triangle { color:#66512c !important; cursor:pointer; font-size: 16px; }


.chaverim_user {
	font-family: 'robotoregular' !important;
	font-size:16px !important;
	color:#575252 !important;
    margin-bottom: 5px !important;
}

.chaverim_user_list {
	margin:15px 0 10px 15px;
	padding:0px;
	list-style:none;
}

.chaverim_user_list li {
    padding-left: 15px;
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
    background: url(../images/about_bullet.png) no-repeat 0 7px;
}

.chaverim_user_list li span {
    font-size: 12px;
    color: #6b6b6b;
}

.chaverim_email_add {
	width:100%;
	float:left;
}

.chaverim_email_add a.next.left20.next_btn {
	    max-width: 39%;
}

.chaverim_email_add input {
	max-width: 100%;
    float: left;
    width: 266px;
}

.chaverim_email_address {
	width:100%;
	float:left;
}

.chaverim_email_address label {
	font-size:16px;
	color:#575252;
	font-weight:400;
	width:180px;
    float: left;
}
.chaverim_email_address .email_remove_list_box {
	/*width: 363px;
    float: left;*/
    /*overflow: auto;
    max-height: 150px;*/
    
}



.chaverim_email_address .email_remove_list{
	width:100%;
	float:left;
	padding-bottom:5px;	
}

.email_remove_list span a.resendveri {
	font-size:12px;
	color:#337ab7;
	margin-left:10px;
	margin-top:3px;
	float:none;
}


.chaverim_email_address .email_remove_list a {
	float:left;
	margin-right: 10px;
	font-size:18px;
	color:#d60909;
}
.chaverim_email_address .email_remove_list label {
	width:auto !important;
	font-family: 'robotolight';
}

.chaverim_email_address .email_remove_list span {
	font-family: 'robotomedium';
	padding-left: 5px;
}


.group_summary_list {
	padding:0px;
	list-style:none;
	margin: 12px 0 18px 0;
    float: left;
}

.group_summary_list li {
	font-family: 'robotolight';
	font-size:16px;
	color:#575252;
	line-height: 36px;
	width:100%;
	float:left;
}
.group_summary_list li .summry_head {
	font-family: 'robotomedium';
	font-size:16px;
	color:#676262;
	text-transform:uppercase;
	padding-left: 10px;
	float: left;
    padding-right: 20px;
	width:120px;
}
.group_summary_list li p {
    line-height: 20px;
    padding-top: 7px;
    font-size: 15px;
    overflow: hidden;
}

.user_form_info strong {
	font-family: 'robotobold';
	font-weight:400;
	color:#575252
}

.group_summary_list .rating_icon, .group_summary_list .highscore_icon, .group_summary_list .highcount_icon, .group_summary_list .average_icon {
	float: left;
	width: 36px;
    height: 36px;
	background:url(../images/rating_icon.png) no-repeat;
}

.group_summary_list .highscore_icon {
	background:url(../images/highscore_icon.png) no-repeat;
}

.group_summary_list .highcount_icon {
	background:url(../images/highcount_icon.png) no-repeat;
}

.group_summary_list .average_icon {
	background:url(../images/average_icon.png) no-repeat;
}

.display_report_area .display_reoport_lbl {
    width: 130px;
    float: left;
    font-size: 14px;
    color: #575252;
    font-weight: 400;
    padding-top: 12px;
}

.display_report_area .display_reoport_input {
    width: 60%;
    float: left;
}


/*=========================== My Account User Details Page Css End Here ==============================*/


/*================================ Form Validation Message Css =======================================*/

#multistepform .col-sm-6, #multistepform .col-sm-12 {
	position:relative;
}

span.success img {
    position: absolute;
    top: 13px;
    right:25px;
	transition: all 0.3s ease;
}

span.error img {
	position: absolute;
    top: 13px;
    right:25px;
	transition: all 0.3s ease;
}

span.error label {
	width: auto;
    position: absolute;
    top: -35px;
    right: 15px;
    background: #cb2e2e;
    font-size: 13px;
    font-family: 'robotolight';
    color: #FFF;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 4px;
	visibility:visible !important;
    animation-name: fadeInDown !important;
}

span.error label:after {
	top: 100%;
	right:13px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(184, 92, 81, 0);
	border-top-color: #cb2e2e;
	border-width: 5px;
	margin-left: -5px;	
}

#success_message, #success_message2,#success_message3,#success_message4 ,#success_message5, #success_message_extrainfo, .success_message {
	background:#d4fecc;
	border:solid 1px #a1da96;
	border-radius:3px;
	padding:10px 15px;
	font-size: 14px;
    text-align: left;
    color: #337627;
    clear: both;
}
#success_message .fa, #success_message2 .fa, #success_message3 .fa,#success_message4 .fa ,#success_message5 .fa, #success_message_extrainfo .fa{
	font-size: 20px;
    float: left;
    padding-right: 5px;
	padding-bottom: 10px;
}


.processing_style {
	color: #1879a9;
    width: auto;
    background: #FFF;
    border: solid 1px #eee;
    float: left;
    padding: 8px 10px;
    font-family: 'robotomedium';
    border-radius: 3px;
    clear: both;
}


#error_message, #bank_detail_form, #thanks_form_detail, #nopay_complete_form {
	width: 50%;
    background: #fed2d3;
    border: solid 1px #d8909c;
	border-radius:3px;
    font-size: 14px;
    text-align: left;
    color: #77121a;
    font-weight: 400;
    padding: 10px 15px;
    margin-bottom: 20px;
    display: inline-block;
    float: left;
    top: -44px;
    left: 38%;
}

.warning_message {
	width: 50%;
	border-radius:3px;
	font-size: 14px;
	text-align: left;
	font-weight: 400;
	padding: 10px 15px;
	margin-bottom: 20px;
	display: inline-block;
	float: left;
	top: -44px;
	left: 38%;
	background: #fff8c4;
	border: 1px solid #f2c779;
	color: #7e7f21;
}


#error_message {
	width: 100%;
    top: -48px;
    left: 0%;
}

#error_message .fa, #bank_detail_form .fa, #thanks_form_detail .fa, #nopay_complete_form .fa {
	color: #77121a;
}

#bank_detail_form {
	top: 54px;
    left: 32%;
}

#thanks_form_detail {
	top: -24px;
    left: 0;
    width: 100%;
}

#nopay_complete_form {
	width: 80%;
	text-align: center;
}

a{cursor:pointer;}

.blank_error, .not_found_error {
    width: auto;
    position: absolute;
    bottom: -36px;
    left: 15px;
    background: #b85c51;
    font-size: 13px;
    font-family: 'robotolight';
    color: #FFF;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 4px;
}

.blank_error:before, .not_found_error:before {
	bottom: 100%;
	left: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(184, 92, 81, 0);
	border-bottom-color: #b85c51;
	border-width: 5px;
	margin-left: -5px;	
}

.coupon_success {
	 background:none;
    border: medium none #248cc0;
    font-size: 13px;
    color:#337ab7;
    float: left;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 13px 0;
}

.coupon_success b {
	font-weight:400 !important;
	font-family: 'robotobold';		
}

.remove_coupon {
	color:#337ab7;
}
.remove_coupon:hover {
	color:#5c5c5c;
}




/*================================ Form Validation Message Css =======================================*/

.error_show { border: 1px solid red !important; }

.step1_form { width:100%; display:inline-block; }
.half-two-btn button.btn { width:50%; text-align:center; }
.mobile-right-width { width:100%; }
div#subscription .blue_button { width: 48%; margin-left: 0%; float:left; padding: 10px 0px; font-size: 14px; max-width: 100%; text-align: center; }
div#subscription .blue_button:last-child { margin-left: 2%;  float:right; }
a.next.left20.next_btn { float: left; margin-left:20px; max-width: 38%; }
div#timezone .switch_toggle_btn { display: inline-block; float:none; }
div#report_option .checkbox.chkbox_report_option label:before {  top: 0; }
.display_reoport { display: inline-block; margin-bottom: 15px; }

.chkbox_report_option.disabled {
	opacity: .6;
}
.filter_range_slider { 
	width:100%;
	float:left;
	padding-bottom: 20px;
}
.range_left {
	width:28px;
	height:227px;
	float:left;
	/* background: linear-gradient(to top, #ff0000 0%, #ff9600 25%, #ff9600 50%, #ccff00 75%, #06ff00 100%);*/
	background: linear-gradient(to top, #ec0606 0%, #06ff00 100%);
	border-radius: 7px !important;
	position:relative;
}
.filter_lock {
	width: 19px;
	height: 23px;
	background: url(../images/filter_lock.png) no-repeat;
	position: absolute;
	top: 5px;
	left: 5px;
}
.range_handler {
	background:url(../images/handler.png) no-repeat 0 0;
	cursor: pointer;
	height: 35px;
	width: 20px;
	margin-left: 4px;
	float: left;
	position: absolute;
}

.range_right {
	margin-left:40px;
}
.range_right ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.range_right ul li {
	padding-bottom:7px;
	width:100%;
	float:left;
}
.range_right ul li label {
	font-size:16px;
	float:left;
	padding-top: 7px;
	width: 130px;
    font-family: 'robotomedium';
	font-weight: 400;
}
.range_right ul li label a {
	color:#6e6e6e;	
	text-decoration:none;
	margin-left: -40px;
    padding-left: 40px;
    position: absolute;
    z-index: 99;	
}
.range_right ul li label a:hover {
	color:#000 !important;	
	text-decoration:none;	
}
.range_right ul li span {
	width: auto;
	float: left;
	background: #e8e8e8;
	font-size: 14px;
	color: #252525;
	padding: 6px 10px;
	position: relative;
}
.range_right ul li span:before {
	content: "";
	position: absolute;
	top: 0px;
	left: -15px;
	border-bottom: 16px solid transparent;
	border-right: 15px solid #e8e8e8;
	border-top: 16px solid transparent;
	height: 0px;
	width: 0px;
}
.range_right ul li label a[data-value="84"] {
	color: #ff1900;
}
.range_right ul li label a[data-value="69"] {
	color: #ff7c00;
}
.range_right ul li label a[data-value="52"] {
	color: #f1d600;
}
.range_right ul li label a[data-value="34"] {
	color:#3e9007;
}
.range_right ul li label a[data-value="17"] {
	color:#3e9007;
}
.range_right ul li label a[data-value="5"] {
	color:#6e6e6e;
}
.everyone {
	top:17%;
}


.width65 { width:65%;}
.width80 { width:80%;}
.width20 { width:20%;}
.width15 { width:15%;}

.leftP20 { padding-left:20px !important;}
.bottomP0 { padding-bottom:0px !important;}
.bottomP25 { padding-bottom:25px !important;}
.bottomP20 { padding-bottom:20px !important;}
.bottomP35 { padding-bottom:35px !important;}
.bottomM0 { margin-bottom:0px !important;}
.top5 { margin-top:5px !important;}
.top10 { margin-top:10px !important;}
.top15 { margin-top:15px !important;}
.top20 { margin-top:20px !important;}
.bottom5 { padding-bottom:5px !important;}
.bottom10 { margin-bottom:10px !important;}
.bottom15 { margin-bottom:15px !important;}
.bottom25 { margin-bottom:25px !important;}
.bottom35 { margin-bottom:35px !important;}



#success_member_message {
 background: #d4fecc;
    border: solid 1px #a1da96;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    color: #337627;
    clear: both;
    float: left;
    width: 100%;
    margin-top: -15px;
    margin-bottom: 15px;
}
#success_member_message .fa {
	font-size: 20px;
    float: left;
    padding-right: 5px;
}
#exist_message {
 background: #fed2d3 none repeat scroll 0 0;
    border: 1px solid #d8909c;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #77121a;
    clear: both;
} 
#cancel_error_message {
 background: #fed2d3 none repeat scroll 0 0;
    border: 1px solid #d8909c;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #77121a;
    clear: both;
} 
#valid_error_message {
  background: #fed2d3 none repeat scroll 0 0;
    border: 1px solid #d8909c;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #77121a;
    clear: both;
}
#cancel_message {
 background:#d4fecc;
 border:solid 1px #a1da96;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #337627;
    clear: both;
}
.error_message{
	background: #fed2d3;
	border: 1px solid #d8909c;
    border-radius: 3px;
    color: #77121a;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 10px 15px;
    text-align: left;
    width: 100%;
	float: left;
}

.warning_message{
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: -10px;
	padding: 10px 15px;
	text-align: left;
	width: 100%;
	float: left;
	background: #fff8c4;
	border: 1px solid #f2c779;
	color: #7e7f21;
}

.subscription_head .warning_message, .subscription_head .error_message {
	margin-top:5px;
}
.cancel_subsc {
    margin-top: 15px;
}
.removefilter {
	color: #1879a9 !important;
}

.filter_update {
	margin-top:-10px;
    margin-bottom: 10px;
}
.status_tags{ background: #ececec none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    color: #000000;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    padding: 3px 10px;
    width: auto;}
.status_tags .enable {
	color: #59a918;
}
.alert-warning:before, .alert-error:before { position: absolute; left: 10px; top: 16px; font: normal normal normal 18px/1 FontAwesome; }
.alert-warning:before {  content: "\f071"; color:#7e7f21; }
.alert-error:before {  content: "\f057";     color: #77121a; }

.filter_down_margin { margin-bottom:15px; margin-top: 0; }
.filter_up_margin { margin-top:15px; margin-bottom:0; }
.filter_no_margin { margin-top:0 !important; margin-bottom: 0 !important; }
.modal-body { padding: 25px ; }

.alert-warning, .alert-error {
	background:#fff8c4;
    border: 1px solid #f2c779;
	color: #7e7f21;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 36px;
    margin-bottom:15px;
	position:relative;
}
.alert-warning p, .alert-error p {
	margin-bottom:0px;
}
.alert-warning a {
	color: #7e7f21;
	font-family: 'robotobold';
}
.alert-error a {
	color: #77121a;
	font-family: 'robotobold';
}
.pop_close {
	width:20px;
	height:20px;
	position:absolute;
	top:8px;
	right:5px;
}

.alert-error { background: #fed2d3; border: solid 1px #d8909c; color:#77121a; }
.alert-error a { color: #77121a; }

#success_member_message {
 background: #d4fecc;
    border: solid 1px #a1da96;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    color: #337627;
    clear: both;
    float: left;
    width: 100%;
    margin-top: -15px;
    margin-bottom: 15px;
}
#success_member_message .fa {
	font-size: 20px;
    float: left;
    padding-right: 5px;
}
#exist_message {
 background: #fed2d3 none repeat scroll 0 0;
    border: 1px solid #d8909c;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #77121a;
    clear: both;
} 
#cancel_error_message {
 background: #fed2d3 none repeat scroll 0 0;
    border: 1px solid #d8909c;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #77121a;
    clear: both;
} 
#valid_error_message {
  background: #fed2d3 none repeat scroll 0 0;
    border: 1px solid #d8909c;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #77121a;
    clear: both;
}
#cancel_message {
 background:#d4fecc;
 border:solid 1px #a1da96;
 border-radius:3px;
 padding:10px 15px;
 font-size: 14px;
    text-align: left;
    color: #337627;
    clear: both;
}
.blue_bold {
	color: #1879a9;
	font-family: 'robotobold';
	font-size:19px;
}

.donate_amount_box {
	background:#fafafa;
	border:solid 1px #e1e1e1;
	padding:35px;
}

.donate_amount_box h2 {
	font-size:34px;
	font-family: 'robotolight';
    color: #1879a9;
	margin-top:0px;
	margin-bottom:25px;
}

.donate_amount_box h3 {
	font-family: 'robotoregular';
    font-size: 20px;
	color: #5c5c5c;
	margin-bottom: 25px;
}
.donate_amount_box h3 b {
	color: #333333;
}
.donate_amount_btn label {
	font-family: 'robotomedium';
	font-size: 14px;
	color: #333333;	
	font-weight:normal;
}

.donate_payment_btn span {
	width:100%;
	float:left;
	text-align:center;
	padding-bottom:30px;
}

.donate_payment_btn span a {
	display:inline-block;	
}

.faq_search_box {
	max-width:700px;
	padding:20px;
	margin:0 auto 0px auto;
	background: #fafafa;
    border: solid 1px #e1e1e1;
	position:relative;
}

.faq_search_input {
	margin-right:156px;
}
.faq_search_input input {
	margin-bottom:0px;
	background:#FFF;
}

.faq_search_btn {
	width:136px;
	float:right;
	position: absolute;
    top: 20px;
    right: 20px;
}

.faq_search_btn a {
	width:100%;
	float:right;	
	color:#FFF;
	font-family: 'robotomedium';
	font-size: 18px;
	background:#1879a9;
	border:solid 2px #22b1ff;
	border-radius:5px;
	padding: 9px 0px 8px 0px;
	text-transform:uppercase;
	text-align:center;
}

.faq_search_btn a:hover {
	background:#5c5c5c;
	border:solid 2px #898787;
}

.panel-group {
	text-align:left;
}

.panel-group ul {
	margin:0px;
	padding: 0px 0px 0px 24px;
	list-style-image:url(../images/tick_bulltet.png);
}

.panel-group ul li {
	padding-bottom:15px;
	font-weight: 300;
}

.panel-heading, .panel-group .panel {
	border-radius:0px !important;
}
.panel-heading {
	padding:0px;
}
.accordion-toggle {
	width: 100%;
    display: block;
    padding: 15px;
    font-size: 14px;
    color: #333333 !important;
    font-weight: normal;
    font-family: 'robotomedium';
	border-left: solid 2px #1979a9;
}
.panel-default>.panel-heading {
    background-color: #f2f2f2;
    border-color: #e1e1e1;
}

.accordion-toggle .fa {
	float: right;
    color: #646566;
}
.panel-group .panel+.panel {
    margin-top: 10px;
}
.panel-body {
	font-family: 'robotoregular';
	font-size:14px;
	color:#333333;
	padding: 15px 15px 0px 15px;
}
.accordian_ques_icon {
	float:left;
	color:#1979a9;
	padding-right: 5px;
}

.accordian_ques_icon .fa {
	color:#1979a9;
}

.accordian_head {
	font-family: 'robotoregular';
	font-size:14px;
	color:#333333;
	font-style:italic;
	padding-bottom: 15px;
    display: block;
}
.panel-body b {
	font-family: 'robotobold';
	font-style:italic;
}
.panel-body strong {
	font-family: 'robotobold';
}

.panel-body p {
	padding-bottom: 15px !important;
    font-family: 'robotoregular' !important;
    font-size: 14px !important;
    color: #333333 !important;
    margin-bottom: 0px;
}

.haskamos_subhead {
	font-family: 'robotolight';
    font-size: 18px;
    color: #575252;
    padding-bottom: 40px;
    margin-bottom: 0px;
}

.haskamos_img_half_box {
	background:#f1f1f1;
	margin-bottom:35px;
	min-height: 327px;
}

.haskamos_img_half_box, .haskamos_half_img {
	width:100%;
	float:left;
}

.haskamos_half_img  {
	background:#FFF;
	text-align: center;
    padding-bottom: 20px;
}

.haskamos_half_img img  {
	border-radius:50%;
}

.haskamos_half_content {
	width:100%;
	float:left;
	padding:20px;
	font-family: 'robotoregular';
	font-size:14px;
	color:#555555;
	text-align:center;
}

.haskamos_half_content b {
	font-family: 'robotomedium';
	color:#333333;
	font-weight:normal;
}

.haskamos_letter_img  {
	text-align: center;
    padding-top: 20px;
}

.haskamos_letter_content {
	width:100%;
	float:left;
	padding:20px;
	font-family: 'robotoregular';
	font-size:14px;
	color:#555555;
	text-align:center;
}

.haskamos_video_head h3 {
	font-family: 'robotolight';
    font-size:24px;
    color: #1879a9;
	margin-top:0px;
	text-align: center;
	text-transform:uppercase;
}
.haskamos_video_head span {
	font-family: 'robotoregular';
    font-size: 14px;
    color: #4e565b;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-bottom: 45px;
}

.haskamos_video_desc {
	padding-bottom:35px;
}

.haskamos_video_desc h4 {
	font-family: 'robotoregular';
    font-size: 16px;
    color: #1879a9;
    text-align: center;
	text-transform:uppercase;
    width: 100%;
    display: inline-block;
	margin-top:25px;
	margin-bottom:5px;
}

.haskamos_video_desc span {
	font-family: 'robotolight';
    font-size:14px;
    color: #4e565b;
	text-align: center;
    display: inline-block;
	width:100%;
}

.haskamos_video_desc p {
	font-family: 'robotolight';
    font-size:14px;
    color: #333333;
	text-align: center;
    display: inline-block;
	width:100%;
	padding-top:25px;
	line-height:22px;
}

.haskamos_video_signup {
	background:#FFF;
	border:solid 1px #dfdfdf;
	border-radius:5px;
	padding:35px 20px 20px 20px;
	min-height:427px;
	text-align:center;
	font-family: 'robotolight';
    font-size:16px;
    color: #333333;
	line-height:28px;
	margin-bottom:35px;
}

.haskamos_video_signup .button {
	color: #1879a9;
	border: 2px solid #1879a9;
	cursor: pointer;
	padding:10px 50px 10px 30px;
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	border-radius:5px;
	transition: all 0.3s ease;
	margin-top:25px;
    width: auto !important;
}
.haskamos_video_signup .button:hover {color: #5c5c5c; border: 2px solid #5c5c5c; transition: all 0.3s ease;}
.haskamos_video_signup .previous.button:hover { color: #5c5c5c; border: 2px solid #5c5c5c; transition: all 0.3s ease;}

.static_page_text {
	font-family: 'robotoregular';
    font-size: 14px;
    color: #575252;
	line-height:24px;
	padding-bottom:35px;
}

.how_it_work_box ul {
    margin: 0px;
    padding: 0px 0px 25px 24px;
	list-style:none;
}
.how_it_work_box ul li {
   padding-bottom: 15px;
}
.how_it_work_box ul li:before {
	content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 34px;
    color: #616161;
    padding-top: 6px;
    float: left;
    padding-right: 12px;
}

.pricing_content {
	font-family: 'robotolight';
    font-size:16px;
    color: #333;
	line-height:28px;
	text-align: left;
}

.pricing_content b {
	font-family: 'robotobold';
    color: #666666;
}

.top-buffer {
	margin-top:35px;
}

.bottom-buffer {
	margin-bottom:35px;
}

.price_month_text {
	font-family: 'robotolight';
    font-size: 16px;
    color: #666666;
	text-align:center;
}

.price_month_text .month_text {	
	font-family: 'robotoregular';
    font-size:18px;
    color: #383838;
}

.support_body_content {
	max-width: 945px;
	margin: 0 auto 0px auto;
}

.maintenance_body_content {
	margin-top:100px;
	margin-bottom: 200px;
	text-align:center;
	font-weight:bold;
}

.support_head, .support_list {
	width:100%;
	float:left;
	padding-bottom:25px;
}

.support_list img {
	border: solid 1px #eee;
    padding: 3px;
    max-width: 100%;
}

.support_list li span {
	background-color: #f2f2f2;
    border:solid 1px #e1e1e1;
    padding: 5px 10px;
    display: table;
    margin-top: 20px;
    width: auto;
}

.support_head h3 {
	width:100%;
	float:left;
	border-bottom:solid 1px #e2e6e9;
	padding-bottom:15px;
	margin:0px;
	font-family: 'robotolight';
    font-size: 28px;
    color: #5c5c5c;
}

.support_list {
	padding-bottom:35px;
}

.support_list ul {
	margin:0px;
	padding:0px;
	list-style:none;
	position: relative;
    float: left;
}
.support_list ul:before {
	content: "";
    width: 1px;
    height: 100%;
    display: block;
    float: left;
    background:#c8ccce;
    position: absolute;
    left: 17px;
    top: 0px;
    z-index: 0;
}
.support_list ul li {
	padding-bottom: 15px;
    background: url(../images/support_bullet.png) no-repeat;
    padding-left: 45px;
    line-height: 34px;
    float: left;
    width: 100%;
    z-index: 22;
    position: relative;
	text-align:left;
}

.support_list ul li ul:before {
	display:none;
}

.support_list ul li ul li {
	padding-bottom: 15px;
    list-style-image: url(../images/tick_bulltet.png);
    background: none;
    padding-left: 0px;
    margin-left: 22px;
    line-height: 34px;
    float: left;
    width: 100%;
    z-index: 22;
    position: relative;
	text-align:left;
}
.support_list ul li ul li:last-child {
	padding-bottom: 15px;    
}

.support_list ul li:last-child {
	padding-bottom:0px;
}

.support_list ul li b {
	font-family: 'robotobold';
}

.support_content {
	padding-bottom: 25px;
    border-bottom: solid 1px #e2e6e9;
    width: 100%;
    float: left;
    margin-bottom: 35px;
}

.support_content .blue {
	font-family: 'robotolight';
    font-size: 20px;
    color: #1879a9;
	font-weight: 700;
}

.support_content .gray {
	font-family: 'robotolight';
    font-size: 18px;
    color: #6b6b6b;
	font-style:italic;	
}

.support_contact .head {
	font-family: 'robotolight';
    font-size: 22px;
    color: #5c5c5c;
	padding-bottom:20px;
}

.support_contact_bg {
	background:#1879a9;
	border-radius:4px;
	width:100%;
	float:left;
	font-family: 'robotolight';
    font-size: 16px;
	color:#FFF;
}

.support_contact_left, .support_contact_right {
	width:50%;
	padding:20px;
	float:left;
    line-height: 34px;
}

.support_contact_left:before {
	content:"";
	background:url(../images/support_email_icon.png) no-repeat;
	width:34px;
	height:35px;
	float: left;
    margin-right: 10px;
}

.support_contact_right {
	padding:20px;
	border-left:solid 1px #2185b7;
}

.support_contact_right:before {
	content:"";
	background:url(../images/support_phone_icon.png) no-repeat;
	width:35px;
	height:35px;
	float: left;
    margin-right: 10px;
}

.support_contact_right span {
	font-family: 'robotobold';
	font-size:18px;
}

.support_contact_details {
	width:100%;
	float:left;
	padding-top:35px;
	text-align:center;	
	padding-bottom: 25px;
}
.support_contact_details .normal {
	font-family: 'robotoregular';
    font-size:18px;
    color: #333333;
}
.support_contact_details .light {
	font-family: 'robotolight';
    font-size:18px;
    color: #6b6b6b;
}
.support_contact_details .light em {	
    color: #333333;
}

.testi_subhead {
	font-family: 'robotolight';
    font-size:18px;
    color: #575252;
	text-transform:uppercase;
}

.testimonial_list {
	margin:0px;
	padding:0px;
	list-style:none;
}

.testimonial_list li {
	margin-bottom:25px;
}

.testi_img_box {
	width:90px;
	height:90px;
	float:left;
	background:#f4f5f5;
	border-radius:50%;
	overflow: hidden;
}

.testi_content {
    margin-left: 122px;
}

.testi_quote_box {
	background:#FFF;
	border:solid 1px #dfdfdf;
	border-radius:5px;
	padding:20px;
	position:relative;
	-webkit-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.06);
	box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.06);
}
.testi_quote_box:after, .testi_quote_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;	
}

.testi_quote_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #f8f8f8;
	border-width: 10px;
	margin-top: -10px;	
}
.testi_quote_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #dfdfdf;
	border-width: 11px;
	margin-top: -11px;	
}

.testi_quote {
	width:100%;
	display:inline-block	
}

.testi_quote:before {
	content: "";
    background: url(../images/testi_quote_icon.png) no-repeat;
    width: 32px;
    height: 30px;
    float: left;
}

.testi_quote p {
	font-family: 'robotoregular';
    font-size:16px;
    color: #4f4f4f;
	padding-left:50px;	
} 
.testi_quote span {
	font-family: 'robotoregular';
    font-size:18px;
    color: #1879a9;
	padding-left:50px;	
}
.testi_quote span b {
	font-family: 'robotobold';    
} 

.understand_learn_more {
	width:100%;
	float:left;
	padding-bottom:50px;
}

.understanding_content h2 {
	margin-top:0px;
	color: #337ab7;
    font-size: 25px;
}
.understanding_content p {	
    font-size: 16px;
	color: #333;
}

.understanding_content b {	
    font-family: 'robotobold';
	color: #333;
}

.understanding_content img {
	border:solid 1px #eee;
	padding:3px;
}

.details_log .red {
	background:#F00;
	color:#FFF;
	padding:1px 6px;
	border-radius:3px;
}

.details_log .yellow {
	background:#FF0;
	color:#333;
	padding:1px 6px;
	border-radius:3px;
}

.group_heading_box {
    width:100%;
    padding: 20px;
    margin: 0 auto 0px auto;
    background: #fafafa;
    border: solid 1px #e1e1e1;
	text-align:center;
	margin-bottom:25px;
	color:#6b6b6b;
}

.os_box_area {	
    max-width: 300px;
    display: block;
    margin: auto;
}
.os_box {
	background: #FFF;
    border: solid 1px #eee;
	color: #FFF;    
}
.os_box .fa {
	font-size: 80px;
	padding: 15px 0;
}
.os_box .os_heading {
	color:#337ab7;    
}
.os_box:hover {
	color: #000;
}

.window_icon, .mac_icon, .android_icon, .iphone_icon {
	background:#15b1ea;
	padding:15px 0;
	text-align:center;	
}

.mac_icon {
	background:#d1d6c0;
}

.android_icon {
	background:#a4c739;
}

.iphone_icon {
	background:#01a986;
}

.os_heading {	
	padding:15px 0;
	text-align:center;
}

.os_instructions_head {
	width:100%;
	float:left;
	padding-bottom:25px;
}

.about_head {
	font-family: 'robotoregular';
	font-size:17px;
	color:#6b6b6b;
}

.about_desc {
    margin: 0px;
    padding: 0px 0px 0px 0px;
	list-style:none;
}

.about_desc li {
    padding-left:25px;
	font-size:15px;
	color:#6b6b6b;
	font-style:italic;
    padding-bottom: 15px;
    background:url(../images/about_bullet.png) no-repeat 0 10px;
}

.about_box, .partner_box {
	width:100%;
	float:left;
	background:#f2f2f2;
	border:solid 1px #e1e1e1;
	padding:20px;
}

.about_box_img {
	width:162px;
	float:left;
    text-align: center;
}
.about_box_text {
	margin-left:182px;
	font-size:14px;
	color:#666666;
	font-family: 'robotolight';
	line-height:27px;
	text-align:left;
}

.about_devider {
	padding-bottom:5px;
}

.about_content {
	font-size:17px;
	color:#6b6b6b;
	font-family: 'robotolight';
	line-height:28px;
	text-align:center;
}

.about_content strong, .about_content a {
	color:#1879a9;
	font-family: 'robotoregular';
    font-weight: normal;
}

.about_content a:hover {
	color:#333;
}

.partner_box {
	padding:20px;
}

.partner_img_area {
	width:200px;
	float:left;
}

.partner_box_img {
	width:100%;
	float:left;
	background:#FFF;
	border:solid 1px #e1e1e1;
	text-align:center;
	padding:10px 0;
}

.partner_box_content {
	margin-left:220px;
}

.partner_box_content h2 {
	font-family: 'robotomedium';
	font-size:17px;
	color:#1879a9;
	margin-top:0px;
}
.partner_box_content p {
	font-family: 'robotolight';
	font-size:16px;
	color:#666666;
	line-height:30px;	
}

.img_border {
	border:solid 1px #eee;
	padding:3px;
}

.country_tab .nav-tabs li a {
	height: 46px !important;
    line-height: 26px;
    width: 125px !important;
}

.modify_payment {
	float: left;
    width: 100%;
    padding-left: 0px;
}

#example {
	float:left;
	width:100%;
}

#example_filter {
	max-width: 278px;
    position: absolute;
    top: -71px;
    right: 15px;
    width: 100%;
}

#example_filter label {
	display:block !important;
	font-weight:normal !important;
}

#example_filter .search_btn {
	right:0px !important;	
}
table.dataTable thead .sorting_desc {
	background:#1879a9 url(../images/sort_desc.png) no-repeat;
	background-position: center right;
	color:#FFF;
	padding-right: 15px;
}
table.dataTable thead .sorting {
	background:#1879a9 url(../images/sort_both.png) no-repeat;
	background-position: center right;
	color:#FFF;
    padding-right: 15px;
}
table.dataTable thead .sorting_asc {
	background:#1879a9 url(../images/sort_asc.png) no-repeat;
	background-position: center right;
	color:#FFF;
	padding-right: 15px;
}

.dataTables_wrapper .top {
	width: 100%;
    float: left;
    padding: 15px;
    border: solid 1px #e0e0e0;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom: none;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );	
}

#example_wrapper .dataTables_info, #example_wrapper .dataTables_length {
	width:50%;
	float:left;
	font-size: 16px;
    color: #575252;
    font-weight: normal;
}

#example_wrapper .dataTables_info {
	padding-top: 15px;
}

#example_wrapper .dataTables_length {
	text-align:right;
}

#example_wrapper .dataTables_length .form-control {
	width:auto !important;
	margin-bottom: 0px;
}

#example_wrapper .dataTables_length label {
	font-size: 16px;
    color: #575252;
    font-weight: normal;
}

#example_wrapper .dataTables_paginate {
	position: absolute;
    top: 25px;
    left: 192px;
}

.dataTables_paginate a {
    border: solid 2px #7d7d7d;
    padding: 3px 7px;
    border-radius: 50%;
    float: left;
    color: #7d7d7d;
	margin-left: 10px;
}

.dataTables_paginate a:hover, .dataTables_paginate a:focus {
    border: solid 2px #646464;
    color: #646464;
}

.forgot_outer {
	position:relative;
}

.filter_user_box {
	width:100%;
	float:left;
	padding:15px;
	margin-bottom:20px;
	background: #f3f3f3;
    border: solid 1px #e2e2e2;
}

.filter_user_box h4 {
	margin-top:0px;
	color: #000;
    font-size: 16px;
}

.filter_user_box ul, .filter_user_box ol {
	margin:0px;
	padding:0px;
	list-style:none;
}

.filter_user_box ul li, .filter_user_box ol li {
	width:100%;
	display:inline-block;
	font-size: 14px;
    color: #5c5c5c;
    font-weight: normal;
    font-family: 'robotoregular';
}

.filter_user_box ul li .radio {
	margin-bottom:0px;
	margin-top: 5px;
}

.filter_box {
	width:50%;
	float:left;
}

.filter_selected_users {
	clear:both;
}

.selected_user {
	font-size: 12px;
}

/* Vue js transitions */
.fade-enter-active, .fade-leave-active {
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	opacity: 0;
}

/* Account pages */
/* Account  user */
 .pending {
	background-color: #fff8c4 !important;
}

/*==================================== Media Query Css Start here ===================================*/

@media (max-width:1199px){
	.middle-signupbar p {
		line-height:58px;
		font-size: 26px;
	}
	.page_content_area img {	
		width:100%;
	}
	.signup_btn {
		font-size: 21px;
		padding: 12px 20px;
	}
	.newsletter h3 {
		font-size: 25px;
		padding-bottom: 7px;
	}
	.newsletter span {
		font-size: 15px;
	}
	.newsletter input[type=email] {
		max-width: 215px;
	}
	.fLogo_left {
		padding-bottom:15px;
	}
    .fLogo_left, .fLogo_right {
        width: 100%;
		text-align:center;
    }
	.mis-current .scroll_caption {
		right: -56% !important;
    	width: 650px !important;
	}
	
	.slide {
		min-height: 650px;
	}
	.account_slider {
		min-height: 650px;
	}
	.step_one_form_area, .step_two_form_area {
		width:100% !important;
	}
	#multistepform .join_group_right input[type="text"] {
		width: 67% !important;
	}	
	.nav>li>a {
		padding: 10px 10px;
		font-size:14px;
	}
	
	.table-responsive .table-bordered>thead>tr>th, .table-responsive .table-bordered>tbody>tr>td .grid_label, .table-bordered>tbody>tr>td .grid_email, div#filter_setting .radio_scroll_text, div#view_reports .time_general_area label
	{ font-size: 12px; }

div#filter_block .allow_list_input a.next.left20 { float: right; margin-left: 0px; max-width: 34%; font-size: 14px; padding: 11px 0px; width: 100%; text-align: center; }
.chaverim_report_box .col-sm-4 p span { display: inline-block; }
.chaverim_report_box .col-sm-4 p label { display:inline-block; width:100%; }
div#chaverim .chaverim_report_box span.report_email_check { width: 100% !important; position:absolute; top: -22px; right: -22px; }
div#chaverim .chaverim_report_box p { text-align: center; position:relative; margin-bottom:15px; }
.view_reports_details_box .detail_date { width: 100%; margin: 0; }
.detail_report_date { padding: 0px 5px; }
.row.view_reports_details_box a, .row.view_reports_details_box .for_select { margin:0; width:100%; display:inline-block; }
.myaccount_wrapper .nav>li>a {
	padding: 13px 18px !important;
}
div#view_reports .time_general_area select.form-control { width: 77%; }
	.range_right ul li label {width: 18% !important;}
	.range_right ul li span {width: 82% !important; padding: 6px 10px 8px 10px !important; font-size: 13px !important;}
	
.faq_tab .nav-tabs>li>a { padding:10px 6px !important; }
	
}

@media (max-width:1100px){
	.slide ol {
		left: 5px;
	}
}


@media (max-width: 1024px) { 
	#test-element {
		min-height: 590px !important;
		height: auto !important;
	}
	#home-banner div#bgImage0, #home-banner div#bgImage1 {
		background-position: 70% 0;
	}
	.how_work_static {
		display:block;
	}
	.feature-presenter-main-container {
		display:none;
	}
	.how_work_static {
		width: 100%;
		height: 100%;
		float: left;
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 0 15px;
		text-align: left;
	}
	.how_work_box_one, .how_work_box_two, .how_work_box_three, .how_work_box_four, .how_work_box_five {
		width: 268px;
		height: auto;
		position: absolute;
		top: 10%;
		left: 40%;
	}
	.how_work_box_two {
		top: 29%;
		right: 1%;
		left: auto;
	}
	.how_work_box_three {
		top: 66%;
		right: 13%;
		left: auto;
	}
	.how_work_box_four {
		top: 66%;
		right: auto;
		left: 17%;
	}
	
	.how_work_box_five {
		top: 30%;
		right: auto;
		left: 5%;
	}
	
	.how_work_box_img {
		width:100%;
		float:left;
	}
	.how_work_text_desc {
		background-color:rgba(0, 0, 0, 0.8);
		color:#FFF;
		height:92px;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding:10px 15px;
		text-align:left;
		border-radius:7px;
		line-height:1.3;
		position: absolute;
	    bottom: -55px;
	}
	.how_work_text_desc:after {
		bottom: 100%;
		left: 20%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(0, 0, 0, 0, 0.8);
		border-bottom-color: #333333;
		border-width: 7px;
		margin-left: -7px;
	}
}


@media (max-width:991px){
	.container {
		width: 100%;
		position:relative;
	}
	.middle-signupbar p {
		line-height: 58px;
		font-size: 23px;
	}
	.page_content_area img {	
		width:100%;
	}
	.signup_btn {
		font-size: 18px;
		padding: 12px 25px;
	}
	.newsletter .email_icon {
		height: 56px;
	}
	.newsletter input[type=email] {
		max-width: 176px;
    	font-size: 14px;
	}
	.newsletter a {
		padding: 14px 15px 14px 15px;
		font-size: 20px;
	}
	.newsletter h3 {
		font-size: 22px;
		padding-bottom: 7px;
	}
	.newsletter span {
		font-size: 13px;
	}
	
	.money_banner {
		left:3%;
	}
	
	.slide {
		min-height: 700px;
	}
	.account_slider {
		min-height: 700px;
	}	
	.join_group_left { width: 40% !important; padding-right: 20px !important;}
	.join_group_right { width: 60% !important;}
	#multistepform .join_group_right input[type="text"] {
		width: 63% !important;
	}
	.switch_box span {
		font-size: 17px !important;
	}
	.donate_box_area {
		padding-right: 20px;
	}
	.donate_box_area .donate_head {
		font-size: 27px !important;
		padding-top: 11px !important;
		padding-left: 62px;
	}
	.donate_box_area .donate_subhead {
		font-size: 17px !important;
    	padding-left: 62px;
	}
	.coupon_box_area .cupon_head {
		width:32% !important;
	}

	
	.coupon_box_area .cupon_form {
		width:46% !important;
	}
	
	.coupon_box_area .cupon_link {
		width:22% !important;
	}
	.coupon_box_area input[type="text"] {
	    width: 56% !important;
	}
	.coupon_box_area .show_rates {
		font-size: 14px !important;
	}
	.coupon_box_area .show_rates {
		padding-left:0px !important;
	}
	.coupon_box_area .coupon_btn {
		padding: 8px 25px !important;
	}
	
	
.radio_scroll_heading .head_gray, .radio_scroll_heading .head_dgreen, .radio_scroll_heading .head_lgreen, .radio_scroll_heading .head_yellow, .radio_scroll_heading .head_orange, .radio_scroll_heading .head_red { font-size: 14px; }
div#filter_block .allow_list_input a.next.left20 { float: right; margin-left: 0px; max-width: 34%; font-size: 14px; padding: 11px 0px; width: 100%; text-align: center; }
div#filter_block .full-block-list { width:100%; float:left; margin-bottom:15px;  }
div#filter_block .full-block-list .allow_list_input input { margin-bottom:15px; }
div#filter_block .full-block-list .allow_list_input a.next.left20 { margin-bottom:0px; font-size: 18px; padding: 9px 0px; }

.group_tbl_head .pull-left, .group_tbl_head .pull-right { width:100%; text-align:center; display:inline-block; margin: 5px 0px; }
.group_tbl_head .pull-left .dataTables_info, .group_tbl_head .data_tbl { float:none; display:inline-block; padding: 0; }
.group_tbl_head .data_tbl span, .group_tbl_head .data_tbl select { float: none; }
.group_tbl_head .pull-left { width: 100%; position: relative;padding-bottom: 20px; }
.group_tbl_head .pull-left .tbl_pager li { position:absolute; top:0; left:0; padding:0; }
.group_tbl_head .pull-left .tbl_pager li:last-child { position:absolute; top:0; right:0; left:inherit; }

.user_activation_pop span { width: auto; }
.user_activation_pop ul {  float: left; }

.myaccount_wrapper .nav>li>a {
   margin-right: 13px !important;
   font-size: 13px !important;
   padding: 16px 10px !important;
}

.account_left_menu li a {
	font-size: 12px !important;
	padding: 10px 5px !important;
}
div#view_reports .time_general_area select.form-control { width: 70%; }
#success_message {
	font-size: 12px !important;
}
div#timezone_picker_infowindow h2 {
    font-size: 15px;
    margin-top: 0px;
}

.faq_tab_label { width: 98%; }
.faq_tab .nav-tabs>li>a { padding: 10px 2px !important; font-size: 14px !important; }
.support_contact_right span { display: block; }

}

@media (max-width:966px){
	.newsletter input[type=email] {
		max-width: 190px;
		font-size: 14px;
	}
}
@media (max-width:952px){
	.range_left {height:252px !important;}
	.range_right ul li label {width: 22% !important;}
	.range_right ul li span {width: 78% !important; padding: 6px 10px 8px 10px !important; font-size: 13px !important;}
	.range_right ul li span:before {top: 5px !important;left: -10px !important;border-bottom: 10px solid transparent !important;border-right: 10px solid #e8e8e8 !important;	border-top: 10px solid transparent !important;}
}
@media (max-width:930px){
	.blue-bar h4 {
		padding-left:10px;
	}
	.blue-bar p {
		padding-left:10px;
	}
	.nav>li>a {
		font-size: 13px;
    padding: 10px 10px;
	}
		
.tab-pane .group_select { max-width: 62%; } 
.grid_chkbox_white { width: 20px; }
.time_weekly_area .full-user-form .weekly_time_input { width: 100%; }	

.subscription_payment h3  { font-size: 14px ; }
.subscription_payment span, div#subscription .blue_button { font-size: 13px !important; }
	
	
	#roundBar {
		top: 40% !important;
    left: 35% !important;
	}
	#test-element {
		background:url(../images/slide_bg_static.jpg) no-repeat center 50px !important;
	}
	.how_work_box_one, .how_work_box_two, .how_work_box_three, .how_work_box_four, .how_work_box_five {
	    width: 180px;
	}
	.how_work_text_desc {
		font-size: 12px;
		padding: 10px 10px;
		height: 95px;
		bottom: -75px;
	}
	.how_work_box_two {
		top: 32%;
		right: 5%;
		left: auto;
	}
	.how_work_box_five {
		top: 32%;
	}
	.how_work_box_four {
		top: 70%;
		right: auto;
		left: 10%;
	}
	.how_work_box_three {
		top: 70%;
		right: 12%;
		left: auto;
	}
	.how_work_box_img img {
		width:100%;
	}
	
	.faq_tab .nav-tabs>li>a { font-size: 13px !important; }
	#example_filter { max-width: 190px; }
	
}

@media (max-width:902px){
	.range_left {height:281px !important;}
	.range_right ul li label {width: 22% !important;}
	.range_right ul li span {width: 78% !important; padding: 6px 10px 8px 10px !important; font-size: 13px !important;}
	.range_right ul li span:before {top: 5px !important;left: -10px !important;border-bottom: 10px solid transparent !important;border-right: 10px solid #e8e8e8 !important;	border-top: 10px solid transparent !important;}
	.nav>li>a {
		font-size: 12px;
   	 padding: 7px 7px;
	 margin-left: 0px;
	}
	.donate {
		margin-left:5px;
	}
}

@media (max-width:857px){
	.signup_btn {
		font-size: 18px;
	}
	.middle-signupbar p {
		font-size:21px;
	}
	.faq_tab .nav-tabs>li>a { font-size: 11px !important; }
	
}

@media (max-width:847px){
	
	.nLetter_left, .nLetter_right {
		width:100%;
		text-align: center;
	}
	.nletter_form {
		width: 450px;
		margin: auto;
		margin-top: 15px;
	}
	.newsletter input[type=email] {
		max-width:220px;
	}
	
	.time_pagination_area ul li a { font-size:12px; }
	.range_left {height:274px !important;}
.range_right ul li label {width: 22% !important;padding-bottom: 10px;display: block;}
.range_right ul li span {width: 78% !important; padding: 6px 10px 8px 10px !important; font-size: 12px !important;}
.range_right ul li span:before {
	top: 5px !important;
    left: -10px !important;
    border-bottom: 10px solid transparent !important;
    border-right: 10px solid #e8e8e8 !important;
    border-top: 10px solid transparent !important;
}
.haskamos_video_signup { min-height: 427px; }

}

@media (max-width:822px){
	.blue-bar h4 {
		padding-left:15px;
		font-size: 20px;
	}
	.blue-bar p {
		padding-left:15px;
	}
}

@media (max-width:815px){
	.signup_btn, .next_btn { font-size: 16px; }
	.middle-signupbar p {
		font-size:19px;
	}
	
	
	
}

@media (max-width:797px){
	
	.signup_btn {
		font-size: 16px;
	}
	.middle-signupbar p {
		font-size:20px;
	}
	.footer-logos ul li {
		padding-left: 10px;
	}
}

@media (max-width:786px){
	.feature-presenter-mobile-container {
		display:none;
	}
	#test-element {
		background:url(../images/slide_bg_static.jpg) no-repeat center 50px !important;
	}
	.how_work_img {
		margin-top:0px;
	}
	#roundBar {
		top: 40% !important;
		left: 32% !important;
	}
	
	
	
}

@media (max-width:777px){
	
	.signup_btn {
		font-size: 16px;
	}
	.middle-signupbar p {
		font-size:20px;
	}
	#home-banner div#bgImage0, #home-banner div#bgImage1 {
		background-position:69% 0;
	}
}

@media (max-width:767px){
	#home-banner {position:relative;}
	#home-banner:before {
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: rgba(255,255,255, 0.7);
	  transition: all .3s linear;
	  z-index:1;
	}
	.feature-presenter-mobile-container {
		display:block;
	}
	.how_work_static {
		display:none;
	}
	.page_content_area img {	
		width:100%;
	}
	.compatibility_issue_list ul li .fa {
		padding-bottom:10px;
	}
	.how-it-works h1, .latest-news h2, .endorsements h2, #inner_wrapper h1 {
		font-size:40px;
	}
	.comapatibility_box_head h2 {
		font-size: 28px;
		margin-top: 25px;
	}
	#home-banner div#bgImage0, #home-banner div#bgImage1 {
		background-position:72% 0;
	}
	.navbar-toggle {
		margin-top: 28px;
		margin-bottom: 29px;
	}
	
	.navbar-collapse .nav {
		padding-top:0px;
		width: 100%;
	    background-color: #1879a9;
	}
	
	.navbar-nav {
		margin:0px;
	}
	
	.navbar-default .navbar-nav>li>a {
		color:#FFF;
		border-bottom:solid 1px #0f6792;
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		background:#231f20;
		color:#FFF !important;
		transition: all 0.3s ease;
	}
	.time_pagination_area ul li a {
		font-size: 14px;
		padding-bottom: 10px;
    	display: block;
	}
	.nav>li {
		height: auto;
		width: 100%;
		float: left;
	}
	.navbar-nav .open .dropdown-menu {
		width:100% !important;
		float:left !important;
		background-color: #FFF !important;
		margin:0px !important;
		padding:0px !important;
		border-radius:0px !important;
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		color: #FFF !important;
    	background-color: #0f6792 !important;
	}
	
	.dropdown-menu>li>a {
		padding: 8px 10px !important;
		border-bottom: solid 1px #ddd;
	}
	
	.dropdown-menu:after, .dropdown-menu:before {
		display:none;
	}
	
	.nav>li>a {
		margin-left:0px;
		font-size: 16px;
		padding: 18px 13px;
	}
	
	.nav .signup a, .nav .donate a {
		border-radius: 0px;
		text-transform:none;
		font-family: 'robotoregular';
		box-shadow:none;
		background: none !important;
    	border: none;
		color: #FFF !important;
	}
	.nav .signup a:hover, .nav .signup a:focus {
		background: #231f20 !important;
	    border: none;		
	}
	
	.nav .donate a:hover, .nav .donate a:focus {
		background: #231f20 !important;
	    border: none;
	}
		
	.slide_captions h2 {
		font-size: 44px;
		line-height: 50px;
		text-shadow: 0px 1px 1px #FFF;
		z-index:2;
		position:relative;
	}	
	
	.slide_captions a {
		text-shadow: 0px 1px 1px #FFF;
		box-shadow: 0px 0px 10px #FFF;
		z-index:2;
		position:relative;
	}
	
	.slide_captions p {
		text-shadow: 0px 1px 1px #FFF;
		z-index:2;
		position:relative;
	}
	
	#test-element {
		background:transparent !important;		
	}
	
	.modal-open .modal {
		top: 30px;
		padding-left: 17px;
		padding-right: 17px;
	}
	
	.how-it-works h2 {
		margin-top:70px;
	}
	
	.how-it-works h2 {
		font-size: 38px;
	}
	
	.how_work_img {
		margin-top:0px;
	    padding-bottom: 50px;
	}	
	
	.how-it-works h1 {
		margin-top: 80px;
	}
	
	#roundBar{		
		display:none !important;
	}
	
	.account_slider {
		padding-bottom:0px;
		background:transparent;
		width:100% !important;
	}
	.account_slider::after, .account_slider::before {
		background: transparent;
		width: auto;
		right: 0px;
	}
	
	.banner1 {		
		background-size:100%;
	}
	
	.banner2 {
		background-size:100%;
	}

	.account_slider h2 {
		margin-top: 51%;
		font-size: 30px;
		margin-bottom:10px;
	}
	
	.slide {
		min-height: 758px;
	}
	
	.slide ol {
		bottom: 15px;
		left: 50%;
		top: inherit;
	}
	.slide ol li {
		display:inline-block;
		margin-right:15px;
	}
	.slide .container {
		position:initial !important;
	}
	.slide_list {
		float: left;
    	padding-bottom: 50px;
	}
	
	.blue-bar .col-sm-2 span {
		width:100%;
		float:left;
		text-align:center;
		padding-bottom: 20px;
	}
	.blue-bar h4 {
		width:100%;
		text-align:center;
		padding-left: 0px;
		font-size: 24px;
	}
	.blue-bar p {
		text-align:center;
		padding-left:0px;
	}
	.middle-signupbar p {
		text-align:center;
	}
	.middle-signupbar .col-sm-3 {
		text-align:center;
		padding-bottom: 20px;
	}
	
	.footer_scroll a {
		top: -120px;
	}
	
	.news_box {
		margin-bottom:30px;
	}
	.mis-current .scroll_caption {
		right: -58% !important;
    	width: 650px !important;
	}
	.footer-nav {
		padding-top:10px;
	}
	.footer-nav h3 {
		width:100%;
		float:left;
		margin-top:30px;
	    text-align: center;
	}
	.footer-nav ul li a {
		width: 100%;
    	text-align: center;
	}
	.footer-logos ul li {
		width:100%;
		padding-left:0px;
		text-align:center;
		float:left;
	    padding-bottom: 20px;
	}
	.footer-logos .signup a {
	    margin-bottom: 0px;
	    display: inline-block;
	}
	.footer-logos .donate a {
		margin-bottom: 10px;
	    display: inline-block;
	}
	.footer-copyright p {
		text-align:center;
		padding-bottom: 15px;
	}
	.footer-copyright ul {
	    margin: 0px auto;
		float: none;
	    width: 117px;
	}
	.account_slider p {
		padding-right:0px;
	}
	.acountbox .mainbox {
		width:100% !important;
		padding-top: 35px;
	}
	.acountbox p {
		margin-bottom: 0px !important;
	}
	.join_group_left, .join_group_right {
		width:100% !important;
	}
	.join_group_left {
		padding-bottom:25px;
	}
	.join_group_right input {
		margin-bottom:0px !important;
	}
	.switcher {
		margin: 20px auto;
		float: none !important;
		width: 256px !important;
		display: inline-block;
	}
	.switch_box span {
		width:100% !important;
		padding-bottom: 15px !important;    	
	}
	.payment_btn_area {
		padding-left: 0px !important;
		text-align: center !important;
	}
	.total_box_area span {
		width:100%;
		float:left;
		text-align:center !important;
	}
	.donate_box_area .donate_icon::before {
		top: 30px !important;
	}
	.donate_box_area .donate_head , .donate_box_area .donate_subhead{
		width: 48%;
		padding: 0px;
		float: right !important;
		clear: both;
		text-align: left !important;
	}
	.donate_box_area .donate_dropdown {
		margin-top: 0px !important;
		float: right !important;
		display: block;
		margin-bottom: 25px;
		max-width: 48% !important;
		clear: both;
	}

	.coupon_box_link {
		text-align: center;
		width:100% !important;
		float: none;
	}

	.coupon_box_area {
		padding:20px;
	}
	
	.coupon_box_area .coupon_head::before {
		margin:-20px 0 0 -20px;
	}
	
	.coupon_box_area .cupon_head, .coupon_box_area .cupon_form {
		width: 100% !important;
	}
	
	.coupon_box_area .coupon_head span {
	    padding-top: 0px !important;
		padding-bottom: 25px;
		margin-left: -100px;
	}
	
	.coupon_box_area .cupon_link {
		width:100% !important;
	}
	.coupon_box_area .show_rates {
		padding-right:0px !important; 
		text-align:center !important;
		padding-bottom: 0px !important;
	}
	
	.account_list_area .account_img {
		float: none !important;
		margin: auto;
		display: block;
	}
	.account_list_area .account_details_col {
		margin: 0px !important;
		width: 100%;
		text-align: center;
		padding-top: 15px;
	}
	
	.accountability_col .head, .accountability_col .filter_cancel {
		text-align:center;
		padding-top:15px;
	}
	
	.account_price_col {
		text-align:center;
		padding-top:15px;
	}
	.account_admin_col span {
		text-align:center !important;
		padding-top:15px;
		padding-bottom: 15px;
	}
	
	.account_admin_col .extrauser_remove {
		float: none !important;
		margin: 20px auto !important;
		display: block;
		width: 36px;
	}
	.coupon_box_area .show_rates {
		width:auto !important;
	}
	
	.coupon_box_area input[type="text"] {
		width: 45% !important;
	}
	.total_box_area .switch_toggle_btn {
		width: 230px;
		margin: auto;
		float: none;
		display: inline-block;
		margin-top: 10px;
	}
	
	.group_switch_box .switch_toggle_btn {
		width: 190px;
		margin: auto;
		float: none;
		display: inline-block;
		margin-top: 10px;
	}


	
.display_report_area .display_reoport_lbl {
	padding-bottom:10px;
}

.clearreg {

}

.subscription_payment { padding-bottom:0px !important;}

span.filter_add { text-align: center; display: inline-block; width: 100%; }
h2.resp-accordion .radio label:before { bottom: 2px; }
h2.resp-tab-active .radio label:before { content: "\2022"; color: #1879a9; font-size: 30px; text-align: center; line-height: 17px; font-family: arial; }
.add_account a { right: 0px; left: 0; }
.resp-vtabs.hor_1 { position:relative; }
.resp-vtabs.hor_1 #bank_detail_form { top: 58px; left: 0; right: 0; width: 100%; }
.navbar-brand>img { width: 190px; height: 60px; }
.user_status_area .col-sm-4 { margin-bottom: 12px; border-bottom: 1px solid #CECECE; padding-bottom: 15px; display: inline-block; width: 100%; }

.myaccount_wrapper .nav-tabs>li.active>a { border-bottom: 1px solid #D3D3D3 !important;  line-height: 1.3 !important; border-top:solid 3px #1879a9 !important;}
.myaccount_wrapper .nav>li>a { margin-bottom: 12px; width: 100%; border-bottom: 1px solid #D3D3D3; border-radius:8px;  }

.subscription_payment h3 { margin-bottom:0; }
.subscription_payment .col-sm-3 { margin-bottom:20px; }
div#subscription .account_head h2 { width:100%; }

div#security .full-scrren select.form-control { height: 45px; }

div#filter_block .full-block-list .allow_list_input a.next.left20 { padding: 8px 0px; }



ul.group_summary_list li .summry_head, .group_tbl_head .data_tbl span { font-size:14px; }
.switch_box, .report_current_time { text-align: center; }
div#timezone .report_timezone_btn { display:inline-block; width:100%; }
.switch_box {padding-top: 60px;}
#error_message {top: 10px !important;}
#security #error_message {top: -50px !important;}
.report_option_details, .report_option_btn { margin-left: 0px; width: 100%; display: inline-block; margin-top: 12px; }
.full-report-browsing { width:100%; text-align:center; display:inline-block; float:none; }

div#view_reports .time_general_area select.form-control { width: 90%; }
#view_reports .display_reoport .next_btn { margin-top: 0px;  }
.myaccount_wrapper .nav-tabs li a, .myaccount_wrapper .nav-tabs>li.active>a { font-size: 16px !important; }
.myaccount_wrapper .nav-tabs li a { line-height:16px !important; }
.myaccount_wrapper .nav-tabs>li.active>a { line-height:13px !important; }
.user_activation_pop { width: 100%; display: inline-block; }
.user_activation_pop ul { margin-left: 10px; }
.detail_report_date { padding: 0px ; }
.detail_report_date:first-child { padding-right:20px; }

div#view_reports  .time_general_area .col-sm-5 select.form-control { width:100%; }

.range_left {height:348px !important;}
	.range_right ul li label { width:100% !important;}
	.range_right ul li span:before {display:none;}
	.range_right ul li span {
		width: 100% !important;
		background: none !important;
		padding-top: 16px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
.chaverim_email_address label, .email_remove_list_box {
	width:100% !important;
}
.processing_style {
	    margin: auto;
    float: none;
    width: auto;
    display: table;
}

.donate_or_img img {
	width:auto !important;
}
.wallet-img, .moneyback-img, .pricing_content { width: 100%; text-align: center; }
.donate_amount_box .donate_or_img { display:none; }
.donate_amount_box .vertical-donate_or_img { display:block; }
.donate_amount_box .vertical-donate_or_img img { width: inherit; max-width: 100%; }
.donate_amount_box { text-align: center; }
.top-buffer-img { width: 100%; text-align: center; margin-bottom: 10px; }
.bottom-buffer { text-align: center; }
.wifi-router-img { min-height: 100px; text-align: center; }
.bar-code-img { width:100%; text-align:center; }
.accordion-toggle .fa.fa-plus, .accordion-toggle .fa.fa-minus { display: inline-block; position: absolute; right: 8px; top: 16px; }
.accordion-toggle { position: relative; padding: 15px 24px 15px 6px; }
.partner_img_area { width: 100%; }
.partner_box_content { margin-left: 0px; display:inline-block; margin-top:20px; }
.testi_quote { text-align:left; }

#example_filter { max-width: 100%; left: 0;  }
.group_tbl_area { margin-top: 140px; padding:0; }
.table-responsive .table { width: 1000px !important; min-height: 260px; }
.top { position: absolute; top: -81px; max-width: 100%; width: 100%; left: 0; right: 0; margin: auto; }


.about_desc { text-align: left; }
.support_head, .support_list { text-align: center; }
.os_box_area:first-child { margin-bottom:40px; }


}


@media (max-width:746px){
	.mis-current .scroll_caption {
		right: 7% !important;
    	width: 600px !important;
	}
}

@media (max-width:736px){
	.newsletter input[type=email] {
		max-width: 240px;
	}
	
}


@media (max-width:700px){
	.mis-current .scroll_caption {
		right: 12% !important;
    	width: 500px !important;
	}
	.scroll_caption .desc {
		font-size:17px !important;
	}
	.mis-stage {
		height: 550px !important;
	}
}



@media (max-width:660px){
	.mis-current .scroll_caption {
		right: 13% !important;
    	width: 450px !important;
	}
	.scroll_caption .desc {
		font-size:15px !important;
		line-height:25px !important;	
	}
	
.tab-pane .group_select { max-width: 72%; }
.mobile-full .blue_button {  max-width: 24%; text-align: center; padding: 10px 0px; width: 100%; }
.mobile-full, .btn-group.half-two-btn { width: 100%; text-align: center; display: inline-block; }
.mobile-full { margin-bottom:25px; }
.mobile-margin-bottom .form-control { margin-bottom:0px; }

.mobile-center { float:none; }
div#filter_block .full-block-list .allow_list_input a.next.left20 { padding: 10px 0px; font-size: 16px; }
div#iamchaver .chaverim_email_add a.next.left20.next_btn {padding: 12px 0px; width: 100%; text-align: center; }

.display_report_area .full-report-area .display_reoport_lbl, .display_report_area .full-report-area .display_reoport_input { width:100%; float:left; }

div#group_summary .group_tbl_head .data_tbl .dataTables_length span { font-size: 12px; width: 100px; float:left; margin-bottom: 15px; }
div#group_summary .dataTables_length select { padding: 7px 35px 7px 15px; width: 200px; margin-bottom: 15px; }
.display_report_area .keyword_search, .col-xs-8.full-report-area, .group_tbl_head .data_tbl { width:100%; }

.dataTables_length { text-align: center; display: inline-block; }
.user_activation_pop ul { margin-left: 0px; text-align: left; width:100%; }

	
}

@media (max-width:617px){
	.range_left {height:364px !important;}
	.support_contact_left:before, .support_contact_right:before { background-position:center; width:100%; }
	.support_contact_left, .support_contact_right, .support_contact_right span { text-align:center; font-size:14px; }
	
	
}

@media (max-width:600px){
	.mis-current .scroll_caption {
		right: 14% !important;
    	width: 400px !important;
	}
	.scroll_caption .desc {
		font-size:15px !important;
	}
	.endorsements h2 { font-size:30px;}
	
	.middle-signupbar p {
		line-height: 30px;
    padding-bottom: 20px;
	}
	

}

@media (max-width:586px){
	.range_left {height:378px !important;}
}

@media (max-width:563px){
	.range_left {height:394px !important;}
}

@media (max-width:501px){
	.range_left {height:411px !important;}
}


@media (max-width:580px){
	.donate_box_area .donate_head, .donate_box_area .donate_subhead {
		width: 100%;
		padding: 0px;
		float: right !important;
		clear: both;
		text-align: center !important;
	}
	.donate_box_area .donate_dropdown {
		margin-top: 0px !important;
		float: right !important;
		display: block;
		margin-bottom: 25px;
		max-width: 100% !important;
		clear: both;
	}
	.donate_box_area {
		padding-left:20px;
	}
	.donate_box_area .donate_icon::before {
		content: "";
		background: url(../images/donate_icon.png) top center;
		width: 235px;
		height: 139px;
		position: inherit !important;
		display: block;
		margin: auto;
		clear: both;
		top: 0px;
		margin-top: 15px;
	}
	div#iamchaver .chaverim_email_add input, div#iamchaver .chaverim_email_add a.next.left20.next_btn { max-width: 100%; width:100%; margin-left: 0; }
.chaverim_email_add span.error label { left: auto !important; right: 16px !important;}
.chaverim_email_add span.error img {left: auto !important; right:23px !important;}
}

@media (max-width:550px){
	.mis-current .scroll_caption {
		right: 5% !important;
    	width: 450px !important;
	}
	.scroll_caption .desc {
		font-size:16px !important;
	}
	.scroll_caption h3 {
		font-size:20px !important;
	}


	.coupon_box_area input[type="text"] {
		width:100% !important;
	}
	.coupon_box_area .coupon_btn {
		margin: auto;
		float: none !important;
		display: inline-block;
		margin-top: 25px;
	}
	.coupon_box_area .coupon_head span {
		margin-left:-50px !important;
	}
}


@media (max-width:533px){
	
	.step_two_form_area .accordion .chkbox_need { padding: 7px 0px 0px 10px; margin-bottom: 0; }
	.step_two_form_area .accordion .item .heading { height: inherit;     line-height: 30px; }
	.step_two_form_area .accordion .chkbox_need label { line-height: 24px; }
	.chkbox_filter label, .chkbox_joingroup label { padding-left:15px !important;  }
	.step_two_form_area .accordion .item .heading .need_icon { left: 0; width: 100% !important; margin: auto !important; text-align: center; padding-top: 4px;}
	.need_icon img { opacity: 0; }
	
	.chkbox_filter label:before, .chkbox_joingroup label:before, .chkbox_need label:before {
		left: 0px !important;
	    top: 0px !important;
	}
	.chkbox_filter label {
		font-size: 15px !important;
	}
	
	.add_month {
		font-size: 14px !important;
		padding-left: 38px;
		float: left;
		clear:both;
	}
	.chkbox_need label, .chkbox_joingroup label {
		font-size: 14px !important;
    	padding-left: 30px !important;
		padding-bottom: 15px;
		text-align: left;
	}
	#multistepform .join_group_right input[type="text"] {
		width:100% !important; 
		margin-bottom:20px !important;
	}
	#multistepform .join_group_right input.button {
		width:100% !important;
	}
	.call_group_head {
		font-size:17px !important;
	}
	
	.acountbox p {
		padding:0 20px;
	}
.step_two_light_bar .checkbox { float: none; overflow:hidden; text-align: left; }
div#filter_block .full-block-list .allow_list_input a.next.left20 { padding: 10px 0px; font-size: 16px; }

div#view_reports .time_general_area select.form-control { width: 85%; }


}

@media (max-width:520px){
	.mis-current .scroll_caption {
		right: 5% !important;
    	width: 400px !important;
	}
	.scroll_caption .desc {
		font-size:16px !important;
	}
	.scroll_caption h3 {
		font-size:20px !important;
	}
	
	.payment_form .input_170, .payment_form .input_270 {
		width:100% !important;
	}
	.payment_form .col-xs-6, .payment_form .col-xs-4, .payment_form .col-xs-8, .thanks_form .col-xs-6 {
		width:100% !important;
	}
	.detail_report_date:first-child { padding-right:0px; }
.heading .need_icon { text-align: center; display: inline-block; }
.step_two_form_area .accordion .item .heading { min-height: 45px; height:inherit; padding-left: 0px; }
.step_two_form_area .accordion .chkbox_need label {  padding: 0; line-height: 2px; }
.step_two_form_area .accordion .chkbox_need label:before { top: -10px !important; }
.step_two_form_area .accordion .chkbox_need { position: absolute; bottom: 4px; text-align: left;  }
.acountbox .mainbox .circlebox { width: 120px; height: 120px; }
.mainbox span, .acountbox .mainbox { margin-top: 10px; }
.heading .need_icon { padding-top:0px; }
span.add_filter { margin-left: 18px; }
#thanks_form_detail { font-size: 11px; }
.half-two-btn button.btn { font-size: 14px !important; }
.subscription_payment .col-sm-3:last-child { margin-bottom: 0px; }
div#subscription .full-scrren {  padding-bottom:10px; }
div#subscription .full-scrren, div#security .full-scrren { width:100%; position:relative; text-align:center; }
.subscription_payment { padding-bottom:20px !important;}
div#subscription .full-scrren:after { content:""; position:absolute; left:0; right:0; bottom:0; width:200px; height:1px; background:#C5C5C5; margin:auto;  }
div#filter_block .full-block-list .allow_list_input, .group_summary_list li p { width: 100%; float: left; }

.allow_list_input span.error label {
	right: 38%;
    top: -5%;
}
.allow_list_input span.error img {
	right: 40%;
    position: absolute;
    top: 46px;
}


div#security .form-control { margin-bottom: 15px; }
.time_general_area .full-time-general, .detail_report_date, .full-user-form  { width:100%; }

.page_desc_large, .page_desc_large, .pricing_content, .pricing_content p, .price_month_text .month_text { font-size: 16px; }

.view_report_details .rating_legend_tbl table { width: 1000px; }
.view_report_details .rating_legend_tbl { overflow: auto; }
div#group_summary .dataTables_length select { width: 150px; }
.full-scrren.security_username {  margin-bottom: 15px; }
.support_contact_details .normal, .support_contact .head, .support_content .blue { font-size: 16px; }
.support_head h3 { font-size: 18px; }
.support_contact_left, .support_contact_right { width:100%; }
.testi_img_box { width: 50px; height: 50px; }
.testi_content { margin-left: 56px; }
.testi_quote:before { width: 20px; height: 20px; background-size: contain; }
.testi_quote_box:after { top: initial; bottom: 8px; }
.testi_quote_box:before { top: initial; bottom: 6px; }
.testi_quote p, .testi_quote span { padding-left: 25px; font-size: 14px;     margin-bottom: 0; }
.testi_quote_box { padding: 10px; }
.support_list ul li { font-size:16px; }

.group_heading_box { margin-bottom: 15px; padding: 10px; }
.hvr-icon-forward { font-size: 14px; }	
.signup_form_btn_area.check-website input.form-control { width: 100%; }	

#example_wrapper .dataTables_length {  text-align: right; width: 100%; }
#example_wrapper .dataTables_paginate { position: absolute; top: 10px; left: initial; right: 15px; }
.top { top: -115px; }
.group_tbl_area { margin-top: 175px; }
.text-center.comparison-chart-box { overflow: auto;}
.text-center.comparison-chart { width: 1000px; }	


	
}



@media (max-width:480px){
	.nletter_form {
		width: 100%;
		float: left;
	}
	.newletter_input {
		width: auto;
		margin-left: 48px;
		float: none;
		display: block;
	}
	.newsletter input[type=email] {		
		max-width: 100%;
    	padding: 13px 15px 12px 15px;
	}
	.nletter_form a {
		padding: 10px 15px;
		width: 100%;
		clear: both;
		margin: 20px auto 0;
		float: none;
		font-size: 18px;
	}
	.nletter_form .email_icon {
		height: 45px;
		line-height: 44px;
		font-size: 20px;
		width: 48px;
	}	
	
	div#subscription .mobile-right-width .blue_button { width: 100%; margin:0 0 5px 0 !important; }
	.full-user-detail { width:100%; }
	.col-xs-6.full-user-detail { float: none;}

	.range_left {height:428px !important;}
	.range_right ul li label { width:100% !important;}
	.range_right ul li span:before {display:none;}
	.range_right ul li span {
		width: 100% !important;
		background: none !important;
		padding-top: 16px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.mobile-info .col-lg-3.col-sm-4.col-xs-6 { width:100%; }
	.bs-example.bs-example-tabs.country_tab ul.country-tab-navigation li { width: 32%; }
	.support_list ul li ul li { margin-left: 0px !important; }
	
}


@media (max-width:465px){
	.mis-current .scroll_caption {
		right: 6% !important;
    	width: 320px !important;
	}
	.scroll_caption .desc {
		font-size:15px !important;
		line-height: 22px !important;
	}
	.scroll_caption h3 {
		font-size:20px !important;
	}
	
	.slide_captions h2 {
		padding-top: 25%;
	}
	
	.blue-bar h2 {
		font-size: 36px;
	}
	.needdownload {
		width: 220px;
		margin: auto;
		padding-top: 20px;
	}
	
	
button.modal_btn { margin-bottom:10px; margin-left:0; width:100%; text-align:center; max-width:100%; }
	
}





@media (max-width:414px){
	.mis-current .scroll_caption {
		right: 6% !important;
		width: 320px !important;
	}
	.slide {
		min-height: 790px;
	}
	.account_slider h2 {
		margin-top: 56%;
	}
	
div#filter_block .full-block-list .allow_list_input input, div#filter_block .full-block-list .allow_list_input a.next.left20
{ max-width:100%; margin-top:12px; }

.allow_remove_area { margin-top:12px; }	
div#view_reports .time_general_area select.form-control { width: 80%; }	


.allow_list_input span.error label {
	right: 4%;
    top:0%;
}
.allow_list_input span.error img {
	right: 7%;
    position: absolute;
    top: 58px;
}

.group_tbl_area { margin-top: 250px; }
.top { top: -140px; }
	
}

@media (max-width:400px){
	.range_left {height:446px !important;}	
	ul.country-tab-navigation li a p { font-size:12px !important; }
}


@media (max-width:371px){
	.range_left {height:462px !important;}	
}

@media (max-width:359px){
	.range_left {height:480px !important;}	
}

@media (max-width:357px){
	.range_left {height:496px !important;}	
}

@media (max-width:334px){
	.range_left {height:512px !important;}	
	.bs-example.bs-example-tabs.country_tab ul.country-tab-navigation li { width: 100%; margin-bottom: 18px; }
}

@media (max-width:380px){
#multistepform .button, div#user_details a.next.next_btn, div#security a.next.next_btn, div#filter_lock a.next.next_btn, div#filter_time a.next.next_btn, div#chaverim a.next.next_btn, div#timezone a.next.next_btn, div#report_option a.next.next_btn, div#view_reports a.next.next_btn, #view_reports .display_reoport .next_btn {
		width:100% !important;
		text-align:center !important;
		margin:0 0 20px 0 !important;
	}
	.signup_form_btn_area {
		padding: 35px 0px 0px 0px !important;
	}
	.step_two_form_area .accordion .chkbox_need label:before { top: 3px !important; }
    .step_two_form_area .accordion .chkbox_need { width: 230px; }
    .step_two_form_area .accordion .chkbox_need label { line-height: 15px; }
.mobile-full .half-two-btn button.btn, .tab-pane .group_select, .mobile-full .blue_button, .mobile-full .btn-group.pull-right, .mobile-full .next_btn
{ width: 100%; max-width:100%; }

.btn-group.half-two-btn button.btn { border-radius: 4px !important; margin-bottom:12px; }
.mobile-full.keyword_search { margin-bottom:0px;}
.mobile-margin-bottom  .mobile-full .form-control { margin-bottom:10px; }

div#group_summary .group_tbl_head .data_tbl .dataTables_length span { float:none; font-size:16px; }
div#group_summary .dataTables_length select, div#group_summary .dataTables_length, .display_reoport { width: 100%; }	

div#zonepicker { height: 370px !important; }
	.coupon_box_area .coupon_head span {margin-left: -25px !important;	}
}




@media (max-width:370px){
	.mis-current .scroll_caption {
		right: 10% !important;
    	width: 250px !important;
	}
	.scroll_caption .desc {
		font-size:14px !important;
		line-height: 18px !important;
	}
	.scroll_caption h3 {
		font-size:17px !important;
	}
	
	.money_banner {
		left: 4%;
	}
	
	.add_filter_icon, .join_group_icon { display:none; }
	.step_two_form_area .accordion .chkbox_need { bottom: 0px; }
	.checkbox.chkbox_filter label, .step_two_dark_bar.group_join label{ margin-left: 7px; }
	div#zonepicker { height: 360px !important; }
	
}



@media (max-width:332px){
	
	.navbar-brand {
		padding-right:0px;
	}
	
	.navbar-brand img { /*width:220px; height:67px;*/ width: 190px; height: 60px; margin-top: 2px; }
	.mobile-full .next_btn { font-size:14px; padding: 9px 0px; }
	 
}

@media (max-width:320px){
	.account_slider h2 {
		font-size:21px;
		margin-top:60%;
	}
	.slide {
		min-height: 820px;
	}
	
	.latest-news h2, .endorsements h2 {
		margin-top: 30px;
		font-size:30px;
	}
	.newsletter h3 {
		font-size:20px;
	}
	
	.mis-current .scroll_caption {
		right: 5% !important;
	}
	
	div#zonepicker { height: 310px !important; }
	
	
}

/*==================================== Media Query Css Start here ===================================*/


.wifi-router-img img, .group-admin-img img, .top-buffer img, .understanding_content img, .testi_img_box img, .top-buffer-img img, .wallet-img img, .moneyback-img img { max-width:100%; }
.vertical-donate_or_img { display:none; }
.haskamos_video video { height:272px; }
p.group-price-bold { font-size:18px; font-family: 'robotomedium'; }
.wifi-router p a{ display:block; }

.wifi-router-img { min-height: 101px; }
p.small-word { font-weight:300; font-size:12px; }

.subscription_payment {
	margin-top:0px !important;
}

.subscription_payment, .subscription_payment .resp-tabs-list, .payment_form {
	width:100%;
	float:left;
	background: #f0efeff5; /*transparent; */
	padding: 12px;
}

.payment_form {
	background: transparent;
}


.subscription_payment .resp-tabs-list {
	margin-left:0px;
	padding-left: 0px;
}
.error_position {
	position: initial !important;
    top: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 20px;
	display: inline-block;
}

p.small-word { font-weight:300; font-size:12px; margin:20px 0px; }
.signup_form_btn_area.check-website input { width: 70%; vertical-align: top; }
.browser-box { text-align: center; }

.web-safty-img { text-align:center;}
.web-safty-img img{ max-width:100%; }
p.note-tip i.fa{ color: #F00; }


.mobile-box-info { border: solid 1px #eee; text-align: center; margin-bottom:20px; padding: 0px 10px;  }
.mobile-img { border-bottom:1px solid #1879A9;  padding: 20px 0px; height: 180px; position:relative; }
.mobile-img img { position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; margin:auto; max-width:100%; max-height:100%;  }
.mobile-box-info a { color:#333; font-size: 14px; }
.mobile-box-info:hover { background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eeeeee',GradientType=0 ); }
.mobile-box-info ul { margin:0; padding: 10px 0; width:100%; }
.mobile-box-info ul li { list-style:none; text-align:left; font-size: 12px; }
.mobile-box-info li.access:before, .mobile-box-info li.denide:before { font: normal normal normal 12px/1 FontAwesome; padding-right: 8px; }
.mobile-box-info li.access:before { content: "\f058"; color:#1fa67a; }
.mobile-box-info li.denide:before { content: "\f057"; color:#d44950; }
.mobile-name { background:#1879A9; color:#fff; padding: 5px 0px; font-size: 14px; }
.top-buffer-img { text-align: center; }

.comparison-chart-box .comparison-chart th { text-align: center; border-bottom: 1px solid #e5e5e5; padding:15px 0; width: 50%;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e7e7e7',GradientType=0 );
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
	
.comparison-chart-box .comparison-chart { border: 1px solid #e5e5e5; }
.comparison-chart-box .comparison-chart tbody>tr>td { vertical-align: middle; font-size:14px; }
.comparison-chart-box .comparison-chart tbody>tr>td:first-child, .comparison-chart-box .comparison-chart thead>tr>th:first-child { border-right:1px solid #e5e5e5; }
div#proclamation_letter .modal-body { padding: 5px; }
div#proclamation_letter img.kol_koreh { max-width: 100%; }

.weekly_graph img{ width:100%; display:inline-block; }
.weekly_time_graph { display: -webkit-flex; /* Safari */ display: flex; text-align:center; width:100%; padding: 0px 15px; background-color: #4da109;}
.weekly_time_graph a { -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */   flex: 1; height:20px; background:#4da109; }
.weekly_time_graph a.active { background:#ab0000; }