
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family: inherit;
font-feature-settings: inherit;
font-kerning: inherit;
font-language-override: inherit;
font-size: 100%;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-synthesis: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
padding: 0;
vertical-align: baseline
}

html { line-height: 1 }

ol, ul { list-style: outside none none }

table {
border-collapse: collapse;
border-spacing: 0
}

caption, th, td {
font-weight: 400;
text-align: left;
vertical-align: middle;
padding: 5px;
}

q, blockquote { quotes: none }

.clear {
clear: both;
float: none
}

q::before, q::after, blockquote::before, blockquote::after { content: none }

a img { border: medium none }

main a {
color: #40b3df;
font-weight: 700
}

main a:hover { color: #444 }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }

*, ::before, ::after { box-sizing: border-box }

.row { padding: 0; }

.row::before, .row::after {
content: "";
display: table
}

.row::after { clear: both }

p {
color: #868688;
font-size: 14px;
line-height: 21px
}

.floatLeft { float: left }

img.floatLeft { margin: 0 15px 15px 0 }

.floatRight { float: right }

.schema-logo { filter: invert(80%); }

img.floatRight { margin: 0 0 15px 15px }

.price-table {
width: 60%;
border-collapse: collapse;
margin: 10px auto;
}

.price-table tr td {
border: 1px solid #868688;
padding: 10px;
color: #226174;
}

.grey-background {
background: #D0D6D8 none repeat scroll 0 0;
border-bottom: 1px solid #e0e0e1;
border-top: 1px solid #e0e0e1
}

.breadcrumbs { padding: 40px 0 }

.breadcrumbs a, .breadcrumbs li { color: #868688 }

.breadcrumbs li {
display: inline-block;
margin-right: 15px
}

.breadcrumbs li:last-child { color: #ff6b6b }

.breadcrumbs a:hover { color: #da3300 }

.breadcrumbs i {
font-size: 12px;
vertical-align: middle
}

.scrollTop {
background: #D0D6D8 none repeat scroll 0 0;
border: 1px solid #fff;
bottom: 5%;
cursor: pointer;
opacity: 0;
position: fixed;
right: 2%;
z-index: 10000
}

.scrollTop:hover { background: #ff6b6b none repeat scroll 0 0 }

.scrollTop i {
color: #fff;
font-size: 25px;
padding: 10px
}

h1 {
color: #226174;
font: bold 26px/40px Asap, sans-serif;
margin: 20px 0 10px;
text-transform: uppercase
}

h2 {
color: #17649a;
font: bold 21px/21px Asap, sans-serif;
margin: 20px 0 10px;
}

.heading2, h3 {
color: #226174;
font: bold 21px/21px Asap, sans-serif;
margin: 20px 0 10px;
}

h4 {
color: #222;
font-size: 19px;
margin: 0;
text-align: center;
text-transform: uppercase
}

/*.line,.heading2{display:block;margin-bottom:15px;opacity:0;transform:translate3d(0px,-50px,0px)}*/
.line {
background: #b9b9bb none repeat scroll 0 0;
border: medium none;
height: 1px;
margin: 0 auto 30px;
width: 150px
}

.c_send {
color: #fff;
cursor: pointer;
display: block;
font: bold 14px/14px Asap, sans-serif;
margin: 0 auto;
overflow: hidden;
padding: 15px 43px;
position: relative;
text-transform: uppercase;
width: 200px
}

.c_send span {
position: relative;
top: 50%;
transform: translateY(-50%);
z-index: 3
}

input.btn {
background: rgba(0,0,0,0) none repeat scroll 0 0!important;
color: #fff;
cursor: pointer;
font-size: 20px;
margin: 0;
position: relative;
z-index: 90
}

.owl-theme .owl-controls .owl-page span {
background: #fff none repeat scroll 0 0;
height: 10px;
opacity: .99;
position: relative;
width: 10px
}

.owl-theme .owl-controls .owl-page span::after, .owl-theme .owl-controls .owl-page span::before {
background: #ff6b6b none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0, 0);
width: 100%;
z-index: 1
}

.owl-theme .owl-controls .owl-page span::before {
background: #fff none repeat scroll 0 0;
opacity: 0;
transform: scale(1.5, 1.5);
z-index: 2
}

.owl-theme .owl-controls .owl-page span:hover::after { transform: scale(1, 1) }

.owl-theme .owl-controls .owl-page span:hover::before {
opacity: 1;
transform: scale(0, 0)
}

.owl-theme .owl-controls .owl-page.active span::after { transform: scale(1, 1) }

.owl-theme .owl-controls .owl-page.active span::before {
opacity: 1;
transform: scale(0, 0)
}

.owl-theme .owl-controls { margin-top: 10px }

#owl-demo3 { max-width: 900px }

.first #services a {
color: #333;
padding: 50px 0
}

.form tr {
float: left;
padding: 0 10px;
width: 50%
}

.form tr.message { width: 100% }

.form td {
display: block;
margin: 7px 0
}

input {
border: medium none;
border-radius: 4px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
height: 35px;
margin-bottom: 10px;
padding: 5px;
width: 100%
}

textarea {
border: medium none;
border-radius: 4px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
height: 100px;
margin-bottom: 10px;
padding: 5px;
resize: none;
width: 100%
}

.c_input {
display: inline-block;
padding: 0 .2%;
width: 49.4%
}

.c_text { padding: 0 .4% }

input.stinput, textarea.stinput { min-width: 100px }

input:focus, textarea:focus { outline: 0 none }

header {
background: #F4605C none repeat scroll 0 0;
width: 100%;
height: 75px
}

header .logo {
height: 100%;
left: 0;
padding: 0 15px
}

header .logo img {
position: relative;
top: 7px;
transform: none;
z-index: 10000
}

header nav { display: inline-block }

header nav a {
display: block;
font: bold 16px/22px Tahoma, sans-serif;
padding: 26px 15px;
position: relative;
text-transform: uppercase;
top: 0;
transition: all .2s ease-out 0s;
}

header nav a:hover {
background: #F0F2F2;
color: #226174
}

header nav .activeNav {
background: #F0F2F2;
color: #226174;
}

header a { color: #fff }

header a:hover { color: #fff }

header li {
display: inline-block;
overflow: hidden
}

header .logo, header .call {
position: absolute;
top: 0;
transform: none
}

header .call {
color: #fff;
display: inline;
font-size: 37px;
font-weight: 700;
right: 0;
text-align: right;
padding-top: 18px
}

header .container {
position: relative;
text-align: center
}

.st-menu > a {
display: block;
padding: 40px 0;
text-align: center
}

.st-menu ul li a.activeNav {
background: #fff none repeat scroll 0 0;
color: #333;
}

.st-content { overflow-y: auto }

.headerFix { background: #F4605C }

.headerFix, .mobileCallFixed {
box-shadow: 0 0 5px #333;
position: fixed;
top: 0;
z-index: 10000
}

.mobileCall {
background: #226174 none repeat scroll 0 0;
color: #fff;
display: none;
font-size: 35px;
padding: 5px 0;
text-align: center;
width: 100%
}

.mobileNav {
bottom: 0;
display: none;
position: fixed;
text-align: center;
transition: right .3s ease-out 0s;
width: 100%;
z-index: 10000
}

.mobileNav li {
opacity: 0;
top: -30px;
width: 100%
}

.mobileNav i {
font-size: 30px;
margin-left: 30px;
vertical-align: middle
}

.mobileNav a {
color: #fff;
display: block;
font-size: 75px;
position: relative;
top: 50%;
transform: translateY(-50%)
}

.lines-button {
background-color: transparent;
border: medium none;
cursor: pointer;
display: none;
padding: 30px 12.5px;
position: relative;
text-align: right
}

.lines {
background: #fff none repeat scroll 0 0;
border-radius: 3.57143px;
display: inline-block;
height: 7.14286px;
position: relative;
transition: all .3s ease 0s;
width: 50px
}

.lines::before, .lines::after {
background: #fff none repeat scroll 0 0;
border-radius: 3.57143px;
content: "";
display: inline-block;
height: 7.14286px;
left: 0;
position: absolute;
transform-origin: 3.57143px center 0;
transition: all .3s ease 0s;
width: 50px
}

.lines::before { top: 12.5px }

.lines::after { top: -12.5px }

.lines-button.close { transform: scale3d(0.8, 0.8, 0.8) }

.lines-button.arrow.close .lines::before, .lines-button.arrow.close .lines::after {
top: 0;
width: 27.7778px
}

.lines-button.arrow.close .lines::before { transform: rotate3d(0, 0, 1, 40deg) }

.lines-button.arrow.close .lines::after { transform: rotate3d(0, 0, 1, -40deg) }

.lines-button.arrow-up.close { transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg) }

.lines-button.minus.close .lines::before, .lines-button.minus.close .lines::after {
top: 0;
transform: none;
width: 50px
}

.lines-button.x.close .lines { background: transparent none repeat scroll 0 0 }

.lines-button.x.close .lines::before, .lines-button.x.close .lines::after {
top: 0;
transform-origin: 50% 50% 0;
width: 50px
}

.lines-button.x.close .lines::before { transform: rotate3d(0, 0, 1, 45deg) }

.lines-button.x.close .lines::after { transform: rotate3d(0, 0, 1, -45deg) }

.lines-button.x2 .lines { transition: background .3s ease .5s }

.lines-button.x2 .lines::before, .lines-button.x2 .lines::after {
transform-origin: 50% 50% 0;
transition: top .3s ease 0s
}

.lines-button.x2.close .lines {
background: transparent none repeat scroll 0 0;
transition: background .3s ease 0s
}

.lines-button.x2.close .lines::before, .lines-button.x2.close .lines::after {
top: 0;
transition: top .3s ease 0s;
width: 50px
}

.lines-button.x2.close .lines::before { transform: rotate3d(0, 0, 1, 45deg) }

.lines-button.x2.close .lines::after { transform: rotate3d(0, 0, 1, -45deg) }

#owl-demo span, #owl-demo h2 {
color: #226174;
text-shadow: 2px 2px 8px #fff;
display: table;
font: 700 60px/60px Lato, sans-serif;
letter-spacing: -1px;
padding: 27px 30px 0
}

#owl-demo span, #owl-demo h2, #owl-demo p { margin-bottom: 5px }

#owl-demo p {
color: #226174;
text-shadow: 2px 2px 2px #fff;
display: inline-block;
font: 300 36px/43px Lato, sans-serif;
padding: 13px 30px 16px;
text-transform: uppercase
}

#owl-demo a {
background: #F0F2F2 none repeat scroll 0 0;
color: #226174;
display: inline-block;
font-size: 30px;
margin-right: 3px;
padding: 15px
}

#owl-demo a:hover { color: #ff6b6b }

#owl-demo .item { position: relative }

#owl-demo .container {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 120px;
transform: none;
width: 70%
}

#owl-demo img, .parallax { width: 100% }

.owl-new-out {
animation: 1.5s ease 0s fadeOut normal;
z-index: 10
}

.owl-new-in { animation: 1.5s ease 0s fadeIn normal }

.first {
overflow: hidden;
position: relative;
}

.first li {
display: inline-block;
margin-bottom: 20px;
min-width: 200px;
padding: 0 20px;
vertical-align: top;
width: 33%
}

.first li:last-child { margin: 0 }

.first li img, .first li hr, .first li h3 {
margin-bottom: 20px;
text-align: center;
}

.first h3 {
font-family: "Asap", sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 25px
}

.first hr {
background: #b9b9bb none repeat scroll 0 0;
border: medium none;
height: .5px;
width: 40%
}

.first ul {
position: relative;
z-index: 2
}

.first .parallax {
bottom: 150px;
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}

.first .parallax img { width: 100% }

.blog h3 {
border-bottom: 1px dotted #c6c3b2;
color: #40b3df;
font: bold 18px/22px Asap, sans-serif;
margin-bottom: 10px;
padding-bottom: 10px
}

.content-block { text-align: left }

.content-block p { margin-bottom: 15px }

.right { float: right }

.left { float: left }

.testimonials { margin-right: 5% }

.testimonials i {
color: #08b7f8;
font-size: 50px
}

.testimonials i, .testimonials p {
display: block;
margin-bottom: 20px
}

.testimonials p {
font-size: 14px;
font-style: italic;
margin-bottom: 5px
}

.testimonials small {
color: #08b7f8;
font: 16px/20px Lato, sans-serif
}

.blog li { text-align: left }

.blog li:last-child { margin-bottom: 0 }

.blog h3 {
border: medium none;
padding: 0
}

.blog small {
border-bottom: 1px dotted #c6c3b2;
color: #08b7f8;
display: block;
font-size: 12px;
margin-bottom: 10px;
padding-bottom: 10px
}

.blog .zoom {
height: 200px;
margin: 0;
width: 200px;
z-index: 2
}

.blog a:hover h3 { color: #a8cb17 }

.blog img { width: 100% }

.blog .img {
display: block;
margin: 0 auto 20px;
overflow: hidden;
position: relative;
width: 70%
}

.blog .img:hover .overlay {
max-height: 200%;
top: -50%
}

.blog .img:hover .zoom {
height: 75px;
opacity: 1;
width: 75px
}

.testimonials, .blog {
display: inline-block;
float: left;
width: 47.5%
}

.testimonials {
float: none;
margin: 50px 0;
}

.zoom, .overlay {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}

.overlay {
background: rgba(218,51,0,0.6) none repeat scroll 0 0;
height: 200%;
left: -50%;
max-height: 0;
top: 50%;
transform: rotate(45deg);
width: 200%;
z-index: 1
}

.contact {
padding: 20px 0;
text-align: left
}

.contact .right {
font-style: italic;
width: 62.5%
}

.contact .left {
line-height: 21px;
width: 32.5%
}

.contact .left a { color: #F4605C }

.contact .left a:hover { color: #226174 }

.contact .c_send { margin-top: 0 }

.testimonials-page { text-align: left }

.testimonials-page li {
border: 1px solid #ddd;
display: inline-block;
margin-bottom: 40px;
margin-right: 5%;
padding: 40px 30px;
vertical-align: top;
width: 47.3%
}

.testimonials-page li:nth-child(2n) { margin-right: 0 }

.testimonials-page p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17.5px;
font-style: italic;
line-height: 1.25
}

.testimonials-page small {
color: #999;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10.2px;
font-style: normal;
margin-top: 15px;
padding: 12px 0 0
}

.data, .price { color: #ff6b6b }

.ourPriceBox {
border: 1px solid #ddd;
display: inline-block;
height: 165px;
margin: 10px;
padding: 10px;
vertical-align: top;
width: 20%
}

.ourPriceBox h3 {
color: #222;
font-weight: 700;
margin-bottom: 10px
}

.blogList { text-align: left }

.blogList time {
color: #a8cb17;
display: inline-block;
font-size: 13px;
margin-bottom: 10px
}

#blog_wrapper { text-align: left }

#blog_wrapper section {
display: inline-block;
margin: 0 .1% 40px;
vertical-align: top;
width: 24%
}

#blog_wrapper img {
padding-right: 15px;
transition: all .4s ease-out 0s;
width: 100%
}

#blog_wrapper h3, .blog-page a, .blog-page p { margin-bottom: 30px }

#blog_wrapper h3 a {
color: #ff6b6b;
font: bold 18px/18px Asap, sans-serif;
text-decoration: none
}

#blog_wrapper a {
color: #222;
display: block;
font: 16px/18px Lato, sans-serif;
max-height: 150px;
overflow: hidden;
text-decoration: underline
}

#blog_wrapper a:hover { color: #ff6b6b }

#blog_wrapper a:hover img { transform: scale(1.2, 1.2) }

.single-blog-page h3 {
color: #222;
font: bold 24px/30px Asap, sans-serif
}

.single-blog-page img, .single-blog-page h3 { margin-bottom: 30px }

.single-blog-page p {
margin-bottom: 10px;
text-align: left
}

.requestPage {
background: #f8f9f9 none repeat scroll 0 0;
color: #777;
font-weight: 300
}

.requestPage .form-button {
float: right;
min-width: 200px
}

.contacts-page address, .contacts-page .siteBoxContent {
display: inline-block;
float: left;
margin: 0 4%;
text-align: left;
width: 40%
}

address a { color: #226174 }

#quoteform { margin: 0 auto }

#quoteform td[valign="top"] table { width: 100%!important }

#quoteform td[valign="top"] { padding-right: 20px }

#quoteform td[valign="top"] td { display: block }

#quoteform a[href="#calendar"] {
display: block;
line-height: 1.6;
margin-right: 15px;
margin-top: -30px;
text-align: right
}

#quoteform select[name="property_size"], #quoteform select[name="serviceid"], #quoteform select[name="parking_type"] { width: 100%!important }

#form2 > div[style="font-size: 18px; color: #006699;"] { display: none }

#form2 div[style="font-size: 13px;"] { text-align: center }

#form2 { width: 100% }

#form2 td { padding: 5px 0 }

#form2 b {
display: block;
padding: 5px
}

