/* ========================================================== 

   INITIALIZE

=============================================================*/

@import url("../css/font-awesome.css");

@import url("../css/open-sans.css");



/* BACKGROUND IMAGES

------------------------------------------------------ */

.page-bg {

  -webkit-background-size: cover!important;

  -moz-background-size: cover!important;

  -o-background-size: cover!important;

  -ms-background-size: cover!important;

  background-size: cover!important;

}



/*.page-bg {

  background: url("../images/pagebg.jpg") no-repeat center 0 fixed;

}*/



/* SKIN COLOR CLASSES 

------------------------------------------------------ */

.color-1 {

  color: #ee3124;

}



.color-1-bg {

  background-color: #ee3124;

}



.color-1-lighter-20pc {

  background-color: #f29f97;

}



.color-2 {

  color: #323a45;

}



.color-2-bg {

  background-color: #323a45;

}



.color-2-lighter-20pc {

  background-color: #5d6c80;

}



/* RECIPES

-------------------------------------------------- */

.u-case {

  text-transform: uppercase;

}



.l-case {

  text-transform: lowercase;

}



.c-case {

  text-transform: capitalize;

}



.italic {

  font-style: italic;

}



.align-center {

  text-align: center;

}



.align-left {

  text-align: left;

}



.align-right {

  text-align: right;

}



.no-margin {

  margin: 0 !important;

}



.no-margin-x {

  margin-left: 0 !important;

  margin-right: 0 !important;

}



.no-margin-y {

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}



.no-margin-b {

  margin-bottom: 0 !important;

}



.no-margin-t {

  margin-top: 0 !important;

}



.space-b {

  margin-bottom: 30px;

}



.no-pad {

  padding: 0 !important;

}



.no-pad-t {

  padding-bottom: 0 !important;

}



.no-pad-b {

  padding-top: 0 !important;

}



.width-100pc {

  width: 100%;

}



.width-90pc {

  width: 90%;

}



.width-95pc {

  width: 95%;

}



.width-80pc {

  width: 80%;

}



.width-50pc {

  width: 50%;

}



.clear {

  clear: both !important;

  visibility: hidden;

  display: block;

  height: 0;

}



.clearfix:before, .clearfix:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  height: 0;

}



.clearfix:after {

  clear: both;

}



.clearfix {

  zoom: 1;

}



.v-center {

  display: table;

  height: 100%;

  width: 100%;

}

.v-center .center {

  display: table-cell;

  vertical-align: middle;

}



@media (max-width: 767px) {

  .block-xs {

    display: block;

  }



  .no-float-xs {

    float: none !important;

  }



  .space-b-xs {

    margin-bottom: 30px;

  }



  .space-t-xs {

    margin-top: 30px;

  }



  .space-y-xs {

    margin-top: 15px;

    margin-bottom: 15px;

  }

}

/* TRANSITIONS

-------------------------------------------------- */

.ts-1, .tts-1 .tts-1-target {

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}



.ts-1:hover, .tts-1:hover .tts-1-target {

  -webkit-transform: scale(1.1) rotate(360deg);

  -moz-transform: scale(1.1) rotate(360deg);

  -o-transform: scale(1.1) rotate(360deg);

  -ms-transform: scale(1.1) rotate(360deg);

  transform: scale(1.1) rotate(360deg);

}



.ts-fadein, .tts-fadein .tts-fadein-target {

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

  -webkit-opacity: 0;

  -moz-opacity: 0;

  -o-opacity: 0;

  -ms-opacity: 0;

  opacity: 0;

}



.ts-fadein:hover, .tts-fadein:hover .tts-fadein-target {

  -webkit-opacity: 1;

  -moz-opacity: 1;

  -o-opacity: 1;

  -ms-opacity: 1;

  opacity: 1;

}



/* BOOTSTRAP RESETS

------------------------------------*/

.img-thumbnail,

.btn,

.btn-group .btn,

.btn-group .dropdown-menu,

.btn-group .btn,

.btn-group .btn:first-child:not(:last-child),

.btn-group .btn:last-child:not(:first-child),

.table-bordered,

.table-bordered tr:first-child th:first-child,

.table-bordered tr:first-child th:last-child,

.table-bordered tr:last-child td:first-child,

.table-bordered tr:last-child td:last-child,

.input-group .btn,

.input-group .dropdown-menu,

.input-group .form-control,

.input-group .input-group-addon,

.dropdown-menu,

.dropdown-menu .dropdown-submenu .dropdown-menu,

.form .form-control,

.form .btn,

.form-control,

.label,

.badge,

.alert,

.alert .btn,

.progress,

.breadcrumb,

.tooltip .tooltip-inner,

.popover,

.nav-list-panel,

.nav-tabs li > a,

.tabs-below .nav-tabs li > a,

.tabs-right .nav-tabs li > a,

.tabs-left .nav-tabs li > a,

.nav-tabs .dropdown-menu,

.tabs-below .nav-tabs .dropdown-menu,

.nav-pills li a,

.nav-pills .dropdown-menu,

.navbar,

.navbar .dropdown-menu,

.progress-bar, .progress

.pagination li:first-child a,

.pagination li:first-child span,

.pagination li:last-child a,

.pagination li:last-child span,

.pager li a:hover,

.pager li a:focus,

.panel-group .panel,

.panel-group .panel-heading,

.panel-group .panel-body,

.breadcrumb-arrow li:first-child a,

pre, code, .container .jumbotron {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -o-box-shadow: none;

  -ms-box-shadow: none;

  box-shadow: none;

  -webkit-text-shadow: none;

  -moz-text-shadow: none;

  -o-text-shadow: none;

  -ms-text-shadow: none;

  text-shadow: none;

}



/* BUTTONS

-------------------------------------------------- */

.btn {

  text-transform: capitalize;

  color: #fff;

  border: 0;

}

.btn:hover, .btn:active, .btn:focus {

  border: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -o-box-shadow: none;

  -ms-box-shadow: none;

  box-shadow: none;

  outline: none;

  color: #fff;

}



.btn-thicker {

  padding: 12px 24px;

}



.btn-primary {

  background-color: #ee3124;

}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {

  background-color: #cf4436;

  color: #fff;

  border: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -o-box-shadow: none;

  -ms-box-shadow: none;

  box-shadow: none;

  outline: none;

}



.btn-secondary {

  background-color: #5b616a;

}



.btn-white, .btn-secondary, .btn-color {

  color: #fff;

}

.btn-white:hover, .btn-secondary:hover, .btn-color:hover {

  color: #fff;

  background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

}



.btn-white {

  background-color: #fff;

  color: #323a45;

}

.btn-white:hover {

  color: #323a45;

}



.btn-outline {

  color: #fff;

  border: 1px solid #fff;

}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {

  background: #323a45;

  color: #fff;

  border: 1px solid #fff;

}



.btn i {

  margin: 0 10px 0 0;

  text-shadow: none;

  font-weight: normal;

  font-size: 1.2em;

}



.btn-default {

  background: #F5F5F5;

  border: 1px solid #ddd;

  color: #666;

}

.btn-default:hover {

  background: #eee;

  border: 1px solid #ddd;

}



.btn-default.no-border {

  border: none;

}



.btn-search:after {

  font-family: "FontAwesome";

  content: "\f002";

}



.split-buttons {

  margin: 0 auto;

  position: relative;

  width: 350px;

}



.split-buttons span {

  background: #323740;

  bottom: 0;

  color: #FFFFFF;

  display: block;

  font-style: italic;

  height: 30px;

  left: 0;

  line-height: 30px;

  margin: auto;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  width: 30px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);

}



.split-buttons .btn {

  display: inline-block;

  margin: 0;

  font: bold 16px "Open Sans Web";

  padding: 18px 0;

  text-transform: uppercase;

  width: 50%;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}



/* TABS

---------------------------------------------------*/

.tab-pane {

  padding: 20px;

  border: 1px solid #ddd;

  border-top: 0;

  background: #fff;

}



.tab-content.no-border .tab-pane {

  padding: 20px 0;

  border: 0;

  background: none;

}



.nav-tabs > li > a {

  color: #333;

  border: 1px solid #ddd;

  border-bottom: 0;

  border-right-width: 0;

  margin: 0;

  background: #FAFAFA;

  font-size: 13px;

  padding: 15px 20px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}



.nav-tabs > li:last-child > a, .nav-tabs > li:last-child.active > a {

  border-right-width: 1px !important;

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

  border-right-width: 0;

  border-top: 2px solid #ee3124;

}



.nav-tabs > li > a:hover {

  background: #fff;

  border-color: #ddd;

}



/* MODALS

-------------------------------------------------- */

.modal-content {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);

  box-shadow: 0 20px 0 -10px rgba(0, 0, 0, 0.1);

}



.modal-header {

  border: none;

}

.modal-header .close {

  color: #fff;

  margin: 10px 20px 0 0;

  opacity: 0.9;

  font-size: 22px;

}

.modal-header .close:hover {

  opacity: 1;

}



.modal-header .modal-title {

  background: #ee3124;

  color: #fff;

  padding: 10px 20px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}



/* PROGRESS

-------------------------------------------------- */

.progress {

  height: 35px;

}

.progress.white-bg {

  background-color: #fff;

  -webkit-box-shadow: inset 0 0 0 1px #ddd;

  -moz-box-shadow: inset 0 0 0 1px #ddd;

  -o-box-shadow: inset 0 0 0 1px #ddd;

  -ms-box-shadow: inset 0 0 0 1px #ddd;

  box-shadow: inset 0 0 0 1px #ddd;

}

.progress .skill {

  font: normal 12px "Open Sans Web";

  line-height: 35px;

  padding: 0;

  margin: 0 0 0 10px;

  text-transform: uppercase;

}

.progress .skill .val {

  float: right;

  font-style: normal;

  margin: 0 10px 0 0;

}

.progress .skill .fa {

  margin-right: 10px;

}



.progress-bar {

  text-align: left;

}



.progress-bar-grey {

    background-color: #888888 !important;

}





/* PAGINATION

-------------------------------------------------- */

.pagination li a {

  border: none;

  background: none;

  border: 1px solid #ddd;

  padding: 0 14px;

  line-height: 35px;

  display: block;

  margin-right: 5px;

  color: #323a45;

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  -o-border-radius: 0 !important;

  -ms-border-radius: 0 !important;

  border-radius: 0 !important;

}

.pagination li a:hover {

  background: #e5e5e5;

}

@media (max-width: 767px) {

  .pagination li a {

    padding: 0 14px;

    line-height: 35px;

  }

}

.pagination li:first-child a {

  color: #fff;

  background: #5b616a;

  font-size: 15px;

  border-color: #323a45;

}

.pagination li:first-child a:hover {

  background: #323a45;

}

.pagination li:last-child a {

  color: #fff;

  background: #ee3124;

  border-color: #b83c30;

  font-size: 15px;

}

