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

html { font-size: 10px; }

body { font-size: 1.6rem; 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 { text-transform: uppercase; 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: #e64245; }

h1 { font-size: 4rem; }

h2 { font-size: 3rem; }

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

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

a { color: #000; }

strong, b { font-weight: bold; }

.heading { color: #9c9898; }

.heading span { color: #a60002; }

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

a { color: #e64245; }

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

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

/********************************************************************************/
/*								 	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; -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: 0; border-radius: 0; font-weight: 500; }

.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: #a60002; text-decoration: underline; }

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

.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: #a60002; color: #fff; border-color: #a60002; }

.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: #730001; border-color: #730001; }

.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: #a60002; font-size: 1.6rem; background: transparent; border: 1px solid #50555b; padding: 5px 22px; }

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

.btn-lg { padding: 10px 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; }

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

@font-face { font-family: 'fontello'; src: url("../fonts/fontello.eot?99841124"); src: url("../fonts/fontello.eot?99841124#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?99841124") format("woff2"), url("../fonts/fontello.woff?99841124") format("woff"), url("../fonts/fontello.ttf?99841124") format("truetype"), url("../fonts/fontello.svg?99841124#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?99841124#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-location:before { content: '\e800'; }

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

/* '' */
.icon-mail:before { content: '\e802'; }

/* '' */
.icon-clock:before { content: '\e803'; }

/* '' */
.icon-cancel:before { content: '\e804'; }

/* '' */
.icon-menu:before { content: '\f0c9'; }

/* '' */
.icon-whatsapp:before { content: '\f232'; }

/* '' */
/* Banner */
.banner { position: relative; overflow-x: hidden; height: 465px; }

.banner .navbar { position: absolute; right: 0; top: 0; bottom: 0; z-index: 5; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; }

.banner.navbar-opened .navbar { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.banner.navbar-opened .navbar-toggle.open { display: none; }

.banner .logo { display: block; max-width: 70%; }

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

.banner .title { color: #fff; }

@media (max-width: 991px) { .banner .title { font-size: 2.6rem; } }

@media (max-width: 1500px) { .banner .title { font-size: 3.2rem; } }

.title span { color: #e64245; display: block; }

.banner__img { width: 100%; height: auto; }

.banner__content { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; padding-top: 35px; padding-left: 30px; padding-right: 30px; padding-bottom: 35px; }

.banner--home { height: 600px; }

@media (min-width: 1200px) { .banner--home { height: 768px; } }

@media (min-width: 1501px) { .banner--home { height: 900px; } }

@media (min-width: 1200px) { .banner--home .logo { margin-top: 100px; } }

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

.banner__content__left .title { margin-top: auto; margin-bottom: auto; }

.navbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.7); padding-left: 70px; padding-right: 30px; min-width: 370px; padding-top: 0; padding-bottom: 30px; }

.navbar .navbar-toggle { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

.navbar-toggle.open { position: absolute; right: 30px; top: 0; }

.navbar-toggle { color: #fff; font-size: 30px; font-weight: normal; margin-top: 30px; margin-bottom: 15px; line-height: 1; padding: 5px !important; }

.navbar-toggle:hover, .navbar-toggle:focus { color: rgba(255, 255, 255, 0.3); }

.navbar_nav { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: auto; }

.navbar_nav__list { list-style-type: none; padding-left: 0; }

.navbar_nav__list li a { display: block; color: #fff; text-transform: uppercase; font-size: 25px; font-weight: 500; padding: 5px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.navbar_nav__list li a:hover, .navbar_nav__list li a:focus { color: #e64245; }

.navbar_nav__list li.active a { color: #e64245; }

.item { line-height: 1.2; font-size: 1.2rem; }

.item.text-single { margin-bottom: 50px; }

.item.text-single .item__content { text-align: left; }

@media (min-width: 768px) { .item.text-single .item__img { margin-left: 0; } }

@media (min-width: 992px) { .item.text-single .item__content { padding-left: 50px; } }

.item__content { text-align: center; padding-left: 40px; padding-right: 40px; font-weight: 300; }

.item__content p { margin-bottom: 0; line-height: 18px; }

.item__content p + p { margin-top: 20px; }

.item__img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; height: auto; margin-bottom: 15px; }

.item__title { font-size: 1.7rem; font-weight: 500; margin-bottom: 5px; }

.item--team .item__img { -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms; transition: all 300ms; border: 10px solid  #f5f5f5; }

@media (min-width: 992px) { .item--team { padding-left: 30px; padding-right: 30px; } }

.item--team .item__content { padding-left: 15px; padding-right: 15px; font-size: 1.6rem; }

.item--team:hover .item__img, .item--team:focus .item__img { border-color: #ccc; }

.section { padding-top: 65px; padding-bottom: 65px; }

.call-to-action { padding-top: 140px; padding-bottom: 95px; }

@media (max-width: 991px) { .call-to-action { padding-top: 60px; padding-bottom: 60px; } }

.call-to-action .heading { font-size: 3rem; text-transform: uppercase; color: #50555b; font-weight: bold; }

.call-to-action .heading span { color: #a60002; }

#map { height: 267px; margin-bottom: -167px; }

.site-footer { background: #e4e5e3; padding-top: 180px; text-align: center; font-size: 1.2rem; font-weight: 300; padding-bottom: 20px; }

.footer__nav { list-style-type: none; padding-left: 0; }

.footer__nav li { display: inline-block; }

.footer__nav li a { display: block; padding: 10px; color: #404041; font-weight: 300; text-transform: uppercase; }

.footer__nav li a:hover, .footer__nav li a:focus { color: #a60002; text-decoration: none; }

.footer__nav li.active a { color: #a60002; }

.copy { text-transform: uppercase; margin-bottom: 25px; }

.designBy { color: #a60002; }

.banner--contact { background-color: rgba(11, 13, 5, 0.82); }

@media (max-width: 767px) { .banner--contact { height: 600px; } }

.contact { margin-top: 50px; color: #fff; font-weight: 400; display: inline-block; }

.contact .divider { border: 1px solid #fff; margin-top: 10px; margin-bottom: 15px; }

.contact h3 { font-size: 2.4rem; color: #e64245; padding-left: 25px; font-weight: 400; text-transform: none; }

.contact a { color: #fff; }

.contact .d-flex { margin-bottom: 7px; }

@media (max-width: 767px) { .media { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .media .media-img { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 20px; margin-left: 0 !important; }
  .media .media-body { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }