@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Playfair Display', serif;
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{height: 100%; border:none; -webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body { color:#fff; background: #130377; font-size:15px; font-weight:400; min-width: 1180px;font-family: 'Roboto Condensed', sans-serif;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0}

h1, h2, h3, h4, h5, h6{}
h1{font-family: 'Playfair Display', serif; font-size: 55px; letter-spacing: 0; line-height: 55px; color: #fff; }
h2{font-family: 'Roboto Condensed', sans-serif; font-size: 42px; line-height: 40px; letter-spacing: 0.075em; text-transform: uppercase; }
h3{font-family: 'Roboto Condensed', sans-serif; font-size: 25px; line-height: 28px; letter-spacing: 0.075em; text-transform: uppercase; }
h4{font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase;}
h5{}
h6{}

blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 15px;border-left: 5px solid #eee;}

p{ color:#fff; font-size:15px; font-weight:400; line-height:24px; letter-spacing: 0.075em; }
p a {font-size:inherit; font-weight:inherit; line-height:inherit; }

ul{padding:0;margin: 0;}
ul li{ font-size:15px;  color:#fff; font-weight:400; line-height:24px; padding:0;margin: 0;}

ol{ margin:0; padding:0;}
ol li{ font-size:15px;  color:#fff; font-weight:400; line-height:24px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

hr { margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none; vertical-align: middle;}

/* 4. Link
------------------------------------------------------------------------------*/
a {color: #d72b2b;text-decoration: none;}
a:hover,a:focus {color: #23527c;}

/* 5. Forms
------------------------------------------------------------------------------*/

input{line-height: normal;font-family: 'Roboto Condensed', sans-serif;}
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;font-family: 'Roboto Condensed', sans-serif;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/

/* commomn css */
/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* button */
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 12px;font-weight: 700; text-transform: uppercase; color: #fff; line-height: 30px; letter-spacing: 0.1em; text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; position: relative; padding: 0 25px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;z-index: 9}
.btn:hover {color: #fff;}
.btn:before, .btn:after {content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 100%; border: 3px solid #eb2e2e; background: none; position: absolute; top: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; z-index: -1;}
.btn:before {left: 0; border-right: 0;}
.btn:after {right: 0; border-left: 0;}
.btn:hover:before, .btn:hover:after, .btn.active:before, .btn.active:after {width: 100%; background: #eb2e2e;}

/* vertically middle structure */
.table-block {display: table; width: 100%; height: 100%; margin: 0 auto; position: relative;}
.table-cell-block {display: table-cell; vertical-align: middle; position: relative;}
/* up img */
.table-block .up-img{position: absolute;bottom: 0; left: 50%;display: none; -webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);-o-transform:translatex(-50%);transform:translatex(-50%);}
.table-block .up-img img{display: block;}

/* main container */
#main-container{height: 100%; }
#wrapper{ width:100%; min-height:100%; }
.container{ width:1180px;margin: auto;box-sizing: border-box; }

/* header */
header { width:100%; height:auto; z-index: 9999; position: fixed;}
/* brand logo */
header .brand { position: fixed; top: 20px; left: 20px; display: block; width: 90px; height: 90px; z-index: 9999; }
header .brand img{max-width: 100%;}
/* open search feild */
header .open-close-search {width: 30px;height: 30px;display: block;font-size: 18px;color: #fff;position: fixed;top: 22px;right: 65px;cursor: pointer; padding-top: 6px; z-index: 9999; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
header .open-close-search.open:before {display: none;}
header .open-close-search.open {right: 15px;}
header .open-close-search.open span, header .open-close-search.open span:after, header .open-close-search.open span:before{background: #fff;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
header .open-close-search.open span {position: absolute;display: block;width: 25px;top: 50%;}
header .open-close-search.open span:after, header .open-close-search.open span:before{content: '';position: absolute;left: 0;width: 100%;}
header .open-close-search.open span:before{top: -6px;}
header .open-close-search.open span:after{bottom: -6px;}
header .open-close-search.open span{background-color: rgba(0,0,0,.0)}
header .open-close-search.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
header .open-close-search.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.header-search-block { width: 100%; height: 100vh; display: block; position: fixed; top: 0; left: 0; background: #100364; opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.header-search-block.active {opacity: 1; visibility: visible; }
.header-search-block form { max-width: 480px; margin: 0 auto; font-size: 0; }
.header-search-block form .search-input, .header-search-block form .submit-input {display: inline-block; vertical-align: top; }
.header-search-block form input {width: 100%; height: 40px; display: block; background: none; border: 0; font-size: 15px; }
.header-search-block form .search-input {width: 100%; max-width: 380px; }
.header-search-block form .submit-input {width: 100%; max-width: 100px; }
.header-search-block form .search-input input {border: 2px solid #fff; box-sizing: border-box; color: #fff; padding: 0 15px;}
.header-search-block form .submit-input input {background: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}
/* navigation */
header .main-nav { position: fixed; top: 0; right: -100%; width: 100%; max-width: 330px; height: 100%; background: #eb2e2e; display: block; padding: 0 50px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
header .main-nav.active { right: 0; }
header .main-nav .open-close-icon {position: fixed; top: 22px; right: 30px; width: 30px; height: 30px; cursor: pointer;}
header .main-nav .open-close-icon {display: block;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 9999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/*header .main-nav .open-close-icon.open {right: calc(100% - 50px); height:80px;}*/
header .main-nav .open-close-icon span, header .main-nav .open-close-icon span:after, header .main-nav .open-close-icon span:before{background: #fff;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
header .main-nav .open-close-icon span {position: absolute;display: block;width: 25px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
header .main-nav .open-close-icon span:after, header .main-nav .open-close-icon span:before{content: '';position: absolute;left: 0;width: 100%;}
header .main-nav .open-close-icon span:before{top: -6px;}
header .main-nav .open-close-icon span:after{bottom: -6px;}
header .main-nav .open-close-icon.open span{background-color: rgba(0,0,0,.0)}
header .main-nav .open-close-icon.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
header .main-nav .open-close-icon.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
header .main-nav .v-center-navigation {position: relative; padding: 65px 0; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
header nav ul {margin: 0; padding: 0; display: block; width: 100%; }
header nav ul li {margin: 0; padding: 0; display: block; width:100%; list-style: none; color: #fff; font-size: 18px; letter-spacing: 0.1em; line-height: 22px;  }
header nav ul li a {color: inherit; font-size: inherit; letter-spacing:inherit; line-height:inherit; position: relative; }
header nav ul li a:after {content:""; width: 0; height:2px; background: #fff; display: block; position: absolute; top: 46%; left: -2px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;  }
header nav ul li a:hover {color: inherit;}
header nav ul li a:hover:after, header nav ul li a.active:after {width: 100%;}
header .main-links {margin-bottom: 10px;}
header .main-links li {text-transform: uppercase; padding-bottom: 5px; }
header .sub-links {border-bottom: 2px solid #fff; padding-bottom: 10px;}
header .sub-links li {text-transform: none; font-size: 14px; line-height: 18px; padding-bottom: 2px; }
header .main-nav .contact-block {font-size: 14px; letter-spacing: 0.1em; line-height: 16px; color: #871d1d; padding: 20px 0; font-weight: 700; }
header .main-nav .contact-block a, header .main-nav .contact-block p {font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; font-weight: inherit;}
header .main-nav .contact-block .online-contact {margin-bottom: 20px;}
header .main-nav .social-navigation {position: absolute; bottom: 0; left: 50px; width: calc(100% - 100px); font-size: 17px; padding: 15px 0 30px; border-top: 2px solid #fff;}
header .main-nav .social-navigation a {font-size: inherit; color: #fff; margin-right: 5px; display: inline-block; vertical-align: top;}
header .main-nav .social-navigation a.icon-gp:before{ font-size: 15px;line-height: 19px;}
header .mobile-nav{display: none;}

header .open-close-search.deactive {opacity: 0; visibility: hidden; }
header .main-nav .open-close-icon.deactive {opacity: 0; visibility: hidden;}
header .mobile-nav .open-close-icon.deactive {opacity: 0; visibility: hidden;}


/* footer */
footer {width: 100%; height: 100vh; display: block; position: relative; }
footer:before {content: ""; background: rgba(19,3,119,0.9); width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
footer video { position: absolute; top: 0; left: 0; /*width: 100%; height: 100%;*/ z-index: -1; }
.top-footer {width: 100%; height: calc(100vh - 60px); text-align: center; position: relative;}
.top-footer .container {height: inherit;}
.top-footer .contact-link {display: inline-block; vertical-align: top; width: 210px; text-align: center; }
.top-footer .contact-link span {width: 94px; height: 68px; margin: 0 auto; display: block; margin-bottom: 15px; }
.top-footer .contact-link small {font-size: 25px; font-weight: 700; letter-spacing: 0.075em; text-transform: uppercase; text-align: center; color: #fff; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.top-footer .contact-link:hover small {color: #eb2e2e;}
.top-footer .contact-link p {font-size: 14px; letter-spacing: 0.075em; line-height: 18px; text-align: center; }
.top-footer .contact-link.mail-us {position: relative; height: 110px;}
.top-footer .contact-link.mail-us small, .top-footer .contact-link.mail-us p {position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); width: 100%;-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.top-footer .contact-link.mail-us small {color: #fff;}
.top-footer .contact-link.mail-us:hover small {opacity: 0; visibility: hidden; }
.top-footer .contact-link.mail-us p {opacity: 0; visibility: hidden; color: #fff;}
.top-footer .contact-link.mail-us:hover p {opacity: 1; visibility: visible; color: #fff;}
.top-footer .contact-link.no-link {pointer-events: none;}
.bottom-footer {height: 60px; text-align: center; position: relative; padding: 10px 0;}
.bottom-footer p {font-size: 12px; font-weight: 400; letter-spacing: 0.1em; }
.bottom-footer p a {color: #fff; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.bottom-footer p a:hover {color: #eb2e2e;}

/*--------- home page ------------*/
/* home banner annimation */
#particles-js {position: absolute;width: 100%;height: 100%;left: 0; top: 0;background-color: #130377;/* background-image: url("");*/background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
/* banner part */
.home-banner {position: relative;overflow: hidden; width: 100%; height: 100vh;}
.home-banner ul {height: inherit; }
.home-banner li{width: 100%; height: inherit; display: block !important; position: relative;}
.home-banner img{width: 100%;}
.home-banner .nav-control a{ position: absolute;top: 50%;width: 100px;height: 100px;display: block;background: rgba(210,81,94,.75);border-radius: 50%;text-indent: -9999px;margin-top: -50px;z-index: 99;}
.home-banner .nav-control a.prev{left: -50px;}
.home-banner .nav-control a.next{right: -50px;}
.home-banner .home_slider_tabs{width: 100%;position: absolute;bottom: 0;left: 0;text-align: center;z-index: 999;}
.home-banner .home_slider_tabs li{display: inline-block !important;vertical-align: top;width: 20px;}
.home-banner .home_slider_tabs li a{display: block;margin: auto;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #fff;font-size: 0;}
.home-banner .home_slider_tabs li a:hover, .home-banner .home_slider_tabs li.home_slider_here a {background: #FFF;}
/* home banner caption */
.home-banner li .home-banner-caption {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); max-width: 940px; width: 100%; height: auto; display: block;}
.home-banner-caption h1 {font-size: 25px; letter-spacing: 0.1em; line-height: 24px; font-style: italic; font-weight: 400; margin-bottom: 15px; }
.home-banner-caption h2, .home-banner-caption h3 {font-size: 100px; letter-spacing: 0.1em; line-height: 72px; padding-left: 80px; }
.home-banner-caption h3 {padding-left: 160px; color: #eb2e2e;}
.home-banner-caption .btn {margin-left: 84px; margin-top: 15px;}
/*what we do block */
.what-we-do-block { width: 100%; height: 100vh; display: block; position: relative; overflow: hidden;}
.what-we-do-block .container {position: relative; /*top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);*/}
.what-we-do-block .container:after {content: ""; z-index: -1; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: -250px; background: url(../images/site/what-we-do.png) no-repeat center right; background-size: contain; }
.what-we-do-block h2 {color: #100364; font-size: 150px; line-height: 24px; letter-spacing: 0; text-transform: none; font-family: 'Playfair Display', serif ; padding-left: 60px;}
.what-we-do-block h3 { font-size: 70px; line-height: 72px; letter-spacing: 0.075em; color: #fff; }
.what-we-do-block h3 a {color: #eb2e2e;}
.what-we-do-block h4 {margin-top: 10px; font-weight: 400;}
.what-we-do-block .btn {margin-left: 10px;}
/*down-arrow*/
.scroll-down{display: inline-block;position: absolute; bottom: 35px; left: 50%; z-index: 9; margin-left: -13.5px; border: 2px solid #fff; width: 27px; height: 45px; -webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px; }
.scroll-down:before{content: ""; width: 2px; height: 7px; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 12px; -webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;-o-animation: bounce 2s infinite;animation: bounce 2s infinite;}

/* scroll arrow animation */
@-webkit-keyframes bounce {0%,20%,50%,80%,100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}40% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}60% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}}
@-moz-keyframes bounce {0%,20%,50%,80%,100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}40% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}60% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}}
@-o-keyframes bounce {0%,20%,50%,80%,100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}40% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}60% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}}
@keyframes bounce {0%,20%,50%,80%,100% {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}40% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}60% {transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}}

/*since-txt*/
.home-banner-caption .since-txt{font-size: 25px;line-height: 24px;letter-spacing: 0.1em; color: #fff;font-style: italic; font-family: 'Playfair Display', serif ; position: absolute; right: -90px;bottom: 15px;}

/* search tool block */
.search-tool-block {width: 100%; height: 100vh; display: block; position: relative; text-align: center;}
.search-tool-block .container {position: relative; /*top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);*/ background: url(../images/site/laptop1.png) no-repeat center center; height: inherit;}
.search-tool-block canvas {width: 100%; position: absolute; top: 0; left: 0; z-index: -1; height: inherit;}
.search-tool-block h2 {font-size: 150px; line-height: 40px; letter-spacing: 0; color: #100364; font-family: 'Playfair Display',serif; text-transform: none; z-index: -1;}
.search-tool-block .table-block {max-width: 900px;}
.search-tool-block .search-list {font-size: 55px; line-height: 72px; letter-spacing: 0.05em; position: relative; font-weight: 700; text-align: left; max-width: 840px; margin: 0 auto;}
.search-tool-block .search-list a {color: #eb2e2e; position: relative; padding-bottom: 3px; border-bottom: 2px solid #eb2e2e;}
/*
*/
.search-tool-block .search-list a:after {content:""; display: inline-block; vertical-align: middle; background: url(../images/site/arrow.svg) no-repeat center center; width: 20px; height: 20px; margin-left: 20px;}
.search-tool-block .search-list ul {position: absolute; right: 100px; background: #eb2e2e; z-index: 9; display: none;}
.search-tool-block .search-list ul li {font-size: 55px; line-height: 72px; letter-spacing: 0.05em; position: relative; color: #fff; text-transform: uppercase; font-weight: 700; padding: 0 20px; list-style: none; }
.search-tool-block .search-list ul li a {font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; font-weight: inherit; padding-left: 10px; padding-right: 10px; border-bottom: 0;}
.search-tool-block .search-list ul li a:after {display: none;}
/*.search-tool-block .search-list ul li a:hover {text-decoration: line-through;}*/
.search-tool-block .search-list ul li a:before {content:""; width: 100%; height: 2px; display: block; background: #eb2e2e; position: absolute; bottom: -3px; left: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; }
.search-tool-block .search-list ul li a:before {width: 0; background: #fff; top: 48%;}
.search-tool-block .search-list ul li a:hover:before {width: 100%; }
.section {overflow: hidden; }
.search-tool-block .btn {margin-top: 20px;}

/* inner pages start */

.history-page {width: 100%; height: 100vh; display: block; position: relative; overflow: hidden; font-size: 0;}
.history-page canvas {position: absolute; top: 0; left: 0; z-index: -1;}
.left-section, .right-section {display: inline-block; vertical-align: top; height: inherit; position: relative;}
.left-section {width: 44%; padding-left: calc((100% - 1220px) / 2); padding-right: 20px;}
.left-section h1 {font-size: 55px; letter-spacing: 0; line-height: 55px; text-transform: uppercase; }
.left-section .faqs-box h1 {text-transform: none;}
.left-section .navigation-block {display: none;}
.right-section {width: 56%; background: #130377; border-left: 2px solid #fff; }
.right-section .right-navigation {width: 100%; height: 75px; display: table; border-bottom: 2px solid #fff; text-align: left; padding-left: 70px; padding-right:calc((100vw - 1080px) / 2); padding-top: 25px;}
.right-section .right-navigation ul {display:flex; justify-content: space-between;}
.right-section .right-navigation ul li {display: inline-block; vertical-align: middle; padding: 0 10px;}
.right-section .right-navigation ul li a {font-size: 14px; letter-spacing: 0.075em; text-transform: uppercase; font-weight: 700; color: #fff; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.right-section .right-navigation ul li a:hover, .right-section .right-navigation ul li a.active {color: #eb2e2e; }

.right-section .vertical-slider {width: 100%; height: calc(100vh - 75px); position: relative;}
.right-section .vertical-slider .timeline-slider {width: 70px; height: inherit; float: left; overflow: auto; padding: 50px 0; }
.right-section.awards-page .vertical-slider .timeline-slider {padding: 20px 0; }
.right-section .vertical-slider .content-slider {width: calc(100% - 70px); float: right; display: block; height: 100%; padding-right:calc((100vw - 1180px) / 2);}
.right-section .vertical-slider .content-slider .slick-track, .right-section .vertical-slider .content-slider .slick-list, .right-section .vertical-slider .content-slider .slide {height: 100%; text-align: center; z-index: 99;}
.vertical-slider .content-slider .slide .table-block {max-width: 580px}
.right-section .vertical-slider .content-slider h2,.right-section .vertical-slider .content-slider h3 {font-family: 'Playfair Display',serif; font-size: 200px; color: #eb2e2e; letter-spacing: 0; line-height: 120px; position: relative; top: -80px;}
.right-section .vertical-slider .content-slider h3, .right-section .vertical-slider .timeline-slider h3 {display: none;}
.right-section .vertical-slider .timeline-slider .slide {padding: 40px 0;}
.right-section.awards-page .vertical-slider .timeline-slider .slide {padding: 20px 0;}
.right-section .vertical-slider .timeline-slider h2 {font-size: 14px; letter-spacing: 0.075em; position: relative; padding-left: 20px; line-height: normal;cursor: pointer; }
.right-section .vertical-slider .timeline-slider h2:before {content: ""; width: 15px; height: 2px; display: block; position: absolute; top: 49%; left: 0; background: #fff; }
.right-section .vertical-slider .timeline-slider .slide.active h2 {color: #eb2e2e;}
.right-section .vertical-slider .timeline-slider p {display: none; }

.right-section .right-content {width: 100%; height: calc(100% - 75px); overflow: hidden; }
.right-section .right-content .custom-scroll-content {width: 100%; margin-left: 0; padding:40px 20px 40px 0; padding-right: calc((100vw - 1180px) / 2); height: 100%; }
.right-section .right-content .custom-scroll-content .custom-scroll-padding {padding-left: 80px;}
.right-section .right-content h2, .right-section .right-content p {margin-bottom: 22px;}
.right-section .right-content strong { color: #eb2e2e;}
.right-section.faq-page .right-content h3 {position: relative; padding-left: 35px; margin-bottom: 25px; cursor: pointer;}
.right-section.faq-page .right-content h3:before, .right-section.faq-page .right-content h3:after {content: "";display: block; background: #eb2e2e; position: absolute; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.right-section.faq-page .right-content h3:before { width: 15px; height: 3px; top: 12px; left: 0px; }
.right-section.faq-page .right-content h3:after {width: 3px; height: 15px; top: 6px; left:6px;}
.right-section.faq-page .right-content h3.active:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.right-section.faq-page .right-content p {padding-left: 38px; margin-bottom: 20px; margin-top: -15px; display: none;}
.right-section .right-content .scroll-down-content {width: 38px; height: 50px; padding-top:  10px;text-align: center; position: absolute; bottom: 0; right: 0; display: block; background: #d72b2b; color: #fff; font-size: 20px; cursor: pointer; display: flex;justify-content: space-around;align-items: center;}

/* scrolldown arrow */
.right-section .right-content .scroll-down-content i {-webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; animation: bounce 2s infinite;width: 18px; height: 20px; display: block;}

/* scroll arrow animation */
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); }40% { transform: translateY(-15px); }60% { transform: translateY(-5px); }}
@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); }40% { transform: translateY(-15px); }60% { transform: translateY(-5px); }}
@-o-keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); }40% { transform: translateY(-15px); }60% { transform: translateY(-5px); }}
@keyframes bounce {0%, 20%, 50%, 80%, 100% { transform: translateY(0); }40% { transform: translateY(-15px); }60% { transform: translateY(-5px); }}


/*.right-content.careers-page .custom-scroll-content {margin-left: 60px; width: calc(100% - 60px)}
.right-content.careers-page .custom-scroll-content .custom-scroll-padding {padding-left: 40px; }*/
.accordion-section {width: 100%; height: auto; display: block; position: relative;}
.accordion-section .title-accordion {display: block; position: relative; cursor: pointer;}
.accordion-section .detail-accordion {display: none;}
.accordion-section .title-accordion {margin-bottom: 10px; }
.accordion-section .title-accordion:before, .accordion-section .title-accordion:after {content: "";display: block; background: #eb2e2e; position: absolute;  -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.accordion-section .title-accordion:before { width: 15px; height: 3px; top: 12px; left: -30px; }
.accordion-section .title-accordion:after {width: 3px; height: 15px; top: 6px; left: -24px;}
.accordion-section .title-accordion.active:before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.accordion-section .title-accordion.active:after {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.accordion-section ul {margin-bottom: 20px;}
.accordion-section ul li {list-style: none; position: relative; padding-left: 20px; line-height: 20px; margin-bottom: 10px;}
.accordion-section ul li:before {content:""; width: 4px; height: 4px; display: block; position: absolute; top: 8px; left: 8px; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; background: #fff;}
.accordion-section h4 {margin-bottom: 10px;}

.accordion-section .contact-form {width: 100%; height: auto; display: block; position: relative; background: #100364; padding: 20px;}
.contact-form h4 {text-align: center;}
.contact-form .dform_element {margin-bottom: 10px;}
.contact-form input.text {color: #fff; font-size: 14px; text-transform: uppercase; width: 100%; height: 40px; border:0; border-bottom: 2px solid #fff; padding: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; letter-spacing: 0.1em;}
.contact-form input.text:focus {border-color: #eb2e2e;}
.contact-form textarea {color: #fff; font-size: 14px; width: 100%; height: 140px; border:0; border-bottom: 2px solid #fff; padding: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; letter-spacing: 0.1em;}
.contact-form textarea:focus {border-color: #eb2e2e;}
.dform-form .submit_button input[type="submit"] {background: none; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0;}
.dform-form .submit_button .dfinput_full {min-width:134px; }
/* honeypot */
#forms_field_14 {position: absolute;left: 100vw;width: 0;height: 0;}

/* Placeholder CSS*/
.contact-form ::-webkit-input-placeholder {color: #fff; opacity:1;}
.contact-form :-moz-placeholder {color: #fff; opacity:1;}
.contact-form ::-moz-placeholder {color: #fff; opacity:1;}
.contact-form :-ms-input-placeholder {color: #fff; opacity:1;}
.contact-form ::-ms-input-placeholder {color: #fff; opacity:1;}
.contact-form input[type="file"], .contact-form input[type="submit"] {font-size: 14px;}
.customers-button {background: #eb2e2e; width: 100%; height: 110px; display: block; position: absolute; bottom: 0; left: 0;  color: #fff; font-size: 40px; letter-spacing: 0.075em; line-height: 40px; text-transform: uppercase; text-align: center; padding: 20px; font-weight: 700; cursor: pointer; z-index: 9999;}
.customers-button i{width: 30px; height: 30px; background: none; border:2px solid #fff; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; position: absolute; bottom: 15px; left: calc(50% - 15px); }
.customers-button i:before, .customers-button i:after {content:""; width: 14px; height: 2px; background: #fff; position: absolute; left: calc(50% - 7px); top: 48%; background: #fff; display: block; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.customers-button i:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.customers-button.active i:after{-webkit-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.customers-logos {width: 100%; height: calc(100% - 110px); display: block; position: absolute; top: 100%; left: 0; z-index: 9999; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;background: #eb2e2e; overflow: auto;}
.customers-logos.active {top: 0;}
.customers-logos .single-customer {width: 50%; height:calc(100% / 6); background: #eb2e2e; float: left; position: relative; border-bottom: 2px solid #d72b2b; border-right: 2px solid #d72b2b; display: block; overflow: hidden;}
.customers-logos .single-customer:nth-child(even) {border-right: 0;}
.customers-logos .single-customer img {position: absolute; max-width: 100%;  -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); display: block;top: 50%; left: 50%; height: auto;}

/* dform button */
.dform-form .submit_button .dfinput_full {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 12px;font-weight: 700; text-transform: uppercase; color: #fff; line-height: 30px; letter-spacing: 0.1em; text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; position: relative; padding: 0 20px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;z-index: 9; min-height: 30px;}
.dform-form .submit_button .dfinput_full:hover {color: #fff;}
.dform-form .submit_button .dfinput_full:before, .dform-form .submit_button .dfinput_full:after {content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 100%; border: 3px solid #eb2e2e; background: none; position: absolute; top: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; z-index: -1;}
.dform-form .submit_button .dfinput_full:before {left: 0; border-right: 0;}
.dform-form .submit_button .dfinput_full:after {right: 0; border-left: 0;}
.dform-form .submit_button .dfinput_full:hover:before, .dform-form .submit_button .dfinput_full:hover:after, .dform-form .submit_button .dfinput_full.active:before, .dform-form .submit_button .dfinput_full.active:after {width: 100%; background: #eb2e2e;}

/* dform input file */
.dftop_label .dform_label {font-size: 15px; font-weight: 400 !important; color: #ff3333; letter-spacing: 0.075em; margin-bottom: 0 !important;}
.dform-form .dform_file_upload { position: relative; }
.custom-file-upload-hidden {display: none;visibility: hidden;position: absolute;left: -9999px;}
.custom-file-upload {display: block;width: auto;font-size: 16px;margin-top: 30px;}
.custom-file-upload label {display: block;margin-bottom: 5px;}
.file-upload-wrapper {/*position: relative;margin-bottom: 5px;*/}
.file-upload-input {width: 200px;color: #fff;font-size: 15px;padding: 0 !important; border: none; height: 25px; letter-spacing: 0.075em; border: 0 !important;}
.file-upload-button {cursor: pointer; display: block; font-size: 0; background: none; width: 200px; height: 50px; position: absolute; top: 0 ; left: 0; border: 0;}
.file-upload-button:hover, .file-upload-button:focus {outline: none;}

.right-section .customers-block {display: none;}
/* news products page */
.right-navigation select {width: 250px; height: 50px; }
.right-navigation.select-menu {text-align: center; padding: 0 80px;}
.right-navigation .select2 {background: none; border: 2px solid #fff; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; margin: 12px 10px;}
.right-navigation .select2-container--default .select2-selection--single {background: none; height: 46px; border: 0;}
.right-navigation .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 48px; font-size: 14px; color: #fff; text-transform: uppercase; text-align: left;}
.right-navigation .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%; background: url(../images/site/arrow.svg) no-repeat center center; background-size: 8px 11px}
.select2-dropdown {background: #eb2e2e !important; border: 0 !important; -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;border-radius: 0 !important;}
.select2-container--default .select2-results__option {text-transform: uppercase; position: relative;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background: none !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-results__option[aria-selected=true] {background: none !important;}
.news-products-block {width: 100%; height: calc(100vh - 75px); display: block; position: relative; }
.news-products-block article .table-block {max-width: 300px;}
.news-products-block article {width: 50%; height: 30.70vh; display: block; float: left; border-bottom: 2px solid #fff; border-right: 2px solid #fff; text-align: center; position: relative; }
.news-products-block article:nth-child(even) {border-right: 0;}
.news-products-block article .table-cell-block.hide {display: none;}
.news-products-block article .date {font-size: 15px; font-weight: 400; letter-spacing: 0.075em; text-transform: uppercase; color: #fff;}
.news-products-block article .overlay {display: table-cell; vertical-align: middle; background: #140376;}
.news-products-block article .overlay.hide {display: none;}
.news-products-block article h2 {font-size: 20px; letter-spacing: 0.075em; line-height: 24px; }
.news-products-block article h2 a {color: #fff; text-transform: uppercase; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; }
.news-products-block article h2 a:hover {color: #eb2e2e; }
.news-products-block article h2.hide {display: none;}
.select2-container--default .select2-results__option span {display: inline-block; vertical-align: middle; position: relative; }
.select2-container--default .select2-results__option--highlighted[aria-selected] span:after {content:""; width: 100%; height: 2px; display: block; background: #fff; position: absolute; top: 47%; left: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; }
.select2-search--dropdown {height: 0 !important; display: none !important;}
.select2-container--default .select2-search--dropdown .select2-search__field {border: 0 !important; height: 0; font-size: 0; }

.right-section .news-details-block {width: 100%; height: calc(100vh - 75px); padding-right: calc((100vw - 1180px) / 2); padding-left: 60px; }
.news-details-block .image-block {border: 5px solid #fff; margin-bottom: 28px; display: inline-block; clear: both;}
.news-details-block .image-block img {max-width: 100%;}
.news-details-block .social-share-block {margin-bottom: 18px;}
.social-share-block * {background-image: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #a39370;display: inline-block;font-size: 0px;text-transform: none;vertical-align: middle; line-height: 22px;}
.social-share-block > span.st_facebook_large,
.social-share-block > span.st_linkedin_large,
.social-share-block > span.st_twitter_large,
.social-share-block > span.st_pinterest_large,
.social-share-block > span.st_email_large
{width: 13px !important; height: 13px !important; display: inline-block; vertical-align: top; cursor: pointer; margin-right: 20px !important;  position: relative;  -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.social-share-block > span.st_facebook_large > span,
.social-share-block > span.st_linkedin_large > span,
.social-share-block > span.st_twitter_large  > span,
.social-share-block > span.st_pinterest_large > span,
.social-share-block > span.st_email_large > span
{position: absolute; top: 0; left: 0; display: block; width: 100% !important; height: 100% !important;}
.social-share-block > span.st_facebook_large {background: url(../images/site/icon_fb.svg) no-repeat center center !important}
.social-share-block > span.st_linkedin_large {background: url(../images/site/icon_in.svg) no-repeat center center !important}
.social-share-block > span.st_twitter_large {background: url(../images/site/icon_twitter.svg) no-repeat center center !important}
.social-share-block > span.st_pinterest_large {background: url(../images/site/icon_pin.svg) no-repeat center center !important}
.social-share-block > span.st_email_large {background: url(../images/site/icon_email.svg) no-repeat center center !important}
.social-share-block > span.st_facebook_large:hover {background: url(../images/site/icon_fb-hover.svg) no-repeat center center !important}
.social-share-block > span.st_linkedin_large:hover {background: url(../images/site/icon_in-hover.svg) no-repeat center center !important}
.social-share-block > span.st_twitter_large:hover {background: url(../images/site/icon_twitter-hover.svg) no-repeat center center !important}
.social-share-block > span.st_pinterest_large:hover {background: url(../images/site/icon_pin-hover.svg) no-repeat center center !important}
.social-share-block > span.st_email_large:hover {background: url(../images/site/icon_email-hover.svg) no-repeat center center !important}
.news-details-block .date {font-size: 15px; font-weight: 400; letter-spacing: 0.075em; text-transform: uppercase; color: #fff; margin-bottom: 12px; display: block;}
.news-details-block .categories-block {width: 100%; height: auto; display: block; position: relative; border-top: 1px solid #fff; padding-top: 15px;}
.news-details-block .categories-block a {color: #eb2e2e; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.news-details-block .categories-block a:hover {color: #fff;}
/*
#sb-overlay {background: #100364 !important; opacity: 1 !important;}
*/
.terms-conditions-page .left-section .btn {margin-top: 12px; }
.terms-conditions-page .right-section .right-content h2 { font-size: 25px; letter-spacing: 0.075em; line-height: 28px; margin-bottom: 10px;}
.contact-imformation .contact-link {display: block; width: 100%; text-align: left; margin-bottom: 40px; cursor: default}
.contact-imformation .contact-link span {width: 94px; height: 65px; display: inline-block; vertical-align: middle; margin-right: 35px; text-align: center;}
.contact-imformation .contact-link span img {max-width: 100%; max-height: 100%;}
.contact-imformation .contact-link small {font-size: 25px; font-weight: 700; letter-spacing: 0.075em; color: #fff; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; cursor: pointer;}
.contact-imformation .contact-link small i {font-style: normal; color: #fff;}
.contact-imformation .contact-link small:hover {color: #eb2e2e;}
.contact-imformation .contact-link.no-link {pointer-events: none;}
.contact-imformation .contact-link .telephone-content {display: inline-flex; justify-content: space-between; align-items: center; width: calc(100% - 130px); max-width: 460px;}
.contact-imformation .contact-link object {}

.marker_info {font-size: 14px; color: #000;}
.map-block {width: 100%; height: 460px; display: block; border-top: 2px solid #fff;}
.work-process-block {padding: 160px 0 50px 0; text-align: center; background: #130377;}
.work-process-block .title-block h1 {text-transform: uppercase; margin-bottom: 30px;}
.work-process-block .container {}
.process-accordion-block {width: 100%; height: auto; position: relative; display: block; background: #eb2e2e; }
.process-accordion-block article {position: relative;border-bottom: 2px solid #d72b2b;}
.process-accordion-block article .side-icon {width: 100px; height: 100px; display: block; position: absolute; top: 30px; left: 120px; }
.process-accordion-block article .side-icon img {max-width: 100%; margin: 0 auto;}
.process-accordion-block article .container {width: 580px;}
.process-accordion-block article h2 {color: #fff; font-size: 40px; letter-spacing: 0.075em; line-height: 40px; text-transform: uppercase; text-align: center; padding: 30px; font-weight: 700; cursor: pointer;}
.process-accordion-block article h2 i{width: 30px; height: 30px; background: none; border:2px solid #fff; -webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; display: block; margin: 0 auto; position: relative; margin-top: 15px;}
.process-accordion-block article h2 i:before, .process-accordion-block article h2 i:after {content:""; width: 14px; height: 2px; background: #fff; position: absolute; left: calc(50% - 7px); top: 48%; background: #fff; display: block; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.process-accordion-block article h2 i:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.process-accordion-block article h2.active i:after{-webkit-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.process-accordion-block .process-details {display: none; text-align: center;}
.process-accordion-block .process-details p {margin-bottom: 22px;}
.error-inner {font-size: 15px;color: #f00;letter-spacing: 0.075em;padding-top: 3px; font-weight: 400;}
/*body { background:url(../img/bg.png) repeat; font-family:Arial; text-transform: uppercase; text-align:center; margin: 0;}*/
.process-block {position: relative;overflow: hidden;}
#HIW_lines {margin: 0 auto; text-align: center; width: 620px; height: 970px; position: relative;}
#HIW_lines svg {position: absolute; top: 0; left: 0; }
#HIW_lines svg * {stroke:url(#radial-gradient);}
.blk_item {display: none;}
.mobile-proccess-block {display: none;}
#HIW_lines_mobile {margin: 0 auto; text-align: center; width: 620px; height: 860px; position: absolute; display: none;}
#HIW_lines_mobile svg {position: absolute; top: 0; left: 0; }
/*#HIW_lines_mobile svg * {stroke:url(#radial-gradient-mobile);}*/
.blk_item {display: none;}
#Layer_1 {height: 0;}
/*.processes-container {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 100%; height: 970px;}*/
.processes-container {width: 100%; max-width: 1200px; height: 970px; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
.processes-container .blk_item { position: absolute; display: block; width: 340px; height: 130px}
.processes-container .svg1 {top: 125px;}
.processes-container .svg2 {top: 215px;}
.processes-container .svg3 {top: 345px;}
.processes-container .svg4 {top: 475px;}
.processes-container .svg5 {top: 605px;}
.processes-container .svg6 {top: 760px;}
.processes-container .blk_item .small-svg-block {width: 80px; height: 88px; background: #130377;}
.processes-container .blk_item .process-content-block {width: calc(100% - 95px); }
.processes-container .blk_item .small-svg-block, .blk_item .process-content-block {position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.processes-container .blk_item.svg-animation-active .small-svg-block {opacity: 1; visibility: visible;}
.processes-container .blk_item.text-animation-active .process-content-block {opacity: 1; visibility: visible;}
.processes-container .blk_item.left-svg .small-svg-block {left:0; }
.processes-container .blk_item.right-svg .small-svg-block {right:0; }
.processes-container .blk_item.left-svg .process-content-block {right:-60px;}
.processes-container .blk_item.right-svg .process-content-block {left:-60px;}
.processes-container .blk_item.left-svg.text-slide-animation .process-content-block {right:0;}
.processes-container .blk_item.right-svg.text-slide-animation .process-content-block {left:0;}
.processes-container .blk_item .process-content-block h2 {font-size: 20px; letter-spacing: 0.075em; line-height: 24px; margin-bottom: 5px;}
.processes-container .blk_item .process-content-block p {font-size: 15px; font-weight: 400; letter-spacing: 0.075em; margin-bottom: 0;}
.processes-container .blk_item.center-left-content {left: calc(50% - 55px);}
.processes-container .blk_item.center-right-content {right: calc(50% - 42px);}
.processes-container .blk_item.center-left-content .small-svg-block {left: 0;}
.processes-container .blk_item.center-right-content .small-svg-block {right: 0;}
.processes-container .blk_item.center-left-content .content-left-justify {right: -60px; text-align: left;}
.processes-container .blk_item.center-right-content .content-right-justify {left: -60px; text-align: right;}
.processes-container .blk_item.center-left-content.text-slide-animation .content-left-justify {right: 0;}
.processes-container .blk_item.center-right-content.text-slide-animation .content-right-justify {left: 0;}
.processes-container .content-left-justify {text-align: left;}
.processes-container .content-right-justify {text-align: right;}
.processes-container .left-absolute {left: 0;}
.processes-container .right-absolute {right: 0;}
.processes-container .blk_item .small-svg-block svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); left: 0; }

/* extra pages */
.extra-page .right-section ul {padding-left: 20px;}

@media (min-width:1024px) {
    /* just for history page 
    .right-section .vertical-slider .timeline-slider .mCSB_scrollTools{opacity: 0 !important;}*/
    /* for all page */
    .right-section .mCSB_scrollTools{opacity: 0 !important;}
    .right-section .map-contact-page.right-content .custom-scroll-content {padding-bottom: 0;}
    .map-block {width: 56vw;}
    .right-section .right-content.map-contact-page .custom-scroll-content {padding-right: 0;}
.right-section .right-content.map-contact-page .custom-scroll-content .contact-form {padding-right: 20px;}
.right-section .right-content.map-contact-page .custom-scroll-content .contact-imformation {padding-right: 20px;}

    /*.right-section .map-contact-page.right-content .mCustomScrollBox {overflow:visible !important}
    .right-section .map-contact-page.right-content .mCSB_container {overflow:visible !important}*/
}
@media (min-width:1220px)  {
    .right-section .right-content.map-contact-page .custom-scroll-content {padding-right: 0;}
.right-section .right-content.map-contact-page .custom-scroll-content .contact-form {padding-right: calc((100vw - 1180px) / 2);}
.right-section .right-content.map-contact-page .custom-scroll-content .contact-imformation {padding-right: calc((100vw - 1180px) / 2);}
}

/*.contact-form {height: 1200px;}
.map-block {display: none;}*/

/*3-31-2017*/
body.homepage #main-container { opacity: 0;-webkit-transition: all 4000ms ease;-moz-transition: all 4000ms ease;-ms-transition: all 4000ms ease;-o-transition: all 4000ms ease;transition: all 4000ms ease;}
#intro-vid { opacity: 0; z-index: 99999; }
body.homepage.loading #main-container,#intro-vid.loading{ opacity: 1; }
body.homepage .search-tool-block .search-list {z-index: 9999;}
.history .right-section .vertical-slider .content-slider { float: none; width: 50%; margin: 0 auto; padding: 0; min-width: 560px;}
.right-navigation .select2-container--default .select2-selection--single .select2-selection__rendered {letter-spacing: 0.075em;}
.contact-imformation .contact-link small { font-size: 24px;}
.contact-form textarea { text-transform:  uppercase;}
.contact .map-block { margin-top: 40px;}
#wrapper { z-index: 1;}
#video_my {position: absolute; top: 0; left: 0; z-index: 1; width: 100vw; height: 100vh; display: block;}
.top-footer, .bottom-footer { position: relative;z-index: 2;}
.fp-tableCell { position: relative;}
#video_my:before {content: "";background: rgba(19,3,119,0.9);width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
#video_my video { opacity: 1 !important; visibility: visible !important;}

.history .right-section .vertical-slider .content-slider .slick-arrow {display: none !important;}
.vertical-slider .navigation-arrow {position: absolute; width: 200px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;z-index: 99;}
.vertical-slider .navigation-arrow small {width: 76px; height: 15px; display: block; cursor: pointer; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.vertical-slider .navigation-arrow small.hidden {opacity: 0; visibility: hidden;}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {background: none !important;}
.mCSB_outside + .mCSB_scrollTools {opacity: 0 !important;}