.pagination li:last-child a:hover {

  background: #b83c30;

}

.pagination.align-center {

  width: 100%;

}

.pagination.align-center li {

  display: inline-block;

}

.pagination.align-center li a {

  margin-right: 1px;

}



/* PANELS

-------------------------------------------------- */

.panel-group .panel {

  margin-bottom: 15px;

}



.panel-heading {

  padding: 15px 20px;

}



.panel-heading .fa {

  margin-right: 7px;

}



/* JUMBOTRON

-------------------------------------------------- */

.container .jumbotron {

  background: #FCFCFC;

  border: 1px solid #DDDDDD;

}



.jumbotron {

  padding: 60px 40px 40px 40px;

}

.jumbotron p {

  font-size: 14px;

  margin: 0 0 20px 0;

}

.jumbotron h1 {

  font-size: 35px;

  text-transform: capitalize;

  margin: 0 0 25px 0;

  color: #666;

}

.jumbotron .btn.space {

  margin-right: 5px;

}



/* TABLE

-------------------------------------------------- */

.table {

  border: 1px solid #dddddd;

}



.table tbody > tr > td, .table thead > tr > th {

  padding: 10px;

}



.table th {

    background-color: #FAFAFA;

}



/* CALLOUTS

-------------------------------------------------- */

.bs-callout {

  border-left: 3px solid #EEEEEE;

  margin: 20px 0;

  padding: 20px;

}



.bs-callout h4 {

  margin: 0 0 5px 0;

}



.bs-callout p {

  margin: 0;

}



.bs-callout-warning {

  background-color: #fcf8f2 !important;

  border-color: #F0AD4E;

}



.bs-callout-warning h4 {

  color: #f0ad4e;

}



.bs-callout-danger {

  background-color: #FDF7F7;

  border-color: #d9534f !important;

}



.bs-callout-danger h4 {

  color: #d9534f;

}



.bs-callout-info {

  background-color: #F4F8FA;

  border-color: #5bc0de !important;

}



.bs-callout-info h4 {

  color: #5bc0de;

}



.bs-callout-success {

  background-color: #DFF0D8;

  border-color: #d6e9c6 !important;

}



/* BREADCRUMB

---------------------------------------------------*/

.breadcrumb {

  padding: 0;

  margin: 0;

  background: none;

}

.breadcrumb li {

  text-transform: capitalize;

  display: inline-block;

}

.breadcrumb li a {

  display: inline-block;

}

.breadcrumb li + li:before {

  content: "\f105";

  font-family: "FontAwesome";

  padding: 0 10px;

}



/* PRE

---------------------------------------------------*/

/* TYPOGRAPHY

-------------------------------------------------- */

body {

  font: 13px "Open Sans Web", Arial, sans-serif;

  color: #888888;

  line-height: 1;

}



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

  font-family: "Open Sans Web";

  font-weight: normal;

}



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

  color: #323a45;

  margin: 20.8px 0 20.8px 0;

  line-height: 1;

}



h1 {

  font-size: 32px;

}



h2 {

  font-size: 28px;

}



h3 {

  font-size: 24px;

}



h4 {

  font-size: 20px;

}



h5 {

  font-size: 14px;

}



h6 {

  font-size: 13px;

}



p {

  margin-bottom: 20.8px;

  line-height: 20.8px;

}



li {

  line-height: 20.8px;

  list-style: none;

}



img + p {

  margin-top: 20.8px;

}



hr {

  margin: 62px 0;

  border-color: #ddd;

}



.dark-bg hr {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



h4 + hr {

  margin-top: 0;

  line-height: 1;

}



.hr-diamond {

  text-align: center;

  position: relative;

  height: 7px;

  border: 0;

  margin: 62px auto;

  line-height: 1;

}



.hr-diamond .diamond {

  display: inline-block;

  height: 18px;

  width: 18px;

  border: 1px solid #ddd;

  background: #fff;

  transform: rotate(45deg);

}



.hr-diamond .line {

  height: 1px;

  width: 100%;

  position: absolute;

  background: #ddd;

  top: 9px;

  left: 0;

}



a {

  color: #323a45;

}



a:hover {

  text-decoration: none;

  color: black;

}



a, a:focus, a:active {

  outline: 0;

  text-decoration: none;

}



blockquote {

  background: #F7F8F8;

  padding: 20.8px;

  font-weight: 300;

  margin: 0 0 20.8px 0;

  font-size: 13px;

  border-left: 5px solid #ee3124;

}



img {

  max-width: 100%;

  height: auto;

}

img.fill-w {

  width: 100%;

  height: auto;

}

img.cover {

  height: 100%;

  width: 100%;

}



.dropcap {

  float: left;

  font-size: 32px;

  margin: 8px 5px 5px 0;

}



.dropcap.circle {

  display: inline-block;

  text-align: center;

  line-height: 52px;

  width: 52px;

  margin: 7.8px 10.4px 0 0;

  color: #fff;

  background: #ee3124;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}



img.left {

  margin: 7.8px 20.8px 0 0;

  float: left;

}



/* ICON LIST

-------------------------------------------------- */

ul.icon-list {

  list-style: none;

  padding: 0;

  margin: 0;

  margin-bottom: 20px;

}

ul.icon-list > li {

  line-height: 30px;

}

ul.icon-list > li > i {

  line-height: 20px;

  width: 20px;

  border-radius: 50%;

  text-align: center;

  font-size: 10px;

  display: inline-block;

  background: #ee3124;

  color: #fff;

  margin: 0 10px 0 0;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -o-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box;

}



/* ========================================================== 

   LAYOUT MODULES

=============================================================*/

/* PAGES SETUP

-------------------------------------------------- */

html {

  /*background: url("../images/pagebg.jpg") no-repeat center 0 fixed;*/

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  -ms-background-size: cover;

  background-size: cover;

  position: relative;

  display: block;

  height: 100%;

}



body {

  background: #e0e1e3;

  display: block;

  min-height: 100%;

}

body.overlay {

  background: rgba(224, 225, 227, 0.7);

}



#page-wrapper {

  margin: 0 auto;

  background: none;

}



/* CONTENT BLOCKS

-------------------------------------------------- */

.overlay {



}

.overlay.default {

  background: rgba(50, 58, 69, 0.8);

}

.overlay.tint {

  background: rgba(255, 255, 255, 0.9);

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}

.overlay.tint.no-border {

  border: none;

}



.content-block.default-bg {

  background: #fff;

}

.content-block .container {

  padding-top: 70px;

  padding-bottom: 70px;

}

@media (max-width: 767px) {

  .content-block .container {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}

.content-block.dark-bg {

  color: rgba(255, 255, 255, 0.7);

}

.content-block.dark-bg h4, .content-block.dark-bg h3 {

  color: #fff;

}



/* INTRO BLOCK

-------------------------------------------------- */

.intro-block .container {

  /*padding-top: 120px;

  padding-bottom: 120px;*/

  padding-top: 40px;

  padding-bottom: 40px;

}

@media (max-width: 767px) {

  .intro-block .container {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}



/* SIDE NAV

-------------------------------------------------- */

@media (max-width: 767px) {

  #main-col {

    margin-bottom: 30px;

  }

}

/* PAGE TITLE

-------------------------------------------------- */

.page-title .section-title {

  margin: 0;

}

.page-title .container {

  padding-top: 100px;

  padding-bottom: 100px;

}

@media (max-width: 767px) {

  .page-title .container {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}



/* SECTION TITLE

---------------------------------------------------*/

.section-title {

  text-align: center;

  margin: 0 0 20px 0;

}

.section-title h2 {

  text-transform: uppercase;

  margin: 0 0 20px 0;

  line-height: 1;

  font-size: 30px;

  font-family: "Open Sans Web";

  font-weight: normal;

}

.section-title p {

  display: inline-block;

  display:block;

  margin: 15px 0 0 0;

  font-size: 18px;

  font-weight: 300;

  color: #888;

}

.section-title .line {

  display: block;

  width: 80px;

  margin: 0 auto;

  height: 2px;

  background: #ee3124;

  position: relative;

}

.section-title .line:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  height: 100%;

  width: 50%;

  background: #ee3124;

}

@media (max-width: 991px) {

  .section-title h2 {

    font-size: 27px;

  }

  .section-title p {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .section-title h2 {

    font-size: 26px;

    margin-bottom: 10px;

  }

  .section-title p {

    font-size: 13px;

  }

  .section-title .line {

    width: 60px;

  }

}



.dark-bg .section-title h2 {

  color: #fff;

}

.dark-bg .section-title .line {

  background: #fff;

}

.dark-bg .section-title p {

  color: rgba(255, 255, 255, 0.5);

}



/* PAGE INFO

---------------------------------------------------*/

.page-info-block + .content-block .container {

  padding-top: 40px;

}



.page-info-block {

  background: #fff;

  padding-top: 15px;

}



.page-info {

  padding-bottom: 10px;

  border-bottom: 1px solid #ddd;

}

.page-info .search {

  margin-left: 0;

}

.page-info .breadcrumb li {

  color: #ee3124;

  line-height: 35px;

  font-size: 14px;

}



.page-info .breadcrumb li .plain {

  color: #070707;

  line-height: 35px;

  font-size: 14px;

}



.page-info .breadcrumb li i {

  background: #eaebec;

  display: inline-block;

  text-align: center;

  line-height: 35px;

  width: 35px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}



.page-info .page-links {

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline-block;

  font-size: 0;

}

.page-info .page-links li {

  display: inline-block;

  font-size: 13px;

  margin: 0 3px;

}

.page-info .page-links i {

  text-align: center;

  display: inline-block;

  display: inline-block;

  text-align: center;

  line-height: 35px;

  width: 35px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  background: #e0e1e3;

  color: #323a45;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.page-info .page-links i.bg-2 {

  background: #505760;

  color: #fff;

}

.page-info .page-links i.bg-3 {

  background: #e0e1e3;

  color: #323a45;

}

.page-info .page-links a {

  display: block;

  color: #888;

}

.page-info .page-links a:hover i {

  color: #fff;

  background: #323a45;

}

.page-info .page-links.pull-right {

  margin-right: 5px;

}

@media (max-width: 767px) {

  .page-info .breadcrumb {

    display: none;

  }

  .page-info .page-links i {

    display: inline-block;

    text-align: center;

    line-height: 30px;

    width: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    font-size: 11px;

  }

  .page-info .page-links.pull-right {

    display: none;

  }

  .page-info .page-links.pull-left li:first-child {

    display: none;

  }

}



/* SUB GROUPS 

---------------------------------------------------*/

.subgroup {

    padding-bottom: 0px;

}



.subgroups {

  padding: 0;

  margin: 0;

  background: none;

}

.subgroups li {

  text-transform: capitalize;

  display: inline-block;

  color: #ee3124;

  line-height: 25px;

  font-size: 12px;

}

.subgroups li a {

  display: inline-block;

}

.subgroups li:before {

  content: "\f107";

  font-family: "FontAwesome";

  padding: 0 10px;

}



/* SIDE WIDGETS

---------------------------------------------------*/

.side-widget {

  margin: 0 0 30px 0;

}



.widget-title {

  color: #fff;

  background: #464d57;

  text-transform: uppercase;

  margin: 0 0 20px 0;

  padding: 0px 20px;

  line-height: 50px;

  width: 70%;

}



.widget-title i {

  float: right;

  display: inline-block;

  line-height: 50px;

}



.widget-desc {

  padding: 10px 20px 10px 20px;

  line-height: 20px;

  width: 100%;

}



.widget-background {

    background: #464d57;

}



.widget-img {

  float: right;

  width: 30%;

  padding: 15px 15px 0px 10px;

  background: #464d57;

}



/* SIDE POSTS

---------------------------------------------------*/

ul.side-posts {

  list-style: none;

  padding: 0;

  margin: 0;

}

ul.side-posts li {

  padding: 0 0 10px 0;

  margin: 0 0 10px 0;

  border-bottom: 1px dotted #ddd;

}

ul.side-posts li .image {

  width: 25%;

  height: auto;

  float: left;

}

ul.side-posts li .image img {

  padding: 3px;

  border: 1px solid #eee;

}

ul.side-posts li .text {

  width: 70%;

  height: auto;

  float: right;

}

ul.side-posts li .text a {

  display: block;

  color: #333;

  text-transform: capitalize;

  font-weight: 600;

}

ul.side-posts li .text span {

  font-size: 11px;

}

ul.side-posts li:last-child {

  border: none;

}



/* SIDE LINKS

---------------------------------------------------*/

ul.side-links, ul.side-links > li > ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



ul.side-links > li {

  border-bottom: 1px solid #eee;

}

ul.side-links > li > i {

  margin: 0 10px 0 0;

}

ul.side-links > li > a {

  color: #666666;

  line-height: 40px;

  padding: 0 0 0 20px;

  background: url("../images/arrow1.png") no-repeat 5px center;

}

ul.side-links > li > a:hover {

  color: #ff3366;

}

/*ul.side-links > li > ul {

  display: none;

}*/

ul.side-links > li > ul > li > a {

  background: #F7F7F7;

  border-bottom: 1px dotted #CCCCCC;

  color: #666666;

  display: block;

  line-height: 35px;

  padding: 0 20px;

  font-size: 0.9em;

}

ul.side-links > li > ul > li:last-child > a {

  border: none;

}

ul.side-links > li > .toggle-children {

  background: #FBFBFB;

  color: #888;

  border: 1px solid #ddd;

  cursor: pointer;

  display: block;

  float: right;

  font: normal 16px Arial;

  line-height: 20px;

  margin: 10px 0 0 0;

  text-align: center;

  width: 20px;

}

ul.side-links > li > .toggle-children:hover {

  background: #eeeeee;

}

ul.side-links > li > .toggle-children:before {

  content: "+";

}

ul.side-links > li > .toggle-children.open:before {

  content: "-";

}



/* BUTTON GROUPS used in SIDE-LINKS

    Make red when selected

-------------------------------------------------- */

.side-links .btn-group .btn.active {

  background-color: #ee3124;

  color: #fff;

}



.side-links .btn-group .btn:hover{

  background-color: #eee;

  color: #666;

}





/* HEADER

-------------------------------------------------- */

#header {

  z-index: 999;

  background: none;

  min-height: 85px;

  border-bottom: 1px solid #ddd;

}

#header.fixed {

  position: fixed;

  top: 0;

  margin: 0 auto;

  width: 100%;

}

@media (max-width: 767px) {

  #header {

    position: relative;

  }

  #header.fixed {

    position: static;

  }

}



/* TOP BAR

-------------------------------------------------- */

#top-bar {

  position: relative;

  /*background: #ee3124;*/

  background: #5b616a;

  min-height: 20px;

}

#top-bar .links {

  list-style: none;

  padding: 0;

  margin: 0;

}

#top-bar .links > li {

  display: inline-block;

  opacity: 0.7;

}

#top-bar .links > li:hover {

  opacity: 1;

}

#top-bar .links > li > a {

  color: #fff;

  display: block;

  font-size: 11px;

  line-height: 20px;

  padding: 0 15px;

  text-transform: uppercase;

}

#top-bar .links > li > a > i {

  font-size: 12px;

  line-height: 20px;

  margin-right: 10px;

}



#top-bar.open + #main-nav, #top-bar.open + #main-nav .container {

  border: none;

}



/* BASIC NAVIGATION

-------------------------------------------------- */

#main-nav.navbar-default .navbar-form .btn, #main-nav.navbar-default .navbar-form .form-control, #main-nav.navbar-default .navbar-nav.nav-buttons > li > a {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}



#main-nav.navbar-default .navbar-toggle, #main-nav.navbar-default .navbar-nav > li > a {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

}



.wide #main-nav.navbar-default {

  border-top: 4px solid #323a45;

}

.wide #main-nav.navbar-default .container {

  border: none !important;

}



#main-nav.navbar-default {

    position: relative;

    width: 100%;

    /*background-image: url('../images/headerbg.gif');*/

    background-color: #012060;

    margin: 0;

    border: none;

    display: block;

    padding: 0;

    min-height: 85px;

    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);

    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);

    -o-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);

    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);

    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);

}

#main-nav.navbar-default .container {

  /*border-top: 4px solid #323a45;*/

}

#main-nav.navbar-default .navbar-collapse {

  padding: 0;

}

#main-nav.navbar-default .navbar-toggle {

  color: #adb0b4;

  font-size: 15px;

  background: none;

  border: 1px solid #adb0b4;

  padding: 0 10px;

  height: 34px;

  margin: 25px 0;

}

#main-nav.navbar-default .navbar-toggle:hover {

  color: #323a45;

  border: 1px solid #323a45;

}

#main-nav.navbar-default .navbar-brand {

  font-size: 25px;

  font-weight: normal;

  height: 34px;

  padding: 25px 15px;

  line-height: 34px;

  margin-left: -15px;

  color: #323a45;

  display: block;

}

#main-nav.navbar-default .navbar-brand .fa {

  color: #c1c3c7;

  margin-right: 7px;

}

#main-nav.navbar-default .navbar-brand img {

  display: block;

  margin-top: -5px;

  height: 50px;

}

#main-nav.navbar-default .navbar-nav.navbar-right:last-child {

  margin-right: 0;

}

#main-nav.navbar-default .navbar-nav > li > a {

  /*color: #323a45;*/

  color: #f2f2f2;

  text-transform: capitalize;

  padding: 0 20px;

  font: normal 14px "Open Sans Web";

  line-height: 85px;

  margin: 0px 0;

  display: block;

}

#main-nav.navbar-default .navbar-nav > li > a .parent-symbol {

  /*color: #ee3124;*/

  margin-left: 10px;

}

#main-nav.navbar-default .navbar-nav > li > a .icon {

  margin-right: 10px;

  color: #cccccc;

  display: none;

}

#main-nav.navbar-default .navbar-nav > li.open > a {

  background: none;

}

#main-nav.navbar-default .navbar-nav > li.active > a, #main-nav.navbar-default .navbar-nav > li:hover > a {

  /*color: #ee3124;*/

  background: none;

  position: relative;

  display: block;

}

#main-nav.navbar-default .navbar-nav > li.active > a:after, #main-nav.navbar-default .navbar-nav > li:hover > a:after {

  content: "";

  display: block;

  width: 100%;

  height: 4px;

  background: #ee3124;

  position: absolute;

  top: -4px;

  left: 0;

}

#main-nav.navbar-default .navbar-nav > li:hover > a > .icon {

  color: #5b616a;

}

#main-nav.navbar-default .dropdown-menu {

  top: 85px;

  left: 0;

  padding: 0;

  background: #fff;

  border: none;

  border-top: 3px solid #ee3124;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}

#main-nav.navbar-default .dropdown-menu > li > a {

  background: #fff;

  color: #888;

  border: 1px solid #ddd;

  border-top: none;

  padding: 12px 20px;

  font-size: 12px;

  position: relative;

  text-transform: capitalize;

  display: block;

}

#main-nav.navbar-default .dropdown-menu > li:first-child > a {

  border-top: none;

}

#main-nav.navbar-default .dropdown-menu > li:hover > a, #main-nav.navbar-default .dropdown-menu > li.active > a {

  background: #f7f7f7;

}

@media (max-width: 991px) {

  #main-nav.navbar-default .navbar-nav > li > a {

    padding: 0 13px;

  }

}

@media (max-width: 767px) {

  #main-nav.navbar-default .navbar-header {

    margin: 0;

  }

  #main-nav.navbar-default .navbar-collapse {

    border: none;

    padding: 0 15px 15px 15px;

  }

  #main-nav.navbar-default .navbar-nav {

    margin: 0;

  }

  #main-nav.navbar-default .navbar-nav > li > a {

    /*background: #323a45;*/

    background: #be141c;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    line-height: 1;

    font-size: 12px;

    padding: 15px 20px;

  }

  #main-nav.navbar-default .navbar-nav > li > a .icon {

    display: inline-block;

  }

  #main-nav.navbar-default .navbar-nav > li > a .parent-symbol {

    float: right;

    line-height: 1;

    margin: 0;

    color: #fff;

  }

  #main-nav.navbar-default .navbar-nav > li.active > a, #main-nav.navbar-default .navbar-nav > li:hover > a, #main-nav.navbar-default .navbar-nav > li.open > a {

    background: #464d57;

    color: #fff;

  }

  #main-nav.navbar-default .navbar-nav > li.active > a:after, #main-nav.navbar-default .navbar-nav > li:hover > a:after, #main-nav.navbar-default .navbar-nav > li.open > a:after {

    display: none;

  }

  #main-nav.navbar-default .dropdown-menu {

    border: none;

  }

  #main-nav.navbar-default .dropdown-menu > li > a {

    background: #eaebec;

    border-bottom: 1px solid #d6d7d9;

    color: #323a45;

  }

  #main-nav.navbar-default .dropdown-menu > li:first-child > a {

    border-top: none;

  }

  #main-nav.navbar-default .dropdown-menu > li:hover > a, #main-nav.navbar-default .dropdown-menu > li.active > a {

    background: #f7f7f7;

  }

}



/* NAVIGATION FORM ELEMENTS

-------------------------------------------------- */

#main-nav.navbar-default .navbar-form {

  margin: 25px 0;

  padding: 0;

}

#main-nav.navbar-default .navbar-form .btn, #main-nav.navbar-default .navbar-form .form-control {

  padding: 0 12px;

  line-height: 34px;

  height: 34px;

  font-size: 13px;

  font-family: "Open Sans Web";

}

