/* ------------------------------------------------------------ *\
	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: 32px; font-weight: normal; color: #7598a3;}
h2 { font-size: 24px; color: #7598a3; font-weight: 900; }
h3 { font-size: 18px; color: #7598a3; }
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; }

img {max-width: 100%;}

/* ------------------------------------------------------------ *\
	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;  z-index:100;
    width: 100%;
    padding-top: 11px;
    border-top: 3px solid #5c808d;
    transition: all 0.4s ease;
  background-color: rgba(255, 255, 255, 1);
}
.header.sticky {
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 2px 3px 19px 0px rgba(51, 51, 51, 0.11);
  height: 80px;
  z-index:100;
  position: fixed;
}
.header .shell { height: 102px; }

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

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

.header-contacts { float: right; margin: 1px 25px 0 0; transition: all 0.4s ease; display: block; }
.header-contacts a { font-size: 24px; color: #7598a3; transition: all 0.4s ease;  }
.header-contacts a, .header-actions a {
	transition: all 0.4s ease;
}

.logo img { 
	height: 104px;
    transition: all 0.4s ease;
    position: absolute;
    top: 1px; 
}
.sticky .logo img {
	height: 70px;
    position: relative;
    top: auto;
}

.sticky .header-contacts a, 
.sticky .header-actions a
 {
	font-size: 0px;
	border: none;
}
.sticky .nav {
	padding-top: 10px;
}






.gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;
}
@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: 32px; }
.nav > ul > li > a { position: relative; padding: 0 0 26px; font-size: 15px; letter-spacing: -0.025em; color: #5c808d;}
.nav > ul > li:hover > a,
.nav > ul > li > a:hover { color: #1b7eaa; }

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

.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: #7598a3 transparent transparent transparent; content: ''; }

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

.nav ul ul { position: absolute; top: 100%; left: 1px; display: none; width: 182px; padding-bottom: 0px; border-top: 3px solid #5c808d; background: #fff; }
.nav ul ul li { border-bottom: 1px solid #98aac1; }
.nav ul ul a { padding: 8px 4px 7px 10px; font-size: 14px; color: #5c808d; }
.nav ul ul a:hover { color: #fff; background: #7598a3;}

/* ------------------------------------------------------------ *\
	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; padding-top: -6px; background: #fff;  }

.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: auto auto;
	        background-size: auto auto;
}

.slider .slider-clip { position: relative; z-index: 2; /*background: rgba(255, 255, 255, 0.8);*/}

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

.slider .shell { overflow: hidden; }

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

