@charset "UTF-8";
/***********************************************************************************/
/* 								Typography	 style 				*/
/***********************************************************************************/
@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Bold.eot"); src: url("../fonts/Ubuntu-Bold.woff2") format("woff2"), url("../fonts/Ubuntu-Bold.woff") format("woff"), url("../fonts/Ubuntu-Bold.ttf") format("truetype"), url("../fonts/Ubuntu-Bold.svg#Ubuntu-Bold") format("svg"), url("../fonts/Ubuntu-Bold.eot?#iefix") format("embedded-opentype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Light.eot"); src: url("../fonts/Ubuntu-Light.woff2") format("woff2"), url("../fonts/Ubuntu-Light.woff") format("woff"), url("../fonts/Ubuntu-Light.ttf") format("truetype"), url("../fonts/Ubuntu-Light.svg#Ubuntu-Light") format("svg"), url("../fonts/Ubuntu-Light.eot?#iefix") format("embedded-opentype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Medium.eot"); src: url("../fonts/Ubuntu-Medium.woff2") format("woff2"), url("../fonts/Ubuntu-Medium.woff") format("woff"), url("../fonts/Ubuntu-Medium.ttf") format("truetype"), url("../fonts/Ubuntu-Medium.svg#Ubuntu-Medium") format("svg"), url("../fonts/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/Ubuntu-Regular.eot"); src: url("../fonts/Ubuntu-Regular.woff2") format("woff2"), url("../fonts/Ubuntu.woff") format("woff"), url("../fonts/Ubuntu.ttf") format("truetype"), url("../fonts/Ubuntu.svg#Ubuntu") format("svg"), url("../fonts/Ubuntu-Medium.eot?#iefix") format("embedded-opentype"); font-weight: 400; font-style: normal; }

html { font-size: 10px; }

