@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

body {background:#eae9e8;line-height: 1.8em;font-size:16px;font-family: 'Lato', sans-serif;}

.main-header {background-color: #fdfdfd;background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23f4f1ed' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}
.main-header::before {content:' ';background:url(../../../images/template/left-brick.png) left top no-repeat;position: absolute;width:210px;height:195px;background-size: cover;}
.main-header::after {content:' ';background:url(../../../images/template/right-brick.png) right top no-repeat;position: absolute;width:210px;height:195px;right:0;top:0;background-size: cover;}
#menu {background:#43433d;}
.navbar-nav>li>a {padding:12px 30px;color:#bbbbad;}
.navbar-nav>li>a:hover {background:#33332e;color:#ddd;}
.logo {z-index: 9999;position:relative;}
div#message-component, input.required.invalid, textarea.required.invalid {border: none !important;}
img.main-image {float:right;padding-left:20px;}

h1, h2 {font-weight: 300;}
h3, h4, h5, h6 {font-weight: 400;}

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

h1 {color:#373c47;}

.page-header {margin-top:0;}

#content {padding:40px 20px;}

#mainbody {}
#mainbody .container .row {display: flex;}

#top-toolbar {padding:10px 0;z-index: 500;position:relative;}

.phone {margin-bottom:10px;}
.phone a {color:#43433d !important; text-decoration: none;font-size: 22px; line-height: 40px;padding:6px 15px; background:#f4af0e;}
.phone a:hover {color:#aaa !important; text-decoration: underline;background:#333;}

.getsocial {}

/* social icons */

.social-networks {
  margin: 0;
  padding:0;
  font-size: 0;
  text-align: center;
  float: right;
}
.social-networks li {
  display: inline-block;
}
.social-networks a {
  display: block;
  position: relative;
  margin: 0 7px;
  width: 36px;
  height: 36px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  text-decoration: none;
}
.social-networks a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  margin-top: -50%;
  margin-left: -50%;
  border-radius: 100px;
  background-color: #3196dd;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.social-networks a:after {
  position: relative;
  display: block;
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
.social-networks a:hover, .social-networks a:focus {
  text-decoration: none;
}
.social-networks.spin-icon a:hover:after, .social-networks.spin-icon a:focus:after {
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transform: rotateZ(360deg);
          transform: rotateZ(360deg);
}
.social-networks.square a:hover:before, .social-networks.square a:focus:before {
  border-radius: 0;
}
.social-networks.bounce a:hover, .social-networks.bounce a:focus {
  -webkit-animation: bounce 1s;
          animation: bounce 1s;
}
.social-networks .icon-linkedin:after {
  content: "\f0e1";
}
.social-networks .icon-linkedin:hover:before, .social-networks .icon-linkedin:focus:before {
  background: #0077b5;
}
.social-networks .icon-facebook:after {
  content: "\f09a";
}
.social-networks .icon-facebook:hover:before, .social-networks .icon-facebook:focus:before {
  background: #3b5998;
}
.social-networks .icon-rss:after {
  content: "\f09e";
}
.social-networks .icon-rss:hover:before, .social-networks .icon-rss:focus:before {
  background: #f26522;
}
.social-networks .icon-twitter:after {
  content: "\f099";
}
.social-networks .icon-twitter:hover:before, .social-networks .icon-twitter:focus:before {
  background: #00b0ed;
}
.social-networks .icon-instagram:after {
  content: "\f16d";
}
.social-networks .icon-instagram:hover:before, .social-networks .icon-instagram:focus:before {
  background: #833ab4;
}
.social-networks .icon-youtube:after {
  content: "\f16a";
}
.social-networks .icon-youtube:hover:before, .social-networks .icon-youtube:focus:before {
  background: #d50000;
}


.sidebar-right {background: #d5d2cc;padding: 70px 20px 95px 20px;}
.sidebar-right::before {content:'';position: absolute;top:0;left:0;background:url(../../../images/template/sidebar-build.png) center top repeat-x;height:50px;width:100%;}
.sidebar-right::after {content:'';position: absolute;bottom:0;left:0;background:url(../../../images/template/sidebar-foundation.png) center top repeat-x;height:100px;width:100%;}
.sidebar-right h3 {margin-top:0;color:#866d54;}
.sidebar-right {color:#292017;}

.testimonial {}
.testimonial ul {padding:0;margin:0;}
.testimonial li {list-style: none;padding:0 0 30px 0;font-style:italic;}

#mm-sidebar a {color:#aea697;}

/* custom list styles */
ul.tips {margin:0;padding:0;;margin-bottom:40px;}
ul.tips {background:#3a5766;}
ul.tips li {list-style: none;line-height: 1.2em;padding: 14px;margin: 0;color:#fafafa;}
ul.tips li:nth-child(even) {background:rgba(0, 0, 0, 0.3);}

#copyright {text-align: center;padding:20px 0;}
footer {background: #2d3234;padding: 30px 0;color:#83837c;}

@media (min-width: 1114px) and (max-width:1600px) {
	.main-header::before, .main-header::after {height:153px;}
}

@media (min-width:981px) and (max-width:1113px) {
	.main-header::after {display:none;}
	.logo {margin-left:150px;}
	.navbar-nav {float:right;}
}

@media (max-width:980px) {
	.mm-list a.mm-subclose:before {margin-bottom:-10px;}
	.mm-list a.mm-subclose:before {height:12px !important;bottom:70% !important;}
	.nav>li>a {padding:10px 0;}
	.navbar-header {float: none;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin: 7.5px -15px;}
	.navbar-nav > li {float: none;}
	.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}
	.visible-xs {display: block !important;}
	.navbar-brand {position:relative;margin:0;float:left;}
	.navbar-brand {padding:0;}
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin: 7.5px -15px;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	.navbar-toggle {display: block;top:25px;margin-right:2px;}
	.navbar-toggle {border-color: transparent;background: #333;border-radius: 50%;height: 42px; padding-top: 13px;}
	.mm-list li a:before {font: normal normal normal 14px/1 FontAwesome;padding-right:10px;}
	.mm-opening .navbar-btn .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 4px);
    transform: rotate(45deg) translate(5px, 4px);
    -webkit-transition: transform .4s ease .1s;
    transition: transform .4s ease .1s;}
	.mm-opening .navbar-btn .icon-bar:nth-child(2) {opacity: 0;transition: transform .4s ease;}
	.mm-opening .navbar-btn .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
    -webkit-transition: transform .4s ease .1s;
    transition: transform .4s ease .1s;}
	.mm-offcanvas .navbar-btn .icon-bar:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-5px, -4px);
    transform: rotate(-45deg) translate(-5px, -4px);
    -webkit-transition: transform .4s ease .1s;
    transition: transform .4s ease .1s;}
	.mm-offcanvas .navbar-btn .icon-bar:nth-child(2) {opacity: 0;transition: transform .4s ease;}
	.mm-offcanvas .navbar-btn .icon-bar:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-4px, 4px);
    transform: rotate(45deg) translate(-4px, 4px);
    -webkit-transition: transform .4s ease .1s;
    transition: transform .4s ease .1s;}
	.mm-menu li a:hover {background:#111 !important;color:#f4b100 !important;}
	.mm-menu > .mm-list {left:20px;}
	#top-toolbar {display:none;}
	.mob-menu-above .phone {margin-top:10px;}
	.mob-menu-above .phone a {display:block;text-align: center;}
	.mob-menu-below a {color: #06c4f6 !important;}
}

@media (max-width:991px) {
	#mainbody .container .row {flex-direction: column;}
}

@media (min-width:980px) {
	.navbar-collapse.collapse {}
}

@media (width:768px) {
	.navbar-brand {float:left;padding:0;}
}


@media (max-width:980px) {
	.logo {position: relative;left:160px;}
	a.navbar-brand {padding:8px 15px 9px;}
	.main-header::before {background-size: cover;height: 130px;}
	.main-header::after {display:none;}
	.ba-form .tool {padding:0;}
	.ba-row .col-md-12 {padding:0;width:100%;}
}

@media (max-width:420px) {
	.navbar-brand img {height:90px;}
	.main-header::before {background-size: cover;height: 107px;width:170px;}
	.logo {left:120px;}
}

@media (max-width:360px) {
	.logo {left:100px;}
}