/*************************************************************/
/*********************** General Styles **********************/
/*************************************************************/

body {
	text-rendering: optimizeLegibility;
	word-wrap: normal;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

a:hover,
a:focus,
a:active {
  /*color: #182430;*/
  text-decoration: none;
}

.main-wrapper {
  background-color: white;
  margin: 0 auto;
}

.display-table {
	display: table!important;
	height: 100%;
}

.display-block {
	display: block!important;
}

.display-table-cell {
	display: table-cell!important;
}

.valign-top {
	vertical-align: top;
}
.valign-middle {
	vertical-align: middle;
}
.valign-bottom {
	vertical-align: bottom;
}

@media (min-width: 1200px) {

  .boxed {
    width: 1170px;
    -webkit-box-shadow: 0 0 3px #cdcdcd;
            box-shadow: 0 0 3px #cdcdcd;
  }

  .boxed .container {
    width: 1140px;
  }

}


/*************************************************************/
/************************** Regions **************************/
/*************************************************************/

/** Region & Block Spacings **/
.region,
.block {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}

.region-0 .region,
.block-0 .block {
  padding-top: 0;
  padding-bottom: 0;
}

.region-5 .region,
.block-5 .block {
  padding-top: 5px;
  padding-bottom: 5px;
}

.region-10 .region,
.block-10 .block {
  padding-top: 10px;
  padding-bottom: 10px;
}

.region-15 .region,
.block-15 .block {
  padding-top: 15px;
  padding-bottom: 15px;
}

.region-30 .region,
.block-30 .block {
  padding-top: 30px;
  padding-bottom: 30px;
}

.region-50 .region,
.block-50 .block {
  padding-top: 50px;
  padding-bottom: 50px;
}


/*************************************************************/
/*********************** Generic Styles **********************/
/*************************************************************/

.margin-5         { margin: 5px!important; }
.margin-left-5    { margin-left: 5px!important; }
.margin-top-5     { margin-top: 5px!important; }
.margin-right-5   { margin-right: 5px!important; }
.margin-bottom-5  { margin-bottom: 5px!important; }

.margin-10        { margin: 10px!important; }
.margin-left-10   { margin-left: 10px!important; }
.margin-top-10    { margin-top: 10px!important; }
.margin-right-10  { margin-right: 10px!important; }
.margin-bottom-10 { margin-bottom: 10px!important; }

.margin-15        { margin: 15px!important; }
.margin-left-15   { margin-left: 15px!important; }
.margin-top-15    { margin-top: 15px!important; }
.margin-right-15  { margin-right: 15px!important; }
.margin-bottom-15 { margin-bottom: 15px!important; }

.margin-20        { margin: 20px!important; }
.margin-left-20   { margin-left: 20px!important; }
.margin-top-20    { margin-top: 20px!important; }
.margin-right-20  { margin-right: 20px!important; }
.margin-bottom-20 { margin-bottom: 20px!important; }

.margin-30        { margin: 30px!important; }
.margin-left-30   { margin-left: 30px!important; }
.margin-top-30    { margin-top: 30px!important; }
.margin-right-30  { margin-right: 30px!important; }
.margin-bottom-30 { margin-bottom: 30px!important; }

.margin-40        { margin: 40px!important; }
.margin-left-40   { margin-left: 40px!important; }
.margin-top-40    { margin-top: 40px!important; }
.margin-right-40  { margin-right: 40px!important; }
.margin-bottom-40 { margin-bottom: 40px!important; }

.margin-50        { margin: 50px!important; }
.margin-left-50   { margin-left: 50px!important; }
.margin-top-50    { margin-top: 50px!important; }
.margin-right-50  { margin-right: 50px!important; }
.margin-bottom-50 { margin-bottom: 50px!important; }

.margin-60        { margin: 60px!important; }
.margin-left-60   { margin-left: 60px!important; }
.margin-top-60    { margin-top: 60px!important; }
.margin-right-60  { margin-right: 60px!important; }
.margin-bottom-60 { margin-bottom: 60px!important; }

.margin-70        { margin: 70px!important; }
.margin-left-70   { margin-left: 70px!important; }
.margin-top-70    { margin-top: 70px!important; }
.margin-right-70  { margin-right: 70px!important; }
.margin-bottom-70 { margin-bottom: 70px!important; }

.margin-80        { margin: 80px!important; }
.margin-left-80   { margin-left: 80px!important; }
.margin-top-80    { margin-top: 80px!important; }
.margin-right-80  { margin-right: 80px!important; }
.margin-bottom-80 { margin-bottom: 80px!important; }

.margin-90        { margin: 90px!important; }
.margin-left-90   { margin-left: 90px!important; }
.margin-top-90    { margin-top: 90px!important; }
.margin-right-90  { margin-right: 90px!important; }
.margin-bottom-90 { margin-bottom: 90px!important; }

.no-margin        { margin: 0!important; }
.no-margin-left   { margin-left: 0!important; }
.no-margin-top    { margin-top: 0!important; }
.no-margin-right  { margin-right: 0!important; }
.no-margin-bottom { margin-bottom: 0!important; }


@media (max-width: 1200px) {
  .no-margin-md        { margin: 0!important; }
  .no-margin-md-left   { margin-left: 0!important; }
  .no-margin-md-top    { margin-top: 0!important; }
  .no-margin-md-right  { margin-right: 0!important; }
  .no-margin-md-bottom { margin-bottom: 0!important; }

  .margin-md-5         { margin: 5px!important; }
  .margin-left-md-5    { margin-left: 5px!important; }
  .margin-top-md-5     { margin-top: 5px!important; }
  .margin-right-md-5   { margin-right: 5px!important; }
  .margin-bottom-md-5  { margin-bottom: 5px!important; }

  .margin-md-10        { margin: 10px!important; }
  .margin-left-md-10   { margin-left: 10px!important; }
  .margin-top-md-10    { margin-top: 10px!important; }
  .margin-right-md-10  { margin-right: 10px!important; }
  .margin-bottom-md-10 { margin-bottom: 10px!important; }

  .margin-md-15        { margin: 15px!important; }
  .margin-left-md-15   { margin-left: 15px!important; }
  .margin-top-md-15    { margin-top: 15px!important; }
  .margin-right-md-15  { margin-right: 15px!important; }
  .margin-bottom-md-15 { margin-bottom: 15px!important; }

  .margin-md-20        { margin: 20px!important; }
  .margin-left-md-20   { margin-left: 20px!important; }
  .margin-top-md-20    { margin-top: 20px!important; }
  .margin-right-md-20  { margin-right: 20px!important; }
  .margin-bottom-md-20 { margin-bottom: 20px!important; }

  .margin-md-30        { margin: 30px!important; }
  .margin-left-md-30   { margin-left: 30px!important; }
  .margin-top-md-30    { margin-top: 30px!important; }
  .margin-right-md-30  { margin-right: 30px!important; }
  .margin-bottom-md-30 { margin-bottom: 30px!important; }

  .margin-md-40        { margin: 40px!important; }
  .margin-left-md-40   { margin-left: 40px!important; }
  .margin-top-md-40    { margin-top: 40px!important; }
  .margin-right-md-40  { margin-right: 40px!important; }
  .margin-bottom-md-40 { margin-bottom: 40px!important; }

  .margin-md-50        { margin: 50px!important; }
  .margin-left-md-50   { margin-left: 50px!important; }
  .margin-top-md-50    { margin-top: 50px!important; }
  .margin-right-md-50  { margin-right: 50px!important; }
  .margin-bottom-md-50 { margin-bottom: 50px!important; }

  .margin-md-60        { margin: 60px!important; }
  .margin-left-md-60   { margin-left: 60px!important; }
  .margin-top-md-60    { margin-top: 60px!important; }
  .margin-right-md-60  { margin-right: 60px!important; }
  .margin-bottom-md-60 { margin-bottom: 60px!important; }
}

@media (max-width: 991px) {
  .no-margin-sm        { margin: 0!important; }
  .no-margin-sm-left   { margin-left: 0!important; }
  .no-margin-sm-top    { margin-top: 0!important; }
  .no-margin-sm-right  { margin-right: 0!important; }
  .no-margin-sm-bottom { margin-bottom: 0!important; }

  .margin-sm-5         { margin: 5px!important; }
  .margin-left-sm-5    { margin-left: 5px!important; }
  .margin-top-sm-5     { margin-top: 5px!important; }
  .margin-right-sm-5   { margin-right: 5px!important; }
  .margin-bottom-sm-5  { margin-bottom: 5px!important; }

  .margin-sm-10        { margin: 10px!important; }
  .margin-left-sm-10   { margin-left: 10px!important; }
  .margin-top-sm-10    { margin-top: 10px!important; }
  .margin-right-sm-10  { margin-right: 10px!important; }
  .margin-bottom-sm-10 { margin-bottom: 10px!important; }

  .margin-sm-15        { margin: 15px!important; }
  .margin-left-sm-15   { margin-left: 15px!important; }
  .margin-top-sm-15    { margin-top: 15px!important; }
  .margin-right-sm-15  { margin-right: 15px!important; }
  .margin-bottom-sm-15 { margin-bottom: 15px!important; }

  .margin-sm-20        { margin: 20px!important; }
  .margin-left-sm-20   { margin-left: 20px!important; }
  .margin-top-sm-20    { margin-top: 20px!important; }
  .margin-right-sm-20  { margin-right: 20px!important; }
  .margin-bottom-sm-20 { margin-bottom: 20px!important; }

  .margin-sm-30        { margin: 30px!important; }
  .margin-left-sm-30   { margin-left: 30px!important; }
  .margin-top-sm-30    { margin-top: 30px!important; }
  .margin-right-sm-30  { margin-right: 30px!important; }
  .margin-bottom-sm-30 { margin-bottom: 30px!important; }

  .margin-sm-40        { margin: 40px!important; }
  .margin-left-sm-40   { margin-left: 40px!important; }
  .margin-top-sm-40    { margin-top: 40px!important; }
  .margin-right-sm-40  { margin-right: 40px!important; }
  .margin-bottom-sm-40 { margin-bottom: 40px!important; }

  .margin-sm-50        { margin: 50px!important; }
  .margin-left-sm-50   { margin-left: 50px!important; }
  .margin-top-sm-50    { margin-top: 50px!important; }
  .margin-right-sm-50  { margin-right: 50px!important; }
  .margin-bottom-sm-50 { margin-bottom: 50px!important; }

  .margin-sm-60        { margin: 60px!important; }
  .margin-left-sm-60   { margin-left: 60px!important; }
  .margin-top-sm-60    { margin-top: 60px!important; }
  .margin-right-sm-60  { margin-right: 60px!important; }
  .margin-bottom-sm-60 { margin-bottom: 60px!important; }
}

@media (max-width: 767px) {
  .no-margin-xs        { margin: 0!important; }
  .no-margin-xs-left   { margin-left: 0!important; }
  .no-margin-xs-top    { margin-top: 0!important; }
  .no-margin-xs-right  { margin-right: 0!important; }
  .no-margin-xs-bottom { margin-bottom: 0!important; }

  .margin-xs-5         { margin: 5px!important; }
  .margin-left-xs-5    { margin-left: 5px!important; }
  .margin-top-xs-5     { margin-top: 5px!important; }
  .margin-right-xs-5   { margin-right: 5px!important; }
  .margin-bottom-xs-5  { margin-bottom: 5px!important; }

  .margin-xs-10        { margin: 10px!important; }
  .margin-left-xs-10   { margin-left: 10px!important; }
  .margin-top-xs-10    { margin-top: 10px!important; }
  .margin-right-xs-10  { margin-right: 10px!important; }
  .margin-bottom-xs-10 { margin-bottom: 10px!important; }

  .margin-xs-15        { margin: 15px!important; }
  .margin-left-xs-15   { margin-left: 15px!important; }
  .margin-top-xs-15    { margin-top: 15px!important; }
  .margin-right-xs-15  { margin-right: 15px!important; }
  .margin-bottom-xs-15 { margin-bottom: 15px!important; }

  .margin-xs-20        { margin: 20px!important; }
  .margin-left-xs-20   { margin-left: 20px!important; }
  .margin-top-xs-20    { margin-top: 20px!important; }
  .margin-right-xs-20  { margin-right: 20px!important; }
  .margin-bottom-xs-20 { margin-bottom: 20px!important; }

  .margin-xs-30        { margin: 30px!important; }
  .margin-left-xs-30   { margin-left: 30px!important; }
  .margin-top-xs-30    { margin-top: 30px!important; }
  .margin-right-xs-30  { margin-right: 30px!important; }
  .margin-bottom-xs-30 { margin-bottom: 30px!important; }

  .margin-xs-40        { margin: 40px!important; }
  .margin-left-xs-40   { margin-left: 40px!important; }
  .margin-top-xs-40    { margin-top: 40px!important; }
  .margin-right-xs-40  { margin-right: 40px!important; }
  .margin-bottom-xs-40 { margin-bottom: 40px!important; }

  .margin-xs-50        { margin: 50px!important; }
  .margin-left-xs-50   { margin-left: 50px!important; }
  .margin-top-xs-50    { margin-top: 50px!important; }
  .margin-right-xs-50  { margin-right: 50px!important; }
  .margin-bottom-xs-50 { margin-bottom: 50px!important; }

  .margin-xs-60        { margin: 60px!important; }
  .margin-left-xs-60   { margin-left: 60px!important; }
  .margin-top-xs-60    { margin-top: 60px!important; }
  .margin-right-xs-60  { margin-right: 60px!important; }
  .margin-bottom-xs-60 { margin-bottom: 60px!important; }

  .margin-xs-70        { margin: 70px!important; }
  .margin-left-xs-70   { margin-left: 70px!important; }
  .margin-top-xs-70    { margin-top: 70px!important; }
  .margin-right-xs-70  { margin-right: 70px!important; }
  .margin-bottom-xs-70 { margin-bottom: 70px!important; }

  .margin-xs-80        { margin: 80px!important; }
  .margin-left-xs-80   { margin-left: 80px!important; }
  .margin-top-xs-80    { margin-top: 80px!important; }
  .margin-right-xs-80  { margin-right: 80px!important; }
  .margin-bottom-xs-80 { margin-bottom: 80px!important; }
}

.padding-5         { padding: 5px!important; }
.padding-left-5    { padding-left: 5px!important; }
.padding-top-5     { padding-top: 5px!important; }
.padding-right-5   { padding-right: 5px!important; }
.padding-bottom-5  { padding-bottom: 5px!important; }

.padding-10        { padding: 10px!important; }
.padding-left-10   { padding-left: 10px!important; }
.padding-top-10    { padding-top: 10px!important; }
.padding-right-10  { padding-right: 10px!important; }
.padding-bottom-10 { padding-bottom: 10px!important; }

.padding-15        { padding: 15px!important; }
.padding-left-15   { padding-left: 15px!important; }
.padding-top-15    { padding-top: 15px!important; }
.padding-right-15  { padding-right: 15px!important; }
.padding-bottom-15 { padding-bottom: 15px!important; }

.padding-20        { padding: 20px!important; }
.padding-left-20   { padding-left: 20px!important; }
.padding-top-20    { padding-top: 20px!important; }
.padding-right-20  { padding-right: 20px!important; }
.padding-bottom-20 { padding-bottom: 20px!important; }

.padding-30        { padding: 30px!important; }
.padding-left-30   { padding-left: 30px!important; }
.padding-top-30    { padding-top: 30px!important; }
.padding-right-30  { padding-right: 30px!important; }
.padding-bottom-30 { padding-bottom: 30px!important; }

.padding-40        { padding: 40px!important; }
.padding-left-40   { padding-left: 40px!important; }
.padding-top-40    { padding-top: 40px!important; }
.padding-right-40  { padding-right: 40px!important; }
.padding-bottom-40 { padding-bottom: 40px!important; }

.padding-50        { padding: 50px!important; }
.padding-left-50   { padding-left: 50px!important; }
.padding-top-50    { padding-top: 50px!important; }
.padding-right-50  { padding-right: 50px!important; }
.padding-bottom-50 { padding-bottom: 50px!important; }

.padding-60        { padding: 60px!important; }
.padding-left-60   { padding-left: 60px!important; }
.padding-top-60    { padding-top: 60px!important; }
.padding-right-60  { padding-right: 60px!important; }
.padding-bottom-60 { padding-bottom: 60px!important; }

.padding-80 {
	padding: 80px!important;
}
.padding-left-80 {
	padding-left: 80px!important;
}
.padding-right-80 {
	padding-right: 80px!important;
}
.padding-top-80 {
	padding-top: 80px!important;
}
.padding-bottom-80 {
	padding-bottom: 80px!important;
}
.padding-90 {
	padding: 90px!important;
}
.padding-left-90 {
	padding-left: 90px!important;
}
.padding-right-90 {
	padding-right: 90px!important;
}
.padding-top-90 {
	padding-top: 90px!important;
}
.padding-bottom-90 {
	padding-bottom: 90px!important;
}
.padding-100 {
	padding: 100px!important;
}
.padding-left-100 {
	padding-left: 100px!important;
}
.padding-right-100 {
	padding-right: 100px!important;
}
.padding-top-100 {
	padding-top: 100px!important;
}
.padding-bottom-100 {
	padding-bottom: 100px!important;
}

.no-padding        { padding: 0!important; }
.no-padding-left   { padding-left: 0!important; }
.no-padding-top    { padding-top: 0!important; }
.no-padding-right  { padding-right: 0!important; }
.no-padding-bottom { padding-bottom: 0!important; }

@media (max-width: 1200px) {
  .no-padding-md        { padding: 0!important; }
  .no-padding-md-left   { padding-left: 0!important; }
  .no-padding-md-top    { padding-top: 0!important; }
  .no-padding-md-right  { padding-right: 0!important; }
  .no-padding-md-bottom { padding-bottom: 0!important; }

  .padding-md-5         { padding: 5px!important; }
  .padding-left-md-5    { padding-left: 5px!important; }
  .padding-top-md-5     { padding-top: 5px!important; }
  .padding-right-md-5   { padding-right: 5px!important; }
  .padding-bottom-md-5  { padding-bottom: 5px!important; }

  .padding-md-10        { padding: 10px!important; }
  .padding-left-md-10   { padding-left: 10px!important; }
  .padding-top-md-10    { padding-top: 10px!important; }
  .padding-right-md-10  { padding-right: 10px!important; }
  .padding-bottom-md-10 { padding-bottom: 10px!important; }

  .padding-md-15        { padding: 15px!important; }
  .padding-left-md-15   { padding-left: 15px!important; }
  .padding-top-md-15    { padding-top: 15px!important; }
  .padding-right-md-15  { padding-right: 15px!important; }
  .padding-bottom-md-15 { padding-bottom: 15px!important; }

  .padding-md-20        { padding: 20px!important; }
  .padding-left-md-20   { padding-left: 20px!important; }
  .padding-top-md-20    { padding-top: 20px!important; }
  .padding-right-md-20  { padding-right: 20px!important; }
  .padding-bottom-md-20 { padding-bottom: 20px!important; }

  .padding-md-30        { padding: 30px!important; }
  .padding-left-md-30   { padding-left: 30px!important; }
  .padding-top-md-30    { padding-top: 30px!important; }
  .padding-right-md-30  { padding-right: 30px!important; }
  .padding-bottom-md-30 { padding-bottom: 30px!important; }

  .padding-md-40        { padding: 20px!important; }
  .padding-left-md-40   { padding-left: 20px!important; }
  .padding-top-md-40    { padding-top: 20px!important; }
  .padding-right-md-40  { padding-right: 20px!important; }
  .padding-bottom-md-40 { padding-bottom: 20px!important; }

  .padding-md-50        { padding: 50px!important; }
  .padding-left-md-50   { padding-left: 50px!important; }
  .padding-top-md-50    { padding-top: 50px!important; }
  .padding-right-md-50  { padding-right: 50px!important; }
  .padding-bottom-md-50 { padding-bottom: 50px!important; }
}

@media (max-width: 991px) {
  .no-padding-sm        { padding: 0!important; }
  .no-padding-sm-left   { padding-left: 0!important; }
  .no-padding-sm-top    { padding-top: 0!important; }
  .no-padding-sm-right  { padding-right: 0!important; }
  .no-padding-sm-bottom { padding-bottom: 0!important; }

  .padding-sm-5         { padding: 5px!important; }
  .padding-left-sm-5    { padding-left: 5px!important; }
  .padding-top-sm-5     { padding-top: 5px!important; }
  .padding-right-sm-5   { padding-right: 5px!important; }
  .padding-bottom-sm-5  { padding-bottom: 5px!important; }

  .padding-sm-10        { padding: 10px!important; }
  .padding-left-sm-10   { padding-left: 10px!important; }
  .padding-top-sm-10    { padding-top: 10px!important; }
  .padding-right-sm-10  { padding-right: 10px!important; }
  .padding-bottom-sm-10 { padding-bottom: 10px!important; }

  .padding-sm-15        { padding: 15px!important; }
  .padding-left-sm-15   { padding-left: 15px!important; }
  .padding-top-sm-15    { padding-top: 15px!important; }
  .padding-right-sm-15  { padding-right: 15px!important; }
  .padding-bottom-sm-15 { padding-bottom: 15px!important; }

  .padding-sm-20        { padding: 20px!important; }
  .padding-left-sm-20   { padding-left: 20px!important; }
  .padding-top-sm-20    { padding-top: 20px!important; }
  .padding-right-sm-20  { padding-right: 20px!important; }
  .padding-bottom-sm-20 { padding-bottom: 20px!important; }

  .padding-sm-30        { padding: 30px!important; }
  .padding-left-sm-30   { padding-left: 30px!important; }
  .padding-top-sm-30    { padding-top: 30px!important; }
  .padding-right-sm-30  { padding-right: 30px!important; }
  .padding-bottom-sm-30 { padding-bottom: 30px!important; }

  .padding-sm-40        { padding: 40px!important; }
  .padding-left-sm-40   { padding-left: 40px!important; }
  .padding-top-sm-40    { padding-top: 40px!important; }
  .padding-right-sm-40  { padding-right: 40px!important; }
  .padding-bottom-sm-40 { padding-bottom: 40px!important; }

  .padding-sm-50        { padding: 50px!important; }
  .padding-left-sm-50   { padding-left: 50px!important; }
  .padding-top-sm-50    { padding-top: 50px!important; }
  .padding-right-sm-50  { padding-right: 50px!important; }
  .padding-bottom-sm-50 { padding-bottom: 50px!important; }
}

@media (max-width: 767px) {
  .no-padding-xs        { padding: 0!important; }
  .no-padding-xs-left   { padding-left: 0!important; }
  .no-padding-xs-top    { padding-top: 0!important; }
  .no-padding-xs-right  { padding-right: 0!important; }
  .no-padding-xs-bottom { padding-bottom: 0!important; }

  .padding-xs-5         { padding: 5px!important; }
  .padding-left-xs-5    { padding-left: 5px!important; }
  .padding-top-xs-5     { padding-top: 5px!important; }
  .padding-right-xs-5   { padding-right: 5px!important; }
  .padding-bottom-xs-5  { padding-bottom: 5px!important; }

  .padding-xs-10        { padding: 10px!important; }
  .padding-left-xs-10   { padding-left: 10px!important; }
  .padding-top-xs-10    { padding-top: 10px!important; }
  .padding-right-xs-10  { padding-right: 10px!important; }
  .padding-bottom-xs-10 { padding-bottom: 10px!important; }

  .padding-xs-15        { padding: 15px!important; }
  .padding-left-xs-15   { padding-left: 15px!important; }
  .padding-top-xs-15    { padding-top: 15px!important; }
  .padding-right-xs-15  { padding-right: 15px!important; }
  .padding-bottom-xs-15 { padding-bottom: 15px!important; }

  .padding-xs-20        { padding: 20px!important; }
  .padding-left-xs-20   { padding-left: 20px!important; }
  .padding-top-xs-20    { padding-top: 20px!important; }
  .padding-right-xs-20  { padding-right: 20px!important; }
  .padding-bottom-xs-20 { padding-bottom: 20px!important; }

  .padding-xs-30        { padding: 30px!important; }
  .padding-left-xs-30   { padding-left: 30px!important; }
  .padding-top-xs-30    { padding-top: 30px!important; }
  .padding-right-xs-30  { padding-right: 30px!important; }
  .padding-bottom-xs-30 { padding-bottom: 30px!important; }

  .padding-xs-40        { padding: 40px!important; }
  .padding-left-xs-40   { padding-left: 40px!important; }
  .padding-top-xs-40    { padding-top: 40px!important; }
  .padding-right-xs-40  { padding-right: 40px!important; }
  .padding-bottom-xs-40 { padding-bottom: 40px!important; }

  .padding-xs-50        { padding: 50px!important; }
  .padding-left-xs-50   { padding-left: 50px!important; }
  .padding-top-xs-50    { padding-top: 50px!important; }
  .padding-right-xs-50  { padding-right: 50px!important; }
  .padding-bottom-xs-50 { padding-bottom: 50px!important; }

  .padding-xs-60        { padding: 60px!important; }
  .padding-left-xs-60   { padding-left: 60px!important; }
  .padding-top-xs-60    { padding-top: 60px!important; }
  .padding-right-xs-60  { padding-right: 60px!important; }
  .padding-bottom-xs-60 { padding-bottom: 60px!important; }

  .padding-xs-70        { padding: 70px!important; }
  .padding-left-xs-70   { padding-left: 70px!important; }
  .padding-top-xs-70    { padding-top: 70px!important; }
  .padding-right-xs-70  { padding-right: 70px!important; }
  .padding-bottom-xs-70 { padding-bottom: 70px!important; }

  .padding-xs-80        { padding: 80px!important; }
  .padding-left-xs-80   { padding-left: 80px!important; }
  .padding-top-xs-80    { padding-top: 80px!important; }
  .padding-right-xs-80  { padding-right: 80px!important; }
  .padding-bottom-xs-80 { padding-bottom: 80px!important; }
}

.position-relative { position: relative; }
.position-fixed { position: fixed; width: 100%; }
.position-fixed.top { top: 0; }
.position-fixed.bottom { bottom: 0; }

.img-responsive { display: inline-block; }
.img-full-width { width: 100%; }
.img-bottom { margin-bottom: -80px; }
.image-bg-center-cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.image-bg-top-cover {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.overlay {
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.overlay.overlay-30 {
  background: rgba(0,0,0,.3);
}

/*.show { display: block!important; }*/
.hide { display: none!important; }

@media (max-width: 1200px) {
  .text-left-md   { text-align: left!important; }
  .text-center-md { text-align: center!important; }
  .text-right-md  { text-align: right!important; }
}

@media (max-width: 991px) {
  .text-left-sm   { text-align: left!important; }
  .text-center-sm { text-align: center!important; }
  .text-right-sm  { text-align: right!important; }
}

@media (max-width: 767px) {
  .text-left-xs   { text-align: left!important; }
  .text-center-xs { text-align: center!important; }
  .text-right-xs  { text-align: right!important; }
}



/*************************************************************/
/************************* Typography ************************/
/*************************************************************/

.size-11  { font-size: 11px!important; }
.size-12  { font-size: 12px!important; }
.size-13  { font-size: 13px!important; }
.size-14  { font-size: 14px!important; }
.size-15  { font-size: 15px!important; }
.size-16  { font-size: 16px!important; }
.size-18  { font-size: 18px!important; }
.size-20  { font-size: 20px!important; }
.size-24  { font-size: 24px!important; }
.size-32  { font-size: 32px!important; }
.size-36  { font-size: 36px!important; }
.size-45  { font-size: 45px!important; }
.size-48  { font-size: 48px!important; }
.size-64  { font-size: 64px!important; }
.size-128 { font-size: 128px!important; }

.text-bold { font-weight: 700; }

.lato-font { font-family: 'Lato', sans-serif; }
.bitter-font { font-family: 'Bitter', serif; }
.roboto-font { font-family: 'Roboto Slab', serif; }

.font-weight-100 { font-weight: 100!important; }
.font-weight-200 { font-weight: 200!important; }
.font-weight-300 { font-weight: 300!important; }
.font-weight-400 { font-weight: 400!important; }
.font-weight-500 { font-weight: 500!important; }
.font-weight-600 { font-weight: 600!important; }
.font-weight-700 { font-weight: 700!important; }
.font-weight-800 { font-weight: 800!important; }
.font-weight-900 { font-weight: 900!important; }

.letter-spacing-3 { letter-spacing: 3px; }
.letter-spacing-5 { letter-spacing: 5px; }
.letter-spacing-8 { letter-spacing: 8px; }

h1, h2, h3, h4, h5, h6 {
  margin: 1.2em 0 1em;
}
h1, h2 {

}
h3, h4, h5, h6 {
  margin-bottom: 10px;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {

}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

p, span {
  /*font-size: 1rem;*/
}

p:last-child {
  margin-bottom: 0;
}

.page-title h1 {
  margin: 0;
  font-size: 1.6em;
}

.icon-list {
  list-style: none;
}

.icon-list li {
  position: relative;
}

.icon-list i {
  font-size: 0.8em;
  position: absolute;
  left: -2em;
  width: 2em;
  top: 0.5em;
}

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

ul.tags li{
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 20px;
}

ul.tags li:last-child {
  margin-right: 0px;
}

.list-inline {
  margin-left: 0;
}

.list-style-none {
	list-style: none!important;
	margin: 0;
    padding: 0;
}



/*************************************************************/
/*************************** Menus ***************************/
/*************************************************************/

/** Nav **/
.nav > li > a {
  padding-left: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

/** Nav Pills **/
.nav-pills li {
  float: none;
  display: inline-block;
}

.nav-pills > li+li {
  margin-left: 30px;
}

.nav-pills > li > a {
  color: #777;
  padding: 0;
  /*-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;*/
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: transparent;
}

@media (max-width: 767px) {

  .nav-pills li {
    display: block;
  }

  .nav-pills > li+li {
    margin-left: 0px;
    margin-top: 5px;
  }

}




/*************************************************************/
/*************************** Labels **************************/
/*************************************************************/

.label {
  font-weight: normal;
  /*border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px #cdcdcd;
          box-shadow: 1px 1px 1px #cdcdcd;*/
}

.label-default { background-color: #2b2b2b; }
.label-aqua    { background-color: #9adada; }
.label-blue    { background-color: #2ac5ee; }
.label-brown   { background-color: #c2b49a; }
.label-emerald { background-color: #4fd8bf; }
.label-green   { background-color: #a3c95c; }
.label-orange  { background-color: #e64b00; }
.label-red     { background-color: #ff3b3b; }
.label-violet  { background-color: #705ab2; }
.label-yellow  { background-color: #f6c83a; }



/*************************************************************/
/*************************** Alerts **************************/
/*************************************************************/

.alert:last-child {
  margin-bottom: 0;
}



/*************************************************************/
/*********************** Progress Bars ***********************/
/*************************************************************/

.progress {
  height: 30px;
  border-radius: 0;
  font-weight: normal;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress:last-child {
  margin-bottom: 0;
}

.progress-bar {
  padding: 0 10px;
  line-height: 30px;
  font-size: 0.75em;
  text-align: left;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.progress-bar-aqua    { background-color: #9adada; }
.progress-bar-blue    { background-color: #2ac5ee; }
.progress-bar-brown   { background-color: #c2b49a; }
.progress-bar-emerald { background-color: #4fd8bf; }
.progress-bar-green   { background-color: #a3c95c; }
.progress-bar-orange  { background-color: #e64b00; }
.progress-bar-red     { background-color: #ff3b3b; }
.progress-bar-violet  { background-color: #705ab2; }
.progress-bar-yellow  { background-color: #f6c83a; }



/*************************************************************/
/*********************** Drupal Styles ***********************/
/*************************************************************/

#admin-tabs ul {
  margin-top: 30px;
}

.region.region-page-bottom {
  padding: 0px;
}

.profile .user-picture {
  float: none;
  margin: 0px;
}



/*************************************************************/
/************************ Back to Top ************************/
/*************************************************************/

#back-to-top {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 25px;
  position: fixed;
  bottom: 0;
  right: 20px;
  display: none;
  background: #222;
  color: #f6f6f6;
  border: 1px solid #1b1b1b;
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-in-out;
     -moz-transition: background 0.3s ease-in-out;
       -o-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

#back-to-top:hover {
  background: #1b1b1b;
}

#back-to-top i {
  line-height: 50px;
}



/*************************************************************/
/******************** Colors & Backgrounds *******************/
/*************************************************************/

/** Text Color Palette **/
.bg-color-theme.text-color-light a {
  color: #777;
}

.text-color-light,
.text-color-light h1,
.text-color-light h2,
.text-color-light h3,
.text-color-light h4,
.text-color-light h5,
.text-color-light h6,
.text-color-light a,
.text-color-light a:hover,
.text-color-light a:focus,
.text-color-light a:active,
.text-color-light .btn-link:hover,
.text-color-light .btn-link:focus,
.text-color-light .btn-link:active,
.text-color-light .btn-link.active,
.text-color-light .open .dropdown-toggle.btn-link,
.text-color-light .social-networks-top-header a,
.text-color-light .social-networks-footer a {
  color: #fff;
}

.text-color-light.bg-color-theme .btn-default,
.text-color-light .btn-default {
  color: #fff;
  border-color: #fff;
}

.text-color-light .label-default {
  color: #2b2b2b;
  background-color: #fff;
}

.text-color-light .btn-default:hover,
.text-color-light .btn-default:focus,
.text-color-light .btn-default:active,
.text-color-light .btn-default.active,
.text-color-light .open .dropdown-toggle.btn-default {
  color: #2b2b2b;
  border-color: #fff;
  background-color: #fff;
}

/** Text Align **/
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-align-center { text-align: center; }

/** Text Colors **/
.text-color-white { color: #fff; }
.text-color-black { color: #000; }
.text-color-gray { color: #7a8083; }
.text-color-grayDark1 { color: #2b2b2b; }
.text-color-aqua      { color: #9adada; }
.text-color-blue      { color: #009ee4; }
.text-color-brown     { color: #c2b49a; }
.text-color-emerald   { color: #4fd8bf; }
.text-color-green     { color: #a3c95c; }
.text-color-orange    { color: #e64b00; }
.text-color-red       { color: #c50e1f; }
.text-color-red-light       { color: #fe9186; }
.text-color-violet    { color: #705ab2; }
.text-color-yellow    { color: #f6c83a; }

/** CASE **/

.text-case-upper {
	text-transform: uppercase;
}

.text-case-lower {
	text-transform: lowercase;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

/** Background Colors **/
.bg-color-grayDark1    { background-color: #222222; }
.bg-color-grayDark2    { background-color: #2b2b2b; }
.bg-color-grayLight1   { background-color: #f6f6f6; }
.bg-color-aqua         { background-color: #9adada; }
.bg-color-blue         { background-color: #009ee4; }
.bg-color-brown        { background-color: #c2b49a; }
.bg-color-emerald      { background-color: #4fd8bf; }
.bg-color-green        { background-color: #a3c95c; }
.bg-color-orange       { background-color: #e64b00; }
.bg-color-red          { background-color: #ff3b3b; }
.bg-color-violet       { background-color: #705ab2; }
.bg-color-yellow       { background-color: #f6c83a; }
.bg-color-black       { background-color: #000000; }
.bg-color-gray       { background-color: #ececec; }
.bg-color-darkgray       { background-color: #303130; }
.bg-color-white       { background-color: #ffffff; }

.hidden   { display: none!important; }
.show-inline   { display: inline-block!important; }
.show-block   { display: block!important; }

@media (max-width: 1200px) {
  .hidden-md   { display: none!important; }
  .show-inline-md   { display: inline-block!important; }
  .show-block-md   { display: block!important; }
}

@media (max-width: 991px) {
  .hidden-sm   { display: none!important; }
  .show-inline-sm   { display: inline-block!important; }
  .show-block-sm   { display: block!important; }
}
@media (min-width: 768px) {
	.show-inline-xs   { display: none!important; }
	.show-block-xs   { display: none!important; }
	.w-0-sm { width: auto; }
}
@media (max-width: 767px) {
  .hidden-xs   { display: none!important; }
  .show-inline-xs   { display: inline-block!important; }
  .show-block-xs   { display: block!important; }
  .w-100-xs { width: 100%; }
}


.no-line-height {
	line-height: 0!important;
}

.underline, .text-underline {
	text-decoration: underline;
}

.img-rounded {
	border-radius: calc(100% / 2);
}


.border-radius-5 {
	border-radius: 5px!important;
}
.border-radius-10 {
	border-radius: 10px!important;
}
.no-border-radius-top {
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
}
.no-border-radius-bottom {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
.no-border-radius-left {
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}
.no-border-radius-right {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
.no-border {
	border: none!important;
}
.remove-gutter-15 {
	margin-left: -15px;
	margin-right: -15px;
}
.remove-gutter-20 {
	margin-left: -20px;
	margin-right: -20px;
}
.remove-gutter-30 {
	margin-left: -30px;
	margin-right: -30px;
}
.no-border-radius {
	border-radius: 0!important;
}
.no-container.container {
	width: 100%;
	max-width: 100%;
	/*padding: 0;*/
}

.overflow-hidden {
	overflow: hidden!important;
}

.full-height {
	height: 100vh!important;
}

.has-bg-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.has-bg-image.top-right {
	background-position: right top;
}
.has-bg-image.top-left {
	background-position: left top;
}
.has-bg-image.img-contain {
	background-size: contain;
}

.flex-it {
	display: flex;
	z-index: 1;
	position: relative;
}
.flex-align-right-bottom {
	align-items: flex-end;
	flex-direction: column-reverse;
}
.flex-align-left-bottom {
	align-items: flex-end;
	flex-direction: row;
}
.flex-align-right-top {
	align-items: flex-start;
	flex-direction: column-reverse;
}
.flex-align-left-top {
	align-items: flex-start;
	flex-direction: row;
}
.flex-align-center {
	align-items: safe center;
	flex-direction: row;
}
.text-align-center.flex-align-center {
	justify-content: center;
}