#main-nav.navbar-default .navbar-form.header-search .btn, #main-nav.navbar-default .navbar-form.header-search .form-control {

  float: right;

  border-right: none;

}

#main-nav.navbar-default .navbar-form + .navbar-form {

  padding-right: 20px;

}

#main-nav.navbar-default .nav-buttons + .navbar-form {

  padding-right: 20px;

}

@media (max-width: 767px) {

  #main-nav.navbar-default .navbar-form {

    margin: 0;

    padding: 15px 20px;

    /*background: #323a45;*/

  }

  #main-nav.navbar-default .navbar-form.header-search {

    display: block;

    float: none;

    position: relative;

  }

  #main-nav.navbar-default .navbar-form.header-search .btn {

    float: none;

    position: absolute;

    right: 20px;

    top: 15px;

  }

  #main-nav.navbar-default .navbar-form.header-search .form-control {

    float: none;

    display: block;

  }

  #main-nav.navbar-default .navbar-form + .navbar-form {

    padding-right: 0;

  }

  #main-nav.navbar-default .nav-buttons + .navbar-form {

    padding-right: 20px;

  }

}



/* NAVIGATION LINK BUTTONS

-------------------------------------------------- */

#main-nav.navbar-default .nav-buttons + .nav-buttons {

  padding-right: 20px;

}

@media (max-width: 992px) {

  #main-nav.navbar-default .nav-buttons + .nav-buttons {

    padding-right: 13px;

  }

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li:hover > a:after, #main-nav.navbar-default .navbar-nav.nav-buttons > li.active > a:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  background: none;

  border: none;

  border-top: 5px solid white;

  border-right: 5px solid transparent;

  border-left: 5px solid transparent;

  top: -1px;

  left: 0;

  right: 0;

  margin: 0 auto;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a {

  padding: 0 17px;

  text-align: center;

  line-height: 34px;

  height: 34px;

  margin: 25px 0;

  font-size: 13px;

  font-family: "Open Sans Web";

  color: #fff;

  background-color: #ee3124;

  text-transform: capitalize;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a .fa {

  font-size: 13px;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a .fa + span {

  margin-left: 10px;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a .xs-only {

  display: none;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a.bg-1 {

  background: #eaebec;

  color: #323a45;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a.bg-1 .fa {

  color: #5b616a;

}

#main-nav.navbar-default .navbar-nav.nav-buttons > li > a.bg-2 {

  background: #5b616a;

}

#main-nav.navbar-default .navbar-nav.nav-buttons .top-bar-toggle .symbol:after {

  content: "+";

  font: normal 20px "Open Sans Web";

  line-height: 34px;

  display: block;

}

#main-nav.navbar-default .navbar-nav.nav-buttons .top-bar-toggle.open .symbol:after {

  content: "-";

}

@media (max-width: 991px) {

  #main-nav.navbar-default .navbar-nav.nav-buttons > li > a {

    padding: 0 13px;

  }

}

@media (max-width: 767px) {

  #main-nav.navbar-default .navbar-nav.nav-buttons {

    margin: 0;

    padding: 0;

    width: 100%;

  }

  #main-nav.navbar-default .navbar-nav.nav-buttons .top-bar-toggle {

    display: none;

  }

  #main-nav.navbar-default .navbar-nav.nav-buttons > li > a {

    margin: 0;

    padding: 15px 20px;

    height: auto;

    line-height: 1;

    text-align: left;

    border: none !important;

  }

  #main-nav.navbar-default .navbar-nav.nav-buttons > li > a .xs-only {

    display: inline-block;

  }

}



/* FOOTER

-------------------------------------------------- */

#footer {

  background: #272e36;

  display: block;

  margin: 0;

  padding: 0;

  line-height: 1;

}

#footer .line-title {

  color: #fff;

  text-transform: uppercase;

}

#footer .top {

  padding-top: 60px;

  min-height: 270px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 12px;

}

#footer .top h5 {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  margin: 0 0 20px 0;

  display: block;

  padding-bottom: 15px;

  position: relative;

  text-transform: uppercase;

  color: #fff;

}

#footer .top h5:after {

  content: "";

  height: 1px;

  background: #ee3124;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 60px;

}

#footer .bottom {

  background: rgba(0, 0, 0, 0.1);

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

#footer .bottom .copy-text {

  line-height: 1.8em;

  color: rgba(255, 255, 255, 0.4);

  font-size: 11px;

  display:block;
  
  text-align:center;
  
  padding:15px 0;

}

#footer .bottom .copy-text a {

  color: rgba(255, 255, 255, 0.7);

}

#footer .bottom .copy-text a:hover {

  color: #fff;

}

#footer .bottom .social-buttons {

  float: right;

  margin-top: 12px;

}

#footer .bottom .social-buttons .fa {

  opacity: 0.6;

}

#footer .bottom .social-buttons .fa:hover {

  opacity: 1;

}

#footer .newsletter-signup .form-control {

  border: none;

  font-size: 12px;

  line-height: 30px;

  height: 30px;

}

#footer .newsletter-signup .btn {

  padding: 0 12px;

  line-height: 30px;

  height: 30px;

  font-size: 12px;

}

#footer .links {

  list-style: none;

  padding: 0;

  margin: 0;

}

#footer .links li {

  line-height: 2em;

}

#footer .links li a {

  color: rgba(255, 255, 255, 0.5);

  display: block;

}

#footer .links li a:hover {

  color: #fff;

}

#footer .links.underline li {

  line-height: 2.5em;

  border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

#footer .links.underline li a {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

#footer .links.underline li:last-child, #footer .links.underline li:last-child a {

  border: none;

}

@media (max-width: 991px) {

  #footer .top {

    font-size: 11px;

  }

}

@media (max-width: 767px) {

  #footer .top {

    font-size: 11px;

    min-height: 0;

    padding: 40px 0;

  }

  #footer .top .row .col-md-3 {

    margin: 15px 0;

  }

  #footer .top .row .col-md-3:nth-child(1), #footer .top .row .col-md-3:nth-child(2) {

    display: none;

  }

  #footer .bottom {

    height: auto;

    padding: 10px 0;

    text-align: center;

  }

  #footer .bottom .copy-text {

    float: none;

    line-height: 1;

    padding: 20px 0;

    margin-top: 15px;

    width: 100%;

    border-top: 1px solid rgba(255, 255, 255, 0.05);

    display: block;

  }

  #footer .bottom .social-buttons {

    float: none;

  }

}



/* FOOTER FLICKR STREAM

-------------------------------------------------- */

#footer .photo-stream {

  list-style: none;

  padding: 0;

  margin: 0;

}

#footer .photo-stream > li {

  background: rgba(0, 0, 0, 0.2);

  height: 30%;

  width: 30%;

  display: block;

  float: left;

  margin: 0 5% 5% 0;

  opacity: 0.8;

}

#footer .photo-stream > li:nth-child(3n) {

  margin-right: 0;

}

#footer .photo-stream > li img {

  padding: 6px;

  width: 100%;

  height: auto;

}

#footer .photo-stream > li:hover {

  opacity: 1;

}



/* FOOTER TWEETS

-------------------------------------------------- */

ul.tweetList {

  list-style: none;

  padding: 0;

  margin: 0;

  line-height: 1;

}

ul.tweetList > li > p {

  display: block;

  margin-bottom: 15px;

  background: rgba(255, 255, 255, 0.05);

  padding: 15px;

  position: relative;

  font-size: 11px;

}

ul.tweetList > li > p:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  background: none;

  border: none;

  border-top: 10px solid rgba(255, 255, 255, 0.05);

  border-right: 7.5px solid transparent;

  border-left: 7.5px solid transparent;

  position: absolute;

  bottom: -10px;

  left: 30px;

}

@media (max-width: 991px) {

  ul.tweetList > li > p {

    font-size: 10px;

    padding: 10px;

  }

}

ul.tweetList a {

  color: #fff;

}

ul.tweetList .timestamp {

  margin: 0;

}

ul.tweetList .fa {

  font-size: 30px;

  display: block;

  color: rgba(255, 255, 255, 0.5);

}



/* FOOTER PAYMENTS

-------------------------------------------------- */

#footer .payment-methods {

  list-style: none;

  padding: 0;

  margin: 0;

}

#footer .payment-methods > li {

  display: block;

  float: left;

  line-height: 1;

  margin: 0 4% 4% 0;

  width: 22%;

}

#footer .payment-methods > li:nth-child(4n) {

  margin-right: 0;

}

#footer .payment-methods > li > img {

  display: block;

  max-width: 100%;

}



/* BOXED LAYOUT

-------------------------------------------------- */

@media (min-width: 768px) {

  #page-wrapper {

    max-width: 800px;

  }

  #page-wrapper .container {

    max-width: 750px !important;

    width: auto !important;

  }

  #page-wrapper #top-bar, #page-wrapper #main-nav {

    max-width: 800px;

  }

}

@media (min-width: 992px) {

  #page-wrapper {

    max-width: 1020px;

  }

  #page-wrapper #top-bar, #page-wrapper #main-nav {

    max-width: 1020px;

  }

  #page-wrapper .container {

    max-width: 970px !important;

    width: auto !important;

  }

}

@media (min-width: 1200px) {

  #page-wrapper {

    max-width: 1220px;

  }

  #page-wrapper #top-bar, #page-wrapper #main-nav {

    max-width: 1220px;

  }

  #page-wrapper .container {

    max-width: 1170px !important;

    width: auto !important;

  }

}



/* ========================================================== 

   COMMON MODULES

=============================================================*/

/* SOCIAL BUTTONS

---------------------------------------------------*/

.social-buttons {

  list-style: none;

  padding: 0;

  margin: 0;

}

.social-buttons li {

  display: inline-block;

  margin: 0 6px 0 0;

}

.social-buttons a {

  display: block;

  color: white;

}

.social-buttons .fa {

  font-size: 15px;

  line-height: 35px;

  text-align: center;

  width: 35px;

  display: block;

}

.social-buttons .white-outline .fa {

  border: 1px solid #fff;

}

.social-buttons.colored-bg .fa-facebook {

  background-color: #5371ad;

}

.social-buttons.colored-bg .fa-twitter {

  background-color: #2aa9e0;

}

.social-buttons.colored-bg .fa-google-plus {

  background-color: #d34829;

}

.social-buttons.colored-bg .fa-rss {

  background-color: #ef5c29;

}

.social-buttons.colored-bg .fa-linkedin {

  background-color: #016597;

}

.social-buttons.colored-bg .fa-skype {

  background-color: #37c5f5;

}

.social-buttons.colored-bg .fa-pinterest {

  background-color: #ce2127;

}

.social-buttons.colored-bg-1 .fa {

  background-color: #ee1324;

  color: #fff;

}

