/**
 |-----------------------------------------------------------
 | TABLE OF CONTENTS
 |-----------------------------------------------------------
 |
 | 1. GENERAL
 | 2. HEADER
 | 3. SIDEBAR
 | 4. FOOTER
 |
 */
/**
 |-------------------------------------------------
 | FONTS
 |-------------------------------------------------
 */
/** MuseoSans 300 **/
@font-face {
    font-family: 'MuseoSans-300';
    src: url('../fonts/MuseoSans-300.eot');
    src: local('☺'), url('../fonts/MuseoSans-300.woff') format('woff'), url('../fonts/MuseoSans-300.ttf') format('truetype'), url('../fonts/MuseoSans-300.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Museo Sans 900 **/
@font-face {
    font-family: 'MuseoSans-900';
    src: url('../fonts/MuseoSans_1.eot');
    src: local('☺'), url('../fonts/MuseoSans_1.woff') format('woff'), url('../fonts/MuseoSans_1.ttf') format('truetype'), url('../fonts/MuseoSans_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 |-------------------------------------------------
 | GENERAL
 |-------------------------------------------------
 */
/* ELEMENTS */
body {
    font-family: "MuseoSans-300", arial, sans-serif;
    background-color: #F5F5F7;
}
h1, h2, h3, h4, h5, h6 { font-family: 'MuseoSans-900'; }
h1 { line-height: 30px; }
ul li,
p { line-height: 2; font-size: 16px; }

/* MARGINS */
.m-top-10 { margin-top: 10px; }
.m-top-20 { margin-top: 20px; }
.m-top-30 { margin-top: 30px; }
.m-top-34 { margin-top: 34px; }

.m-bottom-10 { margin-bottom: 10px; }
.m-bottom-20 { margin-bottom: 20px; }

/* PADDINGS */
.p-bottom-20 { padding-bottom: 20px; }
.p-bottom-40 { padding-bottom: 40px; }
.p-left-20 { padding-left: 20px; }

.p-right-20 { padding-right: 20px; }

/* TEXT ALIGN */
.text-center { text-align: center; }

/* BOOTSTRAP OVERWRITTE */
.container-custom { padding: 0 15px; }

/* BLOCK POSITION */
.block-center { margin: 0 auto; }

/* COLORS */
.bg-white { background-color: #FFFFFF; }
.white { color: #FFFFFF; }

/* FONT SIZE */
.f-size-16 { font-size: 16px !important; }
.f-size-20 { font-size: 20px !important; }
.f-size-30 { font-size: 30px !important; }

/* FONT FAMILY */
.f-museo-900 { font-family: 'MuseoSans-900'; }

.header-line { border-top: 3px solid #FFD900; width: 10px; }


/**
 |-------------------------------------------------
 | BUTTONS
 |-------------------------------------------------
 */
.btn.btn-primary {
	background-color: #FFD900;
	border: 0;
	border-radius: 1000px;
	color: #040707;
	padding: 10px 40px;
	font-weight: 700;
	font-size: 14px;
}
.btn.btn-primary:hover {
	color: #FFD900;
	background-color: #040707;
}

/**
 |-------------------------------------------------
 | FORM CONTROL
 |-------------------------------------------------
 */
.form-control {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #DCDCDD;
	border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:hover,
.form-control:focus {
	border-color: #828280;
	-webkit-box-shadow: none;
    box-shadow: inset none;
}

/**
 |-------------------------------------------------
 | HEADER
 |-------------------------------------------------
 */
#header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F5F5F7;
    padding: 10px 0;
}
#header .logo img {
    width: 200px;
}
#header .navbar-collapse {
    padding: 10px 0;
    float: left;
}
#header .nav-pills>li>a {
    color: #040707;
    font-family: 'MuseoSans-900';
    text-transform: uppercase;
    padding: 20px 10px;
    border-radius: 0;
    font-size: 14px;
}
#header .nav>li>a:focus, 
#header .nav>li>a:hover {
    text-decoration: none;
    background-color: #EFEFEF;
}

.phone-box-wrap {
    float: right;
}
.phone-box {
    display: block;
    position: relative;
    width: 200px;
    border-radius: 1000px;
    background-color: #FFD900;
    color: #040707;
    margin: 20px 10px 10px 0;
    overflow: hidden;
}
.phone-box > .row { margin: 0; }
.phone-box .phone-24h {
    background-color: #040707;
    color: #FFD900;
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 700;
    text-align: right;
    display: block;
    padding: 9px 9px;
}
.phone-box .phone-24h img { height: 20px; }
.phone-box .phones { color: #040707; }
.phone-box .phones .phone-link {
    padding: 10px 5px;
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 700;
    text-align: center;
    color: #040707;
    display: block;
}
.phone-box .phones .phone-link:hover {
    text-decoration: none;
}
.quote {
    display: block;
    text-align: center;
    margin-top: 5px;
}

.service-item {
    margin-top: 40px;
    margin-bottom: 20px;
}
.service-item h2 { font-size: 21px; }

.social-links {
    margin: 20px 10px 10px 10px;
    font-size: 20px;
    padding: 5px;
    float: right;
}
.social-links a {
    color: #040707;
}
.social-links a:hover { text-decoration: none; }

/**
 |-------------------------------------------------
 | FOOTER
 |-------------------------------------------------
 */
#footer {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 100px;
    padding-bottom: 60px;
    background: url('../images/footer.png') no-repeat bottom center #FFFFFF;
}

/**
 |-------------------------------------------------
 | TIMELINE
 |-------------------------------------------------
 */
.timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #FFD900;
}
.timeline .timeline-block {
    position: relative;
    margin-bottom: 40px;
}
.timeline .timeline-block .timeline-bullet {
    background: #FFD900;
    width: 80px;
    height: 80px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    top: 0;
    border-radius: 50%;
    color: #040707;
    text-align: center;
}
.timeline .timeline-block .timeline-small-bullet {
    background: #FFD900;
    width: 30px;
    height: 30px;
    left: 0;
    margin-left: 5px;
    position: absolute;
    top: 0;
    border-radius: 50%;
    text-align: center;
}
.timeline .timeline-block .timeline-bullet span {
    margin-top: 25px;
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 700;
}
.timeline .timeline-block .timeline-content {
    border-radius: 3px;
    background-color: transparent;
    margin-left: 70px;
    padding: 15px;
    position: relative;
}
.timeline .timeline-block .timeline-content .img-responsive {
    border: 10px solid #FFFFFF;
    margin-bottom: 10px;
}

.owl-carousel .owl-controls .owl-dots {
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -30px;
}
.owl-carousel .owl-controls .owl-dot {
	width: 15px;
	height: 15px;
	background-color: #FFFFFF;
	float: left;
	border-radius: 50%;
	margin: 0 5px;
}
.owl-carousel .owl-controls .owl-dot.active { background-color: #FFD900; }
.owl-carousel .owl-controls .owl-nav { 
	position: absolute;
	top: 50%;
	width: 100%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
	left: 0;
	position: absolute;
	margin-left: 10px;
	padding: 0 10px;
	background-color: #FFD900;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
	right: 0;
	margin-right: 10px;
	position: absolute;
	padding: 0 10px;
	background-color: #FFD900;
}
.owl-carousel .owl-controls .owl-nav i {
	color: #040707;
	font-size: 40px;
}

#gmap {
	width:100%;
	height:400px;
	display:block;
	margin-top: 30px;
	z-index:1;
}
/*
.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
*/

.navbar-btn {
    display: none;
    color: #000000;
    font-size: 18px;
    margin-top: 20px;
    margin-right: 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 8px;
}
.navbar-btn:hover {
    background-color: #FFD900;
    color: #000000;
}
.navbar-btn-close {
    display: none;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}
.navbar-btn-close:hover,
.navbar-btn-close:active,
.navbar-btn-close:focus { color: #000000; border-color: #000000; }
.nav>li.custom-home { display: none; }
.navbar-collapse.collapse { display: block; }
@media (max-width: 1210px){
    .navbar-btn-close,
    .navbar-btn {
        display: block;
    }
    .navbar-collapse.collapse  { display: none !important; }
    .navbar-collapse.collapse.in  { display: block !important; }
    #menu {
      background-color: #FFD900;
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      height: 100% !important;
      width: 100%;
      padding-top: 80px;
      z-index: 999999;
    }
    #menu .nav-pills > li {
        text-align: center;
        display: block;
        float: none;
    }
    #menu .nav-pills>li>a:hover {
        background-color: transparent;
    }
    .nav>li.custom-home { display: block; }
    .social-links { display: none; }
}

