/* ==========================================================================
Global Styles
========================================================================== */

* {
  outline: none !important;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #2a2f33;
	background: #f7f7f7;
}
p {
    font-size: 14px;
}
a {
	color: #149da8;
	font-size: 12px;
  -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
button {
  -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
a:hover, a:focus {
    text-decoration: none;
    color: #0e2d48;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
h2 {
	color: #2a2f33;
	font-size: 24px;
	font-weight: bold;
}
h4 {
	color: #66757f;
}
label{
	font-weight: normal;
}
hr {
	margin-left: -15px;
	margin-right: -15px;
	border-top: 1px solid #d8e2e8;
}

::-webkit-input-placeholder { color:#ccc !important; }
::-moz-placeholder { color:#ccc !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc !important; } /* ie */
input:-moz-placeholder { color:#ccc !important; }

.group:after {
    content: "";
    display: table;
    clear: both;
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

.texture-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-image: url(/img/grid.png);*/
}
section#features,
footer {
    background: #f7f7f7;
}

.navbar-default {
  border-color: transparent;
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 1px solid #5b9ba2;
  background-image: -webkit-linear-gradient(top, rgb(10, 193, 209) 0%, rgb(17, 156, 169) 98%, rgb(17, 155, 168) 100%);
  background-image: -o-linear-gradient(top, rgb(10, 193, 209) 0%, rgb(17, 156, 169) 98%, rgb(17, 155, 168) 100%);
  background-image: -ms-linear-gradient(top, rgb(10, 193, 209) 0%, rgb(17, 156, 169) 98%, rgb(17, 155, 168) 100%);
  background-image: -moz-linear-gradient(top, rgb(10, 193, 209) 0%, rgb(17, 156, 169) 98%, rgb(17, 155, 168) 100%);
  background-image: linear-gradient(to bottom, rgb(10, 193, 209) 0%, rgb(17, 156, 169) 98%, rgb(17, 155, 168) 100%);
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .52);
}
.navbar-default .navbar-nav>li  {top: 3px;}
.navbar-default .navbar-nav>li>a {color: #fff; padding: 12px 10px; font-size: 12px; font-weight: bold;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: transparent;
  color: #f2f2f2;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0;
}
.logo {
  position: relative;
  top: 6px;
}

.form-control.navbar-search {
  width: 100%;
  height: 39px;
  border-radius: 50px;
  padding-left: 20px;
  font-size: 14px;
}
.btn-search{
  background: transparent;
  position: absolute;
  top: 3px;
  right: 0;
  color: #b8b8b8;
}

.btn-search:focus, .btn-search:active, .btn-search.active, .btn-search:focus:active {
  background-image: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.profile-image {position: relative; top: -10px; left: 0px; border: 4px solid rgba(3,3,3,0.10); margin-left: 10px; max-width: 43px; height: auto;}

/* breadcrumbs */

ol.breadcrumb  {
	padding: 15px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

/* full-width dropdown */
.full-width.dropdown {
    position: static;
    margin-top: 3px;
}
.full-width.dropdown > .dropdown-menu {
    left: 0;
    right: 0;
    position: absolute;
}
.full-width.dropdown > .dropdown-menu > li > a {
   white-space: normal; 
}
.all-cat-dropdown ul {
  list-style-type: none;
}
.all-cat-dropdown ul li a {
  color: #fff;
}
.all-cat-dropdown ul li a:hover {
  text-decoration: underline;
}
.dropdown-menu a,
.dropdown-toggle {
  font-size: 14px;
}
.alert {
  font-size: 16px;
}
.help-block {
  font-size: 14px;
}

/* full-width dropdown end */


/* boxes */

.box-white	{
	background: #fff;
	border: 1px solid #d8e2e8;
}
.box-red	{
	background: #fcebea;
	border: 1px solid #fed3d0;
}
.box-green	{
	background: #e7f7f1;
	border: 1px solid #a5e8ce;
}
.box-red-reported  {
  border: 1px solid #fed3d0;
  background: #fcebea url(/img/pattern-report.png);
}
.box-green-reported {
  border: 1px solid #a5e8ce;
  background: #e7f7f1 url(/img/pattern-report.png);
}
.box-light-blue {
	background: #f2f5f7;
	border: 1px solid #d8e2e8;
}
.box-my-comments {
	border-bottom: solid 1px #d8e2e8;
    border-left: solid 1px #d8e2e8;
    border-right: solid 1px #d8e2e8;
    border-radius: 0px 0px 5px 5px;
    margin-top: -2px;
}
.profile-image-comments {position: relative; width: 30px; height: 30px; margin-right: 5px;}
.profileImageComments {position: relative; width: 30px; height: 30px; margin-right: 5px;}


.post-btn > a {
  display: block;
  width: 100%;
  text-align: center;
  margin: 2px 0 15px 0;
}

/* Sidebars */
.panel-heading {
  padding: 0;
}

.panel-heading a {
  font-size: 14px;
  padding: 10px 15px;
  display: block;
}

.recen-comm-articals h5 {
	margin-bottom: 3px;
}
.recen-comm-articals h5 a,
.most-crit-articals h5 a,
.suggested-reading h5 a{
	font-size: 12px;
	line-height: 18px;
	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 100%;
    display: block;
}
.see-all {
  padding: 10px;
  border-top: 1px solid #D8E2E8;
}

.va-t input[type=checkbox] {
    vertical-align: top !important;
}


.most-crit hr:last-child {display: none;}

.sidebar-links {
  /*padding-left: 15px;*/
}

.section-profile {
    padding: 0 15px 0px 15px;
    margin-bottom: 75px;
}

.profile-info-group {
	border-top: 1px solid #d8e2e8;
	border-bottom: 1px solid #d8e2e8;
  margin-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px 0px 15px;
  background: #f5f5f5;
}
.profile-info-group:first-child{
  border-radius: 5px 5px 0 0;
}
.profile-info-group:first-child h4{
  padding: 10px 0 5px 0;
  border-radius: 5px 5px 0 0;
}
.profile-info-group:last-child {
  margin-bottom: 0;
}
.profile-info-group h4 {
	margin-bottom: 5px;
}
.profile-info-group .checkbox {
	margin: 0;
	padding: 0;
}
.profile-info-group .checkbox label{
  padding-left: 10px;
}
.profile-info-group:first-child {
	border-top: none;
    padding: 0px 15px 0px 15px;
}

.big-profile {
	max-width: 202px;
	max-height: 202px;
}
.img-profile-big {
	border-radius: 10px;
    padding: 5px;
    margin: 0px;
    width: 100%
}

.fixed-area {
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

/* upload profile image */
.image-upload img {
    cursor: pointer;
}
.image-upload > input {
    display: none;
}

.form-control {
	border: 1px solid #e1e8ed;
	border-radius: 2px;
	height: 32px;
	box-shadow: none;
	font-size: 14px;
	padding: 6px 8px;
}

.aplulutni{
	position: fixed;
	bottom: 60px;
	left: 0;
	width: 100%;
  z-index: 100;
}
.btn-leave-comment {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #cf2c2d;
	text-align: center;
	color: #fff;
	font-size: 120%;

    box-shadow: 2px 3px 12px 0 rgba(0,0,0,.32);
}
.btn-leave-comment:hover {
	color: #e79696;
}
.btn-leave-comment:focus {
  color: #fff;
  outline: none;
}
.btn-leave-comment > .glyphicon {
    top: 4px;
}

h4.modal-title {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

/* modal comment */

.modal {padding: 0 !important; /* hack padding right */}

.modal-header {
	border-bottom: 1px solid #d8e2e8;
}
.modal-body {
	padding: 15px 15px 0 15px;
}
.modal-footer {
	border-top: 0px solid #d8e2e8;
	padding: 0 15px 15px 15px;
}
textarea.form-control {
	min-height: 140px;
}
#step-3 textarea.form-control {
  min-height: 100px;
}

#comment-critic label {
    margin: 0 8px;
}



.sort-by {
	cursor: pointer;
}
.sort-by:hover {
	text-decoration: none;
}
.dropdown-menu> li > a {
  cursor: pointer !important;
}

.doc-icon{
	font-size: 90%;
	margin-right: 3px;
}
.doc-link {
	display: inline-block;
}

.displaying-bar {
	padding: 10px 15px;
}
.displaying-bar > a {
  color: #2a2f33;
  font-size: 18px;
  font-weight: 500;
}
.displaying-bar > a.active {
  color: #10c2d1;
}
#myHistoryArticles .form-group label,
#myHistoryArticles .form-group select {
  font-size: 14px;
}

/* Steps */

.wizard-step >li>a{
	padding: 0px 15px;
	text-align: left;
  background: transparent !important;
}
.wizard-step-number {
    background: #fff;
    border-radius: 9999px;
    display: block;
    font-size: 14px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    border: 2px solid #bbb;
    color: #bbb;
    font-weight: 700;
    height: 30px;
    margin-top: -15px;
    top: 50%;
    width: 30px
}
.wizard-step-caption,
.wizard-step-description {
    color: #bbb;
    display: inline-block;
    line-height: 14px;
    white-space: normal;
}
.wizard-step-caption {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    vertical-align: middle;
    text-align: left;
    margin-left:40px;
    font-size: 14px
}
.wizard-step-description {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    position: relative;
}
.active-step .wizard-step-number {
	color: #333333;
	border-color: #10c2d1;
}
.active-step .wizard-step-caption span {
	color: #10c2d1;
}
.active-step .wizard-step-caption .wizard-step-description {
	color: #333333;
}


.setup-content h3 {
	margin-top: 20px;
}
.setup-content h4 {
	margin-bottom: 30px;
}
.well {
	border: 1px solid #e2e8ec;
	box-shadow: none;
	background: #fff;
  margin-bottom: 0;
}
.step-form  {
	margin: 30px 0;
}

#subcatNavmenu li a {
  padding: 6px 10px;
}

div.bootstrap-tagsinput  {
    background: white;
    width: 100%;
    border: solid 1px #E2E8EC;
    border-radius: 5px;
    box-shadow: none;
}


.or:before {
	content: " ";
    border-top: solid 1px #d8e2e8;
    position: absolute;
    width: 15%;
    left: 30%;
    top: 10px;
}
.or:after {
	content: " ";
    border-top: solid 1px #d8e2e8;
    position: absolute;
    width: 15%;
    right: 30%;
    top: 10px;
}

a.article-link:hover article {
	border: solid 1px #BFC7CC; 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}

.holderCheckbox {
  height: 45px;
}

/*back next*/
.vertical-back, .vertical-next {
    position: absolute;
    top: 0;
    height: 100%;
    padding-bottom: 30px;
} 
.vertical-back a, .vertical-next a {
    position: relative;
    top: 50%;
    margin-top: -10px;
} 

.vertical-back{
  left: 0;
  left: 15px;
  border-right: 1px solid #E2E8EC;
}
.vertical-next {
  right: 0;
  right: 15px;
  border-left: 1px solid #E2E8EC;
}
.vertical-back:hover{
    background-image: -webkit-linear-gradient(left,rgba(3,3,3,.1) 0,rgba(3,3,3,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(3,3,3,.1) 0,rgba(3,3,3,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(3,3,3,.1)),to(rgba(3,3,3,.0001)));
    background-image: linear-gradient(to right,rgba(3,3,3,.1) 0,rgba(3,3,3,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.vertical-next:hover {
      background-image: -webkit-linear-gradient(left,rgba(3,3,3,.0001) 0,rgba(3,3,3,.1) 100%);
    background-image: -o-linear-gradient(left,rgba(3,3,3,.0001) 0,rgba(3,3,3,.1) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(3,3,3,.0001)),to(rgba(3,3,3,.1)));
    background-image: linear-gradient(to right,rgba(3,3,3,.0001) 0,rgba(3,3,3,.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}


#step-2 .nav-pills>li.active>a,#step-2 .nav-pills>li.active>a:focus,#step-2 .nav-pills>li.active>a:hover {background: #10C1D0;}
/* Helpers */

@media only screen and (min-width : 992px) {

.pl0 {padding-left: 0px;}
.pr0 {padding-right: 0px;}
.px0 {padding-left: 0px; padding-right: 0px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}

.pr10 {padding-right: 10px;}
.pr5 {padding-right: 5px;}


}

.p1 {padding: 15px;}
.py1 {padding-top: 10px; padding-bottom: 10px;}
.px1 {padding-left: 10px; padding-right:  10px;}
.pt40 {padding-top: 40px;}


.pt40 {padding-top: 40px;}


.mt1 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.mt115 {margin-top: 135px;}
.mr1 {margin-right: 10px;}
.mb1 {margin-bottom: 10px;}
.mb30 {margin-bottom: 30px;}
.mb15 {margin-bottom: 15px;}
.mb10 {margin-bottom: 10px;}
.ml30 {margin-left: 30px;}
.my10 {margin-bottom: 10px; margin-top: 10px;}
.my20 {margin-bottom: 20px; margin-top: 20px;}

.br5 {border-radius: 5px;}
.br10 {border-radius: 10px;}



/* color */

.gray {color: #2a2f33;}
.main-color {color: #149da8;}
.green {color: #40cc96;}
.red {color: #f08078;}
.light-blue {color: #8899a6;}
.yellow {color: #f3d238;}
.light-gray {color:#d8e2e8}
.white {color: #ffffff;}


.pdf {color: #c04639;}
.doc, .docx {color: #3498db;}
.xls, .xlsx {color: #27ae60;}
.txt {color: #96a4a5;}
.zip, .rar {color: #000000;}
.ppt, .pptx {color: #f5af41;}
.jpg, .jpeg, .png, .gif {color: #800080;}



/* bg color */
.bg-white {background: #fff;}
.bg-main {background: #10c2d1;}

.bold 		{font-weight: bold;}
.italic		{font-style: italic;}

.dot:before {
	content: "·";
	margin-left: 4px;
	margin-right: 4px;
}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs14 {font-size: 14px;}
.fs20 {font-size: 20px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.fs28 {font-size: 28px;}
.fs38 {font-size: 32px;}
.fs100 {font-size: 100px;}

.relative {position: relative;}
.uppercase {text-transform: uppercase;}
.pointer {cursor: pointer;}

.word-break {
  -ms-word-break:   break-all;
 
  word-break:       break-word;
  word-wrap:        break-word;
 
  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
          hyphens:  auto;
}
.trunket{
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
.capitalize {
  text-transform: capitalize;
}

.btn-main {
  background: #10c1d0;
  background-image: -webkit-linear-gradient(top, #10c1d0, #149da8);
  background-image: -moz-linear-gradient(top, #10c1d0, #149da8);
  background-image: -ms-linear-gradient(top, #10c1d0, #149da8);
  background-image: -o-linear-gradient(top, #10c1d0, #149da8);
  background-image: linear-gradient(to bottom, #10c1d0, #149da8);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px #949494;
  -moz-box-shadow: 0px 1px 1px #949494;
  box-shadow: 0px 1px 1px #949494;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 6px 10px;
  border: solid #0da2af 1px;
  text-decoration: none;
  font-weight: bold;
}

.btn-main:hover {
  background: #0da2af;
  text-decoration: none;
  color: #0e2d48;
}
.btn-main:focus {
    color: #fff;
}
.btn-larger {
  padding: 10px 30px;
}
.btn-larger span {
  font-size: 21px;
  vertical-align: middle; 
}

.btn-searh-sugg{
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 14px;
    cursor: pointer;
}


/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.col-sm-5-5 {
		width: 20%;
		float: left;
	    position: relative;
	    min-height: 1px;
	    padding-right: 15px;
	    padding-left: 15px;	
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	.affix {
		position: relative;
	}
  .actions {
    margin-bottom: 15px;
  }
  .dropdown-menu .divider {
    background-color: rgba(0,0,0, 0.1);
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	/* sticky sidebar */
	.affix {
    top: 120px;
    max-width: 278px;
    width: 100%;
	}
  .setup-content .well {
    padding-left: 140px;
    padding-right: 140px;
  }


  /*my history list hack*/
  .p-nth .item:nth-child(3n+1) .col-md-4 {
    padding-right: 5px;
  }
  .p-nth .item:nth-child(3n+2) .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .p-nth .item:nth-child(3n+3) .col-md-4 {
    padding-left: 5px;
  }

}

@media only screen and (max-width : 992px) {
  .big-profile {
    margin: auto;
    margin-bottom: 10px;
  }
  .t-text-center {
    text-align: center;
  }
  .tmb15 {
    margin-bottom: 15px;
  }

}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
  .hidden-sm {display: none;}
  .affix {
      top: 120px;
      max-width: 228px;
      width: 100%;
  }
  .form-control.navbar-search {
    width: 260px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
  .tmb15 {
    margin-bottom: 15px;
  }
  .big-profile {
    margin: auto;
    margin-bottom: 10px;
  }
  .t-text-center {
    text-align: center;
  }
  .full-width.dropdown > .dropdown-menu {
    position: absolute !important;
  }
  .form-control.navbar-search {
    width: 260px;
  }
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1200px) and (orientation : portrait) { 
  .affix {
      top: 120px;
      max-width: 228px;
      width: 100%;
  }
}




/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #fff;
  }
  .collapse-front {
    padding-top: 30px;
    padding-bottom: 30px;
        position: absolute;
      width: 100%;
      top: 70px;
      background: #10c2d1;
      left: 0px;
  }
  .logo-front {
    display: inline-block;
    margin-top: 5px;
  }
}
@media only screen and (max-width : 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    /*color: #fff;*/
  }
  #myHistoryArticles .ml30 {margin-left: 0;}
  
  .full-width.dropdown > .dropdown-menu {
    position: relative;
  }
  .menu-stick {top: 49px !important;}
  .step-form input {
    height: 36px;
    width: 100% !important;
    margin-top: -2px;
  }
  .logo {
    left: 15px;
  }
  .setup-content .well {
    padding: 15px 70px;
  }

  .navbar-toggle-front {
  border: 1px solid #fff;
}
.navbar-toggle-front .icon-bar {
  background: #fff;
}

.remember-forget > label > a {color: #fff;}

}

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

  .setup-content .well {
    padding: 15px 70px;
  }
}



.navbar-default .navbar-toggle {
    border-color: rgba(0,0,0, 0.2);
    border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background: rgba(0,0,0, 0.3) !important;
}
.navbar-default .navbar-form,
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}











.cat-menu-open {
    position: fixed;
    width: 100%;
    height: 285px !important;
    left: 0;
    top: 59px;
}
.cat-menu-open ul{
	list-style-type: none;
}
.cat-menu-open a{
	color: #fff;
}
.cat-menu-open a span{
	opacity: 0.8;
}


span.dot:last-child {display: none;}


/*stars*/
.br-theme-fontawesome-stars .br-widget {
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 50px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
  color: #dddddd;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffdf88;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffdf88;
}
.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
}

.empty {
  display:none;
}

/* back to top arrow */
.bt-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(16, 194, 209, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.bt-top.cd-is-visible, .bt-top.cd-fade-out, .no-touch .bt-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;
}
.bt-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.bt-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .bt-top:hover {
  background-color: #10C2D1;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .bt-top {
    right: 20px;
    bottom: 20px;
  }
  .step-form input {
    height: 36px;
    max-width: 360px;
    min-width: 360px;
    margin-top: -2px;
  }
}
@media only screen and (min-width: 1024px) {
  .bt-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
  .form-search {
    width: 260px !important;
    transition: width 0.3s ease-in-out;
  }
  .form-search:focus {
    width: 290px !important;
  }
}

#step-2 .spanCheckbox > span[class^="aspan"],
.spanCheckbox > span[class^="aspan"] {
  display: inline-block;
  padding: 6px 10px;
  background: #10c1d0;
  border: solid 1px #10C2D1;
  margin-right: 5px;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  color: #ffffff;
  font-size: 14px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.panelBc {
  position: absolute;
  z-index: 9999;
  width: 100%;
  bottom: 40px;
  background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: 1px solid #d8e2e8;
}

.arrow-bottom {position: relative; margin-top: -15px; margin-bottom: -15px; padding: 15px 0;}
.arrow-bottom:after{
  position: absolute;
  content: '';
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  
  border-top: 7px solid #fff;
  bottom: -6px;
  left: -9px;
}




/* nav bar favourite */
.navbar-sub {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #e2e8ec;
}

.navbar-fav {
  margin-top: 12px
}
.navbar-fav a {
  display: inline-block;
  text-align: center;
  padding: 0px 10px;
}
.navbar-fav > a.active,
.navbar-fav > a:hover {
  border-bottom: 4px solid #10c2d1;
}
.navbar-fav > li.active span.nav-sub-cat {
  color: #2a2f32;
}
.navbar-fav > li:hover a {
  text-decoration: none;
}

.navbar-fav span.nav-main-cat{
  display: block;
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #68757d;
}
.navbar-fav span.nav-sub-cat{
  font-size: 18px;
    padding-top: 3px;
    font-weight: 500;
    color: #10c2d1;
}
.navbar-fav li:last-child a {
/*  border-left: 1px solid #e2e8ec;
  height: 36px;
    top: 9px;
    padding: 9px;
    color: #8a99a4;
*/}

.navbar-default .navbar-nav>li>a:focus {
  color: #fff;
}
.menu-stick {
    position: fixed;
    top: 54px;
    left: 0;
    width: 100%;
    background: #fff;
    color:#fff;
    z-index: 999;
    height: 67px;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;

}
.menu-stick.shrink {
    height: 57px;
}
.menu-stick.shrink span.nav-main-cat {
  display: none;
}
.menu-stick.shrink .navbar-sub ul > li > a {
  padding: 8px 10px;
}

.menu-stick.shrink .simplebar.horizontal .simplebar-track {
  top:44px;
}







/* Scrollable elements
*****************************************************************/

.vertical-scroller {
  width: 100%;
  height: 67px;
  white-space: nowrap;
}
    


.simplebar, [data-simplebar-direction] {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
}

.simplebar .simplebar-scroll-content,
[data-simplebar-direction] .simplebar-scroll-content {
    overflow-y: scroll;
    overflow-x: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -ms-overflow-style: none; /* hide browser scrollbar on IE10+ */
}

/* hide browser scrollbar on Webkit (Safari & Chrome) */
.simplebar-scroll-content::-webkit-scrollbar {
    display: none;
}

[data-simplebar-direction="horizontal"] .simplebar-scroll-content,
.simplebar.horizontal .simplebar-scroll-content {
    overflow-x: scroll;
    overflow-y: auto;
}

.simplebar-track {
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px;
}

.simplebar-track .simplebar-scrollbar {
    position: absolute;
    right: 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
}

.simplebar-track:hover .simplebar-scrollbar {
    /* When hovered, remove all transitions from drag handle */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    -ms-transition: opacity 0 linear;
    transition: opacity 0 linear;
}

.simplebar-track .simplebar-scrollbar.visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

[data-simplebar-direction="horizontal"] .simplebar-track,
.simplebar.horizontal .simplebar-track {
    top: auto;
    left: 0;
    width: auto;
    height: 11px;
}

[data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,
.simplebar.horizontal .simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}


/* Scrollable elements
*****************************************************************/
.horizontal-scroller {
  margin: 0;
  width: 100%; 
  height: 300px;
  overflow-y: auto;
}
/*.horizontal-scroller-2 {
  margin: 0;
  width: 276px; 
  height: 300px;
}*/
.horizontal-scroller-2 {
  margin: 0;
  width: 100%; 
  height: 300px;
  overflow-y: auto;
}

/* highlight
*****************************************************************/
span.highlight {
  background: yellow !important;
}

/* Upload files
*****************************************************************/
.form-control-upf {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.modal-footer .btn+.btn {margin-left: 0;}
.fileinput-upload {display: none;}

/* Flags report
*****************************************************************/
.report-lvl-1 .glyphicon-flag,
.report-lvl-2 .glyphicon-flag{
  font-size: 18px;
  color: red;
}
.report-lvl-2 {
  background: url(/img/pattern-report.png);
}

a.voteGreen {
    color: #40CC96;
}

a.voteRed {
    color: #F08078;
}

a.voteGray, .voteGray {
    color: #aba6a6;
}

/*remove preview for txt*/
.file-preview-frame .btn-block {
    display: none;
}

.bc-education,
.bc-job_company {
  text-transform: capitalize;
}





/* ==========================================================================
Frontpage
========================================================================== */
.use-btn {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 20px 50px;
    border-radius: 3px;
    background-color: #fff;
    color: #4b98a9;
    font-size: 16px;
}
.use-btn:hover, .use-btn:focus {
    background-color: #10c2d1;
    color: #fff;
    text-decoration: none;
}
.hero-btn, .download-btn {
    display: inline-block;
    padding: 10px 30px;
    margin: 0 5px;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    min-width: 170px;
}
.download-btn:hover, .download-btn:focus {
    border-color: #10c2d1;
    color: #10c2d1;
    background: #fff;
    text-decoration: none;
}
.hero-btn:hover, .hero-btn:focus {
    border-color: #10c2d1;
    color: #fff;
    background-color: #10c2d1;
    text-decoration: none;
}
.read-more-btn {
    display: inline-block;
    color: #323a45;
    text-transform: uppercase;
    font-weight: 400;
}
.read-more-btn i, .download-btn i {
    margin-left: 5px
}
.showcase .download-btn {
    margin-top: 50px
}
.download .download-btn {
    margin-top: 25px
}
.input-round {
    display: inline-block;
    padding: 10px 18px;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 14px;
    background: #fff;
    color: #303030;
}
.input-round-large {
    display: inline-block;
    padding: 18px 46px;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    background: transparent;
    width: 100%;
}
.btn-signup {
    display: inline-block;
    padding: 18px 46px;
    border: 2px solid #fff;
    border-radius: 50px;
    background: #fff;
    font-size: 16px;
    color: #10c2d1;
}
.remember-forget {
    padding-left: 18px;
    margin-top: 5px;
}
.remember-forget input{
    vertical-align: middle;
}
.btn-login {
    background: transparent;
    height: 44px;
    width: auto;
    border: solid 2px #fff;
    border-radius: 30px;
    vertical-align: top;
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
}
.btn-login:hover {
    background: #149da8;
    border: solid 2px #149da8;
    color: #fff;

    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
/*.btn-social {
    height: 40px;
    width: 40px;
    border: solid 2px #fff;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
}*/
.social-login > a > span {
  color: #fff;
  margin-top: 5px;
}
.social-login > a  {
  margin-left: 15px;
  margin-right: 15px;
  width: 44px;
  padding: 6px 12px;
}
.social-login > a.facebook:hover  {
  background: #3b5998;
  border-color: #3b5998;
}
.social-login > a.google:hover  {
  background: #dd4b39;
  border-color: #dd4b39;
}
.social-login > a.linkedin:hover  {
  background: #007bb6;
  border-color: #007bb6;
}

.social-login-page > a.facebook  {
  background: #3b5998;
  border-color: #3b5998;
}
.social-login-page > a.google  {
  background: #dd4b39;
  border-color: #dd4b39;
}
.social-login-page > a.linkedin  {
  background: #007bb6;
  border-color: #007bb6;
}

.social-login-page > a.facebook:hover  {
  background: #2d4373;
  border-color: #2d4373;
}
.social-login-page > a.google:hover  {
  background: #c23321;
  border-color: #c23321;
}
.social-login-page > a.linkedin:hover  {
  background: #005983;
  border-color: #005983;
}

/* ==========================================================================
Navigation
========================================================================== */
.nav-toggle {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 999999;
    padding: 10px 35px 16px 0px;
    cursor: pointer;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 1px;
    background: #fff;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -10px
}
.nav-toggle span:after {
    bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
    background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
    top: 0
}
.nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}


/* ==========================================================================
Hero
========================================================================== */
.top-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 30px;
  z-index: 2;
}
.hero {
    position: relative;
    color: #fff;
}
.hero h1 {
    margin: 0 0 55px 0;
    font-weight: 400;
    font-size: 38px;
}
.hero h1 span {
    display: inline-block;
    color: #a1a9b0;
}
#home {
    width: 100%;
    height: 100%;
}
.hero {
    width: 100%;
    height: 100%;
}
header i {
    margin-left: 2px
}
.showcase-slide {
    width: 100%;
}


.or-home span:before {
    content: " ";
    border-top: solid 1px #fff;
    position: absolute;
    width: 38%;
    left: 5%;
    top: 10px;
}
.or-home span:after {
    content: " ";
    border-top: solid 1px #fff;
    position: absolute;
    width: 38%;
    right: 5%;
    top: 10px;
}
/* ==========================================================================
Custom Slider Controls (Flickity)
========================================================================== */
.flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    opacity: 1;
    background: transparent;
    border: 2px solid white;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.flickity-page-dots .dot.is-selected {
    background: white;
}
/* ==========================================================================
Crinetic inside
========================================================================== */
.crinetic-inside h2 {
    font-size: 38px;
    font-weight: 500;
    margin: 50px 0 30px 0;
}
/*.crinetic-inside-bg {
    position: relative;
    min-height: 797px;
    background: url('/img/inside.png') no-repeat center center;
    background-size: contain;
}*/
/* ==========================================================================
Features Slider
========================================================================== */
.fs40 {
    font-size: 40px !important;
}
.feature img {
  margin: auto;
}
.features-bg {
    position: relative;
    min-height: 400px;
    background: url('/img/features-intro-01.jpg') no-repeat center center;
    background-size: cover;
}
.features-bg-inside {
    position: relative;
    min-height: 797px;
    background: url('/img/inside.png') no-repeat center center;
    background-size: contain;
}
.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}
.features-slider {
    position: relative;
    padding: 11% 100px 10% 100px;
    height: 400px;
    background-color: #10c2d1;
}
.features-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.features-slider ul li {
    width: 100%;
}
.features-slider li h1 {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.features-slider li p {
    color: #fff;
    font-size: 14px;
}
.features-intro-img {
    position: relative
}
.slides li h1 {
    margin: 0;
    padding: 0;
}
.features-slider .flickity-page-dots {
    text-align: left;
    margin-top: 50px;
    position: static;
}
.features-slider .flickity-page-dots .dot {
    margin: 0 12px 0 0;
}

/* ==========================================================================
Features List
========================================================================== */
.features-list {
    padding: 60px 0 0 0;
}
.features-list h1 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #24374b;
    font-size: 20px;
}
.features-list p {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #778899;
}
.feature-content {
    display: inline-block;
    margin-left: 0;
    width: 65%;
}



/* ==========================================================================
Download Now
========================================================================== */
.download {
    padding: 50px 0;
    background-color: #10c2d1;
}
.download h1 {
    margin: 0 0 15px 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}

/* ==========================================================================
Footer
========================================================================== */
footer {
    padding: 100px 0
}
footer p {
    color: #c7cacc;
    font-size: 12px;
}
footer ul {
    margin-top: 30px
}
footer li {
    float: left;
    margin-right: 15%;
    list-style: none;
    text-transform: uppercase;
    font-weight: 400;
}
footer li a {
    color: #10c2d1
}
footer li:last-child {
    margin-right: 0
}

/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 82, 113, 0.95);
}

/* Menu style */
.overlay nav {
    position: relative;
    top: 50%;
    height: 60%;
    text-align: center;
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.overlay ul {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.overlay ul li {
    display: block;
    float: left;
    margin-right: 20px;
}
.overlay ul li:last-child {
    margin-right: 0px
}
.overlay ul li i {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
}
.overlay ul li a {
    display: block;
    padding: 50px 0;
    min-width: 190px;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color: #345271;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.overlay ul li a:hover, .overlay ul li a:focus {
    border-color: #10c2d1;
    color: #10c2d1;
}

/* Effects */
.overlay-boxify {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility: hidden
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
    visibility: visible
}
.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

/* Popover */
.popover {
  min-width: 276px;
}
.popover-title,
.popover-content {
  color: #2a2f33;
}

.popover-content a {
    font-size: inherit;
}

.popover-links {
  display: block;
  margin-top: 10px;
  font-size: 11px;
}

@media screen and (max-width:1200px){
    .device{left:20%;top:-36px;}
    footer li{margin-right:10%;}
    .feature-content{width:55%;}
}
@media screen and (max-width:991px){
    .feature-1,.feature-2{margin-bottom:50px;}
    .device{display:none;}
    .screenshots ul li{width:50%;}
    .screenshots-intro{padding:110px 0 100px 0;}
    .feature-content{width:80%;}
    .features-slider{height:100%}
    .crinetic-inside {padding:0 !important;}
    /*.hero {
        padding: 10px;
    }*/
}
@media screen and (max-width:680px){
    .feature-content{width:60%;}
}
@media screen and (max-width:640px){
    .use-btn{display:none;}
    footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none;}
    nav{/*margin-top:40px;*/}
    .overlay ul{margin-left:0px;}
    .overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
}
@media screen and (max-width:768px){
    /*.hero h1{font-size:34px;margin:140px 0 45px 0;}*/
    .screenshots ul li{width:100%;min-height:100%;float:none;}
    section.video i{font-size:30px;}
    section.video h1{font-size:15px;font-weight:400;}
    section.video{padding:40px;}
    .feature-content{width:100%;text-align:center;margin-top:20px;}
    .feature-icon{display:block;margin:0 auto;}
    blockquote p{width:60%;}
    .features-slider {padding: 11% 50px 10% 50px;}
    .top-area {
      padding: 30px 0;
    }
}



.btn-scroll-down {
  width: 100px;
  height: 50px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  -webkit-transition: display 0.5s easy-in-out;
  -moz-transition: display 0.5s easy-in-out;
  -o-transition: display 0.5s easy-in-out;
  -ms-transition: display 0.5s easy-in-out;
  transition: display 0.5s easy-in-out;
}
.btn-scroll-down:before,
.btn-scroll-down:after {
  content: '';
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.btn-scroll-down:before {
  bottom: 20px;
  width: 60px;
  height: 60px;
}
.btn-scroll-down:after {
  width: 30px;
  height: 30px;
  bottom: 35px;
  -webkit-animation: sc-down-a 0.3s infinite alternate;
  -moz-animation: sc-down-a 0.3s infinite alternate;
  -o-animation: sc-down-a 0.3s infinite alternate;
  -ms-animation: sc-down-a 0.3s infinite alternate;
  animation: sc-down-a 0.3s infinite alternate;
}

.field-register-form-username {
  display: none;
}

#modal-faq .modal-body > .panel-group h3 {
  margin-top: 20px; 
}
#modal-faq .modal-body > .panel-group h3:first-child {
  margin-top: 0px; 
}

/*404*/
.e404 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.9);
  overflow: hidden;
  text-align: center;
}
.e404-msg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.e404 h1 {
  font-size: 80px;
}


#login-form-rememberme {margin: 0;}

#step-2,
#step-3,
#step-4 {visibility: hidden;}


.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 480px;
}


.something-semantic {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.something-else-semantic {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .actions,
  .actions .fs14 {
    font-size: 12px;
  }
  .actions .mr1 {
    margin-right: 6px;
  }
  .hidden-480 {
    display: none;
  }
  .top-area {
    position: relative;
    padding: 10px;
  }
  /*.something-semantic {
    position: relative;
  }
  .something-else-semantic {
    display: block;
  }*/
  .hero h1{font-size:20px; margin: 10px 0;}
  .btn-scroll-down {
    width: auto;
    height: auto;
    bottom: 0;
  }
  .btn-scroll-down:before {
      bottom: 20px;
      width: 30px;
      height: 30px;
  }
  .btn-scroll-down:after {
      width: 10px;
      height: 10px;
      bottom: 30px;
  }
  .hero-btn {
        padding: 5px 20px;
        margin-bottom: 15px;
  }
}

.forbidden {
    cursor: pointer;
}

.cc-revoke, .cc-window {
  font-size: 12px !important;
}