.social-buttons.colored-bg-2 .fa {

  background-color: #5b616a;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-facebook:hover {

  background-color: #5371ad;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-twitter:hover {

  background-color: #2aa9e0;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-google-plus:hover {

  background-color: #d34829;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-rss:hover {

  background-color: #ef5c29;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-linkedin:hover {

  background-color: #016597;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-skype:hover {

  background-color: #37c5f5;

  color: #fff;

}

.social-buttons.colored-bg-on-hover .fa-pinterest:hover {

  background-color: #ce2127;

  color: #fff;

}

.social-buttons.colored .fa-facebook {

  color: #5371ad;

  background: #f2f2f2;

}

.social-buttons.colored .fa-twitter {

  color: #2aa9e0;

  background: #f2f2f2;

}

.social-buttons.colored .fa-google-plus {

  color: #d34829;

  background: #f2f2f2;

}

.social-buttons.colored .fa-rss {

  color: #ef5c29;

  background: #f2f2f2;

}

.social-buttons.colored .fa-linkedin {

  color: #016597;

  background: #f2f2f2;

}

.social-buttons.colored .fa-skype {

  color: #37c5f5;

  background: #f2f2f2;

}

.social-buttons.colored .fa-pinterest {

  color: #ce2127;

  background: #f2f2f2;

}

.social-buttons.round .fa {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -o-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box;

}



/* CONTACT

-------------------------------------------------- */

.contact-form {

  margin: 0 auto;

}

.contact-form .col {

  width: 48%;

}

.contact-form input[type="text"] {

  height: auto;

  margin: 0 0 20px;

  padding: 13px;

  border: 1px solid #ddd;

  font-size: 12px;

}

.contact-form textarea {

  height: 201px;

  margin: 0 0 20px;

  width: 100%;

  border: 1px solid #ddd;

  font-size: 12px;

}

.contact-form .btn {

  padding: 13px 20px;

  text-align: left;

}

.contact-form .btn .fa {

  margin: 0 0 0 30px;

}

.contact-form.home-contact {

  width: 80%;

}

.contact-form.home-contact .btn {

  width: 100%;

  padding: 13px 0;

  text-align: center;

}

@media (max-width: 767px) {

  .contact-form.home-contact {

    width: 100%;

  }

}



/* SIDE INFO

-------------------------------------------------- */

.side-info {

  background: #f2f2f2;

  padding: 20px;

}

.side-info ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.side-info ul li {

  display: block;

  line-height: 1;

  margin: 0 0 10px 0;

}

.side-info ul li:last-child {

  margin: 0;

}

.side-info ul li .fa {

  /*display: inline-block;*/

  text-align: center;

  line-height: 25px;

  width: 25px;

  background: #ee3124;

  color: #fff;

  margin: 0 10px 0 0;

}



.side-info .opening {

  display: inline-block;

  text-align: center;

  line-height: 20px;

  width: 35px;

  background: #ee3124;

  color: #fff;

  margin-right: 10px;

}



/* SEARCH

---------------------------------------------------*/

.search {

  background: none;

  padding: 0;

  width: 35px;

  height: 35px;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}

.search.open {

  width: 230px;

}

.search.open input {

  display: block;

}

.search .wrapper {

  position: relative;

  background: none;

  display: block;

}

.search input {

  background: none repeat scroll 0 0 #F7F8F8;

  border: 0px solid #ddd;

  color: #3c434e;

  height: 35px;

  padding: 0 10px 0 35px;

  width: 100%;

  display: none;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

  -webkit-border-radius: 35px;

  -moz-border-radius: 35px;

  -o-border-radius: 35px;

  -ms-border-radius: 35px;

  border-radius: 35px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -o-box-shadow: none;

  -ms-box-shadow: none;

  box-shadow: none;

}

.search .search-btn {

  background: none;

  border: 0;

  font: 0px/0 a;

  height: 35px;

  margin: 0;

  padding: 0;

  position: absolute;

  left: 0;

  top: 0;

  width: 35px;

  z-index: 3;

  text-align: center;

  color: #8e9298;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.search .search-btn:after {

  content: "\f002";

  font-family: "FontAwesome";

  font-size: 16px;

  line-height: 1;

  right: 1px;

  text-align: center;

  z-index: 400;

}

.search .search-btn:hover {

  color: #333;

}

.search .toggle {

  background-color: #ee3124;

  color: #fff;

  border: 0;

  margin: 0;

  padding: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 3;

  display: inline-block;

  cursor: pointer;

  display: inline-block;

  text-align: center;

  line-height: 35px;

  width: 35px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.search .toggle:before {

  content: "\f002";

  font-family: "FontAwesome";

  font-size: 16px;

  line-height: 1;

  right: 1px;

  z-index: 400;

}

.search .toggle.open {

  background: #323a45;

  color: #fff;

}

.search .toggle.open:before {

  content: "\f00d";

}



/* ERROR PAGES

-------------------------------------------------- */

.error-info {

  color: #fff;

  margin: 0 auto;

  background: rgba(255, 255, 255, 0.1);

  padding: 40px;

}

.error-info .pull-left, .error-info .pull-right {

  width: 50%;

}

.error-info .pull-left {

  text-align: right;

  padding: 0 30px 0 0;

}

.error-info .pull-right {

  padding: 30px 0 30px 30px;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

  -webkit-box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);

  -moz-box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);

  -o-box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);

  -ms-box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);

  box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);

}

.error-info h4 {

  color: #ee3124;

  text-transform: uppercase;

  margin: 0 0 15px 0;

}

.error-info h1 {

  font-size: 100px;

  display: inline-block;

  text-align: center;

  color: #ee3124;

  font-weight: 600;

  line-height: 1;

}

.error-info p {

  margin: 0 0 30px 0;

  color: #333;

}

.error-info .btn {

  padding: 13px 0;

  width: 48%;

  text-align: center;

}

@media (max-width: 991px) {

  .error-info h1 {

    font-size: 150px;

  }

}

@media (max-width: 767px) {

  .error-info div.pull-left, .error-info div.pull-right {

    float: none;

    width: 100%;

    margin: 15px 0;

    padding: 0;

    border: none;

    box-shadow: none;

    text-align: center;

  }

  .error-info h1 {

    font-size: 80px;

    margin: 0;

  }

  .error-info .btn {

    font-size: 11px;

    padding: 10px 0;

  }

}



/* ========================================================== 

   BUSINESS MODULES

=============================================================*/

/* SERVICE BOXES

-------------------------------------------------- */

.service-box {

  text-align: center;

  padding: 40px 20px 20px 20px;

  border: 1px solid #ddd;

  margin: 15px 0;

}



.service-box.no-border {

  padding: 0;

  border: none;

}



.service-box h4 {

  margin: 0 0 10px 0;

  text-transform: capitalize;

}



.service-box p {

  margin: 0 0 20px 0;

  font-weight: normal;

}



