@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{ position:relative; z-index:100;}
.pre-header{ padding:6px 0; background:#eff1f6; border-bottom:1px solid #d8d8d8;}
.pre-header .phone{ background:url(images/phone-call.png) no-repeat right; padding-right:32px; line-height:24px; display:block; float:right;}
.pre-header .email{ background:url(images/email.png) no-repeat right; background-size:24px; padding-right:32px; line-height:24px; display:block; float:left;}

.post-header{}
.post-header .container{ position:relative;}
.logo{ float:left; padding:10px 0;}

.toggleMenu { display:none; height:40px; width:40px; text-transform:uppercase; background:url(images/toogle-open.png) no-repeat center #000; text-indent:-9999px; float:right; margin-top:20px;}
.toggleMenu.active{ background:url(images/toogle-close.png) no-repeat center #000; color:#fff; }
.toggleMenu:hover{ color:#fff; }
.main-nav{ float:right;}
.menu { list-style:none; *zoom:1; margin:0; padding:0; width:100%; display:table;}
.menu:before, .menu:after { content:""; display:table; }
.menu:after { clear:both; }
.menu ul { list-style:none; min-width:250px; float:none; right:0; top:100%; position:relative; background:rgba(255,255,255, 0.9);}
.menu a { padding:0 25px; color:#000;}
.menu a img{ margin:0 auto; display:block; width:45px;}
.menu li { position:relative; padding:0; }
.menu > li > .parent:after{ content:'\f107'; position:absolute; font-family:'FontAwesome'; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:23px; font-size:20px; display:none;}
.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#555; text-decoration:none;}
.menu > li { display:table-cell; font-size:16px; position:relative; font-weight:700; text-transform:uppercase;}
.menu > li:last-child{ background:none;}
.menu > li > a { display:block;  text-transform:uppercase; position:relative; padding-top:36px; padding-bottom:36px;}
.menu li ul { position:absolute; right:-9999px; margin:0; list-style:none;  padding:0 }
.menu > li.hover > ul { right:0; margin-right:0; }
.menu li li.hover ul { right:100%; top:0; }
.menu li li{ padding:0; line-height:22px; margin:0;}
.menu li li a { display:block; position:relative; z-index:100; font-size:14px; padding:8px 10px; background:#fff; text-transform:inherit; font-weight:400;}
.menu li li:last-child{ border-bottom:none; }
.menu li li a:hover{ color:#fff; background:#000;}
.menu li li li a { background-color:#fff; z-index:200; }

@media screen and (max-width:991px) {
.main-nav .active { display:block; }
.main-nav{ position:absolute; top:100%; left:0; right:0; background:#fff; z-index:9999; display:block; padding:0; width:auto;}
.menu > li { float:none; display:block; border-top:1px solid #d8d8d8; line-height:30px; background:none; font-size:16px;}
.menu a{ padding:5px 25px }
.menu a img{ margin:0 0 0 15px; display:inline-block; width:32px;}
.menu li{ display:block; }
.menu > li{ line-height:36px;}
.menu > li > a { padding-top:8px; padding-bottom:8px;}
.menu > li > .parent { background-image:none;}
.menu > li > .parent:after{ content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; left:15px; right:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); display:block;}
.menu li.hover > .parent:after{ content:'\f106'; font-family:'FontAwesome';  position:absolute; top:7px; left:15px; right:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); display:block;}
.menu li li .parent:after {content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; left:15px; right:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); display:block;}
.menu ul { display:block; width:auto; border-bottom:none; min-width:inherit}
.menu > li.hover > ul , .menu li li.hover ul {position:static; margin-left:0}
.menu li li a { padding:8px 35px; font-size:15px;}
.menu li li{ }
.menu li li li a{ padding:5px 45px; }
}

.bannercontainer{position:relative;margin:0 auto;padding:5px;background-color:#fff;max-width:1160px}.banner{position:relative;max-width:1160px;height:663px;overflow:hidden}.fullwidthbanner-container{position:relative;width:100% !important;padding:0;max-height:663px !important;overflow:hidden}.fullwidthbanner-container .fullwidthbanner{position:relative;width:100% !important;max-height:663px !important}.fullscreenbanner-container{width:100% !important;position:relative;padding:0;height:100%}

.section{ padding:60px 0;}
.w1 h1{ position:relative; padding-bottom:12px; margin-bottom:20px;}
.w1 h1:after{ width:100px; left:50%; margin-left:-50px; content:''; position:absolute; bottom:0; background:#000; height:2px;}

.w2{ background:url(images/pattern.jpg); text-align:center; padding-bottom:120px;}
.w2 h2{ position:relative; padding-bottom:12px; margin-bottom:0; text-align:center;}
.w2 h2:after{ width:100px; left:50%; margin-left:-50px; content:''; position:absolute; bottom:0; background:#000; height:2px;}
.w2 h4{ margin-bottom:0;}
.w2 a .full-img{ margin-bottom:20px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); overflow:hidden;}
.w2 a .full-img img{transition:transform .2s linear; -webkit-transition:-webkit-transform .2s linear; height:auto; width:100%}
.w2 a:hover .full-img img{-webkit-transform:-webkit-scale(1.2) -webkit-rotate(0); transform:scale(1.2) rotate(0);}
.w2 [class*=col-]{ margin-top:30px;}

.w3{ padding-bottom:60px;}
.w3 .contact-form{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); background:#fff; position:relative; padding:30px; margin-top:-40px;}
.w3 h3, .w3 p{ text-align:center;}
.w3 .row{ direction:ltr;}
.w3 [class*=col-]{ direction:rtl;}
.w3 .form-group{ margin-bottom:0; margin-top:25px;}
.contact-info{ padding-top:50px;}
.contact-info strong{ display:block;}
.contact-info .media{  -webkit-align-items: center;  align-items: center;}
.contact-info .mr-3{ margin-left:15px; margin-right:0 !important;}
.contact-info .list-unstyled{ margin:0; padding:0;}
.contact-info .list-unstyled li{ margin-bottom:20px;}

.social a{ display:inline-block; margin-right:15px; font-size:30px;}

.w4{ background:#eff0f2; overflow:hidden}
.w4 .content{ padding:30px 60px;}
.w4 h2{ position:relative; padding-bottom:12px;}
.w4 h2:after{ width:100px; right:0; content:''; position:absolute; bottom:0; background:#000; height:2px;}

.footer{ text-align:center; background:#191919; color:#fff; padding:20px 0;}

.page-header{ position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; height:300px;}
.site-content{ padding:60px 0}
.w3-page{ padding-bottom:60px; padding-top:60px; background:#f7f7f7}
.w3-page .contact-form{margin-top:0;}

.page-headblock{ background:#191919; color:#fff; padding:15px 0;}
.page-headblock h1{  margin:0; text-align:center;}

.contact-form-page{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); background:#fff; position:relative; padding:30px;}

.article-list .article{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #d8d8d8;}
.article-list .article:last-child{ margin:0; padding:0; border:none;}
.article-list .article:nth-child(even){ direction:ltr;}
.article-list .article [class*=col-]{ direction:rtl;}


popup-overlay{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; background:rgba(0,0,0, 0.8); -webkit-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name:fadeIn;}
.msg-poup{ padding:50px 25px 25px; background:#0A3248; color:#fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:1010; width:420px; -webkit-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name:fadeIn; border-radius:6px}
.msg-poup .cls-btn{ position:absolute; top:5px; right:5px; font-size:20px; height:30px; width:30px; line-height:30px; text-align:center; color:#fff}
.popup-overlay.inactive, .msg-poup.inactive{ display:none;}