@import "animate.css";

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

                      Main Styles

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

body {

  background: #27282a;

  color: #666d70;

  font: 400 15px/21px 'Open Sans', sans-serif;

  -webkit-text-size-adjust: none;

}

img {

  max-width: 100%;

  height: auto;

}

h1,

h2,

h3,

h4,

h5,

time {

  color: #3b3d40;

  font-family: 'Open Sans', sans-serif;

}



h1, h2, h3, h4, h5, h6 {color:#659800;}

.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, 

.parallax p, .parallax ul, .parallax ol {color:#fff;}



h1 {

  font-size: 40px; font-weight:300;

  line-height: 48px; letter-spacing:-0;

}

h2 {

  font-size: 22px;

  line-height: 26px;

  font-weight: 600;

}

h3 {

  font-size: 22px;

  line-height: 35px;

  letter-spacing: -0.44px;

  color: #666d70;

}

h4 {

  font-size: 20px;

  line-height: 27px;

}

h5 {

  font-size: 19px;

  line-height: 27px;

}

h6 {

  font-size: 18px;

  line-height: 27px;

}

h3 em {

  font-size: 32px;

  line-height: 42px;

  letter-spacing: -0.64px;

  color: #3b3d40;

  padding: 0 19%;

  display: inline-block;

}

p small {

  font-size: 14px;

  line-height: 24px;

}

p em {

  font-style: italic;

}

hr {

  margin-left: auto;

  margin-right: auto;

  padding: 0;

  height: 1px;

  background: #c3c3c3;

  max-width: 60%;

  border: none;

}

p a:hover {

  text-decoration: none;

}

time {

  font-size: 22px;

  line-height: 35px;

  display: block;

  float: left;

  color: #666d70;

}

a {

  font: inherit;

  color: #659800;

  text-decoration: none;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

a:focus {

  outline: none;

}

a:active {

  background: transparent;

}

a[href^="tel:"] {

  color: inherit;

  text-decoration: none;

}

strong {

  font-weight: 700;

}

.fa {

  line-height: inherit;

}

[class*='fa-']:before {

  font-weight: 400;

  font-family: 'FontAwesome';

}

.page {

  overflow: hidden;

  min-height: 500px;

}

.lt-ie9 .page {

  min-width: 1200px;

}

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

                        Components

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

/*========================   Menu   ==========================*/

.sf-menu {

  display: inline-block;

}

.sf-menu:before,

.sf-menu:after {

  content: " ";

  display: table;

}

.sf-menu:after {

  clear: both;

}

.sf-menu > li {

  position: relative;

  float: left;

}

.sf-menu > li + li {

  margin-left: 24px;

}

.sf-menu a {

  display: block; letter-spacing:0;

}

.sf-menu > li > a {

  color: #FFF;

}

.sf-menu > li.sfHover > a,

.sf-menu > li > a:hover {

  color: #fff;

}

.sf-menu > li.active > a {

  color: #fff;

}

.sf-menu ul {

  display: none;

  position: absolute;

  top: 100%;

  width: 250px;

  margin-top: 26px;

  margin-left: -30px;

  padding: 12px;

  background: #000;

  z-index: 2;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.sf-menu ul > li > a {

  color: #FFF; padding: 3px 12px; background: #000;

}

.sf-menu ul > li.sfHover > a,

.sf-menu ul > li > a:hover {

  color: #FFF; background: #3b3d40;

}

.sf-menu ul ul {

  position: absolute;

  top: 100%;

  width: 175px;

  margin-left: 160px;

  margin-top: -144px;

  z-index: 4;

}

.sf-menu ul ul > li > a {

  color: #FFF;

  background: #000;

}

.sf-menu ul ul > li.sfHover > a,

.sf-menu ul ul > li > a:hover {

  color: #FFF;

  background: #3b3d40;

}

.sf-menu > li > .sf-with-ul {

  position: relative;

}

.sf-menu > li > .sf-with-ul:before {

  position: absolute;

  left: 50%;

  top: 62%;

  margin-left: -6px;

  content: '\f0d7';

  font: 400 12px/12px 'FontAwesome';

}



.ftrnav {font-family: text-transform:uppercase; font-size:12px; text-align:center;}

.ftrnav a {display:inline-block; padding:5px 10px;}

.ftrnav a:hover, .ftrnav a:focus, .ftrnav a:active {color:#fff;}

@media (max-width: 767px) {

  .sf-menu {display: none;}

  .ftrnav a {display:block; padding:10px;}

}


.mobile-call-banner {
  display:none;
  color: #000;
  margin-top: 25px;
}
.mobile-call-banner p a {
  padding: 10px;
  line-height: 26px;
  background: #fff;
  color: #000;
  border-radius: 2px;
}
.mobile-call-banner p a i.fa {
  font-size: initial;
  width: initial;
  height: initial;
  line-height: initial;
  padding: 5px;
  box-shadow: 0 0 0 2px black;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .mobile-call-banner {
    display:block;
  }
}

/*==================  Select Menu  ======================*/

.select-menu {

  position: relative;

  display: none;

  margin: 0 auto;

  width: 420px;

  background: #ffffff url('../images/select.png') no-repeat right center;

  overflow: hidden;

}

.select-menu .select {

  width: 440px;

  height: 30px;

  color: #585858;

  background-color: transparent;

  line-height: 30px;

  border: none;

  border-radius: 0;

  box-shadow: none;

  outline: none;

  -webkit-appearance: none;

}

.select-menu .select::-ms-expand {

  display: none;

}

@media (max-width: 767px) {

  .select-menu {

    display: block;

  }

}

@media (max-width: 479px) {

  .select-menu {

    width: 270px;

  }

  .select-menu .select {

    width: 290px;

  }

}

/*==================  Stuck menu  ======================*/

.stuck_container {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 10;

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

  padding: 19px 0 16px;

}

.lt-ie9 .stuck_container {

  background: none;

  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');

  zoom: 1;

}

.isStuck {

  background: #444444;

  z-index: 999;

  border-bottom: 1px solid #333333;

  bottom: inherit !important;

  padding: 16px 0 16px;

}

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

  .isStuck {

    display: none !important;

  }

}

.stuck_container2 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10;

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

  padding: 19px 0 16px;

}

.lt-ie9 .stuck_container2 {

  background: none;

  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');

  zoom: 1;

}

.isStuck {

  background: #444444;

  z-index: 999;

  border-bottom: 1px solid #333333;

  bottom: inherit !important;

}

/*==================     ToTop     ======================*/

.toTop {

  width: 40px;

  height: 40px;

  font-size: 24px;

  line-height: 40px;

  color: #fff;

  background: #7d7e7f;

  border-radius: 50%;

  border: 2px solid #fff;

  position: fixed;

  right: 66px;

  bottom: 180px;

  display: none;

  overflow: hidden;

  text-align: center;

  text-decoration: none;

  z-index: 20;

}

.toTop:hover {

  color: #fff;

  background: #3b3d40;

  text-decoration: none;

}

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

  .toTop {

    display: none !important;

  }

}

/*==================   Parallax    ======================*/

.parallax {

  background-position: center 0;

  background-repeat: no-repeat;

  text-align: center;

  background-color: #27282a;

  color: #333;

}



.parallax h2 + p {margin-top: 16px;}



.mobile .parallax,

.tablet .parallax {

  background-position: 50% 0 !important;

  background-size: cover;

}

.parallax1 {

  background-image: url(../images/header.jpg);

}



.parallax1 h2 + p {

  margin-top: 24px; font-size:20px; line-height:32px;

}

.parallax2 {

  background-image: url(../images/page-2_img02.jpg);

  background-size: 140%;}



.parallax3 {

  background-image: url(../images/page-2_img11.jpg);

  background-size: 140%; color:#fff;

}

.parallax4 {

  background-image: url(../images/page-3_img7.jpg);

  background-size: cover;

}

.parallax5 {

  background-image: url(../images/page-5_img09.jpg);

  background-size: 180%;

  text-align: left;

}

.parallax6 {

  background-image: url(../images/page-1_img01.jpg);

}



.parallax h2 {line-height:1.05; font-size: 52px; line-height: 42px; font-weight: 600; letter-spacing: -2px;}



.parallax h2 span {padding:0 16px; 

box-decoration-break: clone; 

-moz-box-decoration-break: clone; 

-webkit-box-decoration-break: clone; 

-ms-box-decoration-break: clone; 

-o-box-decoration-break: clone;}



.parallax1 h2 {color: #2a5601; line-height:1; font-size: 48px; line-height: 42px; font-weight: 800; letter-spacing: -2px;}

.parallax1 h2 span {background-color:#fff; color:#2a5601;}

.parallax p strong {padding:4px 16px; background:/*#639800*/#2a5601; color:#fff; 

box-decoration-break: clone; 

-moz-box-decoration-break: clone; 

-webkit-box-decoration-break: clone; 

-ms-box-decoration-break: clone; 

-o-box-decoration-break: clone;}



.parallax2 h2, .parallax2 h3, .parallax2 p, .parallax2 ul, .parallax2 ol, 

.parallax3 h2, .parallax3 h3, .parallax3 p, .parallax3 ul, .parallax3 ol,

.parallax4 h2, .parallax4 h3, .parallax4 p, .parallax4 ul, .parallax4 ol,

.parallax5 h2, .parallax5 h3, .parallax5 p, .parallax5 ul, .parallax5 ol,

.parallax6 h2, .parallax6 h3, .parallax6 p, .parallax6 ul, .parallax6 ol

{color:#fff;}



.parallax2 h2, .parallax3 h2, .parallax4 h2, .parallax5 h2, .parallax6 h2 {font-weight:800;}



@media (max-width: 767px) {

  .parallax {

    background-position: center 0 !important;

    background-size: cover;

  }

  .parallax h2 {

    font-size: 32px;

  }

  .parallax em {

    font-size: 14px;

  }

  .parallax5 {

    text-align: center;

  }

  .parallax1 h2 + p {

  font-size:14px; line-height:20px;

}

}

/*==================   Thumbnail    ======================*/

.thumb {

  display: inline-block;

  position: relative;

  overflow: hidden;

}

.thumb img {

  width: 100%;

  height: auto;

  -moz-transition: 0.5s all ease;

  -o-transition: 0.5s all ease;

  -webkit-transition: 0.5s all ease;

  transition: 0.5s all ease;

}

.thumb_overlay {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  color: #ffffff;

  background: transparent;

}

.thumb_overlay:before {

  content: '\f065';

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  font: 400 30px 'FontAwesome';

  line-height: 30px;

  margin-top: -15px;

  text-align: center;

}

.lt-ie9 .thumb_overlay:before {

  display: none;

}

.thumb:hover .thumb_overlay {

  opacity: 1;

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

}

.lt-ie9 .thumb:hover .thumb_overlay {

  background: none;

  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');

  zoom: 1;

}

.lt-ie9 .thumb:hover .thumb_overlay:before {

  display: block;

}

.thumb:hover img {

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}

.thumb2 {

  display: inline-block;

  position: relative;

  overflow: hidden;

}

.thumb2 img {

  width: 100%;

  height: auto;

  -moz-transition: 0.5s all ease;

  -o-transition: 0.5s all ease;

  -webkit-transition: 0.5s all ease;

  transition: 0.5s all ease;

}

.thumb2_overlay {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  -moz-transition: 0.3s all ease;

  -o-transition: 0.3s all ease;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  color: #ffffff;

  background: transparent;

}

.lt-ie9 .thumb2_overlay {

  filter: alpha(opacity=0);

}

.thumb2_overlay:after {

  content: '\f144';

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  font: 400 60px 'FontAwesome';

  line-height: 20px;

  margin-top: -15px;

  text-align: center;

}

.lt-ie9 .thumb2_overlay:after {

  display: none;

}

.thumb2:hover .thumb2_overlay {

  opacity: 0.3;

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

}

.lt-ie9 .thumb2:hover .thumb2_overlay {

  filter: alpha(opacity=30);

}

.lt-ie9 .thumb2:hover .thumb2_overlay {

  background: none;

  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');

  zoom: 1;

}

.lt-ie9 .thumb2:hover .thumb2_overlay:before {

  display: block;

}

.thumb2:hover img {

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}

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

                     HEADER  Section

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

header {

  background: #27282a;

  position: relative;

}

header.subpage {

  background: url(../images/header.jpg) no-repeat center center #27282a;

  background-size: cover;

  padding: 38px;

}

header .brand {

  float: left; 

}

header .brand .brand_name {letter-spacing:-1px;}



header .nav {

  float: right;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 1.2px;

  padding-top: 6px;

}

header .fa + .cont {

  margin-top: 16px;

}

header .fa {

  font-size: 36px;

  color: #000;

  width: 100px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  background: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

header .cont {

  color: #fff;

}

header .cont a,

header .cont address {

  display: inline-block;

  font-size: 22px;

  line-height: 35px;

}

header .parallax1 {

  padding: 200px 0;

}

header .parallax6 {

  padding: 216px 0 128px;

}

header .parallax6 a:hover {

  color: #3b3d40;

}

@media (max-width: 979px) {

  header {

    text-align: center;

  }

  header.subpage {

    padding: 57px;

  }

  header .search-form_toggle {

    margin-top: 15px;

  }

  header .brand {

    float: none;

  }

  header .brand_name {

    /*text-align: left;*/ 

  }

  header .nav {

    margin-left: 0;

    padding-top: 14px; float:none;

  }

}

@media (max-width: 767px) {

  header {

    text-align: center;

  }

  header.subpage {

    padding: 62px;

  }

  header .brand,

  header .nav,

  header .search-form_toggle {

    float: none;

  }

  header .nav {

    padding-left: 0px;

    padding-top: 18px;

  }

  

  .brand_slogan {display:none;}

}

/*==================     Brand     ======================*/

.brand {

  display: inline-block;

  position: relative;

  /* padding-left: 40px; */

}

.brand_name {

  color: #9a9ea0;

  font-size: 24px;

  line-height: 24px;

  letter-spacing: -0.5px;

  margin-left: 1px; font-weight:400;

}



.brand_name a, .brand_name a:hover, .brand_name a:focus {color:#fff;}



.brand_slogan {

  color: #fff;

  font-size: 12px;

  line-height: 12px;

  font-weight: 700;

  letter-spacing: 0.5px;

  margin-left: 3px; margin-top:4px;

}

.brand_name + .brand_slogan {

  margin-top: 6px;

}

.brand:before {

  display: block;

  position: absolute;

  top: 6px;

  left: -1px;

  font-size: 24px;

  text-align: center;

  color: #9a9ea0;

}

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

                     CONTENT  Layout

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

* + h3 {

  margin-top: 4px;

}

* + p {

  margin-top: 20px;

}

h2 + h3 {

  margin-top: 25px;

}

h3 + p {

  margin-top: 14px;

}

p + hr {

  margin-top: 23px;

}

hr + p {

  margin-top: 31px;

}

hr + h3 {

  margin-top: 10px;

}

h3 + hr {

  margin-top: 11px;

}

h2 + .row {

  margin-top: 37px;

}

img + p {

  margin-top: 11px;

}

p + .btn {

  margin-top: 24px;

}

.fa + h3 {

  margin-top: 16px;

}

p + dl {

  margin-top: 28px;

}

.row + .row {

  margin-top: 34px;

}

h2 + img {

  margin-top: 37px;

}

.off1 + .row {

  margin-top: 34px;

}

.mlist + .row {

  margin-top: 53px;

}

img + .box {

  margin-top: 21px;

}

h2 + .contact-form {

  margin-top: 38px;

}

h2 + .terms-list {

  margin-top: 25px;

}

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

                     CONTENT  Styles

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

main {

  display: block;

  background: #ffffff;

}

.center,

.subbtn {

  text-align: center;

}

.off1 {

  margin-right: auto;

  margin-left: auto;

  max-width: 968px;

}

.off2 {

  margin-right: auto;

  margin-left: auto;

  max-width: 890px;

}

.off3 {

  margin-right: auto;

  margin-left: auto;

  max-width: 980px;

}

.post {

  font-size: 12px;

  line-height: 18px;

}

.post img {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.video {

  width: 100%;

  height: 420px;

}

.terms-list dt {

  font-size: 22px;

  line-height: 35px;

  letter-spacing: -0.44px;

  color: #666d70;

}

.terms-list dt + dd {

  margin-top: 14px;

}

.terms-list dd + dt {

  margin-top: 24px;

}

@media (max-width: 767px) {

  .terms-list dt {

    font-size: 18px;

  }

}

.privacy {

  color: #000;

}

.privacy:hover {

  color: #666d70;

  text-decoration: underline;

}

.mod1 img {

	/*

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  */

}

/*==================      Well     ======================*/

.well1 {

  padding-top: 46px;

  padding-bottom: 52px;

}

@media (max-width: 767px) {

  .well1 {

    padding-top: 78px;

  }

}

.well1__ins1 {

  padding-top: 55px;

}

.well1__ins2 {

  padding-bottom: 43px;

}

.well1__ins3 {

  padding-bottom: 46px;

}

.well1__ins4 {

  padding-bottom: 56px;

}

.well2 {

  padding-top: 138px;

  padding-bottom: 129px;

}

.well3 {

  padding-top: 48px;

  padding-bottom: 43px;

}

.well3 .mailcolor {

  color: #000;

}

.well3 .mailcolor a:hover {

  color: #666d70;

}

.well3 dt {

  float: left;

  padding-right: 6px;

}

.well3 a:hover {

  color: #000;

}

.well3 hr + h3 {

  margin-top: 18px;

}

@media (max-width: 1199px) {

  .well3 dt {

    float: none;

  }

}

.well4 {

  padding-top: 126px;

  padding-bottom: 148px;

}

.well4__ins1 {

  padding-bottom: 100px;

}

.well4__ins2 {

  padding-bottom: 136px;

}

.well5 {

  padding-top: 47px;

  padding-bottom: 61px;

}

.well6 {

  padding-top: 54px;

  padding-bottom: 110px;

}

.well6__ins1 {

  padding-bottom: 58px;

}

.well7 {

  padding-top: 55px;

  padding-bottom: 56px;

}

@media (max-width: 979px) {

  h3 {

    font-size: 18px;

  }

  dt,

  dd {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  h3 em {

    padding: 0;

  }

  .post,

  .btn {

    text-align: center;

  }

  .well3 {

    text-align: center;

  }

  .video {

    height: auto;

  }

}

@media (max-width: 479px) {

  h3 {

    font-size: 16px;

  }

  p,

  h6 {

    font-size: 14px;

  }

  h3 em {

    font-size: 28px;

  }

}

/*==================   Gallery   ======================*/

.gallery:before,

.gallery:after {

  content: '';

  display: table;

}

.gallery:after {

  clear: both;

}

.gallery div {

  float: left;

}

.gallery a {

  display: block;

}

.gallery .img1 {

  width: 14.54545454545455%;

}

.gallery .img2 {

  width: 16.96969696969697%;

}

.gallery .img3 {

  width: 17.27272727272727%;

}

@media (max-width: 767px) {

  .gallery [class*='img'] {

    float: none;

    display: block;

    width: 50%;

    margin: 20px auto 0;

  }

}

/*==================      Components      ======================*/

.marked-list {

  text-align: left;

}

.marked-list li + li {

  margin-top: 20px;

}

.marked-list li {

  position: relative;

  padding-left: 28px;

  color: #3b3d40;

}

.marked-list li a:hover {

  color: #000;

  text-decoration: none;

}

.marked-list li:before {

  color: #838d8f;

  content: '\f0da';

  position: absolute;

  left: -2px;

  font: 400 12px 'FontAwesome';

  width: 22px;

  height: 22px;

  line-height: 20px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  transition: 0.5s;

  box-sizing: border-box;

  padding-left: 2px;

  border: 1px solid #eee;

}

.marked-list li:hover:before {

  background: #ddd;

}

.marked-list {

  /*font-size: 18px;*/

  line-height: 20px;

}

/*==================  Backgrounds  ======================*/

.bg01 {

  background: #3b3d40;

}

/*==================     Icons     ======================*/

.fa-group,

.fa-comments,

.fa-bar-chart,

.fa-leaf, .faicon {

  font-size: 36px;

  color: #000;

  width: 100px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  background: #fff;

  margin-left: -4px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

/*==================    Buttons    ======================*/

.btn:before {

  display: inline-block;

  color: #838d8f;

  content: '\f0da';

  font: 12px 'FontAwesome';

  width: 22px;

  height: 22px;

  line-height: 20px;

  text-align: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  margin-right: 9px;

  transition: 0.5s;

  box-sizing: border-box;

  padding-left: 2px;

  border: 1px solid #eee;

}

.btn:hover:before {

  background: #ddd;

}

.btn {

  display: inline-block;

  font-size: 12px;

  margin-left: -3px;

}

.btn:hover {

  color: #3b3d40;

}

.submitbtn {

  display: inline-block;

  padding: 9px 32px;

  text-align: center;

  background: #222325;

  color: #FFF;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  font-size: 10px;

  letter-spacing: 2px;

}

.submitbtn:hover {

  background: #3b3d40;

}

/*==================      Box      ======================*/

.box:before,

.box:after {

  content: " ";

  display: table;

}

.box:after {

  clear: both;

}

.box_aside {

  max-width: 170px;

  float: left;

}

.box_cnt {

  overflow: hidden;

}

.box_cnt__no-flow {

  overflow: hidden;

}

.box .box_cnt__no-flow a {

  display: inline-block;

  margin-top: 8px;

  margin-left: 30px;

}

.box a:hover {

  color: #3b3d40;

}

@media (max-width: 979px) {

  .box_aside {

    max-width: 220px;

  }

  .box .box_cnt__no-flow {

    overflow: inherit;

  }

  .box .box_cnt__no-flow a {

    display: inline-block;

    margin-left: 0px;

    margin-top: 0px;

  }

}

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

                     FOOTER  Styles

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

footer {

  padding-top: 10px;

  padding-bottom: 9px;

}

footer .brand {

  float: left;

  margin-top: 18px;

}

footer .nav {

  float: left;

  margin-left: 53px;

  margin-top: 25px;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 1px;

}



footer nav a {color:#999;}

footer nav a:hover {color:#eee;}



footer hr {

  background-color: #3d3e40;

  height: 1px;

  max-width: 100%;

}

footer p {

  color: #7d7e7f;

  font-size: 12px;

  line-height: 22px;

}



footer .copyright a {color:#7d7e7f;}

footer .copyright a:hover {

  color: #fff;

  text-decoration: none;

}

footer .subscr {

  padding: 17px 0px 14px;

}

footer .subftr {

  display: inline-block;

  padding-top: 8px;

  color: #fff;

}

footer .subftr + .subscribe-form {

  margin-left: 23px;

}



footer .ftrcontact {padding:17px 0;}

footer .ftrcontact h1, footer .ftrcontact h2, footer .ftrcontact h3 {color:#ccc;}

footer .ftrcontact h1 {padding:12px 0 0 0; letter-spacing:-2px;}

footer .ftrquote {text-decoration:underline;}

footer .ftrquote:hover, footer .ftrquote:focus, footer .ftrquote:active {color:#fff; text-decoration:underline;}



footer .inline-list {

  /*float: right;

  padding-top: 26px;

  padding-bottom: 22px;*/

  padding-top: 30px;

  padding-bottom: 30px; display:block; text-align:center;

}

footer .inline-list li {

  display: inline-block;

}

footer .inline-list li + li {

  margin-left: 7px;

}

footer .inline-list li .fa {

  font-size: 12px;

  color: #838d8f;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background: #27282a;

  border: 1px solid #393a3b;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

footer .inline-list li .fa:hover {

  background: #3b3d40;

}

@media (max-width: 1199px) {

  footer .inline-list {

    text-align: center;

    float: none;

  }

  footer .nav {

    float: none;

    display: inline-block;

  }

}

@media (max-width: 979px) {

  footer {

    text-align: center;

  }

  footer .brand {

    float: none;

  }

  footer .brand_name {

    text-align: left;

  }

  footer .nav {

    margin-left: 0;

  }

  footer .subscribe-form {

    display: inherit;

  }

  footer .subftr + .subscribe-form {

    margin-left: 0px;

    margin-top: 16px;

  }

}

@media (max-width: 767px) {

  footer .nav {

    display: none;

  }

  footer .subftr + .subscribe-form {

    margin-left: 0px;

  }

}





.cursor-default {cursor:default;}

.a-special {border: 10px solid #ddd;}

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

.ul-default {margin:20px 0 0 40px; list-style-type:square;}

.parallax .ul-default {margin:20px 0 0 0; list-style-type:square;}