#form2 #quoteform {
margin-top: 30px;
text-align: center;
width: 100%
}

.st-content, .st-content-inner { position: relative }

.st-container {
overflow: hidden;
position: relative
}

.st-pusher {
height: 100%;
left: 0;
position: relative;
transition: transform .5s ease 0s;
z-index: 99
}

.st-pusher::after {
background: rgba(0,0,0,0.2) none repeat scroll 0 0;
content: "";
height: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity .5s ease 0s;
width: 0
}

.st-menu-open .st-pusher::after {
height: 100%;
opacity: 1;
transition: opacity .5s ease 0s;
width: 100%
}

.st-menu {
background: #F4605C none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all .5s ease 0s;
visibility: hidden;
width: 300px;
z-index: 100
}

.st-menu::after {
background: rgba(0,0,0,0.2) none repeat scroll 0 0;
content: "";
height: 100%;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: opacity .5s ease 0s;
width: 100%
}

.st-menu-open .st-menu::after {
height: 0;
opacity: 0;
transition: opacity .5s ease 0s;
width: 0
}

.st-menu ul li a {
box-shadow: 0 -1px rgba(0,0,0,0.2) inset;
color: #fff;
display: block;
font-weight: 400;
letter-spacing: 1px;
outline: medium none;
padding: 1em 1em 1em 1.2em;
text-shadow: 0 0 1px rgba(255,255,255,0.1);
text-transform: uppercase;
transition: background .3s ease 0s, box-shadow .3s ease 0s
}

