/*
Theme Name: BGC
Author: Etec
*/
*, *::before, *::after {box-sizing:border-box}
* {margin:0}html,body{height:100%}body {line-height:1.5;-webkit-font-smoothing:antialiased}
img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select {font:inherit}p,h1,h2,h3,h4,h5,h6 {overflow-wrap:break-word}
#root, #__next {isolation:isolate}
/*Grid*/
.row{position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.column,.columns{float:left;margin-left:4%}
.column:nth-of-type(1),.columns:nth-of-type(1){margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}
.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}
@media only screen and (max-width:1024px){ .column,.columns{margin:0!important;width:100%!important} }
.row-eq-height:after,.row:after{content:"";display:table;clear:both}
.grid{display:table;width:100%}
.col{display:table-cell;vertical-align:middle;padding-left:4%}.col:first-of-type{padding-left:0}
.clearfix:after{content:"";clear:both;display:table}.clearfix{overflow:auto;}
/*Layout*/
body{font-family:Poppins;font-weight:300}
h1{font-weight:700}
h2{font-weight:400;margin:8px 0 16px 0}
p{margin-bottom:16px}
ul{list-style-type:none;padding:0}
img{display:block;max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
a {text-decoration:none;color:#000}
.container {position:relative}
.container:first-of-type,.container.lg,.container.ed {padding-top:40px}
.container.grey {background:#f8f9fa}
.container.pink {background:#F6E4E3}
.content {width:100%;max-width:1300px;margin:0 auto;padding:0 0 40px 0}
.content ul {list-style-type:disc;margin:20px 0 0 15px}
.content li {margin:5px 0;padding:0 0 0 10px}
@media only screen and (max-width:1340px){ .content{padding:20px} nav {padding:0 20px} }
/*Forms*/
form#contact {padding:15px 0;margin:30px 0}
form#contact label {width:100%;padding:0 0 10px 0;margin-right:25px;display:block}
form#contact input,form#contact select,form#contact textarea {background-color:#fff;padding:10px;width:100%;margin-right:25px;margin-bottom:15px;border:1px solid #ccc;display:block}
form#contact textarea {min-height:200px}
form#contact input.error,form#contact textarea.error {border:1px solid red}
#formMsg {margin-bottom:-20px}
#formMsg p {margin:0;color:red}
#formMsg p.success {color:#8fd4da;font-size:18px}
/*Buttons*/
a.btn,form#contact input[type="submit"].btn {display:inline-block;width:auto;background-color:#8fd4da;font-weight:400;font-size:14px;color:#fff;cursor:pointer;padding:12px 48px;margin:0;transition-duration:0.6s;border:2px solid #8fd4da;border-radius:6px;text-align:center}
form#contact input[type="submit"].btn {margin:16px 0}
a.btn:hover,form#contact input[type="submit"].btn:hover {background:#fff;color:#8fd4da}
a.btn.lg {display:block;width:100%;max-width:480px;margin:0 auto;padding:18px 88px;font-size:20px;text-transform:uppercase}
/*Menu*/
#mm {position:fixed;z-index:1;top:0;bottom:0;right:0;left:0;display:none}
nav {height:30px;width:100%;max-width:1300px;margin:0 auto 30px auto;position:relative}
nav h1.logo,nav .icon,.menu-main-menu-container{position:absolute;top:22px;z-index:2}
nav h1.logo {font-size:32px;line-height:65px;background:url(img/bgc.png) no-repeat left;background-size:40px 65px;padding-left:54px}
nav h1.logo a {color:#DA958F}
nav .icon {display:block;color:#000;font-size:30px;right:10px}
nav .menu-main-menu-container {width:200px;right:0;top:50px}
nav .menu {display:none;border:1px solid #efefef;border-radius:5px;padding:8px 14px;margin:20px 10px 0 0;background:#fff;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}
nav #menu-main-menu li {margin:10px 0}
nav #menu-main-menu li i {margin-left:10px}
nav #menu-main-menu li a:hover {color:#17a2b8}
@media only screen and (max-width:680px){
    nav h1.logo {font-size:20px;line-height:40px;background-size:25px 40px;padding-left:34px}
    nav a.icon {top:18px}
}
@media only screen and (max-width:480px){ nav h1.logo {left:10px} }
/*Map*/
#map {height:500px;width:100%;margin-bottom:40px}
/*Gallery*/
.gallery {margin:40px 0}
.gallery div {float:left}
.gallery .bg {width:50%}
.gallery .bg img {border-top-left-radius:6px}
.gallery .sm {width:50%}
.gallery .smi {width:49%;margin-left:1%}
.gallery .smi img {width:100%;margin-bottom:3%}
@media only screen and (max-width:680px){
    .gallery .bg {margin-bottom:1%}
    .gallery .bg,.gallery .sm {width:100%}
    .gallery .smi {width:49.5%}
    .gallery .smi:nth-of-type(1) {width:49.5%;margin:0}
}
/*Tn Gallery*/
.tn_gallery h2 {text-align:center}
.tn_gallery img {float:left;width:19.5%;max-width:300px;max-height:200px;margin:0 0.5% 0.5% 0}
@media only screen and (max-width:1200px){ .tn_gallery img {width:24.5%} }
@media only screen and (max-width:900px){ .tn_gallery img {width:32.5%;margin:0 0.75% 0.75% 0} }
@media only screen and (max-width:600px){ .tn_gallery img {width:49%;margin:0 1% 1% 0} }
/*Icons*/
.icons {padding-top:20px}
.icons i {padding-right:16px}
.icons h2 {text-align:center}
.icons h3 {font-size:16px;font-weight:300;margin:20px 0 10px 5px}
/*Footer*/
footer {background:#333;color:#fff;min-height:300px}
footer a {color:#fff}
footer a:hover {color:#8fd4da}
footer li {display:inline-block;margin-right:24px}
footer .three{text-align:right}