.slider .slide-heading span { display: inline-block; color: #023c55 }
.slider .slide-heading span ~ span { margin-top: 6px; }

.slider .slide-image { float: right; padding-top: 19px; }

.slider .slide-content { overflow: hidden; padding: 73px 0 0 54px; }

.slider .slide-content a {font-size: 16px; padding: 10px;
    background: #7598a3; color:#FFF;
    display: inline-block; text-transform: uppercase; transition: all 0.4s ease;}
.slider .slide-content a:hover { background: #5c808d;  }

.slider .bx-controls { display: none; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { position: relative; z-index: 1; padding-top: 0px; background: #fff; 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: #7598a3; }

.intro-content { padding: 16px 0 18px; }
.intro-content .intro-heading { display: inline-block; color: #fff; text-transform: uppercase; font-size: 24px;}

/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */
.section-features { position: relative; padding: 23px 0 42px; }
.section-features {
	-webkit-background-size: 100% 100%;
	        background-size: 100% 100%;
}

.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; overflow: hidden;
    box-shadow: 1px 1px 16px 2px #00000017;}

.feature-image img { width: 100%; height: auto; }

.feature:nth-child(3n) { margin-right: 0; }
.feature:nth-last-child(-n+3) { margin-bottom: 0; }

.feature-content {  text-align: center; padding: 20px;
    background: #5c808d; }
.feature-content span { font-size: 18px; color: #ffffff; text-transform: uppercase; }
.feature a:hover span { color: #7598a3; }

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

.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 #7598a3; background:#f8f8f8; }
.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: 'lato', sans-serif; font-size: 24px; 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:#7598a3; }
.section-about .section-actions a:hover { background: #7598a3; }
.section-about .section-actions a:hover strong { background: #7598a3; }
.section-about .section-actions a:hover strong:after { border-color: transparent transparent transparent #7598a3; }

.section-about .section-actions strong { position: relative; float: left; width: 69.2%; height: 70px; padding: 18px 10px 19px 37px; background: #5c808d; 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 #5c808d; 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-specials {
    padding: 50px 0;
    position: relative;
    margin: 0 auto;
}

.specials {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    list-style: none;
    margin: 20px auto;
}

.special {
    width: 90%;
    grid-column: auto;
    justify-self: center;
    padding: 20px 25px;
    background: #5c808d;
    color: #fff;
    text-align: center;
	border-radius:10px;
}

.special-content {
    padding: 30px;
    border: 2px #7598a3 dashed;
    border-radius: 20px;
    margin: 3pc;
}
.special-content h4 {
    font-size: 32px;
    line-height: 1;
}
.special-content span {
    font-size: 25px;
    margin-top: 0;
}
.special-content p {
    font-size: 17px;
    margin-top: 15px; color: #fff !important;
}

.section-body p {
    font-size: 15px;
	line-height:25px;
	color:#444;
	margin-right:30px;
}
.special-btn {
    position: absolute;
    transform: translate(-50%);
    top: 50%;
    left: 50%;
    padding: 12px 20px;
    background: #7598a3;
    color: #fff;
    font-size: 18px;
    border-radius:8px;
    box-shadow: 0 3px 20px #33333361;
    transition: all 0.3s ease;
}
.special-btn:hover {
    box-shadow: 0 3px 20px #33333361;
    top: 48%;
    background: #fdfdfd;
    color: #333;
}
.section-body h3 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 40px;
	    margin-top: 25px;
		color:#7598a3;
}

.statements {
    padding: 10px 15px;
    background: #7598a3;
    color: #fff;
    margin: 10px auto;
    font-size: 30px;
    text-transform: uppercase;
    display: inline-block;
}

.section-cta {
    background: #5c808d;
    padding: 20px 0;
    color: #fff;
}

.cta {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.cta h3 {
    color: #fff;
    font-size: 24px;
	font-weight:normal;
    align-self: center;
    text-transform: uppercase;
}
.cta .special-btn {
    align-self: center;
    position: relative;
	    font-size: 18px;
    top: initial;
    left: initial;
    transform: translate(0);
}

/* ------------------------------------------------------------ *\
	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; }

.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 a { color: #305285; text-decoration: none; }

.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: #63689E; text-decoration: none; }
.list-services a:hover { color: #3D485C; }

/* ------------------------------------------------------------ *\
	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 #63689E; 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: 33px; color: #666;  font-weight:bold; line-height: 1.1; margin-top: 30px; display: block; }
.section-contact .callout-phone span { display: block; font-size: 18px; color: #666; 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: #666; }

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

.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; }
	.specials { grid-template-columns: 1fr;}
	.special-btn { grid-row: 5; margin-top: 20px; position: relative; transform: translate(0); justify-self: center; top: 0; left: 0; }
	.special {width: 100%; padding: 0; }
	
.special-content {
    padding: 0;
    border: 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; }
	
	
	
}
/* ------------------------------------------------------------ *\
	Section-offers
\* ------------------------------------------------------------ */

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

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

.offer-content { float: right; width: 79%; }
.offer-title { color: #A390B7; }
.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: #7598a3; font-weight: normal; text-transform: uppercase; }

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

/* ------------------------------------------------------------ *\
	Widget Nav
\* ------------------------------------------------------------ */
.nav-secondary { border-top: 6px solid #7598a3; }
.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: 16px; color: #5c808d; text-transform: uppercase; }
.nav-secondary a:hover { color: #fff; background-color:#5c808d;}

/* ------------------------------------------------------------ *\
	Widget Form
\* ------------------------------------------------------------ */
.widget-form { padding: 18px 20px 34px; background: #5c808d;  border-radius:12px;}

.widget-form .widget-head { color: #fff; text-align: center; }
.widget-form .widget-title { margin-bottom: 9px; font-family: 'Lato', sans-serif; font-size: 28px; 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: #A390B7; 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: 4px 17px 4px 14px; border: 2px solid #7598a3; border-radius: 6px; background: #fff; font-size: 17px; color: #7598a3; text-transform: uppercase; letter-spacing: 0.025em; }
.btn-white:hover { opacity: 0.8; background:#5c808d; color:#FFF;}

.btn-blue { padding: 9px 50px 10px; border-radius: 7px; background: #63689E; 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; }

.custom_sidebar {
    padding: 10px;
    background-color: #ecebeb;
	    border-radius:8px;
}

.google_block {
    margin-bottom: 10px;	    
}

.google_block, .yelp_block {
    padding: 15px;
    background-color: #FFF; 	    border-radius:8px;
}
.google_block img, .yelp_block img {
    width: 60%;
    display: block;
    margin: 10px auto;
}
.google_block a {
    border: 2px solid #4286f3;
    color: #4286f3;
}
.google_block a:hover {
    background: #4286f3;
    color: #fff;
}
.yelp_block a {
    border: 2px solid #bb301b;
    color: #bb301b;
}
.yelp_block a:hover {
    background: #bb301b;
    color: #fff;
}

.google_block a, .yelp_block a {
    display: block;
    width: 50%;
    margin: 10px auto;
    background: transparent;
    transition: 0.4s all ease;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 18px;
    text-align: center;
}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { background-color: #7598a3; }
.footer-bar .shell { overflow: hidden; padding: 18px 0; text-align: center; }

.footer-inner { display:inline-block; font-size: 16px; font-family: 'Lato', sans-serif;  letter-spacing: -0.025em;  }

.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; }/* #63689E*/

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

.footer-actions .btn-white { padding: 3px 19px 3px 26px; border-width: 2px; font-size: 17px; color: #7598a3; letter-spacing: -0.025em; margin-top: -5px; }
.footer-nav {
    text-align: center;
    list-style: none;
    margin: 20px auto;
    padding: 0;
}
.footer-nav li {
    display: inline-block;
    padding: 6px 20px;
}
.socials img {
	transition: all 0.4s ease;
}
.socials img:hover {
	transform: scale(1.1);
}

.socials svg {
	transition: all 0.4s ease;
	vertical-align: middle;
}
.socials svg:hover {
	transform: scale(1.1) rotateX(360deg);
}
.socials svg path {
	fill: #fff;
	transition: fill 0.4s ease;
}
.socials svg:hover path {
    fill: #5c808d;
}
.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 { max-width: 100%; height: auto; }

	.slider .slide-content { padding: 30px 0 0 10px; }

	/*  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; text-align:center;}
	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; margin-bottom:5px; }

	.header .shell { height: 102px; }

	.header-inner { float: none; padding-top: 0px; clear: both; position: relative;
    top: auto; }

	.header-actions,
	.header-contacts { float: none; display: inline-block; margin: 0; vertical-align: top; }
	/*.header-actions { margin-right: 10px; }*/
	.header .logo img { float: none; display: block; margin: auto; margin-bottom: 2px; height: 70px;     position: relative; top: auto; }
	.sticky .logo img { height: 60px; }

.header.sticky {
  height: 30px;

}


	/*  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 #63689E; }
	.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: #5c808d; }


	.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 25px 6px 40px; font-size: 14px; color:#5c808d !important;  }

	.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: -48px;
    	right: -6px;
    	display: block; 
		height: 9px; 
		padding-top: 9px; 
	}
	.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #5c808d; }
	    
	.btn-menu span:before,
	.btn-menu span:after { position: absolute; left: 0; width: 100%; height: 3px; background: #5c808d; 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: #63689E; }

	.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: 50px; background-position: 36% 10%;}
	.slider .slide-image { display: none; }
	.slider .slide-content { padding: 10px 0; text-align: center; }
	.slider .slide-heading { font-size: 28px; }
	.slider .slide-content a {  font-size: 15px; }

	/*  Intro  */
	.intro { padding-top: 8px; }
	.intro-content { padding: 12px 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 10px; }
	.feature { width: 49%; margin: 0 0 15px; }
	.feature:nth-last-child(-n+3) { margin-bottom: 15px; }
	.feature:nth-child(even) { margin-left: 2%; }

	.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; }
}

/* max-width: 479px */
@media (max-width: 479px) {
	.footer-actions { display: block; margin: 10px 0 0; }
	
	.header { padding-bottom: 40px; }
	.slider-clip { margin-top: 30px; }
}


.section-team {
	height: 600px;
    width: 100%;
}

.background {
	background: url('../images/home-slider/banner-bg.jpg');
	background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
	transform: translateZ(-999px) scale(1.1);
    z-index: 3;
	margin: 30px 0;
}
.team {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 20px;
    background-color: #5c808dd6;
	border-radius:8px;
	border:1px solid #e8e8e8;
}

.team h1{
	font-size:30px; 
	color:#fff; 
	font-weight:bold;
	text-align: center;
    margin-bottom: 15px;
}
.team h3 {
    text-align: center;
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
	font-weight:400;
	text-shadow: 1px 1px 1px #333333;

}

.team a {
    text-align: center;
    width: 150px;
    display: block;
    margin: auto;
    padding: 7px;
    color: #fff;
    font-size: 18px;
    border: 2px solid #fff;
	border-radius:10px;
    margin-top: 20px;
	    transition: all 0.5s ease;
}
.team a:hover {
    background-color: #fff;
    color: #000;
}

/* max-width: 479px */
@media (max-width: 479px) {
	
		.section-team {
	height: 550px;
    width: 100%;
}
.background {
	background: url('../images/bg-office.jpg');
	background-size: cover;
    background-position: 50%;
	transform: translateZ(-999px) scale(1.1);
    z-index: 3;
	margin: 30px 0 -4px 0;
}
	
	.team h3 {
    text-align: center;
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;

}

	
}

.form-contact iframe {
	min-height: 450px;
}


/* ------------ Reviews Plugin -------------------*/ 

#google-reviews {
    display: flex;
    flex-wrap: wrap;
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
}

.review-item {
    border: solid 1px rgba(190, 190, 190, .35);
    margin: 0 auto;
    padding: 1em;
    flex: 1 1 50%;
}


@media (max-width:1200px) {
    .review-item {
        flex: 1 1 50%;
    }
}

@media (max-width:450px) {
    .review-item {
        flex: 1 1 90%;
    }

    .grid_3 ul {
        grid-template-columns: 100%;
    }
}

.review-item-long {
    border: solid 1px rgba(190, 190, 190, .35);
    margin: 0 auto;
    padding: 1em;
    flex: 1 1 90%;
}

@media (max-width:1200px) {
    .review-item-long {
        flex: 1 1 90%;
    }
}

@media (max-width:450px) {
    .review-item-long {
        flex: 1 1 90%;
    }
}

.review-meta,
.review-stars {
    text-align: center;
    font-size: 115%;
}

.review-author {
    text-transform: capitalize;
    font-weight: bold;
}

.review-date {
    opacity: .6;
    display: block;
}

.review-text {
    line-height: 1.55;
    text-align: center;
    max-width: 32em;
    margin: auto;
    font-size: 20px;
}

.review-stars ul {
    display: inline-block;
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.review-stars ul li {
    float: left;
    list-style: none !important;
    margin-right: 1px;
    line-height: 1;
}

.review-stars ul li i {
    color: #FFC107;
    /* Google's Star Orange in Nov 2017 */
    font-size: 1.4em;
    font-style: normal;
}

.review-stars ul li i.inactive {
    color: #c6c6c6;
}

.star:after {
    content: "\2605";
}

.review-item,
.review-item-long {
    box-shadow: 1px 1px 20px #3332;
    margin: 2em 0;
    border-radius: 20px;
    border: none
}

.glogo img {
    width: 30px;
    z-index: 50;
    box-shadow: none !important;
    margin: auto;
}

.glogo {
    position: absolute;
    z-index: 50;
    display: inline-block;
}

.reviews .btn {
    display: block;
    text-align: center;
    color: #fff;
    background: #4285f4;
    padding: 20px;
    font-size: 30px;
}

.reviews .btn:hover {
    color: #333;
}
.img.cta-reviews img {
    width: 44%;
}



/* -------- New Code Starts here (overwriting the code from above)----------*/



@media (max-width: 767px){
.feature {
    width: 100%;
    margin: 0 0 15px;
}
}


@media (max-width: 767px){
.feature:nth-child(even) {
    margin-left: 0;
}
}


@media (max-width: 767px){
.header.sticky {
    height: 55px;
}
}

@media (max-width: 467px){
.header.sticky {
    height: 25px;
}
}

sticky .header-contacts a, .sticky .header-actions a {
    border: none;
    display: none;
}




.img.img-grid img {
    width: 49%;
}


@media (max-width: 767px){
.img.img-grid img {
    width: 100%;
}
}

.post:nth-child(even) {
   margin: 48px 0;
}


.article .post-img img {
	width: 100%;
	object-fit: cover;
}

/* -------- End ----------*/