.st-menu ul li:first-child a { box-shadow: 0 -1px rgba(0,0,0,0.2) inset, 0 1px rgba(0,0,0,0.2) inset }

.st-menu ul li a:hover {
background: rgba(0,0,0,0.2) none repeat scroll 0 0;
box-shadow: 0 -1px transparent inset;
color: #fff
}

.st-effect-9.st-container { perspective: 1500px }

.st-effect-9 .st-pusher { transform-style: preserve-3d }

.st-effect-9.st-menu-open .st-pusher { transform: translate3d(0px, 0px, -300px) }

.st-effect-9.st-menu {
opacity: 1;
transform: translate3d(-100%, 0px, 0px)
}

.st-effect-9.st-menu-open .st-effect-9.st-menu {
transform: translate3d(0px, 0px, 0px);
transition: transform .5s ease 0s;
visibility: visible
}

.st-effect-9.st-menu::after { display: none }

footer {
background: #226174 none repeat scroll 0 0;
color: #bfbfbf
}

footer.row {
padding-bottom: 0;
padding-top: 30px
}

footer .about-work { padding-top: 15px }

footer .social { width: 30% }

footer .social a {
color: #fff;
font-size: 20px
}

footer .social a:hover { transform: scale(1.2, 1.2) }

footer h3 {
color: #fff;
font: bold 18px/22px Asap, sans-serif;
margin-bottom: 29px;
text-transform: uppercase
}