.service-box .icon {

  display: inline-block;

  line-height: 90px;

  width: 90px;

  font-size: 35px;

  margin: 0 0 25px 0;

  color: #fff;

  background: #ee3124;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}



/* PRICE PLANS

------------------------------------------------- */

.price-plan {

  text-align: center;

  margin: 0 0 30px 0;

}

.price-plan .title {

  color: #FFFFFF;

  background: #464d57;

  font-weight: 400;

  line-height: 1;

  margin: 0;

  padding: 30px 0;

}

.price-plan .price-box {

  background: #f7f7f7;

  padding: 30px 0;

}

.price-plan .price {

  font: bold 30px "Open Sans Web";

  text-align: center;

  color: #fff;

  margin: 0 auto;

  background: #5b616a;

  display: inline-block;

  text-align: center;

  line-height: 100px;

  width: 100px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.price-plan .features {

  background: #f7f7f7;

  margin: 0;

  padding: 20px 20px 40px 20px;

  width: 100%;

  list-style: none;

}

.price-plan .features > li {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  font-size: 12px;

  line-height: 45px;

  padding: 0;

  color: #323a45;

}

.price-plan .features > li:last-child {

  border: none;

}

.price-plan .footer {

  padding: 40px 0;

  background: #5b616a;

}

.price-plan .btn {

  padding: 10px 15px;

  background-color: rgba(255, 255, 255, 0.2);

  box-shadow: 0 2px 0 -1px rgba(0, 0, 0, 0.1);

}

.price-plan.featured .price, .price-plan.featured .title, .price-plan.featured .footer {

  background-color: #ee3124;

}

.price-plan.featured .btn {

  background-color: #fff;

  color: #ee3124;

}



.dark-bg .features, .dark-bg .price-box {

  background: #fff;

}



/* TESTIMONIALS

-------------------------------------------------- */

.testimonial .avatar {

  width: 16%;

  float: left;

}

.testimonial .avatar img {

  width: 100%;

  margin: 10px 0 0 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

}

.testimonial .quote-box {

  width: 76%;

  float: right;

  padding: 0;

}

.testimonial .quote-box .author {

  margin: 15px 0 0 0;

  font: 300 14px "Open Sans Web";

  color: #888888;

}

.testimonial .quote-box .author strong {

  margin-right: 5px;

  font-weight: 600;

}

.testimonial .quote-box .quote {

  margin: 0;

  background: #f2f2f2;

  width: 100%;

  border: 0;

  padding: 30px 20px;

  line-height: 1.7em;

  display: block;

  color: #888;

  font-size: 14px;

  font-style: italic;

  font-weight: 300;

  line-height: 1.6em;

  position: relative;

}

.testimonial .quote-box .quote .arrow {

  width: 0;

  height: 0;

  background: none;

  display: block;

  width: 0;

  height: 0;

  background: none;

  border: none;

  border-right: 16px solid #f2f2f2;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  position: absolute;

  top: 40%;

  left: -16px;

}



.testimonial.right .quote-box, .slider-mode li:nth-child(2n) .testimonial .quote-box {

  float: left;

}

.testimonial.right .quote-box .author, .slider-mode li:nth-child(2n) .testimonial .quote-box .author {

  text-align: right;

  color: #888888;

}

.testimonial.right .avatar, .slider-mode li:nth-child(2n) .testimonial .avatar {

  float: right;

}

.testimonial.right .quote, .slider-mode li:nth-child(2n) .testimonial .quote {

  color: #888888;

  background: #f2f2f2;

}

.testimonial.right .quote .arrow, .slider-mode li:nth-child(2n) .testimonial .quote .arrow {

  left: auto;

  right: -16px;

  border: none;

  display: block;

  width: 0;

  height: 0;

  background: none;

  border: none;

  border-left: 16px solid #f2f2f2;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

}



/* TESTIMONIALS DARK-BG VERSION

-------------------------------------------------- */

.testimonial.dark-bg .author, .slider-mode.dark-bg .testimonial .author {

  color: white;

}

.testimonial.dark-bg .quote, .slider-mode.dark-bg .testimonial .quote {

  color: white;

  background: rgba(255, 255, 255, 0.2);

}

.testimonial.dark-bg .quote .arrow, .slider-mode.dark-bg .testimonial .quote .arrow {

  display: block;

  width: 0;

  height: 0;

  background: none;

  border: none;

  border-right: 16px solid rgba(255, 255, 255, 0.2);

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

}



.testimonial.right.dark-bg .quote-box .author, .slider-mode.dark-bg li:nth-child(2n) .testimonial .quote-box .author {

  color: white;

}

.testimonial.right.dark-bg .quote, .slider-mode.dark-bg li:nth-child(2n) .testimonial .quote {

  color: white;

  background: rgba(255, 255, 255, 0.2);

}

.testimonial.right.dark-bg .quote .arrow, .slider-mode.dark-bg li:nth-child(2n) .testimonial .quote .arrow {

  display: block;

  width: 0;

  height: 0;

  background: none;

  border: none;

  border-left: 16px solid rgba(255, 255, 255, 0.2);

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

}



/* TESTIMONIALS SLIDER

-------------------------------------------------- */

.testimonial-slider.no-js li {

  float: left;

  width: 48%;

  margin-right: 4%;

}

.testimonial-slider.no-js li:nth-child(2n) {

  margin-right: 0;

}

.testimonial-slider.no-js li:nth-child(n + 3) {

  display: none;

}



.testimonial-slider .bx-wrapper .bx-controls-direction {

  top: auto;

  bottom: auto;

  position: static;

  margin-top: 20px;

}



/* PDF CATALOGUES / FLYERS

-------------------------------------------------- */

.catalogue {

  margin: 15px 0;

}

.catalogue .image {

  margin: 0;

  position: relative;

}

.catalogue .overlay {

  text-align: center;

  position: absolute;

  top: 0;

  left: 0;

  padding-left:20px;

  padding-right:20px;

  background: #ee3124;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transition: all 0.8s;

  -moz-transition: all 0.8s;

  -o-transition: all 0.8s;

  -ms-transition: all 0.8s;

  transition: all 0.8s;

}

.catalogue .overlay:hover {

  opacity: 0.9;

}

.catalogue .overlay .footer {

      font-size: 9px;

}

.catalogue .links {

  text-align: center;

  display: table;

  height: 100%;

  width: 100%;

}

.catalogue .links .wrapper {

  display: table-cell;

  vertical-align: middle;

}

.catalogue .links a {

  display: inline-block;

  margin: 0 3px;

}

.catalogue .links .fa {

  font-size: 20px;

  display: block;

  color: #fff;

  border: 2px solid #fff;

  display: inline-block;

  text-align: center;

  line-height: 40px;

  width: 40px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -o-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -o-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box;

}

.catalogue .links .fa:hover {

  background: #fff;

  color: #ee3124;

}

@media (max-width: 767px) {

  .catalogue .links .fa {

    font-size: 14px;

    display: inline-block;

    text-align: center;

    line-height: 30px;

    width: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #fff;

  }

}

.catalogue .text {

  text-align: center;

  background: #F7F8F8;

  padding: 20px 0;

}

.catalogue .text h4 {

  margin: 0 0 5px 0;

  font-weight: normal;

}



.catalogue .text span {

  text-transform: uppercase;

  font-size: 11px;

}

@media (max-width: 767px) {

  .catalogue .text {

    padding: 10px;

  }

  .catalogue .text h4 {

    font-size: 17px;

  }

  .catalogue .text span {

    font-size: 9px;

  }

}



/* ========================================================== 

   SHOP MODULES

=============================================================*/

/* PRODUCT

---------------------------------------------------------- */

.product li{ 

  margin-bottom: 25px;

}


.product li a {

  border: 1px solid #ddd;

  padding: 10px;

  position: relative;

  height: 350px;

  max-height: 350px;

  display: block;

}



.product .image {

  position: relative;

  height: 275px;

  text-align: center;

}



.product .image .catImage {

  height: 100%;

  width: 100%;

  background-position: center;

  background-size: cover;

}



.product .title {

  border-bottom: 1px solid #ddd;

}



.product .links {

  height: 25px;

}



.product .links p {

    margin-bottom: 0px;

}



.product .links .price {

  /*float: left;*/

  color: #e74c3c;

  line-height: 25px;

  font-weight: normal;

  font-size: 14px;

  font-family: "Open Sans Web";

}



.product .links .rrp {

  line-height: 25px;

  font-weight: normal;

  font-size: 14px;

  font-family: "Open Sans Web";

}



.product .links a {

  float: right;

  line-height: 25px;

  text-align: center;

  width: 25px;

  display: inline-block;

  margin: 0 0 0 5px;

  background-color: #ccc;

  color: #fff;

  border: none;

}

.product .links a:hover {

  background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

}

.product .links a span {

  display: none;

}

.product .links a.cart {

  background-color: #e74c3c;

}

.product .links a.compare {

  background-color: #5b616a;

}

.product .links a.wishlist {

  background-color: #c1c3c7;

}



/* SIDE PRODUCTS

---------------------------------------------------------- */

ul.side-products {

  margin: 0;

  padding: 10px 0 0 0px;

  list-style: none;

}

ul.side-products > li {

  padding: 0 0 10px 0;

  margin: 0 0 10px 0;

  border-bottom: 1px dotted #ccc;

}

ul.side-products > li:last-child {

  border: none;

}

ul.side-products > li .image {

  width: 35%;

  float: left;

}

ul.side-products > li .image img {

  max-width: 100%;

}

ul.side-products > li .text {

  width: 61%;

  float: right;

}

ul.side-products > li .name {

  margin: 6px 0 6px 0;

  display: block;

  font-size: 12px;

}

ul.side-products > li .rrp {

  font-size: 12px;

}

ul.side-products > li .price {

  color: #ee3124;

  font-size: 12px;

}

ul.side-products > li .price-old {

  font-size: 9px;

  font-weight: normal;

  text-decoration: line-through;

  color: #ccc;

}



/* PRODUCT SLIDER

---------------------------------------------------------- */

.products-slider + .products-slider {

  margin-top: 60px;

}



.products-slider .slider-title {

  line-height: 30px;

  margin: 0 0 30px 0;

  padding: 0 0 20px 0;

  border-bottom: 2px solid #5b616a;

  position: relative;

}

.products-slider .slider-title .fa {

  display: inline-block;

  text-align: center;

  line-height: 30px;

  width: 30px;

  color: #f2f2f2;

  background: #ee3124;

  margin-right: 10px;

}

.products-slider .bx-wrapper .bx-pager, .products-slider .bx-wrapper .bx-controls-auto {

  bottom: auto;

  text-align: right;

}

.products-slider .bx-controls-direction {

  position: absolute;

  margin: 0;

  width: auto;

  left: auto;

  right: 0;

  text-align: right;

  top: -80px;

  height: 37px;

}

.products-slider .bx-controls-direction a {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -o-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  display: inline-block;

  text-align: center;

  line-height: 30px;

  width: 30px;

}



.products-slider.no-js {

  overflow: hidden;

}

.products-slider.no-js .slide {

  float: left;

  width: 22%;

  margin-right: 4%;

}

.products-slider.no-js .slide:nth-child(4n) {

  margin-right: 0;

}

.products-slider.no-js .slide:nth-child(n + 5) {

  display: none;

}

@media (max-width: 767px) {

  .products-slider.no-js .slide {

    float: left;

    width: 100%;

    margin-right: 0;

  }

  .products-slider.no-js .slide:nth-child(n + 2) {

    display: none;

  }

}



/* PRODUCT DETAILS

------------------------------------------------- */

#product-details {

  margin-bottom: 30px;

}

#product-details .main-image {

  float: right;

  width: 80%;

}

#product-details .main-image img {

  width: 100%;

  height: auto;

}

#product-details .additional-images {

  list-style: none;

  padding: 0;

  margin: 0;

  width: 17%;

  float: left;

}

#product-details .additional-images li {

  margin-bottom: 20px;

}

#product-details .additional-images li img {

  max-width: 100%;

  height: auto;

}

#product-details .product-info .title {

  margin: 0;

}

#product-details .product-info .price-box {

  border: 2px solid #eee;

  padding: 15px 10px;

  display: none;

}

#product-details .product-info .price-box-register {

  border: 2px solid #eee;

  padding: 15px 10px;

  font-size: 16px;

  font-weight: 600;

}

#product-details .product-info .price-box .price {

  color: #ee3124;

  font-size: 20px;

  line-height: 20px;

  font-weight: 600;

  margin: 0;

  float: left;

}



#product-details .product-info .price-box .rrp {

  font-size: 20px;

  line-height: 20px;

  font-weight: 600;

  margin: 0;

  float: left;

}



#product-details .product-info .price-box .surcharge {

  color: #ee3124;

  font-size: 16px;

  font-weight: 600;

  margin-top: 6px;

  margin-bottom: 2px;

  float: left;

}

#product-details .product-info .price-box span {

  float: right;

  line-height: 20px;

}

#product-details .product-info .review-box {

  padding: 20px 0;

  text-align: right;

}

#product-details .product-info .review-box .rating {

  float: left;

  margin-right: 10px;

}

#product-details .product-info .review-box .rating .fa {

  font-size: 15px;

}

#product-details .product-info .review-box span {

  display: inline-block;

  line-height: 15px;

}

#product-details .product-info .attributes-box {

  padding: 20px 0;

}

#product-details .product-info .attributes-box strong {

  margin-right: 10px;

}

#product-details .product-info .options-box {

  padding: 0;

}

#product-details .product-info .options-box select {

  display: block;

  margin-bottom: 15px;

  border: 1px solid #ddd;

  padding: 10px;

  width: 100%;

}

#product-details .product-info .buy-box input {

  display: inline-block;

  border: 1px solid #ddd;

  width: 50px;

  text-align: center;

  height: 35px;

}

#product-details .product-info .buy-box span {

  display: inline-block;

  line-height: 35px;

  margin-right: 10px;

}

#product-details .product-info .buy-box .btn {

  margin-right: 10px;

  padding: 0 20px;

  line-height: 45px;

  font-size: 15px;

  font-family: "Open Sans Web";

}

#product-details .product-info .product-nav-tabs > li > a {

  color: #333;

  font-weight: 600;

  font-size: 14px;

}



/* RATINGS

-------------------------------------------------- */

.rating .fa {

  color: #ed7669;

}

.rating .fa.disabled {

  color: #e5e5e5;

}



/* PRODUCT GRID

---------------------------------------------------------- */

.product-grid {

  list-style: none;

  height: auto;

  padding: 0;

}

.product-grid .product {

  margin: 15px 0;

}



/* PRODUCT LISTVIEW

---------------------------------------------------------- */

