@charset "utf-8";
/* CSS Document */
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display: block; max-width: none }
.table-cell {display: table-cell; vertical-align: middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }

.header{ margin:0; padding:15px 40px; z-index:500; background:#fff; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2); position:fixed; top:0; left:0; right:0;}
.logo{ float:left; width:200px;}

.header .info{ float:right; margin:23px 0 0 0; padding:0; list-style:none;}
.header .info li{ float:left; margin-left:15px; display:block; font-family: 'Oswald', sans-serif; font-weight:300; font-size:20px;}
.header .info li a{ display:block; line-height:31px; padding-left:40px; background-size:30px 30px; background-position:left; background-repeat:no-repeat;}
.header .info li.email a{ background-image:url(images/envelope.svg);}
.header .info li.phone a{ background-image:url(images/phone-call.svg)}


.toggleMenu { display:none; height:40px; width:40px; float:right; color:#fff; text-indent:-9999px; background:url(images/toogle-open.png) no-repeat center #b61f64; margin-left:15px;}
.toggleMenu.active{ background:url(images/toogle-close.png) no-repeat right center  #b61f64; color:#fff; }
.toggleMenu:hover{ color:#fff; }

.main-nav{ float:right;}
.toggleMenu span{ display:block; padding:0;}
.menu { list-style: none; *zoom: 1; margin:0; padding:0; display:table; width:100%;}
.menu:before, .menu:after { content: ""; display: table; }
.menu:after { clear: both;}
.menu ul { list-style: none; min-width:200px;float:none; left:0; top:100%; position:relative;}
.menu a { padding: 0 15px; color:#333; font-size:20px; font-family: 'Oswald', sans-serif; text-transform:uppercase;}
.menu li { position: relative; padding:0;}
.menu li a:hover, .menu li:hover > a, .menu li.current > a{color:#C00; background:#fff; text-decoration:none;}
.menu > li {position:relative; line-height:77px; text-align:center; text-transform:uppercase; display:table-cell}
.menu > li > a { display: block;}
.menu li ul { position: absolute; left: -9999px; margin:0; padding:0; list-style:none;;}
.menu > li.hover > ul { left:50%; margin-left:-100px;}
.menu li li.hover ul { left: 100%; top: 0;}
.menu li li{ padding:0; line-height:30px; text-align:left; margin:0; text-align:center; border-bottom: 1px solid #d8d8d8;}
.menu li li a { display: block; background-color: #fff; position: relative; z-index:100; padding:5px 10px;}
.menu li li:last-child{ border-bottom:none;}
.menu li li a:hover{ color:#fff; background-color:#c8db4d;}
.menu li li li a { background-color:#fff; z-index:200;}
 
.btn-black { background: #000; color: #fff;} 

@media screen and (max-width: 991px) {
.menu{ padding:0;}
.main-nav .active { display: block; }
.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#fff; z-index:9999; display:block; padding:0;}
.menu > li { float: none; display:block; border-top:1px solid #d8d8d8; text-align:left; line-height:30px;}
.menu li li a{ border-top:1}
.menu a{ padding:10px 15px;}
.menu li{ display:block;}
.menu ul { display: block; width: 100%; border-bottom:none;}
.menu > li.hover > ul , .menu li li.hover ul {position: static; margin-left:0}
.menu li li a { padding:5px 30px;}
.menu li li{ text-align:left;}
.menu li li li a{ padding:5px 45px;}
.menu li ul{ box-shadow:none; -webkit-box-shadow:none}
}

.banner{ padding-top:107px;}
.banner .carousel-control-prev{ background:url(images/back.svg) no-repeat center #000; background-size:16px; width:40px; height:40px; border-radius:6px; opacity:1; text-indent:-9999px; z-index:30; top:50%; margin-top:-20px; left:10px;}
.banner .carousel-control-next{ background:url(images/next.svg) no-repeat center #000; background-size:16px; width:40px; height:40px; border-radius:6px; opacity:1; text-indent:-9999px; z-index:30;  top:50%; margin-top:-20px; right:10px;}

.anchor:before{content:""; display:block; height:107px; margin-top:-107px}

.section{ padding:95px 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}

.w1{ text-align:center; padding-bottom:200px;}
.w1 h1{ position:relative; text-transform:uppercase; font-weight:400;}
.w1 h1 span{ display:inline-block; padding:2px 15px; position:relative; z-index:100; background:#fff;}
.w1 h1:before{ height:1px; position:absolute; top:50%; margin-top:-1px; left:0; right:0; z-index:1; content:''; background:#d8d8d8;}
.w1 .mpc-separator, .w2 .mpc-separator { position:absolute; left:0; right:0; bottom:0;}

.w2{ background:#e94c3d; color:#fff; padding-bottom:200px;}

.w3{ background:#935ba5; color:#fff;}
.w3 .row{ direction:rtl;}
.w3 [class*=col-]{ direction:ltr;}

.w4:before{ background:rgba(239,196,22,0.96); position:absolute; top:0; right:0; bottom:0; left:0; content:''; position:absolute;}
.w4 .container{ position:relative; z-index:10;}
.w4 h2{ text-align:center;}
.w4 .form-group{ margin-bottom:0; margin-top:35px;}

.footer{ background:#000; color:#fff; text-align:center; padding:20px 0;}
.footer a{ color:#fff;}
.footer a:hover{ color:#fff; text-decoration:underline;}