body {
    font-family: Arial;
    background-color: #1F1F1F;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #ccc;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

#sendbutton {
    background-color: #CECECE;
    border: 0px;
}

.about-hr {
    max-width: 180px;
}

.contact-hr {
    max-width: 250px;
}

.brand,
.logo-head,
.address-bar {
    display: none;
}
.vertical-align {
    display: flex;
    align-items: center;
}

.lang-switch-mobile {
    color: #737373;
    padding: 6px 10px;
}

.lang-switch {
    text-align: right;
    padding-right: 15px;
}

.lang-switch a {
    color:#ccc;
}

.lang-switch a:hover {
    color: #737373;
    text-decoration: none;
}

.flag {
    width: 20px;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.contact-span {
    width: 30px;
    display: inline-block;
}

.box-contact i{
    width: 30px;
}

.box-contact a {
    color: #999999;
}

.box-contact a:hover {
    color: #ccc;
    text-decoration: none;
}

.submenu-item {
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
}

.submenu-item a {
    color: #737373;
}

.submenu-item a:hover {
    color: #ccc;
    text-decoration: none;
}

.col-centered {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.vertical-align {
    margin-left:auto;
    display: flex;
    flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}

/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
  /* flex: 1; */
  flex-grow: 1;
}

.img-center {
    margin:0 auto;
}

label {
    color: #737373;
}

.navbar-default .navbar-brand {
    color: #333;
}

.navbar {
    background-color: #CECECE;
    border-color: #CECECE;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #fff;
}

.box {
    margin-bottom: 20px;
    padding: 0px 15px;
    text-align: justify;
    /*background: #333;*/
}

.box-collection {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #333;
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
    color: #737373;
}

.wp-caption {
    position: relative;
    padding: 0;
    margin: 0;
}
.wp-caption img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.wp-caption-text {
    position: absolute;
    width: 100%;
    color: #fff;
    left: 0;
    bottom: 0;
    padding: 0.75em 1em;
    font-weight: 700;
    font-size: 2em;
    text-transform: uppercase;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.7);
}

.service-list {
    width: 100%;
    margin: 0 auto;
}

.service-list img {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
}

.service-list li {
    color: #ccc;
    font-size: 1.25em;
}

.wp-caption-text:hover {
    color: #ccc;
    text-decoration: none;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #fff solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    padding-top: 30px;
    max-width: 1170px;
    margin: auto;
    font-size: 11px;
}

footer p {
    margin: 0;
    padding: 30px 0;
}

footer a
{
    color: #ccc;
}

footer a:hover
{
    color: #737373;
    text-decoration: none;
}

.index-carousel-row {
    padding-bottom: 30px;
}

.footer-row {
    padding-left: 30px;
    padding-right: 30px;
}

.footer-span {
    padding-left: 150px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #999999;
}

.container-collection col-md-6 {
    padding-left: 10px;
}

.collection-br {
    height: 20px;
}

@media screen and (min-width:768px) {
    body { 
	background-size: 640px;
    }
    
    footer {
        padding-top: 60px;
    }
    
    .box {
        text-align: justify;
    }
    
    .service-list {
        max-width: 600px;
    }
    
    .collection-br {
        height: 0px;
    }
    
    .container-collection {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    /*.header-span {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #999999;
    }*/
    
    .logo-head 
    {
        display: table;
        margin: auto;
        width: 100%;
        /*width: 200px;*/
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #737373;
    }
    
    .logo-head .img-responsive
    {
        width: 200px;
        margin:auto;
    }
    
    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #ccc;
    }

    .navbar {
        border-radius: 0px;
        
        min-height: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar-default {
        border: none;
        margin: auto;
        max-width: 1170px;
        padding-bottom: 0px;
        margin-bottom: 20px;
        background: #1F1F1F;
    }
    
    .nav>li>a {
        padding: 35px;
    }

    /*.nav .navbar-nav>li>a {
        line-height: normal;
        color: #fff;
    }*/
    
    .navbar-default .navbar-nav > li > a {
        color: #737373; /*Change active text color here*/
    }
    
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #ccc;  /*Sets the text hover color on navbar*/
    }
    
    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

.map iframe {
    pointer-events: none;
}