footer a {
color: #D0D6D8;
font-size: 14px;
line-height: 18px
}

footer a:hover { color: #a8cb17 }

footer li { margin-bottom: 3px }

footer img { margin-bottom: 5px }

.copy {
border-top: 2px solid #2e2e33;
margin-top: 40px;
text-align: center
}

.copy p {
color: #D0D6D8;
line-height: 30px
}

.contact .right, .blog li, .contact .left, .first li, .family-animation li, .zoom, .line, .heading2, .testimonials-page li { opacity: 1 }

.blog li, .contact .right, .testimonials-page li:nth-child(2n), .first li:nth-child(3), .first li:nth-child(4), .first li:nth-child(5), .first li:nth-child(7), .first li:nth-child(8) { transform: translate3d(200px, 0px, 0px) }

.contact .left, .testimonials-page li, .first li:nth-child(1), .first li:nth-child(2), .first li:nth-child(6) { transform: translate3d(-200px, 0px, 0px) }

.testimonials .item, .family-animation li, #quoteform { transform: translate3d(0px, 200px, 0px) }

.first-animation li:nth-child(1), .first-animation li:nth-child(2) { animation: 1s ease-out .3s first-animation normal }

.first-animation li:nth-child(4), .first-animation li:nth-child(5) { animation: 1s ease-out .7s first-animation normal }

.first-animation li:nth-child(3) { animation: 1s ease-out 0s first-animation normal }
@keyframes first-animation {
100% {
opacity:1;
transform:translate3d(0px, 0px, 0px);
opacity:1;
transform:translate3d(0px, 0px, 0px)
}
}

.heading-animation, .blog-animation .container, .testimonials-animation .item, .blog-animation li, .contact-animation .left, .contact-animation .right, .family-animation li, .testimonials-page-animation li, .scrollButton, .quoteform-animation { animation: 1s ease-out 0s first-animation normal }

html, body {
font-family: "Lato", sans-serif;
overflow-x: hidden
}

a, .owl-theme .owl-controls .owl-page span::after, .owl-theme .owl-controls .owl-page span::before, .c_send::after, .overlay, .zoom, .blog h3, .blog-page img, .scrollTop { transition: all .4s ease-out 0s }

a {
color: #fff;
text-decoration: none
}

.container {
margin-left: auto;
margin-right: auto;
max-width: 1200px
}

.container::after {
clear: both;
content: " ";
display: block
}

.left { float: left }

.right { float: right }

.siteBox a {
color: #40b3df;
font-weight: 700
}

.siteBox a:hover { color: #ff6b6b }

.fa-phone::before {
color: #226174;
font-size: 30px;
margin-right: 5px
}

.mobileCall .fa-phone::before { color: #fff }

.saveMoney {
background: #E4E8E7 none repeat scroll 0 0;
color: #fff;
padding: 20px 0 0
}

.saveMoney .saveMoneyImage {
float: left;
margin-right: 30px
}

.saveMoney .saveMoneyImage img { float: left }

.saveMoney p, .saveMoney h1 {
color: #fff;
font-size: 16px
}

.saveMoney h1 {
color: #226174;
font-size: 36px;
line-height: 40px;
letter-spacing: 1.8px;
font-weight: 700;
margin-bottom: 10px;
padding-top: 20px
}

.saveMoney h2 {
color: #fff;
font-size: 24px;
margin-bottom: 20px;
text-transform: uppercase
}

.saveMoney p {
color: #F4605C;
font-size: 14px;
line-height: 20px;
font-weight: 700
}

.bookNow {
background: #ff6b6b none repeat scroll 0 0;
padding: 20px 0 0
}

.bookNow p, .bookNow h2 { color: #fff }

.bookNow h2 {
text-transform: uppercase;
color: #fff
}

.bookNow h3 {
color: #b04141;
font-size: 50px;
font-weight: 700;
line-height: .8;
margin-bottom: 10px;
padding-top: 20px;
text-transform: uppercase
}

.bookNow p { font-weight: 700 }

.bookNow .bookNowImage {
float: right;
margin-left: 40px
}

.bookNow .bookNowImage img { float: right }

.saveMoney p a { color: #226174 }

.bookNow p a { color: #226174 }

.content-block.row {
background: #D0D6D8;
padding-top: 20px
}

#owl-demo .bookNow {
background: #F4605C none repeat scroll 0 0;
color: #fff;
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
text-transform: uppercase;
margin-left: 30px
}

#owl-demo .bookNow:hover {
background: #226174 none repeat scroll 0 0;
color: #fff
}

.st-content-inner .row { padding: 40px 0 }

.prev.fa.fa-chevron-left {
float: left;
left: -90px;
position: absolute;
top: 95px
}

.next.fa.fa-chevron-right {
float: right;
right: -90px;
position: absolute;
top: 95px
}

#contact-form .error.bold { margin-bottom: 10px }

.main-sec h2 {
color: #f4605c;
font-size: 36px;
line-height: 40px;
text-transform: uppercase
}

.main-sec p {
color: #226174;
font-size: 20px;
line-height: 28px
}

.main-sec p a { color: #F4605C }

.main-sec p a:hover { color: #444 }

.social {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}

.social li { display: inline-block }

.social ul { display: inline }

.social h3 {
display: inline!important;
padding-left: 50px;
padding-right: 50px
}

.about-work li {
display: inline-block;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px
}

@media (max-width: 719px) {

.first li { width: 100% }

#owl-demo { display: none!important }

header .logo img {
width: 150px;
top: 20px
}

.lines-button { padding-top: 27px }

.breadcrumbs { padding: 20px 0 }

#owl-demo .container, .testimonials i { display: none }

h1 {
font-size: 22px!important;
line-height: 26px
}

h2 {
font-size: 18px!important;
line-height: 20px
}

h3 {
font-size: 16px!important;
line-height: 16px
}

.testimonials p { font-size: 15px }

#blog_wrapper section {
display: block;
width: 100%
}

#blog_wrapper img { width: auto }

.ourPriceBox {
display: block;
margin: 10px 0;
width: 100%
}

.contacts-page p, .contacts-page .siteBoxContent, .contacts-page address {
display: block;
margin: 10px 0;
width: 100%
}

.row { padding: 20px 0 }

.c_send {
display: block;
font: bold 20px/20px Asap, sans-serif;
margin: 0 auto;
max-width: 95%;
text-align: center
}

.form tr { width: 100% }

header nav { display: none }

header .call { display: none }

.mobileCall {
display: block;
font-size: 29px
}

.mobileNav a { font-size: 25px }

.lines-button {
display: inline;
float: right
}

#owl-demo h1, #owl-demo h2 {
font: 900 25px/30px Lato, sans-serif;
margin: 0 auto
}

#owl-demo p, #owl-demo a { display: none }

.content-block img {
margin: 0;
width: 100%
}

.blog .img { width: 100% }

.testimonials, .blog {
margin: 0 0 20px;
width: 100%
}

.zoom, .overlay { display: none }

.contact .right { margin-top: 30px }

.contact .right, .contact .left { width: 100% }

.testimonials-page li {
margin-bottom: 20px;
margin-right: 0;
width: 100%
}

.blog-page section {
margin-right: 0;
width: 100%
}

.single-blog-page img { width: 100% }

.requestPage .form-button { min-width: 100% }

#quoteform td[valign="top"] { padding: 0 }

#form2 td { display: block }

footer .about-brand { display: none }

footer .social, footer .about-work {
margin-bottom: 30px;
width: 100%
}

footer section:last-child { margin-bottom: 0 }

.contact .right, .contact .left, .first li, .family-animation li, .zoom, .line, .heading2, .testimonials-page li, .blog li { opacity: 1 }

.contact .right, .first li:nth-child(1), .first li:nth-child(4), .first li:nth-child(5), .first li:nth-child(8), .first li:nth-child(2), .first li:nth-child(3), .first li:nth-child(6), .first li:nth-child(7), .contact .left, .testimonials .item, .family-animation li, .line, .heading2, #quoteform, .testimonials-page li:nth-child(2n), .testimonials-page li, .blog li { transform: translate3d(0px, 0px, 0px) }

.container { width: 95% }

.line { margin-bottom: 15px }

.social li {
display: inline-block;
margin: 0 10px
}

.c_input {
display: block;
width: 100%
}

.saveMoney .saveMoneyImage {
text-align: center;
width: 100%
}

.saveMoney .saveMoneyImage img {
display: block;
float: none;
margin: 0 auto
}

.saveMoney h1, .saveMoney h2, .bookNow h2, .bookNow h3 {
clear: both;
display: block;
text-align: center
}

.bookNow .bookNowImage img { width: 100% }

.bookNow .bookNowImage { margin-left: 0 }

.saveMoney, .bookNow { padding: 20px 0 }
}

@media (min-width: 720px) and (max-width: 959px) {

#owl-demo h1, #owl-demo h2 { font: 900 24px/21px Lato, sans-serif }

h1 {
font-size: 22px!important;
line-height: 26px
}

h2 {
font-size: 18px!important;
line-height: 20px
}

h3 {
font-size: 16px!important;
line-height: 16px
}

.line { margin-bottom: 25px }

header nav { display: none }

.breadcrumbs { padding: 20px 0 }

header .call {
color: #fff;
font-size: 27px;
padding-top: 22px
}

.lines-button {
display: inline;
padding-top: 27px
}

#owl-demo .container { top: 0 }

#owl-demo span {
font-size: 30px;
line-height: 30px;
padding-bottom: 0
}

.testimonials, .blog {
margin: 0 0 20px;
width: 100%
}

.zoom, .overlay { display: none }

.contact .right { margin-top: 60px }

.contact .right, .contact .left { width: 100% }

.testimonials-page li {
margin-right: 0;
width: 100%
}

.contact .right, .contact .left, .first li, .family-animation li, .zoom, .line, .heading2, .testimonials-page li, .blog li { opacity: 1 }

.contact .right, .first li:nth-child(1), .first li:nth-child(4), .first li:nth-child(5), .first li:nth-child(8), .first li:nth-child(2), .first li:nth-child(3), .first li:nth-child(6), .first li:nth-child(7), .blog li, .contact .left, .testimonials .item, .family-animation li, .line, .heading2, #quoteform, .testimonials-page li:nth-child(2n), .testimonials-page li { transform: translate3d(0px, 0px, 0px) }

.container { width: 95% }
}

@media (min-width: 960px) and (max-width: 1199px) {

#owl-demo .container { top: 30px }

header nav { display: none }

header .call { color: #fff }

.lines-button { display: inline }

.zoom, .overlay { display: none }

.contact .right, .contact .left, .first li, .family-animation li, .zoom, .line, .heading2, .testimonials-page li, .blog li { opacity: 1 }

.contact .right, .first li:nth-child(1), .first li:nth-child(4), .first li:nth-child(5), .first li:nth-child(8), .first li:nth-child(2), .first li:nth-child(3), .first li:nth-child(6), .first li:nth-child(7), .contact .left, .testimonials .item, .family-animation li, .line, .heading2, #quoteform, .testimonials-page li:nth-child(2n), .testimonials-page li, .blog li { transform: translate3d(0px, 0px, 0px) }

.container { width: 95% }
}

.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}

.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
float: left;
max-height: 630px
}

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer }

.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.grabbing { cursor: url(grabbing.png) 8 8, move }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
margin-top: 10px;
text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);
opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none
}