.product-grid.listview .product .image {

  width: 25%;

  float: left;

}

.product-grid.listview .product .title {

  float: right;

  width: 73%;

  height: auto;

  margin: 10px 0 20px 0;

}

.product-grid.listview .product .title a.name {

  font-size: 16px;

  margin-bottom: 10px;

  display: block;

  line-height: 1;

}

.product-grid.listview .product .description {

  /*display: block;*/

  margin: 0;

  line-height: 1.5em;

}

.product-grid.listview .product .links {

  float: right;

  width: 73%;

  height: auto;

  text-align: left;

}

.product-grid.listview .product .links a {

  display: inline-block;

  float: none;

  width: auto;

  padding: 5px 20px;

}

.product-grid.listview .product .links a .fa {

  margin-right: 10px;

}

.product-grid.listview .product .links a span {

  display: inline-block;

}

.product-grid.listview .product .price {

  display: block;

  float: none;

  margin-bottom: 15px;

  font-size: 16px;

}



/* PRODUCTS FILTER

---------------------------------------------------------- */

.products-filter {

  background: #f7f7f7;

  border: 1px solid #d8d8d8;

  padding: 8px 15px;

  margin-bottom: 15px;

  font-size: 12px;

  position: relative;

  overflow: auto;

}

.products-filter .display {

  float: left;

  font-size: 11px;

  font-weight: normal;

  line-height: 31px;

}

.products-filter .display .show-grid, .products-filter .display .show-list {

  display: inline-block;

  cursor: pointer;

  line-height: 22px;

  margin-right: 10px;

}

.products-filter .display .fa {

  cursor: pointer;

  margin-left: 10px;

  font-size: 20px;

  line-height: 22px;

  vertical-align: middle;

}

.products-filter .display .fa:hover {

  color: #ee3124;

}

.products-filter .sort {

  float: right;

  margin-right: 20px;

}

.products-filter .limit {

  float: right;

}

.products-filter select {

  border: 1px solid #ccc;

  padding: 5px 10px;

  margin-left: 10px;

  font-size: 12px;

  color: #666;

  display: inline-block;

}

.products-filter .pageCount {

  float: right;

  margin-left: 20px;

  margin-right: 20px;

}





/* CART

---------------------------------------------------------- */

.cart {

  width: 100%;

  margin-bottom: 40px;

  border: 1px solid #ddd;

}



.cart-buttons .btn {

  width: 28%;

  padding: 15px 0;

  float: right;

  margin-left: 20px;

}



/* CART CONTENTS

---------------------------------------------------------- */

table.cart-contents {

  width: 100%;

  margin: 0;

}

table.cart-contents thead {

  background: #F9F9F9;

  border-bottom: 1px solid #ddd;

}

table.cart-contents thead th {

  margin: 0;

  font-size: 16px;

}

table.cart-contents tbody tr {

  border-bottom: 1px solid #ddd;

}

table.cart-contents tbody tr:hover {

  background: #fcfcfc;

}

table.cart-contents th, table.cart-contents td {

  padding: 20px;

  border-left: 1px solid #ddd;

}

table.cart-contents th:first-child, table.cart-contents td:first-child {

  border-left: none;

}

table.cart-contents td {

  vertical-align: top;

}

table.cart-contents .image {

  width: 12%;

}

table.cart-contents .image img {

  width: 100%;

  height: auto;

}

table.cart-contents .details .rating {

  margin-bottom: 10px;

}

table.cart-contents .details .title {

  display: block;

  color: #333;

  font-size: 14px;

  font-family: "Open Sans Web";

  text-transform: capitalize;

  margin: 0 0 10px 0;

}

table.cart-contents .details span {

  display: block;

  margin: 0 0 5px 0;

  line-height: 1;

  font-size: 12px;

}

table.cart-contents .action {

  width: 110px;

}

table.cart-contents .action button {

  float: left;

  border: none;

  text-align: center;

  color: #fff;

  padding: 0;

  width: 33%;

  line-height: 30px;

}

table.cart-contents .action button.refresh {

  background-color: #989ca2;

}

table.cart-contents .action button.edit {

  background-color: #6f757c;

}

table.cart-contents .action button.delete {

  background-color: #ee3124;

}

table.cart-contents .action button:hover {

  background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

  background-image: linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);

}

table.cart-contents .qty {

  width: 9%;

}

table.cart-contents .qty input {

  border: 1px solid #ddd;

  height: 30px;

  padding: 0;

  width: 100%;

  text-align: center;

}

table.cart-contents .unit-price, table.cart-contents .total-price {

  width: 14%;

  font-size: 16px;

  color: #666;

  font-weight: normal;

  font-family: "Open Sans Web";

}

table.cart-contents .total-price {

  color: #ee3124;

}

table.cart-contents .currency {

  margin-right: 3px;

}



/* CART SUMMARY

---------------------------------------------------------- */

.cart-summary

.terms {

  padding: 0 40px;

  color: #999;

  font-size: 12px;

  width: 72%;

  vertical-align: middle;

}

.cart-summary

.terms h5 {

  margin: 0 0 10px 0;

  text-transform: uppercase;

}

.cart-summary

.terms h5 .fa {

  margin-right: 10px;

  color: #ccc;

  font-size: 20px;

  vertical-align: middle;

}



.totals {

  width: 28%;

  border-left: 1px solid #ddd;

  vertical-align: top;

}



.cart-totals {

  width: 100%;

  height: 100%;

}

.cart-totals tr {

  border-bottom: 1px solid #ddd;

}

.cart-totals tr:last-child {

  border: none;

}

.cart-totals td {

  border-left: 1px solid #ddd;

  width: 50%;

  padding: 7px 20px;

  color: #888;

}

.cart-totals td:first-child {

  border-left: none;

}

.cart-totals td.cart-total {

  font-family: "Open Sans Web";

  font-size: 20px;

  color: #333;

  text-transform: uppercase;

  padding: 20px;

}

.cart-totals td.cart-total.price {

  color: #ee3124;

}



@media (max-width: 767px) {

  table.cart-contents thead h5 {

    margin: 0;

    font-size: 14px;

  }

  table.cart-contents .total-price {

    width: 25%;

    font-size: 12px;

  }

  table.cart-contents .qty {

    width: 15%;

  }

  table.cart-contents .qty input {

    padding: 5px 0;

  }

  table.cart-contents th, table.cart-contents td {

    padding: 15px;

    border-right: 1px solid #ddd;

  }

  table.cart-contents .currency {

    margin-right: 0;

  }

  table.cart-contents .action {

    margin-top: 15px;

    float: none !important;

  }



  .cart-buttons .btn {

    display: block;

    float: none;

    margin: 0 0 20px 0;

    width: 100%;

  }



  .cart-summary .terms {

    display: none;

  }



  .cart-totals td {

    width: auto;

  }

  .cart-totals td.price {

    width: 40%;

  }

}



/* ========================================================== 

   NEWS MODULES

=============================================================*/

/* NEWS GRID

---------------------------------------------------------- */

.news-grid {

  list-style: none;

  height: auto;

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 20px;

}



.article .image {

  position: relative;

  max-height: 100%;

  max-width: 100%;

}



.article .title {

    display: none;

}



.article:hover .title {

    display: inline;

    position: absolute;

    bottom: 0;

    background: rgba(0, 0, 0, 0.4);

    color: #f1f1f1;

    padding: 20px;

}



/* ========================================================== 

   BLOG MODULES

=============================================================*/

/* BLOG

-------------------------------------------------- */

.blog-entry {

  margin: 0 0 40px 0;

  padding: 0 0 40px 0;

  border-bottom: 1px solid #eee;

}

.blog-entry img {

  max-width: 100%;

  margin: 0 0 20px 0;

}

.blog-entry h4 {

  line-height: 1;

  margin: 0 0 20px 0;

  display: block;

}

.blog-entry h4 a {

  color: #323740;

}

.blog-entry .btn {

  font-size: 12px;

}

.blog-entry .meta {

  padding: 10px 10px;

  margin: 0 0 15px 0;

  border-bottom: 1px solid #eee;

  border-top: 1px solid #eee;

}

.blog-entry .meta .fa {

  margin: 0 10px 0 0;

  color: #e95d4f;

}

.blog-entry .meta a {

  color: #6f757c;

}

.blog-entry .meta span {

  margin: 0 20px 0 0;

}

.blog-entry .meta span:hover a {

  color: #323a45;

}

.blog-entry .meta span:hover .fa {

  color: #ee3124;

}

@media (max-width: 767px) {

  .blog-entry .meta {

    font-size: 11px;

  }

}



/* TAGS

---------------------------------------------------*/

ul.tags {

  list-style: none;

  padding: 0;

  margin: 0;

}

ul.tags li {

  display: block;

  float: left;

  margin: 0 7px 7px 0;

}

ul.tags li a {

  display: block;

  font-size: 12px;

  line-height: 1;

  border: 1px solid #989ca2;

  color: #989ca2;

  padding: 10px 15px;

}

ul.tags li a:hover {

  background: #ee3124;

  border: 1px solid #b83c30;

  color: #fff;

}



/* BLOG COMMENTS

-------------------------------------------------- */

.comments-list {

  list-style: none;

  padding: 0;

  margin: 0;

}

.comments-list > li {

  display: block;

  margin: 0 0 40px 0;

  padding: 0 0 40px 0;

  border-bottom: 1px solid #eee;

}

.comments-list > li:last-child {

  border: none;

}

.comments-list .avatar {

  float: left;

  width: 9.6%;

}

.comments-list .avatar img {

  max-width: 100%;

  height: auto;

}

.comments-list .comment-box {

  float: right;

  width: 85.4%;

}

.comments-list .comment-box .username {

  font-weight: bold;

  float: left;

}

.comments-list .comment-box .date {

  float: right;

  color: #ccc;

}

.comments-list .comment-box .comment {

  width: 100%;

  float: left;

  margin: 20px 0 0 0;

}

@media (max-width: 767px) {

  .comments-list .comment-box .comment {

    font-size: 11px;

  }

}



/* ========================================================== 

   PORTFOLIO MODULES

=============================================================*/

/* PORTFOLIO

-------------------------------------------------- */

ul.portfolio-grid {

  list-style: none;

  padding: 0;

}



.project {

  position: relative;

  margin: 15px 0;

}

.project img {

  width: 100%;

}

