body { font-family: "Lato", sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif; }

.effects, header .logo img, .scroll, .no-padding, .sec-7 figure p, footer, .second-footer { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-transition-delay: 10ms; -moz-transition-delay: 10ms; -o-transition-delay: 10ms; -ms-transition-delay: 10ms; transition-delay: 10ms; }

.effects2 { -webkit-transition: margin-bottom 400ms ease-in-out; -moz-transition: margin-bottom 400ms ease-in-out; -o-transition: margin-bottom 400ms ease-in-out; -ms-transition: margin-bottom 400ms ease-in-out; transition: margin-bottom 400ms ease-in-out; }

header { height: 80px; background: #000; }
header ul { padding: 15px 0; }
header a { display: block; padding: 0 5px; font-weight: 400; font-size: 16px; letter-spacing: 1px; vertical-align: middle; color: #F3EEDD; text-transform: uppercase; }
header .navbar-toggle { color: #F3EEDD; text-transform: uppercase; }
header .logo { float: left; max-height: 50px; width: 310px; text-align: center; }
header .logo img { margin: 21px; height: 38px; }
header .navbar-nav { float: right; }
header .nav > li > a:focus, header .nav > li > a:hover { text-decoration: none; background-color: transparent; color: #efe8cf; }
header .fb { margin-top: -4px; }
header .fb img { padding: 0; }

.scroll { height: 50px; }

.no-padding { padding: 0; }

.logo-1 img { margin: 7px 21px; height: 37px; }

.btn-container { margin-bottom: 60px; }
.btn-container .btn { padding: 5px 20px; margin-right: 10px; font-size: 20px; font-family: "Lato", sans-serif; color: #fff; text-transform: uppercase; border: 2px solid #F3EEDD; border-radius: 0; }
.btn-container .btn:hover { color: #000; background: #fff; text-decoration: none; }
.btn-container .btn-transparent { padding: 5px 20px; margin-right: 10px; font-size: 20px; font-family: "Lato", sans-serif; color: #fff; text-transform: uppercase; border: 2px solid #F3EEDD; border-radius: 0; }
.btn-container .btn-transparent:hover { color: #000; background: #fff; text-decoration: none; }

.sec-1 { position: relative; height: 100vh; background-image: url("../images/bg.jpg"); background-position: center; background-size: cover; }
.sec-1 .intro-logo { width: 50%; left: 50%; position: absolute; top: 0; box-sizing: border-box; text-align: center; padding-top: 100px; height: 100%; }
.sec-1 .intro-logo img { position: absolute; top: 20%; left: 50%; height: auto; width: 300px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.sec-1 .title { position: absolute; bottom: 20%; padding: 0 20px; width: 100%; max-width: calc(100% - 40px); }
.sec-1 h1, .sec-1 h2 { margin: 0; font-family: "Lato", sans-serif; font-weight: 700; color: #F3EEDD; }
.sec-1 h1 { font-size: 20px; letter-spacing: 0.1em; line-height: 35px; text-transform: uppercase; }
.sec-1 h2 { font-weight: 400; font-size: 16px; font-style: italic; letter-spacing: 0.2em; }
.sec-1 .arrow-down { position: relative; bottom: -50px; right: 38px; }
.sec-1 .arrow-down img { width: 50px; -moz-animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; }

.sec-2 { background: #004000; text-align: center; }
.sec-2 .content { position: relative; top: 0px; color: #fff; font-family: "Lato", sans-serif; font-size: 30px; font-style: italic; line-height: 1.4; letter-spacing: 5px; text-transform: uppercase; text-align: center; font-weight: 700; }
.sec-2 .content:before { display: inline-block; content: ""; margin-bottom: 20px; background: url() no-repeat -270px -150px; width: 100px; height: 100px; }
.sec-2 .content:after { display: inline-block; content: "***"; margin-top: 10px; }
.sec-2 .meat1 { position: absolute; left: 114px; top: 212px; }
.sec-2 .meat3 { position: absolute; left: 76px; top: 207px; }
.sec-2 .meat2 { position: absolute; left: 94px; top: 179px; }
.sec-2 .item img { max-width: 215px; margin: 0 auto; text-align: center; }
.sec-2 .btn-container { margin-bottom: 60px; }
.sec-2 .btn-container .btn { padding: 5px 20px; margin-right: 10px; font-size: 20px; font-family: "Lato", sans-serif; color: #fff; text-transform: uppercase; border: 2px solid #F3EEDD; border-radius: 0; }
.sec-2 .btn-container .btn:hover { color: #000; background: #fff; }

.sec-3 { background: #000; height: 100%; }
.sec-3 .video-container { position: relative; width: 100%; height: 640px; padding-top: 75px; padding-bottom: 75px; text-align: center; }
.sec-3 .video-container iframe { position: relative; margin: 0 auto; max-width: 980px; height: 100%; }
.sec-3 .video-container .yt-video { width: 100%; height: 100%; }
.sec-3 .btn-container { margin-bottom: 60px; text-align: center; }

.sec-4 { background-image: url("../images/bg2.jpg"); height: calc(100vh - 20px); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; text-align: center; width: 100%; }
.sec-4 img { position: absolute; right: 260px; top: 100px; }

.sec-5 { background: #efe8cf; }
.sec-5 .item { padding: 0 75px; }
.sec-5 .item img { margin: 0 auto; padding-bottom: 15px; max-width: 240px; }
.sec-5 .item .plusx { max-width: 685px; width: auto; }
.sec-5 h2 { margin-bottom: 40px; color: #000; text-align: center; font-weight: 700; font-style: italic; }
.sec-5 p { color: #000; text-align: center; font-family: "Lato", sans-serif; font-size: 30px; font-style: italic; }
.sec-5 .fa { font-size: 80px; }
.sec-5 .carousel { padding: 45px 0; }
.sec-5 .carousel-control { background: none; top: 45%; }
.sec-5 .btn-container { margin-top: 30px; text-align: center; }
.sec-5 .btn-transparent { color: #000; font-weight: 600; border: 2px solid #000; }
.sec-5 .btn-transparent:hover { background: #000; color: #F3EEDD; }
.sec-5 .author-name { margin-top: 30px; font-size: 20px; font-weight: 700; }
.sec-5 .author-name:before { content: '\2014 \00A0'; }
.sec-5 .author-title { font-size: 20px; font-weight: 700; }

.sec-6 { padding: 70px 0; background: #000; }
.sec-6 p { color: #fff; font-size: 16px; text-align: center; line-height: 18px; }
.sec-6 div { text-align: center; }
.sec-6 hr { width: 50%; border-top: 2px solid #F3EEDD; }
.sec-6 p { padding: 0 45px; }

.sec-7 { position: relative; background: #000; }
.sec-7 .desc { height: 200px; }
.sec-7 figure { position: relative; width: 300px; margin: 0 auto; height: 174px; text-align: center; overflow: hidden; }
.sec-7 figure .btn-container { display: block; width: 100%; position: absolute; bottom: -55px; text-align: center; }
.sec-7 figure p { position: absolute; height: 160px; top: 250px; font-size: 13px; text-align: center; color: #fff; background: #004000; display: flex; align-items: center; padding: 0 30px; opacity: 0; }
.sec-7 figure .btn-transparent { font-size: 16px; text-align: center; font-weight: 400; background: #000; }
.sec-7 figure:hover p { top: 0; opacity: 1; }
.sec-7 figure:hover .btn-transparent { background: #fff; color: #000; }

footer, .second-footer { background: #000; color: #fff; text-align: center; }
footer ul, .second-footer ul { padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px dotted #555; border-top: 1px dotted #555; }
footer ul li, .second-footer ul li { display: inline; margin-right: 12px; text-transform: uppercase; font-size: 12px; }
footer ul a, .second-footer ul a { color: #fff; text-decoration: none; }
footer ul a:hover, .second-footer ul a:hover { color: #fff; }
footer p, .second-footer p { margin-bottom: 18px; color: #aaaaaa; font-size: 12px; }
footer .icon, .second-footer .icon { text-align: center; }
footer .icon img, .second-footer .icon img { padding: 25px 0 55px; max-width: 40px; }
footer .pdf p, .second-footer .pdf p { padding: 10px 40px; font-weight: 700; font-size: 18px; }
footer .pdf p a, .second-footer .pdf p a { color: #fff; text-decoration: none; }
footer .mgk-logo, .second-footer .mgk-logo { padding: 20px 0; text-align: center; max-width: 200px; }
footer .contact-informations, .second-footer .contact-informations { padding: 5px 25px; text-align: left; border: 0; }
footer .contact-informations li, .second-footer .contact-informations li { display: block; text-transform: initial; font-size: 13px; text-indent: -0.8em; padding-bottom: 10px; }
footer .contact-informations i, .second-footer .contact-informations i { padding-right: 10px; }
footer .contact-informations .btn, .second-footer .contact-informations .btn { border: 2px solid #fff; margin-left: -21px; margin-top: 15px; width: 155px; text-transform: uppercase; text-decoration: none; }
footer .contact-informations .btn:hover, .second-footer .contact-informations .btn:hover { text-decoration: none; border-color: #aaaaaa; }
footer .contact-informations .btn a, .second-footer .contact-informations .btn a { color: #fff; }
footer .contact-informations .btn a:hover, .second-footer .contact-informations .btn a:hover { color: #aaaaaa; }
footer h5, .second-footer h5 { font-size: 24px; text-transform: uppercase; text-align: left; }

.breaker-container { top: -19px; background: black; }

.breaker { position: relative; height: 89px; width: 100%; z-index: 1; }

.second-footer { font-family: "Lato", sans-serif; background-image: url(../images/footer.png); ground-repeat: repeat; background-size: 300px 300px; }
.second-footer .mgk-contact { padding-top: 60px; position: relative; }
.second-footer .mgk-contact:before { content: ""; background-image: url(../images/breaker-bottom.svg); background-repeat: no-repeat; background-size: cover; background-position: center -40px; position: absolute; top: -20px; left: 0; z-index: 3; width: 100%; height: 90px; }
.second-footer .contact-container { position: relative; padding-top: 30px; padding-bottom: 24px; margin-top: -65px; }
.second-footer .contact-container:after { content: ""; background-image: url(../images/breaker.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: absolute; bottom: -30px; left: 0; z-index: 2; width: 100%; height: 90px; }

.second-upper-footer:before { content: ""; background-image: url(../images/breaker.png); background-repeat: no-repeat; background-size: cover; background-position: center -40px; position: absolute; top: -20px; left: 0; z-index: 3; width: 100%; height: 90px; }
.second-upper-footer:after { content: ""; background-image: url(../images/breaker.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: absolute; bottom: -38px; left: 0; z-index: 2; width: 100%; height: 90px; }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  20% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } }
/* Carousel Fading slide */
.carousel-fade .carousel-control { z-index: 2; }

.carousel-fade .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.carousel-fade .next.left, .carousel-fade .prev.right, .carousel-fade .item.active { opacity: 1; }

.carousel-fade .active.left, .carousel-fade .active.right { left: 0; opacity: 0; z-index: 1; }

/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
/* Carousel Control custom */
.carousel-control .control-icon { font-size: 48px; height: 30px; margin-top: -15px; width: 30px; display: inline-block; position: absolute; top: 50%; z-index: 5; }

.carousel-control .prev { margin-left: -15px; left: 50%; }

/* Prev */
.carousel-control .next { margin-right: -15px; right: 50%; }

/* Next */
/* Removing BS background */
.carousel .control-box { opacity: 0; }

a.carousel-control.left { left: 0; background: none; border: 0; }

a.carousel-control.right { right: 0; background: none; border: 0; }

/* Animation */
.control-box, a.carousel-control, .carousel-indicators li { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */ /* Assigning animation to indicator li will make slides flicker */ }

/* Hover animation */
.carousel:hover .control-box { opacity: 1; }

.carousel:hover a.carousel-control.left { left: 15px; }

.carousel:hover a.carousel-control.right { right: 15px; }

/* Carouse Indicator */
.carousel-indicators li.active, .carousel-indicators li { border: 0; }

.carousel-indicators li { background: #666; margin: 0 3px; width: 12px; height: 12px; }

.carousel-indicators li.active { background: #fff; margin: 0 3px; }

.contact-boxes { width: 100%; table-layout: fixed; display: table; }

.contact-box { color: #FFF; display: table-cell; padding: 60px 25px 50px 25px; overflow: hidden; position: relative; text-align: center; }

.contact-box:before { font-family: "FontAwesome"; position: absolute; font-size: 15em; opacity: .4; left: -30px; top: 20px; }

.contact-box.contact-box-email:before { content: "\f003"; }

.contact-box.contact-box-facebook:before { content: "\f09a"; }

.contact-box.contact-box-twitter:before { content: "\f099"; }

.contact-box.contact-box-google:before { content: "\f0d5"; }

.contact-box.contact-box-skype:before { content: "\f17e"; }

.contact-box.contact-box-email { background: #444; }

.contact-box.contact-box-facebook { background: #3b5998; }

.contact-box.contact-box-twitter { background: #55acee; }

.contact-box.contact-box-google { background: #dd4b39; }

.contact-box.contact-box-skype { background: #00aff0; }

.contact-box.contact-box-email a.btn.btn-default:hover { color: #444; }

.contact-box.contact-box-facebook a.btn.btn-default:hover { color: #3b5998; }

.contact-box.contact-box-twitter a.btn.btn-default:hover { color: #55acee; }

.contact-box.contact-box-google a.btn.btn-default:hover { color: #dd4b39; }

.contact-box.contact-box-skype a.btn.btn-default:hover { color: #00aff0; }

.contact-box h2 { margin: 0 0 20px 0; }

.contact-box p { color: #FFF; opacity: .8; font-size: .9em; min-height: 45px; }

.contact-box a.btn.btn-default { background: transparent; border: 1px solid rgba(255, 255, 255, 0.6); color: white; }

.contact-box a.btn.btn-default:hover { border: 1px solid #FFF; background: #FFF; opacity: 1; }

.with-separation-top, .with-separation-bottom { position: relative; }

.with-separation-bottom:after { content: ""; background-image: url("images/breaker.svg"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: absolute; bottom: -20px; left: 0; z-index: 2; width: 100%; height: 90px; }

.with-separation-top:before { content: ""; background-image: url("images/breaker-bottom.svg"); background-repeat: no-repeat; background-size: cover; background-position: center -40px; position: absolute; top: -20px; left: 0; z-index: 3; width: 100%; height: 90px; }

::selection { color: #FFF; }

/*# sourceMappingURL=style.css.map */

/*16-04*/



nav > div{ display: flex; }
.header_menu_custom .nav>li>a {padding: 10px 8px !important;}
header ul {
    padding: 20px 0;
}
@media (max-width:1200px){
    
.header_menu_custom .nav>li>a {font-size: 12px;}

}