.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: .5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}

.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}

.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px
}

.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease
}

.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease
}

.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease
}

.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both
}

.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both
}

.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
0% {
opacity:1
}
}
@-moz-keyframes empty {
0% {
opacity:1
}
}
@keyframes empty {
0% {
opacity:1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut {
25% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut {
25% {
opacity:.5;
transform:translateZ(-500px)
}
75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
100% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0)
}
}
@keyframes backSlideIn {
0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@-moz-keyframes scaleToFade {
to {
opacity:0;
-moz-transform:scale(.8)
}
}
@keyframes scaleToFade {
to {
opacity:0;
transform:scale(.8)
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform:translateY(-100%)
}
}
@-moz-keyframes goDown {
from {
-moz-transform:translateY(-100%)
}
}
@keyframes goDown {
from {
transform:translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpFrom {
from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpTo {
to {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpTo {
to {
opacity:0;
transform:scale(1.5)
}
}

.contact .left, .testimonials-page li, .first li:nth-child(1), .first li:nth-child(2), .first li:nth-child(6), .blog li, .contact .right, .testimonials-page li:nth-child(2n), .first li:nth-child(3), .first li:nth-child(4), .first li:nth-child(5), .first li:nth-child(7), .first li:nth-child(8) {
transform: translate3d(0px, 0px, 0px);
opacity: 1
}

#floating_bar {
bottom: 10px !important;
height: 125px;
right: 5px;
position: fixed !important;
width: 225px;
z-index: 100;
}

#floating_bar_girl_pic {
bottom: 44px;
display: block;
height: 185px;
left: 0;
position: absolute;
width: 223px;
z-index: 1;
}

#floating_bar_girl a.floating_bar_big_but {
background: #F4605C none repeat scroll 0 0;
bottom: 0;
color: #ffffff;
border: 1px solid #fff;
display: block;
font-size: 22px;
text-decoration: none;
font-weight: 800;
height: 44px;
left: 0;
line-height: 44px;
position: absolute;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
width: 210px;
z-index: 100;
}

#chatdiv { z-index: 9999; }

.button_chat:hover { cursor: pointer; }

@media only screen and (max-width: 719px) {

#floating_bar { display: none; }
}

/* .st-content nav ul li:first-child{
	display:none;
} */
#menu-1 ul li:first-child { display: none; }

.prices-page table {
width: 50%;
margin: 0 auto;
}

.prices-page table tr td {
border: 1px solid #000;
padding: 10px;
}

button#amzgffsend {
background: #226174;
color: #fff;
padding: 10px;
font-weight: bold;
cursor: pointer;
}

.grid-flip {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

header { order: -1; }

.mobileCall { order: 0; }

#owl-demo { order: 1; }

main { order: 2; }

footer { order: 3; }

.faq-accordion-header { margin: 0; }
