/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 320px; background: #fff; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 1.3; color: #494949; -webkit-font-smoothing:antialiased; }

a { color: inherit; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Lato', sans-serif; }

h1 { font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: normal; color: #d6232e;}
h2 { font-size: 24px; color: #d6232e; font-weight: 900; }
h3 { font-size: 18px; color: #f6bc25; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

ul,
ol { list-style-position: inside; }


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */
.wrapper { position: relative; overflow: hidden; min-height: 100%; }

.shell { width: 1024px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: relative; top: 0; left: 0; z-index: 2; width: 100%; padding-top: 11px; border-top: 2px solid #f6bc25; background: rgba(255,255,255, .81); box-shadow: 0px 4px 20px 0px rgba(51, 51, 51, 0.54); height: 160px; }

.headerLocations { text-align: right; font-size: 13px; line-height: 21px; margin-top: 5px; }


.headerLocations { text-align: right; font-size: 13px; line-height: 21px; margin-top: 5px; }

.form-contact 

{ font-size: 18px; color: #666; font-weight: 900; text-align: center; font-style: normal; text-shadow:0px 0px 0px; font-family: 'Lato', sans-serif;

}

.form-contact a 

{ font-size: 22px; color: #d6232e; font-weight: 900; text-shadow:0px 0px 0px; font-style: normal; font-family: 'Lato', sans-serif;

}

.form-contact iframe {
    height: 475px;
}



.header .shell { height: 103px; }

.header-inner { float: right; padding-top: 2px; }

.header-actions { float: right; margin-right: 1px; }

.header-contacts { float: right; margin: 1px 25px 0 0; }
.header-contacts a { color: #d6232e; }

.logo img { height: 95px; }

.socials ul {
    font-size: 0;
    list-style: none outside none;
    text-align: center;
}

.socials li {
    display: inline-block;
}
.socials a {
    transition: opacity .4s;
}
.socials img { margin-right: 10px; transition: all 0.3s ease; }
.socials img:hover {
    transform: scale(0.9);
}
@media (min-width: 767px) and (max-width: 895px) {
	.logo img { height: 60px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { float: right; padding-top: 20px; clear: both; }

.nav ul { list-style: none outside none; }
.nav li { position: relative; }
.nav a { display: block; text-transform: uppercase; }

.nav > ul:before,
.nav > ul:after { display: table; content: ' '; }
.nav > ul:after { clear: both; }

.nav > ul > li { float: left; }
.nav > ul > li ~ li { margin-left: 42px; }
.nav > ul > li > a { position: relative; padding: 0 0 26px; font-size: 15px; letter-spacing: -0.025em; color: #d6232e;}
.nav > ul > li:hover > a,
.nav > ul > li > a:hover { color: #f6bc25; }

.nav > ul > .has-dropdown > a { padding-right: 13px; }
.nav > ul > .has-dropdown + li { margin-left: 29px; }

.nav > ul > .has-dropdown > a:after { position: absolute; top: 7px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #d6232e transparent transparent transparent; content: ''; }

.nav li:hover > ul { display: block; }

.nav ul ul { position: absolute; top: 100%; left: 1px; display: none; width: 232px; padding-bottom: 12px; background: #fff; }
.nav ul ul li { }
.nav ul ul a { padding: 9px 5px 8px 11px; font-size: 16px; color: #d6232e; }
.nav ul ul a:hover { color: #f6bc25; }

/* ------------------------------------------------------------ *\
	Fullsize Image
\* ------------------------------------------------------------ */

.fullsize-image { background-position: 50% 50%; background-repeat: no-repeat; }
.fullsize-image {
	-webkit-background-size: cover;
	        background-size: cover;
}

.fullsize-image > img { display: none; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; z-index: 1;  background: #f6bc25; color: #fff; height: 500px; }

.slider .slider-background { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: center bottom; }
.slider .slider-background {
	-webkit-background-size: cover;
	        background-size: cover;
}

.slider .slider-clip { position: relative; z-index: 2; background: rgba(31, 31, 31, 0); height: 500px;}

.slider .slides { list-style: none outside none; z-index: 5; }

.slider .shell { overflow: hidden; }

.slider .slide-heading { margin-bottom: 17px; font-size: 48px; }

.slider .slide-heading span { display: inline-block; padding: 6px 9px 8px; background: rgba(0,0,0, .58); }
.slider .slide-heading span ~ span { margin-top: 6px; }

.slider .slide-image { float: right; padding-top: 0;     margin-right: 20%; }

.slider .slide-content {  
	padding: 20px;
    float: left;
    width: 33%;
    z-index: 99;
    position: relative;
    background:#f6bc25;
    margin-top: 20px;
	border-radius: 10px;
}
.slider .slide-content h3 {
	text-align: center;
    font-size: 30px;
    color: #000;
}

.slider .slide-content a { padding-left: 13px; margin-top: 10px; display: inline-block; }
.slider .slide-content a:hover { text-decoration: underline; }

.slider .bx-controls { display: none; }
.slider .bx-viewport { position: absolute !important; }
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { position: relative; z-index: 1;   background: #f6bc25; color: #fff; }

.intro-background { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-position: center bottom; }
.intro-background {
	-webkit-background-size: cover;
	        background-size: cover;
}

.intro-inner { position: relative; z-index: 2; background: rgba(238,210,96, 0.5); }

.intro-content { padding: 56px 0 41px; }
.intro-content .intro-heading { padding: 8px 53px 7px 23px;  color: #fff; text-transform: uppercase; font-size: 40px; text-align: center; }

/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */
.section-features { position: relative; padding: 43px 0 42px;  background: #494949; }


.features { font-size: 0; list-style: none outside none; }
.feature { display: inline-block; width: 31.3%; margin: 0 3.05% 52px 0; font-size: 15px; vertical-align: top; }

.feature a { display: block; }
.feature-image { height: 220px }
.feature-image img { width: 100%; height: auto; }
.feature-content p 	{ margin: 10px; }
.feature-content .phone {
    font-size: 20px;
    color: #d6232e;
}
.feature-content .btn {
	padding: 10px 20px;
    font-size: 18px;
    color: #222;
    background-color: #FFC400;
    display: inline-block;
    transition: all 0.3s ease;
}
.feature-content .btn:hover { transform: scale(0.9);}
.feature:nth-child(3n) { margin-right: 0; }
.feature:nth-last-child(-n+3) { margin-bottom: 0; }

.feature-content { text-align: center; background-color: #fff; padding: 20px; height: 370px; font-size: 16px; line-height: 25px; }
.feature-content span { font-size: 21px; color: #d6232e; text-transform: uppercase; }
.feature a:hover span { color: #f6bc25; }

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about { padding: 50px 0 56px; background: #fff; color: #fff; box-shadow: 1px 3px 4px rgba(0,0,0,0.2); }
.section-home { padding: 50px 0 56px; background: #fff; }
.section-about h3 { color: #fff; }

.section-about .section-inner { max-width: 924px; margin: 0 auto; }

.section-about .section-body { padding: 0 0 0 23px; border-top: 8px solid #d6232e; background: rgba(0,0,0, .77); }
.section-about .section-body:before,
.section-about .section-body:after { display: table; content: ' '; }
.section-about .section-body:after { clear: both; }

.section-about .section-image { float: left; width: 274px; margin: -43px 48px 0 0; }
.section-about .section-content { float: right; width: 569px; padding-top: 22px; padding-right: 10px; }

.section-about .section-title { margin: 0 0 19px -80px; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: normal; text-transform: uppercase; }
.section-about p { font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.6; }
.section-about .section-content a { text-decoration: underline; }
.section-about .section-content a:hover { text-decoration: none; }

.section-about .section-actions a { display: block; overflow: hidden; background: #f6bc25; }
.section-about .section-actions a:hover { background: #d6232e; }
.section-about .section-actions a:hover strong { background: #f6bc25; }
.section-about .section-actions a:hover strong:after { border-color: transparent transparent transparent #f6bc25; }

.section-about .section-actions strong { position: relative; float: left; width: 69.2%; height: 70px; padding: 18px 10px 19px 37px; background: #d6232e; font-size: 26px; font-weight: normal; text-transform: uppercase; }
.section-about .section-actions strong {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.section-about .section-actions strong:after { position: absolute; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 35px 0 35px 35px; border-color: transparent transparent transparent #d6232e; content: ''; }
.section-about .section-actions .btn-white { float: right; padding: 3px 13px 3px; border: none; margin: 19px 63px 0 0; font-size: 20px; }
.section-about .section-actions .btn-white:hover { opacity: 1; }

.section-service { padding-top: 25px; }
.service-img.left { float: left; width: 50%; display: block; position: relative;  }
.service-text.right { 
	float: right;
    width: 40%;
    display: block;
    position: relative;
margin-top: 14%;
}
.service-img.right { float: right; width: 50%; display: block; position: relative;  }
.service-text.left { 
	float: left;
    width: 40%;
    display: block;
    position: relative;
margin-top: 14%;
}
.service-text h2 {
	    font-size: 30px;
}
.service-text p {
	font-size: 20px;
}
.service-text a {
	padding: 10px 25px;
    margin-top: 10px;
    display: inline-block;
    background-color: #f6bc25;
    font-size: 20px;
	transition: all 0.3s ease;
	color: #fff;
}
.service-text a:hover {
	transform: scale(0.9);
}
.imag img {
    width: 100%;
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main { overflow: hidden; padding: 36px 0 40px 21px; }

.content { float: left; width: 63.5%; }
.main-alt .content { float: none; width: auto; }

.sidebar { float: right; width: 26.9%; padding-top: 12px; }
.fullwidth .sidebar {display: none;}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article { font-family: 'Lato', sans-serif; }

.article img {
    margin: 0 0 20px 0;
    max-width: 100%;
}
.article-inner { overflow: hidden; }

.article-head { margin-bottom: 24px; }

.article h1 { margin: 15px 0; }

.article h2, .article h3 { line-height: 1.5; margin-bottom: 10px;}

.article p { line-height: 1.75; margin-bottom: 1em;}


.article ul, .article ol {margin: 30px; line-height:1.5;}
.article li {margin-bottom: 10px;}

.article-actions { padding-left: 7px; margin-bottom: 20px; }

.article-cols { overflow: hidden; }
.article-col { float: left; }
.article-col-size1 { width: 40%; margin-right: 5%; }
.article-col-size2 { width: 55%; }

.article-foot { margin-top: 32px; }
.article-foot h2 { margin-bottom: 11px; }

.list-services { list-style: none outside none; }
.list-services li { line-height: 1.75; font-weight: bold; }
.list-services a { color: #d6232e; text-decoration: none; }
.list-services a:hover { color: #f6bc25; }

/* ------------------------------------------------------------ *\
	Article About
\* ------------------------------------------------------------ */
.article-about .article-head { margin-bottom: 16px; }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */
.callout { overflow: hidden; padding: 20px 0 0; margin: 54px 0 69px; background: url(images/callout-bg.jpg) no-repeat 0 0; }

.callout {
	-webkit-background-size: cover;
	        background-size: cover;
}

.callout-image { float: left; width: 41.5%; padding-left: 3px; }
.callout-image {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.callout-image img { max-width: 100%; height: auto; }
.callout-content { float: right; width: 58.5%; text-align: center; }

.callout-content p { font-size: 29px; line-height: 1.05; margin-bottom: 10px; }
.callout-content p span { font-size: 38px; }

.callout-content img { width: 100%; max-width: 250px; margin: 10px 0;}

/* ------------------------------------------------------------ *\
	Steps
\* ------------------------------------------------------------ */
.steps { list-style: none outside none; counter-reset: steps; }
.step { position: relative; padding-left: 45px; }
.step ~ .step { margin-top: 25px; }

.step:before { position: absolute; top: 0; left: 0; border: 2px solid #d6232e; border-radius: 50%; width: 30px; height: 30px; font-family: 'Lato', sans-serif; font-size: 24px; line-height: 1.2; font-weight: 900; text-align: center; counter-increment: steps; content: counter(steps) "."; }

.step-head { padding-bottom: 1px; border-bottom: 1px solid #68a3ef; margin-bottom: 7px; }

.step-body p { line-height: 1.4; }

/* ------------------------------------------------------------ *\
	Section-contact
\* ------------------------------------------------------------ */

.section-contact { margin-top: 30px; }
.section-contact .contacts { width: 100%; text-align: left; float: none; }
.section-contact .contacts strong { margin-bottom: 0; display: inline-block; }

.section-contact .callout-phone { font-size: 43px; color: #ff9915;  font-weight:bold; line-height: 1.1; margin-top: 30px; display: block; }
.section-contact .callout-phone span { display: block; font-size: 18px; color: #d6232e; text-transform: uppercase; }

.section-contact .hours {margin-top: 33px; font-size: 16px; font-weight: normal; text-transform: none; }
.section-contact .hours  span { text-transform: uppercase; color: #000; font-weight: 600; color: #f6bc25; }

.section-contact p strong { color: #f6bc25; }

.col-size1 { width: 30%; float: left; }
.col-size2 { width: 30%; float: left; margin-left: 50px; }
.col-size3 { width: 30%; float: right; }

.map {height: 300px;}


@media (max-width : 769px) {
	.col-size2 { margin-left: 0; }
}
@media (max-width : 469px) {
	.col-size1, .col-size2 { width: 80%; margin: 0 auto; float: none; display: block; }
	.col-size2 { text-align: center; padding: 20px 0; }
	.col-size3 { display: none; }
	.section-contact .contacts { text-align: center; }
	.form-contact{width: 75% !important;}
}
/* ------------------------------------------------------------ *\
	Section-offers
\* ------------------------------------------------------------ */

.offer { display: block; overflow: hidden; padding: 22px 0 30px;  border-bottom: 4px solid  #f6bc25; font-family: 'Lato', sans-serif;}
.offer ~ .offer { padding: 33px 0 30px; }

.offer-image { float: left; width: 17%; }
.offer-image img{width:100%;}

.offer-content { float: right; width: 79%; }
.offer-title { color: #f6bc25; }
.offer-entry { margin: 12px 0; }

.offer-actions { margin-top: 30px; }
.offer-actions .btn-blue { display: inline-block; padding: 12px 16px; }


/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }

.widget ~ .widget { margin-top: 46px; }

.widget-title { font-family: 'Oswald', sans-serif; font-size: 22px; color: #d6232e; font-weight: normal; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Widget Nav
\* ------------------------------------------------------------ */
.widget-nav .widget-head { padding: 0 4px 7px; }

/* ------------------------------------------------------------ *\
	Widget Nav
\* ------------------------------------------------------------ */
.nav-secondary { border-top: 9px solid #f6bc25; }
.nav-secondary ul { list-style: none outside none; }
.nav-secondary li { border-bottom: 1px solid #98aac1; }
.nav-secondary a { display: block; padding: 16px 7px 10px; font-size: 17px; color: #d6232e; text-transform: uppercase; }
.nav-secondary a:hover { color: #f6bc25; }

/* ------------------------------------------------------------ *\
	Widget Form
\* ------------------------------------------------------------ */
.widget-form { padding: 18px 10px 34px; background: #d6232e; }

.widget-form .widget-head { color: #fff; text-align: center; }
.widget-form .widget-title { margin-bottom: 9px; font-family: 'Lato', sans-serif; font-size: 31px; line-height: 1.2; color: #fff; font-weight: bold; text-transform: none; letter-spacing: 0.02em; }

.widget-form .widget-head p { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 1.25; color: #ffffff; }

.form-request .form-actions { padding: 0 25px; }

.form-request .form-btn { display: inline-block; padding: 6px 32px; border-radius: 6px; border: none; background: #fff; font-size: 19px; color: #f6bc25; font-weight: bold; text-transform: uppercase; -webkit-appearance: none; }
.form-request .form-btn {
	-webkit-transition: opacity 0.4s;
	     -o-transition: opacity 0.4s;
	        transition: opacity 0.4s;
}

.form-request .form-btn:hover { opacity: 0.8; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico { display: inline-block; background: url(images/sprite.png) no-repeat; vertical-align: top; }

.ico-download { width: 20px; height: 20px; background-position: -74px -91px; }

/* ------------------------------------------------------------ *\
	Btns
\* ------------------------------------------------------------ */
.btn { display: inline-block; font-family: 'Oswald', sans-serif; vertical-align: top; }
.article .btn { text-decoration: none; }

.btn {
	-webkit-transition: background 0.4s, opacity 0.4s;
	     -o-transition: background 0.4s, opacity 0.4s;
	        transition: background 0.4s, opacity 0.4s;
}

.btn-white { padding: 2px 17px 4px 14px; border: 3px solid #f6bc25; border-radius: 6px; background: #fff; font-size: 19px; color: #d6232e; text-transform: uppercase; letter-spacing: 0.025em; }
.btn-white:hover { opacity: 0.8; }

.btn-blue { padding: 9px 50px 10px; border-radius: 7px; background: #d6232e; font-size: 20px; color: #fff; text-transform: uppercase; letter-spacing: 0.035em; }
.btn-blue:hover { background: #3d5270; }

.btn-download { font-family: 'Lato', sans-serif; }
.btn-download .ico-download { margin-right: 6px; vertical-align: middle; }
.btn-download span { display: inline-block; font-size: 18px; vertical-align: middle; }

.btn-download:hover { opacity: 0.8; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { background-color: #d6232e; }
.footer-bar .shell { overflow: hidden; padding: 18px 0; text-align: center; }

.footer-inner { display:inline-block; font-size: 17px; letter-spacing: -0.025em; text-transform: uppercase; }

.footer-inner > span { display:inline-block; margin-top: 6px; color: #fff; letter-spacing: -0.04em; } /* #868686*/

.footer-contacts { display:inline-block; margin: 6px 0 0 33px; }
.footer-contacts a { color: #fff; }/* #d6232e*/

.footer-actions { display:inline-block; margin-left: 20px; }

.footer-actions .btn-white { padding: 3px 19px 3px 26px; border-width: 2px; font-size: 17px; color: #d6232e; letter-spacing: -0.025em; margin-top: -5px; }

.copyright { display:block; margin-top: 12px; font-family: 'Lato', sans-serif; font-size: 13px; color: #c6e0ff; font-weight: 300; letter-spacing: 0.02em; }
/* #868686*/
/* ------------------------------------------------------------ *\
	Slider Solutions
\* ------------------------------------------------------------ */
.slider-solutions { position: relative; padding: 41px 0 25px; background: url(images/slider-solutions.jpg) repeat-y center top; color: #fff; box-shadow: inset 2px 4px 5px rgba(0,0,0,0.24); }

.slider-solutions .slide-head { padding: 0 86px; margin-bottom: 36px; text-align: left; }
.slider-solutions .slide-head h2 { font-family: 'Oswald', sans-serif; font-size: 23px; color: #fff; font-weight: normal; text-shadow: 1px 2px 5px rgba(0,0,0,0.75); }
.slider-solutions .slide-body { overflow: hidden; padding: 0 86px; }
.slider-solutions .slide-image { float: left; margin-right: 42px; }
.slider-solutions .slide-content { overflow: hidden; padding-top: 2px; }

.slider-solutions .slide-actions { margin-top: 37px; text-align: center; }

.list-solutions { font-family: 'Lato', sans-serif; list-style: none outside none; }
.list-solutions li ~ li { margin-top: 37px; }
.list-solutions h3 { margin-bottom: 1px; color: #fff; font-weight: normal; text-transform: uppercase; }
.list-solutions p { line-height: 1.7; }

.slider-solutions .bx-pager { display: none; }

.slider-solutions .bx-prev,
.slider-solutions .bx-next { position: absolute; top: 50%; overflow: hidden; width: 33px; height: 85px; margin-top: -48px; background: url(images/sprite.png) no-repeat; text-indent: 100%; white-space: nowrap; }
.slider-solutions .bx-prev { left: 50%; margin-left: -509px; background-position: -37px -91px; }
.slider-solutions .bx-next { right: 50%; margin-right: -509px; background-position: 0px -91px; }

.slider-solutions .bx-prev,
.slider-solutions .bx-next {
	-webkit-transition: opacity 0.4s;
	     -o-transition: opacity 0.4s;
	        transition: opacity 0.4s;
}

.slider-solutions .bx-prev:hover,
.slider-solutions .bx-next:hover { opacity: 0.8; }


/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* max-width: 1033px */
@media (max-width: 1033px) {
	.shell { width: 90%; padding: 0 5px; }

	/*  Nav  */
	.nav { padding-top: 23px; }
	.nav > ul > li ~ li,
	.nav > ul > .has-dropdown + li { margin-left: 12px; }

	.nav > ul > li > a { font-size: 15px; }

	/*  Slider  */
	.slider .slide-heading { font-size: 40px; }
	.slider .slide-image { width: 45%; }
	.slider .slide-image img { display: none; }

	.slider .slide-content { width: 50%; }

	/*  Section About  */
	.section-about .section-image { margin-right: 20px; }
	.section-about .section-content { float: none; width: auto; }
	.section-about .section-title { margin-left: 0; font-size: 25px; }

	.section-about p { font-size: 14px; }

	.section-about .section-actions strong { padding-top: 20px; font-size: 21px; }
	.section-about .section-actions .btn-white { margin-right: 30px; }

	/*  Main  */
	.main { padding-left: 0; }

	.content { width: 60%; }

	.sidebar { width: 36%; }

	/*  Article  */

	.article-col-size1,
	.article-col-size2 { width: 49%; }
	.article-col-size1 { margin-right: 2%; }

	.callout-logo { margin-left: 0; }

	.callout-content { width: 57%; padding-top: 5px; }
	.callout-content p { font-size: 22px; }
	.callout-content p span { font-size: 28px; }

	/*  Slider Solutions  */
	.slider-solutions .slide-head { padding: 0; text-align: center; }
	.slider-solutions .slide-body { padding: 0 50px; }
	.slider-solutions .slide-image { margin-right: 20px; }

	.slider-solutions .bx-prev { left: 10px; margin-left: 0; }
	.slider-solutions .bx-next { right: 10px; margin-right: 0; }

	/*  Footer  */
	.footer-bar { text-align: center; }

	.footer-inner { float: none; display: inline-block; }

	.copyright { float: none; }
	
	.offer-image img { width: 100%; height: auto; max-width: 250px; }

}

/* max-width: 767px */
@media (max-width: 767px) {
	h1 { font-size: 30px; }
	h2 { font-size: 20px; }
	h3 { font-size: 17px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }

	.wrapper { right: 0; }
	.wrapper.collapsed { position: fixed; top: 0; right: 240px; overflow: visible; width: 100%; }
	.wrapper {
		-webkit-transition: right 0.4s;
		        transition: right 0.4s;
	}
	
	p ~ p { margin-top: 15px; }

	/*  Header  */
	.header { padding: 10px 0; text-align: center; }

	.header .shell { height: 102px; }

	.header-inner { float: none; padding-top: 0; clear: both; }

	.header-actions,
	.header-contacts { float: none; display: inline-block; margin: 0; vertical-align: top; }
	.header-actions { margin-right: 10px; }
	.header .logo img { height: 80px; float: none; }

	/*  Nav  */
	.nav { position: fixed; top: 0; right: -240px; z-index: 10; width: 240px; height: 100%; padding: 0; margin-top: 0; background: #fff; }
	.nav.expanded { right: 0; }

	.nav {
		-webkit-transition: right 0.4s;
		     -o-transition: right 0.4s;
		        transition: right 0.4s;
	}

	.nav a { font-size: 15px; text-align: left; }
	.nav a:hover { text-decoration: none; }

	.nav > ul > li { float: none; padding: 0; border-bottom: 1px solid #d6232e; }
	.nav > ul > li > a { padding: 10px 30px; }

	.nav > ul > li ~ li, 
	.nav > ul > .has-dropdown + li { margin-left: 0; }

	.nav > ul > .has-dropdown > a:after { top: 18px; right: 10px; }

	.nav > ul > li.expanded > a { color: #f6bc25; }


	.nav ul ul { position: static; display: block; overflow: hidden; max-height: 0; width: auto; border-top: none; padding: 0; }
	.nav ul ul {
		-webkit-transition: max-height 0.4s;
		     -o-transition: max-height 0.4s;
		        transition: max-height 0.4s;
	}

	.nav ul li.expanded > ul { max-height: 600px; }

	.nav ul ul li:last-child { border: none; }
	.nav ul ul a { padding: 6px 20px 6px 40px; font-size: 14px; }

	.nav > ul > .has-dropdown > a:after {
		-webkit-transition: 0.4s;
		     -o-transition: 0.4s;
		        transition: 0.4s;
	}
	.nav > ul > .has-dropdown.expanded > a:after {
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}

	/*  Burger Btn  */
	.btn-menu { position: absolute; top: 12px; right: 5px; display: inline-block; height: 9px; padding-top: 9px; }
	.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #d6232e; }
	    
	.btn-menu span:before,
	.btn-menu span:after { position: absolute; left: 0; width: 100%; height: 3px; background: #d6232e; content: ''; }

	.btn-menu span:before { top: -9px; }
	.btn-menu span:after { top: 3px; }

	.btn-menu span:before,
	.btn-menu span:after,
	.btn-menu span { 
	    -webkit-transition: all .3s linear; 
	       -moz-transition: all .3s linear; 
	            transition: all .3s linear; 
	 }

	.btn-menu.active span { border-color: transparent; }
	.btn-menu.active span:before,
	.btn-menu.active span:after { background: #d6232e; }

	.btn-menu.active span:before { 
	-webkit-transform: rotate(45deg) translate(2.5px, 6px);
	    -ms-transform: rotate(45deg) translate(2.5px, 6px);
	   -moz-transform: rotate(45deg) translate(2.5px, 6px);
	        transform: rotate(45deg) translate(2.5px, 6px);

	}
	.btn-menu.active span:after { 
	-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
	    -ms-transform: rotate(-45deg) translate(2.5px, -6px);
	   -moz-transform: rotate(-45deg) translate(2.5px, -6px);
	        transform: rotate(-45deg) translate(2.5px, -6px); 
	}

	/*  Slider  */
	.slider { padding-top: 0; height: 600px;  }
	.slider .slide-image { display: none; }
	.slider .slide-content {    
		padding: 20px;
    text-align: center;
    width: 90%;
    position: relative;
		    margin-top: 50px;
	}
	.slider .slide-heading { font-size: 28px; }
	.slider .slide-content a { padding-left: 0; font-size: 15px; }

	/*  Intro  */
	.intro { padding-top: 124px; }
	.intro-content { padding: 40px 0; text-align: center; }
	.intro-content .intro-heading { padding: 7px 15px; }

	/*  Main  */
	.main { padding: 20px 0; }
	.content { float: none; width: auto; }

	.sidebar { float: none; width: auto; padding-top: 35px; }

	/*  Article  */
	.article-head { margin-bottom: 10px; }

	.article-col { float: none; }
	.article-col ~ .article-col { margin-top: 15px; }
	.article-col-size1,
	.article-col-size2 { width: auto; margin: 0; }

	.article-foot { margin-top: 15px; }
	.article-foot h2 { margin-bottom: 5px; }

	/*  Callout  */
	.callout { margin: 15px 0; text-align: center; }
	.callout-content { float: none; width: auto; }
	.callout-image { float: none; width: auto; }
	
	.callout-content .btn {
	  clear: both;
  	  display: block;
   	  width: 300px;
  	  margin: 0 auto;
		}

	/*  Section Features  */
	.section-features { padding: 20px 0; }
	.feature { margin: 15px 0; width: 100%; }
	.feature-content span { font-size: 16px; }

	/*  Section About  */
	.section-about { padding-bottom: 20px; }
	.section-about .section-body { padding: 0 10px; text-align: center; }
	.section-about .section-image { float: none; display: inline-block; margin-right: 0; }
	.section-about .section-content { padding: 10px 0; }
	.section-about .section-title { margin-bottom: 10px; font-size: 20px; }

	.section-about .section-actions { text-align: center; }
	.section-about .section-actions strong { float: none; display: block; width: auto; height: auto; padding: 10px; }
	.section-about .section-actions strong:after { display: none; }

	.section-about .section-actions .btn-white { float: none; margin: 10px 0; }

	/*  Widgets  */
	.widget ~ .widget { margin-top: 20px; }

	/*  Slider Solutions  */
	.slider-solutions { padding: 20px 0; }
	.slider-solutions .slide-head { margin-bottom: 15px; }
	.slider-solutions .slide-head h2 { font-size: 18px; }

	.slider-solutions .slide-body { padding: 0; text-align: center; }
	.slider-solutions .slide-image { float: none; display: inline-block; margin: 0 0 15px; }

	.slider-solutions .bx-prev, 
	.slider-solutions .bx-next {
		-webkit-transform: scale(0.5);
		    -ms-transform: scale(0.5);
		     -o-transform: scale(0.5);
		        transform: scale(0.5);
	}

	.slider-solutions .bx-prev { left: 0; }
	.slider-solutions .bx-next { right: 0; }

	.slider-solutions .slide-content { padding: 0 15px; }

	.list-solutions li ~ li { margin-top: 15px; }
	.list-solutions h3 { font-size: 15px; }
	.list-solutions p { font-size: 13px; }

	.slider-solutions .slide-actions { margin-top: 15px; }

	/*  Footer  */
	.footer-bar .shell { padding: 10px 0; }

	.footer-inner > span,
	.footer-contacts,
	.footer-actions { float: none; display: inline-block; vertical-align: top; }
	.footer-inner > span { width: 300px; }
	.footer-inner { font-size: 16px; }
	.footer-contacts { margin-left: 10px; }
	.footer-actions { margin-left: 10px; }

	.footer-actions .btn-white { padding: 3px 15px; font-size: 16px; }

	.copyright { margin-top: 7px; }
	
	.offer-image,
	.offer-content { width: 100%; text-align: center; }

	.offer-image img { width: 50%; display: inline-block; }
	.service-img.left, .service-img.right {
    width: 99%;
    margin: auto;
    display: block;
    float: none;
    top: -60px;
    border-bottom: 10px solid #f6bc24;
}
	.service-text.right, .service-text.left  {
    width: 100%;
    float: none;
    text-align: center;
    margin: 0;
    top: -40px;
}
.flex {
	flex-wrap: wrap;
}
.flex div {
	flex-basis: 100% !important;
	display: inline-flex;
	flex-wrap: wrap;
    align-items: center;
}

.flex .imag {
    flex-basis: 100% !important;
    display: inline-flex;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}
.office {
	flex-wrap: wrap;
}
.office li {
    flex-basis: 100% !important;
    margin: 0;
}
}

/* max-width: 479px */
@media (max-width: 479px) {
	.footer-actions { display: block; margin: 10px 0 0; }
	
	.header { padding-bottom: 40px; }
	.slider-clip { margin-top: 0; }
	.slider { padding-top: 0;
    height: 600px; }
	.hsShareImage {
    display: none !important;
}
	.socials img {
    margin-right: 5px;
	}
}
.review-btn {
    list-style: none;
    display: flex;
    justify-content: space-around;
    margin: 20px 0 0;
}
.review-btn a {
	font-size: 20px;
	color: #fff;
	padding: 7px 15px;	
	border-radius: 20px;
	font-family: 'arial', sans-serif;
	font-weight: 600;
}
.review-btn .yelp a {
	background: #c41200;
}
.review-btn .google a {
	background: #4285F4;
}
.office {
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    margin:20px 0 !important;
}
.office li {
	flex-basis: 23%;
	margin: 0;
}
.office li img {
	margin: 0;
}
.office li a {
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
}
.modal {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%!important;
	background: #fbfbfb4a;
	z-index: 99;
	display: none;
}
.modal img {
	position: absolute;	
	top: 50%;
	left: 50%;
	width: 50vh;
	height: auto;
	transform: translate(-50%, -50%);
}

.close {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 50px;
    padding: 20px;
    line-height: 1;
    background: #3333331c;
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 7px;
	color: #333;
	cursor: pointer;
}
.flex {
    display: flex;
	justify-content: space-between;
	align-content: center;
	font-size: 16px;
}
.flex div {
	flex-basis: 50%;
	display: inline-flex;
	flex-wrap: wrap;
    align-items: center;
}

.flex .imag {
    flex-basis: 40%;
    display: inline-flex;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}
.par {
    padding: 20px 0;
    color: #fff;
}
.post .edit {
    background: #333;
}
.post .post_img {
    height: 300px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
.post .post_img img {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%) scale(1.1);
    transition: all 0.3s ease;
}
.home.post {
    border-top: 5px solid #ce4849;
    margin-bottom: 20px;
    background: #f2f2f2;
    border-radius: 4px;
    overflow: hidden;
    /* box-shadow: 2px 2px 20px #3323; */
}
.post_heading, .post_content {
    padding: 0 15px;
}
.post_heading h2 {
    font-size: 32px;
	font-weight: 400;
	margin: 0 !important;
}
.post_heading {
    margin-bottom: 10px;
}
.post_content {
    padding-bottom: 15px;
}
.blog {
    display: flex;
    flex-wrap: wrap;
}