@charset "UTF-8";
@font-face {
font-family: 'Alte Haas Grotesk';
font-style: normal;
font-weight: normal;
src: local('Alte Haas Grotesk'), url('../webfonts/AlteHaasGroteskRegular.woff') format('woff');
}
@font-face {
font-family: 'Alte Haas Grotesk Bold';
font-style: normal;
font-weight: normal;
src: local('Alte Haas Grotesk Bold'), url('../webfonts/AlteHaasGroteskBold.woff') format('woff');
}

@-ms-viewport *{width: device-width;}
*, 
*:before, 
*:after {
    margin: 0;
    padding: 0;
    font-family: 'Alte Haas Grotesk', sans-serif;
    border: none;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
        -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    list-style: none;
    text-decoration: none;
    outline: none;
}
html {
    font-size: 13px;
}
body {
    font-family: 'Alte Haas Grotesk', sans-serif;
    font-size: 1em;
    color: #243446;
    background:  #edf1f2;
}

img, video, img a {
    width: 100%;
    height: auto;
    display:block;
}
.ie6 img {
    width: 100%;
} 
.display {
    display: none;
}
header {
    width: 100%;
    position: fixed;
    top: 0;
    display: block;
    height: 100px;
    padding: 8px 0;
    z-index: 9999;
    transition: height .3s linear 0s, padding .3s linear 0s;
    background: url(../imgs/bg_top.png) repeat-x center bottom;
    opacity: .98;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

  header ul.topNav {
    display: block;
    float: none;
    height: 50px;
    text-align: center;
    margin: 0 auto; }
    header ul.topNav a {
      margin: 0 }
  header.smaller {
    height: 70px; }
    header.smaller .logo a{
      height: 50px;
    }
    header.smaller ul.topNav {
      height: 35px; }
      header.smaller ul.topNav a {
        line-height: 35px; }
     .logo {
	float: left;
	padding: 0;
    min-height: 100px;
    }
.logo a {
	width: 70px;
	height: 70px;
	display: block;
	background-color: transparent;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
	border: none;
	background-image: url(../imgs/symbol_simbrom.svg);
	background-repeat: no-repeat;
	background-position: 0;
/*    margin-right: .5em;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    }
.content {
    min-height: 830px;
    height: 100%;
    position: relative;
    display: block;
    clear: both;
    right: 0;
    top: 80px;
    max-height: auto;
    background: url(../imgs/bg_btm.png) repeat-x 0 100% #edf1f2;
}

footer {
    width: 100%;
    position: relative;
    display: block;
    clear: both;
    top: 80px;
    bottom: 0;
    height: 280px !important;
    margin-bottom: 0;
    color:#efefef !important;
    background: #243446;
}

footer p {
    color: #efefef;
    text-align: justify;
    opacity: 1;
}
footer .row > [class*="cols-"] {
    background: none;
}
hr {
    height: 1px; background: #efefef; border: none; opacity: .1;
}
.copyrights {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    margin-bottom: 0;
    line-height: 2em;
    padding: 1.2em 0;
    height: 60px;
    background: #1e2a38;
    color:  #EFF3F4;
    -webkit-box-shadow: 1px 0px .1px rgba(36,52,70,.3);
       -moz-box-shadow: 1px 0px .1px rgba(36,52,70,.3);
            box-shadow: 1px 0px .1px rgba(36,52,70,.3);
}



h1 {
    font-family: 'Alte Haas Grotesk Bold', sans-serif;
    font-size: 2.5em;
    text-align: center;
    padding: .7em 0;
    color: #20303F;

}
h2 {
    font-family: 'Alte Haas Grotesk', sans-serif;
    font-size: 2.2em;
    padding: .7em 0;
    color: #38CD9D;
}
h3 {
    font-family: 'Alte Haas Grotesk Bold', sans-serif;
    font-size: 1.9em;
    padding: .7em 0;
    color: #20303F;
}
h4 {
    font-family: 'Alte Haas Grotesk', sans-serif;
    font-size: 1.6em;
    padding: .7em 0;
    color: #38CD9D;
}
h5 {
    font-family: 'Alte Haas Grotesk Bold', sans-serif;
    font-size: 1.3em;
    padding: .7em 0;
    color: #20303F;
}
h6 {
    font-family: 'Alte Haas Grotesk Bold', sans-serif;
    font-size: 1em;
    color: #20303F;
    padding-bottom: .5em;
    line-height: 1.5em;
}
p {
    padding-bottom: .5em;
    line-height: 1.5em;
    text-align: justify;
    letter-spacing: normal;
}
nav {
    /*background: #0082e6;*/
    height: 80px;
    width: 100%;
}
nav ul {
    float: right;
    margin-right: 20px;
}
nav ul li {
    display:inline-block;
    /*margin: 0 5px;*/
    line-height: 80px;
}
nav ul li a {
    color: white;
    font-size: 1.5em;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
}
nav a.active, nav a:hover {
    background: #38CD9D;
    color: #1e2a38;
    transition: .5s;
}
.checkbtn {
    font-size: 30px;
    color: white;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check {
    display: none;
}

 
/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
    .wrap {
        width:90%;
    }
}
 
@media screen and (max-width: 952px) {
    .search-form input {
        width:120px;
    }
    nav ul li a {
        font-size: 16px;
    }
}
 
@media screen and (max-width: 858px) {
    .checkbtn {
        display:block;
    }
    ul {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #2c3e50;
        top:80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav ul li {
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }
    nav ul li a {
        font-size: 20px;
    }
    a.active, a:hover {
        background: none;
        color: #1e2a38;
        transition: .5s;
    }
    #check:checked ~ ul {
        left: 0;
    }
}


.wrapper {
    width: 95%;
    margin: 0 auto;
    position: relative;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count:1;

}
.row:after,
.row:before {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
}
.row {
	float: left;
	width: 100%;
	padding: 0;
    margin: 5px;
}
.row > [class*="cols-"] {
    float: left;
    padding:1em;
    min-height: 1px;
    background: white;
/*  border: rgba(88,88,88,.3) solid 1px; */   
}
.row > [class*="cols-"]:last-of-type {
    float: right;
    padding-right: 2em;
} 
header .row > [class*="cols-"] {
    background: none;
    padding-top: 0;
/*  border: rgba(88,88,88,.3) solid 1px; */   
}
fieldset {
    color: #243446;
    border-top: #EFF3F4 1px solid;
    width:100%;
    margin-top: 20px;
}
legend {
    margin: 0 auto;
    padding: 5px 1em;
}

#contactme input, #contactme textarea {
    border: none;
    margin: 1px ;
    color: #38CD9D;
    border-radius: 3px;
    width: 100%;
    float: left;
    padding: 10px;
    font-family: 'Alte Haas Grotesk';
    background: #edf1f2;
}
#contactme textarea {
    width:100%;
} 
#contactme textarea[placeholder] {
    width:100%;
}
#contactme input[type='submit'] {
    font-family: 'Alte Haas Grotesk Bold';
    color: #38CD9D;
    cursor: pointer;
    width: 100%;
    background: #243446;
}
.error {
    padding: 10px 10px;
    text-align: center;
    width: 100%;
    color: coral;
    font-size: 1em;
    border-radius: 3px;
    background: rgba(0, 0, 0, .5);
        
}
.flderror {
    padding: 0px 10px;
    text-align: left;
    width: 100%;
    color:crimson;
    font-size: 1em;
    border-radius: 3px;
    background: rgba(0, 0, 0, .5);
        
}
.sucess {
    padding: 10px 10;
    text-align: center;
    width: 100%;
    color:#38CD9D ;
    font-size: 1em;
    border-radius: 3px;
    background: rgba(0, 0, 0, .5);
        
}
#map {
   width: 100%;
   height: 300px;
   background-color: grey;
 }