.project .overlay {

  opacity: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  text-align: center;

  background: #ee3124;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}

.project .overlay i {

  color: #fff;

  border: 2px solid #fff;

  padding: 10px 15px;

  font-size: 30px;

  display: inline-block;

  margin: 0 0 20px 0;

}

.project .overlay h4 {

  text-transform: capitalize;

  color: #fff;

  margin: 0 0 7px 0;

  line-height: 1;

}

.project .overlay span {

  text-transform: uppercase;

  color: #fff;

  font-size: 10px;

}

.project:hover > .overlay {

  opacity: 1;

}



/* PORTFOLIO FILTER

-------------------------------------------------- */

ul.portfolio-filter {

  list-style: none;

  padding: 0;

  margin: 0;

  display: block;

  margin: 0 0 40px 0;

}

ul.portfolio-filter > li {

  display: inline-block;

  line-height: 1;

  margin: 5px 2px 0 5px;

  color: #333;

}

ul.portfolio-filter > li > a {

  border: 1px solid rgba(0, 0, 0, 0.1);

  color: inherit;

  display: block;

  line-height: 40px;

  padding: 0 25px;

  text-transform: uppercase;

  font-weight: normal;

  font-size: 13px;

}

ul.portfolio-filter > li:hover > a {

  background: #f2f2f2;

}

ul.portfolio-filter > li.active > a {

  background: #ee3124;

  color: #fff;

}



/* PORTFOLIO SLIDER

-------------------------------------------------- */

.portfolio-slider.no-js {

  overflow: hidden;

}

.portfolio-slider.no-js li {

  float: left;

  width: 30%;

  margin-right: 5%;

}

.portfolio-slider.no-js li:nth-child(3n) {

  margin-right: 0;

}

.portfolio-slider.no-js li:nth-child(n + 4) {

  display: none;

}



.portfolio-slider .bx-wrapper .bx-controls-direction {

  top: auto;

  bottom: auto;

  position: static;

  margin-top: 20px;

}



/* ========================================================== 

   SLIDERS

=============================================================*/



/* TEXT SLIDER

-------------------------------------------------- */

.text-slider {

  text-align: center;

}

.text-slider .slide {

  padding: 15px 0;

}

.text-slider .slide h2 {

  color: #fff;

  font-size: 40px;

  font-weight: normal;

  margin: 0;

  text-transform: capitalize;

}

@media (max-width: 991px) {

  .text-slider .slide h2 {

    font-size: 34px;

  }

  .text-slider .meta {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .text-slider .slide h2 {

    font-size: 25px;

  }

  .text-slider .meta {

    font-size: 14px;

  }

}



.text-slider .bx-wrapper {

  height: auto;

  margin: 0;

}

.text-slider .bx-wrapper .bx-pager, .text-slider .bx-wrapper .bx-controls-auto {

  text-align: center;

  position: static;

  line-height: 1;

  padding: 0;

  margin: 5px 0 0 0;

}

.text-slider .bx-wrapper .bx-pager.bx-default-pager a {

  background: none;

  margin: 0;

  border-radius: 0;

  height: 15px;

  width: 40px;

  line-height: 1;

  display: inline-block;

  position: relative;

}

.text-slider .bx-wrapper .bx-pager.bx-default-pager a:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  height: 2px;

  width: 100%;

  margin: auto;

  background: #fff;

}

.text-slider .bx-wrapper .bx-pager.bx-default-pager a:hover:after {

  background: rgba(255, 255, 255, 0.6);

}

.text-slider .bx-wrapper .bx-pager.bx-default-pager a.active:after {

  background: #ee3124;

  height: 2px;

}



.text-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {

    background-image: none;

}



/* ========================================================== 

   ACCOUNT

=============================================================*/

/* ACCOUNT FORMS

------------------------------------------------- */

.form-block {

  border: 1px solid #ddd;

  background: #eee;

}



.form-block .col {

  padding: 40px 40px;

  width: 50%;

}



.form-block .forgot {

  padding: 40px 40px;

}



.form-block .forgot .messagebox {

    font-family: inherit;

    width: 100%;

    height: 150px;

}



.form-block h4 {

  margin: 0 0 25px 0;

}

.form-block h4 > .fa {

  color: #ccc;

  margin: 0 10px 0 0;

}

.form-block .form-control, .form-block .checkbox {

  margin-bottom: 10px;

}



.form-block .validation-summary-errors {

    margin-top: 20px;

    font-weight: bold;

    color: #ee3124;

}



.form-group .input-validation-error {

    border: 2px solid #ee3124;

}



/* Used for basket validation */

.content-block .validation-summary-errors {

    font-weight: bold;

    color: #ee3124;

    margin-bottom: 30px;

}



.empty-basket {

    text-align: center;

    font-weight: bold;

    color: #ee3124;

    margin: 30px;

}



.form-block .btn {

  padding-left: 20px;

  padding-right: 20px;

}

@media (max-width: 767px) {

  .form-block .col {

    float: none !important;

    width: 100%;

  }

  .form-block .col.pull-right {

    border: none;

  }

  .form-block .col.pull-left {

    border-bottom: 1px solid #ddd;

  }

}





/* DEMO STYLES

-------------------------------------------------- */

#page-wrapper.wide {

  max-width: 100% !important;

}

#page-wrapper.wide #header {

  width: 100% !important;

}

#page-wrapper.wide #top-bar, #page-wrapper.wide #main-nav {

  max-width: none;

}



@media (min-width: 768px) {

  #page-wrapper.boxed {

    max-width: 800px;

  }

  #page-wrapper.boxed .container {

    max-width: 750px !important;

    width: auto !important;

  }

  #page-wrapper.boxed #top-bar, #page-wrapper.boxed #main-nav {

    max-width: 800px;

  }

}

@media (min-width: 992px) {

  #page-wrapper.boxed {

    max-width: 1020px;

  }

  #page-wrapper.boxed #top-bar, #page-wrapper.boxed #main-nav {

    max-width: 1020px;

  }

  #page-wrapper.boxed .container {

    max-width: 970px !important;

    width: auto !important;

  }

}

@media (min-width: 1200px) {

  #page-wrapper.boxed {

    max-width: 1220px;

  }

  #page-wrapper.boxed #top-bar, #page-wrapper.boxed #main-nav {

    max-width: 1220px;

  }

  #page-wrapper.boxed .container {

    max-width: 1170px !important;

    width: auto !important;

  }

}



.demo-icons {

  list-style: none outside none;

  margin: 0;

  padding: 0;

}



.demo-icons li {

  display: block;

  float: left;

  margin: 0 2.6% 2.6% 0;

  text-align: center;

  width: 12%;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  -o-box-sizing: content-box;

  -ms-box-sizing: content-box;

  box-sizing: content-box;

}



.demo-icons li:nth-child(7n) {

  margin-right: 0;

}



.demo-icons li .wrapper {

  border: 1px solid #DDDDDD;

  padding: 15px 0;

  text-align: center;

}



.demo-icons li i {

  display: inline-block;

  font-size: 32px;

  margin: 0 3px 0 0;

  vertical-align: middle;

  width: 30px;

}



.demo-btns .btn {

  margin: 5px 5px 5px 0;

}



/* TYPEAHEAD CLASSES

------------------------------------------------------ */



.tt-hint {

  color: #ee3124;

}



.tt-menu  {

  width: 600px;

  margin-top: 4px;

  padding: 4px 0;

  background-color: #fff;

  border: 1px solid #ccc;

  max-height: 300px;

  overflow-y: auto;

}



.tt-suggestion {

  padding: 3px 12px;

  line-height: 24px;

  background-color: #ffffff;

}



.tt-suggestion img {

    max-height: 60px;

    padding-right: 12px

}



.tt-suggestion.tt-cursor,.tt-suggestion:hover {

  color: #fff;

  background-color: #888888;



}



.tt-suggestion p {

  margin: 0;

}



.tt-highlight {

  color: #ee3124;

}



.tt-subheading {

  padding: 3px 12px;

  line-height: 24px;

  background-color: #ffffff;

  border-bottom: 1px solid #DDDDDD;

  color: #ee3124;

}





/* TERMS & CONDITIONS CLASSES

------------------------------------------------------ */

.tandcs h4 {

    margin-bottom: 5px;

}

.tandcs h5 {

    margin-bottom: 5px;

}

.tandcs h6 {

    margin-bottom: 5px;

}

.tandcs p {

    margin-bottom: 3px;

}

.tandcs ul {

    margin-bottom: 5px;

}

.tandcs .row {

    line-height: 20px;

}

.news h4{ margin-bottom: 10px; }
.news time{ margin-bottom: 10px; display: block; }
.news time i{ margin-right: 5px; }
.news hr{ margin: 30px 0; }
.st_fanye span{ margin: 0 5px; }
.st_fanye a{ display: inline-block; border: 1px solid #323a45; margin: 0 5px; padding: 8px 12px; transition: 0.3s; }
.st_fanye a:hover{ border-color: #ee3124; color: #ee3124; }
.st_fanye a.on{ background-color: #ee3124; color: #fff;border-color: #ee3124; }

.newsshow h2{ font-size: 26px; }
.newsshow p{ font-size: 14px; }
.newsshow p span{ margin: 0 10px; }
.newsshow p span i{ margin-right: 5px; }

.proshow .proxqr p{ margin-bottom: 5px; word-wrap:break-word; }
.proshow .proxqr hr{ margin: 30px 0; }

.proshow .picarryr{ height: 350px; }
.proshow .picarryr .pro_nav{ padding-left: 0; margin-bottom: 0; height: 350px; overflow-y: auto; }
.proshow .picarryr .pro_nav li{ padding: 0; }
.proshow .picarry .tab-pane{ border-top:1px solid #ddd; height: 350px; text-align: center; padding: 0; }
.proshow .tab-content>.btn26{ border:1px solid #ddd; height: 350px; text-align: center; }
.proshow .tab-content>.btn26 .img{ height: 100%; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.proshow .picarry .tab-pane .btn26{ width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.proshow .prointr h3{ padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-top: 0; }
.proshow .prointr p{ margin-bottom: 5px; }
.proshow .prointr p b{ display: inline-block; width: 200px; }
.proshow .prointr .disnone{ display: none; }
.proshow .prointr .disblok{ display: block; }
.proshow .proxqr h4{ border-bottom: 1px solid #003dbc; padding-bottom: 10px; }
.proshow .pro-content h4{ border-bottom: 1px solid #003dbc; padding-bottom: 10px; }
.proshow .pro_xq .lleft{ margin-top: 42px; }

#main-nav.navbar-default .navbar-form .typeahead{ width: 330px; }

#map{ height: 500px; width: 100%; margin-top: 25px; }

.contact .list{ background-color: #ededee; padding: 25px 15px; }
.contact .list ul{ padding: 0; }
.contact .list li h4{ margin-top: 0; }
.contact .list li p{ margin-bottom: 5px; }

#footer .share a{ color: #fff; font-size: 22px; position: relative; display: inline-block; margin-bottom: 60px; margin-right: 10px; padding: 10px; border-radius: 50%; background-color: #000; }
#footer .share a .erweima{ position: absolute; width: 100px; height: 100px; top: 40px; left: -30px; opacity: 0; transition: 0.3s; }
#footer .share a:hover .erweima{ opacity: 1; }