@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
body {
background: #1b1b1b;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size:16px;
line-height:1.6;
letter-spacing: 0.5px;	
min-height: 100%;	
padding-top: 80px;
padding-bottom:50px;	
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family:'Pathway Gothic One', sans-serif;
font-weight: 400;
letter-spacing: 0.5px;	
}
a {
color: #8ac304;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
hr {
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
}
.btn {
	font-weight: 400;
}
.btn-transparent {
	border: 3px solid #fff;
	background: transparent;
	color: #fff;
}
.btn-transparent:hover {
	border-color: rgba(255,255,255,0.5);
}
a:hover, a:focus {
color:#8cc602;
text-decoration: none;
outline: none;
}
.dropdown-menu {
	margin-top: -1px;
	min-width: 180px;
}
body>section {
	padding: 20px 0;
}

.navbar-inverse{background:#1e1e1e;}
.navbar{margin-bottom:0px;}
.marginbot-18{margin-bottom:18px;}
.link{font-size: 13px;height: 64px;margin-top:10px; margin-bottom: 10px; line-height:1.3; overflow: hidden;}
.sidebar{
padding:13px;
background:#252525; 
margin-top:-12px; 	
}
.f-11{font-size:11px;}
.sidebar ul {list-style:none;margin:0;padding:0;}
.sidebar ul li {list-style:none; text-align:left; border-bottom: 1px solid #c8c8c8;width:100%; overflow: auto;padding-bottom: 10px;margin-bottom:10px;}
.sidebar ul li .post {float:left; width:30%; }
.sidebar ul li .post img {height:100px;width:100%;}
.sidebar ul li .title {float:left; margin-left:10px; font-size:15px;width:66%; color:#747474; }
.sidebar ul li a {text-decoration:none;outline:none;font-size:14px;font-weight:400;}
.sidebar ul li a:hover{text-decoration:none;outline:none;color:#8cc602;} 
.sidebar ul li span{font-size:12px; display:block; color:#8bc205;}

.bg-white{background:#fff;}
.panel-heading .pagination{padding-left: 10px;margin: 12px 0;}
.panel-heading .pagination > li > a, .pagination > li > span{padding: 6px 14px; cursor:auto; color:#34495e !important;}
.panel-heading  ul.pagination > li.active > a, ul.pagination > li:hover > a{background:#fff !important; color:#34495e !important;}
.panel-heading  .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#fff !important; color:#34495e !important; }
.panel-heading  ul.pagination > li.active > a{background:#a6cd4a !important; color:#fff !important;border:none;}
.list-group-item:first-child {
border-top-left-radius:0px;
border-top-right-radius:0px;
}
.list-group{margin-bottom: 0px;}
.panel-body .badge{background:#fff; color:#1f1e1c; min-width: 40px;padding: 12px 12px; border-radius:0px; margin-right: 10px;}
.panel-body .list-group-item:hover{background:#ddd;}
.panel-body .list-group .active{background:#94c325; border: 1px solid #94c325; color:#94c325;}
.panel-body .list-group .active a{color:#fff;}
/*.panel-body .list-group .active a:hover{color:#fff;}
.panel-body .list-group .active a:focus{color:#fff;} */
.panel-body .list-group .active a:visit {color:#fff;} 
.panel-body .list-group-item a{display: block;width: 100%; font-size:16px; font-weight: 400;}
.panel-body .list-group-item a:hover{color:#000;}
.panel-body .list-group-item a:focus{color:#000;}
.panel-body .list-group-item a:visit {color:#000;} 
.modal-body{overflow:auto;}
.text-black{color:#000;}
.r-size{resize:none;}
.margin-top-0{margin-top:0px;}
.navbar-fixed-bottom{background:#1e1e1e; color:#000; padding:10px 10px;}
.navbar-form {
padding: 3px 1px;
margin-top: 8px;
margin-right: -23px;
margin-bottom: 8px;
margin-left: -23px; 	
}
.gp_products_carousel_wrapper{padding: 8px 14px 9px 16px;}
.gp_products_item_image {padding: 6px;}
.navbar-form .form-control{border-radius:0px;}
.navbar-form .btn{border-radius:0px;}
.navbar-fixed-bottom p{margin:0;font-size:16px; font-weight:400; padding-top:4px; color:#a7a7a7;}
.text-white{color:#fff;}
footer ul {list-style: none;padding: 0;margin: 0;letter-spacing: 0.5px;}
footer ul li {display: inline-block;}
footer ul li a{color:#a7a7a7;font-size: 14px;font-weight: 400;margin-left:15px;text-transform:capitalize;letter-spacing: 0.5px;}
footer ul li a{outline:none;text-decoration:none;}
footer ul li a:hover{outline:none;text-decoration:none; color:#a7a7a7;}
.navbar-inverse {
border: none;
}
.navbar-invarse .navbar{margin-bottom:18px;}
.navbar-brand {
float: left;
height: 66px;
padding: 11px 15px;
}
.navbar-brand>img {
display: block;
padding: 0px 18px;
}
.navbar-inverse .navbar-nav {
margin-top:10px;
}
.navbar-inverse .navbar-nav>li{
padding:8px; 	
}
.navbar-inverse .navbar-nav>li>a {
padding-top: 7px;
padding-bottom: 7px;
border-radius: 4px;
color: #fff;
font-size:17px;
text-transform: uppercase;
font-weight:500;
letter-spacing: 0.5px;	
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
background:transparent;
color:#fff;	
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background:transparent;
color:#fff;	
}
.navbar-inverse .navbar-nav .dropdown-menu {
background-color:#000;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border: 0;
padding: 0;
margin-top:15px;
}
.navbar-inverse .navbar-nav .dropdown-menu>li>a {
padding: 8px 15px;
color:#fff;
letter-spacing: 0.5px;	
}
.navbar-inverse .navbar-nav .dropdown-menu>li:hover>a, .navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, .navbar-inverse .navbar-nav .dropdown-menu>li.active>a {
background-color: rgba(138,198,2,0.8);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
   color: #262626;
   text-decoration: none;
   background-color: rgba(138,198,2,0.8) !important;
}

.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a {
border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu>li.divider {
	background-color: rgba(255,154,23,0.1);
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-top: 0;
}
.caret{margin-left:5px;}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-default{border-radius:0px; background:#8ac304; border-color:#8ac304;  }
.navbar-default .navbar-nav{margin-top:8px;}
.navbar-default .navbar-nav > li > a{color:#fff}
.search-form .form-group input.form-control::-webkit-input-placeholder{
  display:none;
}
.search-form .form-group input.form-control::-moz-placeholder{
  display:none;
}
.navbar-default .navbar-right{
  min-width:450px; /*or I can probably just use columns*/
}
.navbar-default .navbar-right form{
  width:100%;
}
.navbar-default .form-group{
position:relative;
width:0%;
min-width:40px;
height:40px;
overflow:hidden;
transition: width 1s;
backface-visibility:hidden;
margin-top: 15px;	
margin-right:21px; 	
}
.navbar-default .form-group input.form-control{
position:absolute;
top:0;
right:0;
outline:none;
width:100%;
height:40px;
margin:0;
z-index:10;
}
.navbar-default input[type="text"].form-control{
-webkit-appearence:none;
-webkit-border-radius:0;
}
.navbar-default .form-control-submit,
.search-label{
width:40px;
height:40px;
position:absolute;
right:0;
top:0;
padding:0;
margin:0;
text-align:center;
cursor:pointer;
line-height:40px;
background:#1e1e1e;
color:#fff;	
}
.navbar-default .form-control-submit{
background:#fff; /*stupid IE*/
opacity: 0;
color:transparent;
border:none;
outline:none;
z-index:-1;
}
.navbar-default .search-label{
z-index:90;
}
.navbar-default .form-group.sb-search-open,
.navbar-default .no-js .sb-search-open{
  width:100%;
}
.navbar-default .form-group.sb-search-open .search-label,
.navbar-default .no-js .sb-search .search-label {
background:#1e1e1e;
color: #fff;
z-index: 11;
}
#slider{margin-top:60px;} 
#common{margin-top:80px;}
#common h3{margin-top:0px; }
.width-150{width:150px;}
.media{
padding:15px; 	
background:#252525; 	
}
.media-body h4 a{font-size:22px;color:#fff;}
.media-body p{line-height:1.4; color:#747474;}
.media-body p span{font-size:13px; display:block;float: right;margin-top: 18px;color:#8bc205;} 
.form-group.sb-search-open .form-control-submit,
.no-js .form-control .form-control-submit {z-index: 90;}
.z-99{z-index:-99;}
.sign-in{border: 1px solid #ffb400; border-radius:0px !important;}
.create{background:#ffb400;color:#fff !important; border-radius:0px !important;}
.m-height-450{min-height:450px;}
.col-centered{float:none; margin:0 auto;}
input[type="checkbox"], input[type="radio"]{margin:7px 0 0;}
.panel-title a{display:inline-block;width:100%;}
.panel-title .fa{font-size:1.2em;color:#ffb400;}
.panel-body h3{margin-top:0px;}
.margin-top-20{margin-top:20px;}
.main {
max-width: 400px;
margin: 0 auto;
background: #fff;
padding: 30px;
  }
.login-or {
position: relative;
font-size: 18px;
color: #aaa;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.span-or {
display: block;
position: absolute;
left: 50%;
top: -2px;
margin-left: -25px;
background-color: #fff;
width: 50px;
text-align: center;
}
.hr-or {
background-color: #cdcdcd;
height: 1px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.main h3 {text-align: center;margin-top:0px;margin-bottom:20px;}
.facebook{background:#3b5998;color:#fff;}
.facebook:hover{background:#3b5998;color:#fff;}
.google-plus{background:#f24537;color:#fff;}
.google-plus:hover{background:#f24537;color:#fff;}
.f-12{font-size:12px; }
.opacity-dark-blue{background-color:rgba(31, 41, 52, 0.8);color:#fff;}
.text-yellow{color:#ffb400;}
.bg-success{background:#91c220;color:#fff;}
ul.faq {
	list-style: none;
	margin: 0;
}
ul.faq li {
	margin-top: 30px;
}
ul.faq li:first-child {
	margin-top: 0;
}
ul.faq li span.number {
	display: block;
	float: left;
	width: 155px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #4151a8;
	color: #fff;
	font-size: 24px;
	margin-right:20px; 
}
ul.faq li>div {
margin-left:0px;
}
ul.faq li>div h3 {
margin-top: 0;
}
ul.faq li>div p{
text-align:justify;
}
#error {
text-align: center;
margin-top: 150px;
margin-bottom: 150px;
}
.btn-primary{
background:transparent;
color:#8cc602; 
border-color:#8cc602;	
}
.btn-primary:hover{
background:#8cc602;
color:#fff; 
border-color:#8cc602;
text-decoration:none;
outline:none;
}
.bg-primary {
    color: #fff;
    background-color: #456202;
}
.modal-close-btn{
    color: white;
    margin-top: -10px !important;
}
.m-top-80{margin-top:80px;}
/*.navbar-toggle{background: 	}
*/
@media (max-width:767px) {
#slider{margin-top:20px;}   
.m-top-80{margin-top:8px;}
.created-by{font-size: 14px;line-height: 16px;}
.created-date {padding-top:5px;font-size: 12px;}
.step-number{font-size: 16px !important; width:30px !important;height:30px !important;margin-right: 8px !important;}
.amwidget-question h2{font-size:16px !important;}
.amwidget{min-width:100%;}
#info-block h1 {font-size:16px !important;margin-top: 15px !important;font-weight: bold;}
.panel-heading .pagination > li > a, .pagination > li > span {padding: 5px 8px;font-size: 12px;}
.media-body, .media-left, .media-right { 
display:block;
margin-bottom:20px; 	
}
.media-body, .media-left, .media-right { 
display:block;
margin-left:auto;
margin-right:auto;	
}
.sidebar ul li .post{ width:100%;}
.sidebar ul li .post img{height:auto !important;} 	
.sidebar ul li .title{width:100%; margin-left:0px; }
	
#title h1{
font-size:19px; 
text-align: center;	
}	

ul.breadcrumb {
margin: 4px 0 0;
background: transparent;
text-align: center;
}
.navbar-toggle{margin-top: 14px; background:#91c220; border-radius: 0px;}
.navbar-brand>img{padding:0px 6px; width:200px;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#91c220;}	
.media-body{width:auto;}	
.width-150{width:100%;max-width: 100%; display:block; height: auto;margin-right:auto;margin-left:auto;}	
.media-left, .media > .pull-left{padding-right:0px;}	
.media-heading{margin-bottom:15px;}	
.media-body p{font-size:14px;}	
body{padding-bottom:0px;}	
.navbar-fixed-bottom{position:relative;}	
#common {margin-top:5px;}	
h3{font-size:18px;}	
footer{text-align:center;}
footer ul li a{font-size:10px;margin-left:6px;}	
}
.hidden {display:none;}
.completion-wrap {
  margin: 0 0 20px;
  position:relative;
}
.completion-cover {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  padding-top: 20px;
}
.calculating {
  margin: -18px auto 0;
  position: relative;
  width: 100px;
}
.calculating img {
  width: 100px;
}
.complete-header {
  border-bottom: 1px solid #d9d9d9;
  color: #f00055;
  font-size: 280% !important;
  line-height: 1;
  margin: 20px 0 20px;
  padding: 0 0 20px;
}
.panel-body .list-group .incorrect a{color:red;}
.panel-body .list-group .complete a{color:green;}
.total-bar.grey {
  background-color: #e5e5e5;
}
.total-percent {
  border-right: 1px dotted #1e1d1d;
  color: #ffb400;
  font-weight: bold;
  left: 10px;
  position: absolute;
  text-align: center;
  width: 70px;
  z-index: 2;
}

.user-info-block {
font-size: 14px;
margin-bottom: 0;
min-height: 55px;
padding-left: 55px;
position: relative;
}

.user-info-block img {
width: 35px;
height: 35px;
position: absolute;
left: 0px;
top: 0px;
border-radius: 6px;
}

.created-by {
display: block;
font-size: 18px;
line-height: 20px;
overflow: hidden;
}

.created-date {
color: #979797;
display: block;
padding-top: 5px;
}
.amwidget-answers.poll-results li {
padding-left: 90px;
position: relative;
}

.total-bar {
background: #d2fd94
none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
top: 0;
z-index: 1;
}

.total-title {
position: relative;
z-index: 2;
}
.question-itm.goal {
  background: #ff0055 none repeat scroll 0 0;
  color: #fff !important;
}
#widget-wrap {
padding-top: 30px;
}

.amwidget {
display: block;
overflow: hidden;
font-family: 'Lato', sans-serif;
width:100%;
font-weight: 300;
position: relative;
}
.amwidget-question {
background: #94c325 none repeat scroll 0 0;
color: #fff;
min-height: 34px;
padding: 10px;
margin-top: -3px;	
}

.amwidget-question h2 {
margin:0;
font-size: 20px;
line-height: 33px;	
font-weight: 400;
padding-left: 2px;
position: relative;
padding-top: 2px;
}

.step-number {
background: #fff none repeat scroll 0 0;
border-radius: 0px;
color: #94c325;
display: inline-block;
top:1px;
font-size: 18px;
font-weight: 700;
font-weight: bold;	
text-align: center;
margin-right:8px !important;	
height: 30px;
left: -1px;
margin: 0;
position:relative;
width: 30px;
}
.amwidget-hero-image {
   clear: both;
   display: block;
   overflow: hidden;
   position: relative;
}
.hero-description {
   background: rgba(255, 255, 255, 0.83) none repeat scroll 0 0;
   bottom: 0;
   color: #000;
   left: 0;
   padding: 15px 15px 12px;
   position: absolute;
   right: 0;
   -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.maximize-arrow, .minimize-arrow {
   display: block;
   font-family: 'Lato', sans-serif;
   line-height: 2;
   margin-top: -13px;
   position: relative;
   text-align: center;
   top: -3px;
}

.list-group{cursor:pointer;color:#000;}
.panel-body .list-group .active{padding:0px 0px;}
.panel-body .badge{min-width: 34px;padding: 4px 4px;}
.question-wrap .img-responsive{width: 100%;}

#info-block h1{
font-size:26px;
margin-top:0px; 
}
.spacer {
   display: block;
   clear: both;
}
.bdrbot {   border-bottom: 1px dotted #d0d0d0;}
.mbot30 {   margin-bottom: 30px !important;}
.mtop30 {  margin-top: 30px !important;}
.amwidget-hero-image .img-responsive{width:100%;}
.carousel-control.left:hover{background:#94c325;}
.carousel-control.right:hover{background:#94c325;}
/*Gallery Style*/
.quiz-horizontal {max-width: 100%;width: 100%;}
.step-text {background: #fff none repeat scroll 0 0;border-radius: 0;color:#94c325; display:block; font-size:14px;
font-weight: 400; margin: -8px -8px 6px;padding: 2px 6px 3px;position: relative; width: auto;}
.image-answer-wrap {position: relative;}
.or-box {background: #fff none repeat scroll 0 0;border: 6px solid #94c325; border-radius: 50%;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.9);font-size: 14px;font-weight: bold;left: 50%;margin-left: -36px;margin-top: -26px;padding:17px 8px 8px 10px;position: absolute;
top: 49%; z-index: 777; width:60px;height:60px;text-align: center;}
/*.quiz-horizontal.image .amwidget-hero-image.left {padding: 0 10px 0 0;}*/
.quiz-horizontal.image .amwidget-hero-image {clear: none;display: block;overflow: hidden;position: relative;float: left;width: 50%;}
/*.amwidget-hero-image {clear: none;float:left;padding: 0 10px 0 0;}    */
.click-info {background: #009cff none repeat scroll 0 0;border-radius: 0 0 6px 6px;clear: both;color: #fff;font-size: 12px;padding: 3px 5px 5px;text-align:center; position:absolute;bottom:0;width:100%;}
.ul-plain{padding: 0;margin-bottom:30px;}
.ul-plain li {padding-bottom: 10px;font-size: 14px;list-style-type: none;}
.ul-plain li a{color:#fff;}
.ul-plan li h4{font-size:18px; font-weight:bold;}
.header {font-weight: 400;color:#fff;position: relative;border-bottom: 1px solid #d0d0d0; padding-bottom:5px; margin-bottom: 10px;font-size: 22px;}
.header a{color:#fff;}
.header span {font-size: 14px;font-weight: 300;position: absolute;right: 0;top: 7px;text-align: right;float: right;}

.embed-wrap {border: 1px solid #ccc;padding: 15px;}
.embed-config {border: 1px solid #ccc;border-radius: 6px;padding: 15px;}
.embed-user-option {border-bottom: 1px dotted #ccc;margin-bottom: 10px;padding-bottom: 10px;}
.embed-user-option > label {font-weight: 300;}        
.embed-checkbox {margin-right: 10px !important;}
.embed-textbox.height {border: 1px solid #ccc;border-radius: 6px;margin-right: 10px;padding: 4px 8px;}

.ans{background:#94c325 !important;}
.ans:hover{background:#94c325 !important;}
.panel-heading ul.pagination > li.completed > a{background:#8ac304 !important;}
.panel-heading ul.pagination > li.incorrect > a{background:#ddd !important;}