.form-control.has-error { border-bottom-color: #FF4F01; }
.help-block { color:#2196F3; }

.news-item h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #333333;
}
.news-item h3 a {
    color: #333333;
    text-decoration: none
}
.news-item-image {
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    display: block;
}

@media (min-width: 992px) {

}

.cookie-popup {
    width: 400px;
    background: #fff;
    opacity: 0;
    -webkit-box-shadow: -2px -2px 33px -12px rgba(0,0,0,0.3);
    -moz-box-shadow: -2px -2px 33px -12px rgba(0,0,0,0.3);
    box-shadow: -2px -2px 33px -12px rgba(0,0,0,0.3);
    position: fixed;
    bottom: 90px;
    right: -500px;
    z-index: 99999999999999999999;
    transition: 0.4s;
}
.cookie-popup.show {
    right: 30px;
    transition: 0.4s;
    opacity: 1;
}
.cp--content {
    padding: 20px;
}
.cp--text {
    color: #404040 !important;
}
.cp--lnk-wrapper {
    margin-top: 10px;
}
.cp--lnk {
    font-weight: 700;
    text-decoration: none !important;
    color: #040707;
    outline: none;
    cursor: pointer;
    background-color: #FFD900;
    padding: 10px;
    border-radius: 1000px;
    display: inline-block;
}        
        .cp--header {
            display: block;
            margin-bottom: 8px;
            position: relative;
        }
        .cp--title {
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
        }
        .cp--close {
            position: absolute;
            right: 0px;
            top: 0px;
            cursor: pointer;
            color: #040707;
        }
        .cp--close:hover,
        .cp--close:focus {
            text-decoration: none;
            opacity: 0.8;
        }
        @media screen and (max-width: 768px) {
            .cookie-popup {
                width: 100%;
                opacity: 1;
                left: 0;
                bottom: 0;
                right: 0;
                display: none;
            }
            .cookie-popup.show {
                display: block;
            }
        }