@media only screen and (min-width: 320px) {
    .row > [class*="cols-"] {
        padding: 1em;
    }
    .row > [class*="cols-"]:last-of-type {
        padding-right: 1em;
    }
    .cols-wd-first { width: 100%;}
    .cols-wd-fivesixth { width: 83.333%;}
    .cols-wd-fourthfith { width: 80%;}
    .cols-wd-threequarters { width: 75%;}
    .cols-wd-twothirds { width: 66.667%;}
    .cols-wd-threefith { width: 60%;}
    .cols-wd-half { width: 50%;}
    .cols-wd-twofith { width: 40%;}
    .cols-wd-third { width: 33.333%;}
    .cols-wd-quarter { width: 25%;}
    .cols-wd-fith { width: 20%;}
    .cols-wd-sixth { width: 16.667%;}
}

@media only screen and (min-width: 768px) {
    .row > [class*="cols-"] {
        padding: 1em;
    }
    .row > [class*="cols-"]:last-of-type {
        padding-right: 1em;
    }
    .cols-md-first { width: 100%;}
    .cols-md-fivesixth { width: 83.333%;}
    .cols-md-fourthfith { width: 80%;}
    .cols-md-threequarters { width: 75%;}
    .cols-md-twothirds { width: 66.667%;}
    .cols-md-threefith { width: 60%;}
    .cols-md-half { width: 50%;}
    .cols-md-twofith { width: 40%;}
    .cols-md-third { width: 33.333%;}
    .cols-md-quarter { width: 25%;}
    .cols-md-fith { width: 20%;}
    .cols-md-sixth { width: 16.667%;}
    html {font-size: 14px;}
    .logo a {
	width: 250px;
	height: 79px;
	background-image: url(../imgs/logo_simbrom.svg);

    }
    .smaller { height: 80px; }
    .smaller p.logo a{
          width: 250px;
          height: 50px;
          background-image: url(../imgs/logo_simbrom_O.svg);

    }
    header.smaller ul.topNav a {
        line-height: 1em;
        margin-top: -10px;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
    .display { display: inherit;}
    #map {
       width: 100%;
       height: 400px;
     }
}


@media only screen and (min-width: 960px) {
    .wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    }
    .row > [class*="cols-"] {
        padding: 1.2em;
    }
    .row > [class*="cols-"]:first-of-type {
        float: left;
        padding-left: 0;
    }
    .row > [class*="cols-"]:last-of-type {
        float: right;
        padding-right: 0;
    }
    .cols-sm-first { width: 100%;}
    .cols-sm-fivesixth { width: 83.333%;}
    .cols-sm-fourthfith { width: 80%;}
    .cols-sm-threequarters { width: 75%;}
    .cols-sm-twothirds { width: 66.667%;}
    .cols-sm-threefith { width: 60%;}
    .cols-sm-half { width: 50%;}
    .cols-sm-twofith { width: 40%;}
    .cols-sm-third { width: 33.333%;}
    .cols-sm-quarter { width: 25%;}
    .cols-sm-fith { width: 20%;}
    .cols-sm-sixth { width: 16.667%;}
}