body { font-size: 1.5rem; font-family: 'Ubuntu'; color: #404041; font-weight: 300; }

p { line-height: 1.2; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; margin-top: 0; margin-bottom: 15px; }

h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span { color: #0192d6; }

h1 { font-size: 4rem; }

h2 { font-size: 2.5rem; }

h3 { font-size: 1.8rem; }

h4, .h4 { font-size: 1.8rem; }

h5, .h5 { font-size: 1.6rem; }

a { color: #000; }

strong, b { font-weight: bold; }

.heading-invert { color: #0192d6; font-size: 2.5rem; margin-bottom: 0; text-transform: uppercase; }

.heading-invert span { color: #404041; font-weight: 400; }

.heading { color: #000; text-transform: uppercase; }

.heading span { color: #0192d6; }

h2.heading { font-size: 3.5rem; }

h3.heading { font-size: 2.5rem; }

h3.heading span { font-weight: 400; }

.heading2 { font-weight: 500; text-transform: uppercase; }

a { color: #404041; }

.text-primary { color: #0192d6 !important; }

.text-bold { font-weight: bold; }

.font-weight-medium { font-weight: 500; }

/********************************************************************************/
/*								 	General Ui 									*/
/********************************************************************************/
.fl-left { float: left; }

.fl-right { float: right; }

.no-margin { margin: 0; }

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

.img-fluid { max-width: 100%; height: auto; }

.form-group { margin-bottom: 10px; }

.form-control { background: transparent; width: 100%; -webkit-box-shadow: none; box-shadow: none; min-height: 40px; font-weight: normal; color: #000; }

.form-control:focus { border-color: #777; -webkit-box-shadow: none; box-shadow: none; }

label { font-size: 1.3rem; font-weight: normal; }

hr { border-top-color: #e4e4e4; }

.btn { padding: 5px 10px; outline: none !important; font-size: 1.4rem; -webkit-transition: all 300ms; transition: all 300ms; -webkit-border-radius: 4px; border-radius: 4px; font-weight: 500; text-transform: uppercase; }

.btn:focus, .btn:hover, .btn:active, .btn:active:focus { outline: none; }

.btn + .btn { margin-left: 15px; }

.form-control:focus { border-color: #6d678c; }

.btn-link { color: #000; }

.btn-link:hover, .btn-link:focus { text-decoration: none; color: #0192d6; }

.btn-default { background: #9c9898; color: #fff; border-color: #9c9898; }

.btn-default:hover, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { background: #4d4d4d; border-color: #4d4d4d; color: #fff; }

.btn-primary { background: #0192d6; color: #fff; border-color: #0192d6; }

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background: #016fa3; border-color: #016fa3; }

.btn-danger { background: #e64245; color: #fff; border-color: #e64245; }

.btn-danger:hover, .btn-danger:focus, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { background: #d81d20; border-color: #d81d20; }

.btn-blank { color: #000; font-size: 1.6rem; background: transparent; border: 1px solid #50555b; padding: 5px 22px; -webkit-border-radius: 0; border-radius: 0; }

.btn-blank:hover, .btn-blank:focus { background: #50555b; color: #fff; }

.btn-lg { padding: 8px 25px; }

@media (max-width: 480px) { .col-xxs-12 { width: 100%; } }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px !important; }

.mt-30 { margin-top: 30px !important; }

.mb-10 { margin-bottom: 10px; }

.mb-20 { margin-bottom: 20px !important; }

.mb-15 { margin-bottom: 15px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-40 { margin-bottom: 40px !important; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px !important; }

.mb-60 { margin-bottom: 60px; }

.mb-70 { margin-bottom: 70px; }

.mb-80 { margin-bottom: 80px; }

.mt-40 { margin-top: 40px; }

.mt-50 { margin-top: 50px; }

.pr-0 { padding-right: 0; }

.mr-10 { margin-right: 10px; }

.mb-100 { margin-bottom: 100px; }

.pb-20 { padding-bottom: 20px !important; }

@font-face { font-family: 'fontello'; src: url("../fonts/fontello.eot?39829369"); src: url("../fonts/fontello.eot?39829369#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?39829369") format("woff2"), url("../fonts/fontello.woff?39829369") format("woff"), url("../fonts/fontello.ttf?39829369") format("truetype"), url("../fonts/fontello.svg?39829369#fontello") format("svg"); font-weight: normal; font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?39829369#fontello') format('svg');

  }

}

*/
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-phone:before { content: '\e800'; }

/* '' */
.icon-mail:before { content: '\e801'; }

/* '' */
.icon-facebook:before { content: '\f09a'; }

/* '' */
.icon-youtube-play:before { content: '\f16a'; }

/* '' */
.icon-instagram:before { content: '\f16d'; }

/* '' */
body { overflow-x: hidden; }

.site-header__top { background: #e5ecf6; padding-top: 9px; padding-bottom: 9px; }

.site-header__top .list-inline, .site-header__top .social-list { margin-bottom: 0; list-style-type: none; }

.site-header__top .list-inline li, .site-header__top .social-list li { display: inline-block; }

.site-header__top .list-inline li a, .site-header__top .social-list li a { display: block; text-decoration: none; -webkit-transition: all 300ms; transition: all 300ms; }

.site-header__top .list-inline li a:hover, .site-header__top .list-inline li a:focus, .site-header__top .social-list li a:hover, .site-header__top .social-list li a:focus { opacity: 0.7; }

.site-header__top .list-inline { font-weight: 500; }

.site-header__top .list-inline li a { color: #000; }

.site-header__top .list-inline li + li { margin-left: 30px; }

.site-header__top .social-list { padding-left: 0; }

.site-header__top .social-list li + li { margin-left: 20px; }

.site-header__top .social-list li a { width: 22px; height: 22px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 22px; color: #fff; background: #332c29; font-size: 12px; }

@media (max-width: 767px) { .site-header__top .list-inline li { margin-left: 0 !important; display: block; } }

.navbar { padding-top: 17px; padding-bottom: 17px; }

.navbar .logo { max-width: 310px; }

.navbar .logo img { max-width: 100%; height: auto; }

@media (max-width: 767px) { .navbar .logo { max-width: 210px !important; } }

.navbar-nav li a { display: block; padding: 10px 15px; color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.navbar-nav li a:hover, .navbar-nav li a:focus { color: #0192d6; }

.navbar-nav li.active a { color: #0192d6; }

.navbar-collapse { position: fixed; width: 300px; height: 100%; right: 0; top: 0; background: #fff; z-index: 99; -webkit-box-shadow: -1px 0 4px #ccc; box-shadow: -1px 0 4px #ccc; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; }

.backdrop { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 98; display: none; }

.navbar-toggler { width: 40px; padding: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.navbar-toggler span { height: 4px; display: block; background: #000; -webkit-border-radius: 2px; border-radius: 2px; width: 100%; }

.navbar-toggler span + span { margin-top: 9px; }

.navbar-toggler:hover, .navbar-toggler:focus { opacity: 0.7; }

.navbar-opened .backdrop { display: block; }

.navbar-opened .navbar-collapse { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 300 ease-in; transition: all 300 ease-in; }

.call-to-action { min-height: 364px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.call-to-action .heading { font-size: 46px; line-height: 1; color: #000; }

.call-to-action .heading small { font-size: 24px; font-weight: 300; display: block; }

.section { padding-top: 60px; padding-bottom: 60px; font-size: 1.5rem; }

.section p + p { margin-top: 25px; }

.bg-grey { background: #ecedee; }

.category__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: -20px; margin-right: -20px; }

.category__img .d-inline-block { padding-left: 20px; padding-right: 20px; }

.divider { overflow: hidden; margin-bottom: 30px; }

.divider span { display: block; width: 108px; height: 40px; background-image: url(../images/divider.png); background-position: center; background-repeat: no-repeat; margin-left: auto; margin-right: auto; position: relative; margin-top: 10px; }

.divider span:before, .divider span:after { position: absolute; width: 118px; height: 1px; top: 50%; display: block; content: ""; border-top: 1px solid  #595959; }

.divider span:before { left: -118px; }

.divider span:after { right: -118px; }

.divider-left span { margin-left: 120px; }

.divider-right span { margin-right: 120px; }

.category__list { font-size: 2rem; list-style-type: none; margin-bottom: 30px; padding-left: 0; text-transform: uppercase; }

.category__list li { font-weight: 400; margin-bottom: 5px; }

.category__list li span { font-weight: 300; }

.portolio__item { margin-bottom: 40px; padding-left: 10px; padding-right: 10px; }

.portolio__item img { max-width: 100%; height: auto; }

@media (max-width: 767px) { .portolio__item { width: 50%; } }

.btn-more { line-height: 1; }

.btn-more:hover .caret:after, .btn-more:focus .caret:after { border-top-color: #0192d6; }

.caret::after { line-height: 1; display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid #dddbda; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }

.site-footer { background: #0192d6; color: #fff; padding-top: 55px; padding-bottom: 40px; }

.site-footer a { color: #fff; }

.site-footer .social-list { list-style-type: none; padding-left: 0; margin: 0; }

.site-footer .social-list li { display: inline-block; }

.site-footer .social-list li a { display: block; }

.footer-nav { list-style-type: none; padding-left: 0; margin-bottom: 15px; }

.footer-nav li { display: inline-block; }

.footer-nav li a { display: block; padding: 7px 18px; text-transform: uppercase; font-size: 11px; text-decoration: none; }

.footer-nav li.active a, .footer-nav li a:hover, .footer-nav li a:focus { color: #f4b32c; }

.copy { text-transform: uppercase; font-size: 11px; margin-bottom: 30px; }

.designBy { font-size: 12px; margin-bottom: 30px; }

@media (max-width: 767px) { .sm-mb-30 { margin-bottom: 30px; } }

.banner { height: 324px; }

.parallax-mirror { background-color: #eee; }

a.area { color: #404041; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

a.area h4 { font-size: 1.4rem; font-weight: 300; text-transform: uppercase; }

a.area:hover, a.area:focus { color: #0192d6; }

a.area:hover .area__img img, a.area:focus .area__img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

@media (min-width: 992px) { a.area { padding-left: 15px; padding-right: 15px; } }

.area__img { overflow: hidden; margin-top: auto; }

.area__img img { width: 100%; height: auto; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.area-single { font-size: 1.5rem; line-height: 1.5; }

.area-single .heading2 { margin-bottom: 30px; }

.area-single p { margin-bottom: 30px; line-height: 1.5; }

.quote-form-wrap { padding-top: 40px; padding-bottom: 40px; background: #f5f5f5; text-align: center; }

.quote-form-wrap .heading-invert { margin-bottom: 10px; }

.quote-form { margin-top: 60px; }

.quote-form .form-control { background: #fff; -webkit-border-radius: 0; border-radius: 0; height: 44px; border-color: #e3e3e3; font-size: 14px; padding-left: 15px; }

.quote-form .form-control.is-invalid { border-color: #dc3545;}

.quote-form .form-control:focus { border-color: #333; }

.quote-form .captcha { position: relative; }

.quote-form .captcha__text { position: absolute; top: 0; right: 10px; font-weight: 900; font-style: italic; height: 44px; line-height: 44px; }

.quote-form .form-group { margin-bottom: 35px; }

.quote-form textarea.form-control { height: 202px; resize:none;}

.quote-form .btn { padding-left: 55px; padding-right: 55px; }

#map { height: 350px; }

#bodyContent img { width: 252px; }

/** The MIT License (MIT) Copyright (c) 2015 BG Stock - html5backgroundvideos.com Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
/** Set default positioning as a fallback for if the plugin fails */
.jquery-background-video-wrapper { position: relative; height: 100vh; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.jquery-background-video { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; object-fit: cover; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/** Fade in videos Note the .js class - so non js users still see the video */
.js .jquery-background-video { opacity: 0; -webkit-transition: opacity 300ms linear; transition: opacity 300ms linear; }

.js .jquery-background-video.is-visible { opacity: 1; }

/** Pause/play button */
.jquery-background-video-pauseplay { position: absolute; background: transparent !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 20px; height: 20px; top: 15px; right: 15px; padding: 0 !important; cursor: pointer; outline: none !important; }

.jquery-background-video-pauseplay span { display: none; }

.jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before { content: ""; position: absolute; left: 0; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }

.jquery-background-video-pauseplay.play:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; }

.jquery-background-video-pauseplay.pause:before, .jquery-background-video-pauseplay.pause:after { border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; border-left: 5px solid #FFF; }

.jquery-background-video-pauseplay.pause:after { left: 10px; }

input#fullname {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}