a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
a:hover, a:focus {color: #E44646;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }


#page {overflow: hidden;}

input[type=number] {-moz-appearance:textfield;}

label[class*="required"]:after { content: "*"; display: inline-block; vertical-align: top; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.cc-dismiss {background: #6EBFE0 !important;}

.main-content { max-width: 1920px; margin: auto auto;padding-top: 140px;}
.main-content-ins { max-width: 1200px; margin: auto auto; padding-left: 20px; padding-right: 20px; }
.main-content-top { padding-top: 100px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }


nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #6EBFE0; }
.mm-navbar_tabs a { font-size: 16px; }
.mm-navbar_tabs a i { margin-right: 6px; }
.mm-btn_close { background: #6EBFE0; }
.mm-btn_close::before,
.mm-btn_close::after { border-color: #fff; }
.mm-btn_close::before { right: 15px; }
.mm-btn_close::after { right: 22px; }
.mm-navbars_bottom { border-top: 0; }
.mm-navbars_bottom .mm-navbar { background: #6EBFE0; }
.mm-navbars_bottom .mm-navbar a { color: #fff; }
.custom-search {background: #e8e8e8;border: 0;width: 100%;margin: 0;padding: 7px 12px;cursor: pointer;z-index: 1000;}


.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 26px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 15px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning { font-size: 15px !important; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 15px !important; color: #111; }

.rvl-hdn { visibility: hidden; }

#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */

.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }

.ph { font-size: 18px; color: #000; font-weight: 400; }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #191919; font-weight: 300; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #191919; font-weight: 300; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #191919; font-weight: 300; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #191919; font-weight: 300;}
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #191919; font-weight: 300; }

.breadcrumb-cont { background: #f5fbfb; padding: 15px 0; }
.breadcrumb-cont ol.breadcrumb { background: transparent; margin: 0; padding: 0; }
.breadcrumb-cont ol.breadcrumb li.active { color: #f2a61d; }
.breadcrumb-cont ol.breadcrumb li.active a { color: #f2a61d; }
.breadcrumb-cont ol.breadcrumb li { margin: 0; padding: 0; list-style: none; }
.breadcrumb-cont ol.breadcrumb li + li:before { content: "/"; padding: 0 4px; color: #000; }
.breadcrumb-cont ol.breadcrumb li a { text-decoration: none; text-transform: uppercase; }
.breadcrumb-cont ol.breadcrumb li a:hover { color: #f2a61d; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
body {font-family: 'Ubuntu', sans-serif !important;max-width: 1920px;overflow-x: hidden;padding: 0 !important;margin: auto;}
.manrope {font-family: 'Manrope', sans-serif !important;}
.title {font-weight: bold;font-size: 24px;line-height: 45px;text-transform: uppercase;color: #FF5F7E;}
.title-big {font-size: 40px;}
.goto-btn a {font-weight: bold;font-size: 14px;line-height: 16px;text-align: center;text-transform: uppercase;color: #FF5F7E;padding: 10px 35px;border: 1px solid #FF5F7E;box-sizing: border-box;border-radius: 6px;}
.goto-btn a:hover {background: #FF5F7E;border: 1px solid #FF5F7E;box-sizing: border-box;border-radius: 6px;color: #FFFFFF;}
p {margin: 0;padding: 0;}


.over-header {background: #FFFFFF;font-family: 'Damion', cursive !important;font-weight: normal;font-size: 16px;line-height: 19px;letter-spacing: 0.04em;color: #FF5F7E;padding: 30px 20px 10px 20px;text-align: center;}
.cbp-af-header {position:fixed; top: 0; left: 0; width: 100%; z-index: 100; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}


.cbp-af-header header {position: relative;background: #FFFFFF;}
.cbp-af-header header .grid {display: flex;align-items: center;max-width: 1560px;margin: auto;padding: 15px 20px;justify-content: space-between;}
.cbp-af-header-shrink header {background: #2E4C6D;}
.cbp-af-header-shrink header .grid {}
.cbp-af-header-shrink header .grid .grid-m ul li a {color: #FFFFFF;}
header.onhover {background: #2E4C6D;}
header.onhover .grid .grid-m ul li a {color: #FFFFFF;}
header .grid .grid-l .logo {}
header .grid .grid-l .logo a { display: block; background: url(../img/logo.png) no-repeat 0 0; width: 79px; height: 81px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .grid .grid-l .logo .logo-sm { display: none; background: url(../img/logo_white.png) no-repeat 0 0; width: 79px; height: 81px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.cbp-af-header-shrink header .grid .grid-l .logo a { display: none; }
.cbp-af-header-shrink header .grid .grid-l .logo .logo-sm { display: block;}
header .grid .grid-l .logo .logo-sm-sm { display: none; background: url(../img/logo-sm-sm.png) no-repeat 0 0; width: 100px; height: 54px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .grid .grid-m {}
header .grid .grid-m ul {display: flex;align-items: center;grid-gap: 30px;}
header .grid .grid-m ul li {}
header .grid .grid-m ul li a {font-weight: bold;font-size: 15px;line-height: 17px;letter-spacing: 0.04em;text-transform: uppercase;color: #2E4C6D;}
header .grid .grid-m ul li a.active {color: #FF5F7E;}
header .grid .grid-m ul li a:hover {color: #FF5F7E;}
header .grid .grid-m .srch .form-group {position: relative;}
header .grid .grid-m .srch .form-group input {border: 1px solid #535353;border-radius: 48px;font-weight: 600;font-size: 14px;line-height: 110%;color: #1B67A6;text-align: center;height: 34px;}
header .grid .grid-m .srch .form-group input input::placeholder {font-weight: 600;font-size: 14px;line-height: 110%;color: #1B67A6;text-align: center;}
header .grid .grid-m .srch .form-group input input:-ms-input-placeholder {font-weight: 600;font-size: 14px;line-height: 110%;color: #1B67A6;text-align: center;}
header .grid .grid-m .srch .form-group input input::-ms-input-placeholder {font-weight: 600;font-size: 14px;line-height: 110%;color: #1B67A6;text-align: center;}
header .grid .grid-m .srch .form-group button {position: absolute;right: 4%;top: 56%;transform: translateY(-50%);background: transparent;border: 0;}
header .grid .grid-r {display: flex;grid-gap: 40px;align-items: center;}
header .grid .grid-r .cnt {background: #FF5F7E;border: 1px solid #FF5F7E;box-sizing: border-box;border-radius: 6px;}
header .grid .grid-r .cnt a {display: inline-block;width: 100%;padding: 10px 50px;font-weight: bold;font-size: 16px;line-height: 18px;text-align: center;text-transform: uppercase;color: #FFFFFF;}
header .mob {display: none;}
header .grid .grid-m a {padding-bottom: 40px;}
header .grid .grid-m .subcats {position: absolute;width: 100%;left: 0;top: 100%;visibility: hidden;opacity: 0;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;background: #F7F8F9;opacity: 0.88;box-shadow: 0px 7px 21px rgba(46, 76, 109, 0.16);border-radius: 0px 0px 22px 22px;}
header .grid .grid-m .has:hover > a {border-bottom: 6px solid #FF5F7E;border-radius: 5px 5px 1px 1px;}
header .grid .grid-m .has:hover > .subcats {visibility: visible;opacity: 1;}
header .grid .grid-m .has .subcats .subcats-ins {display: grid;grid-template-columns: 1fr 0.46fr;}
header .grid .grid-m .has .subcats .subcats-ins .ins-l .cats {width: 100%;padding: 65px 20px 20px 350px;max-width: 1200px;margin: auto;}
header .grid .grid-m .has .subcats .subcats-ins .ins-l .cats ul {display: grid;grid-gap: 0px;justify-content: initial;}
header .grid .grid-m .has .subcats .subcats-ins .ins-l .cats ul li a {font-weight: bold;font-size: 15px;line-height: 53px;letter-spacing: 0.04em;text-transform: uppercase;color: #2E4C6D;}
header .grid .grid-m .has .subcats .subcats-ins .ins-l .cats ul li a:hover {color: #FF5F7E;}


.slideshow-hp {position: relative;}
.slideshow-hp .items {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: flex;max-width: 1420px;width: 100%;margin: auto;grid-gap: 10px;}
.slideshow-hp .items .item {background: #000000;opacity: 0.7;box-shadow: 0px 7px 17px rgb(46 76 109 / 12%);border-radius: 2px;width: 33.3%;font-weight: bold;font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FFFFFF;padding: 20px 30px;}
.slideshow-hp .items .item:hover {background: #5e666e;opacity: 1;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);border-radius: 2px;}
.custom.tp-bullets{transform: rotate(90deg) !important;top: 50% !important;left: 10% !important;position: absolute !important;z-index: 100 !important;}
.custom.tp-bullets:before{content:" ";position:absolute;width:100%;height:100%;background:transparent;padding:10px;margin-left:-10px;margin-top:-10px;box-sizing:content-box}
.custom .tp-bullet{width: 10px !important;height: 10px !important;position: absolute !important;cursor: pointer !important;box-sizing: content-box !important;background: #FFFFFF !important;opacity: 0.6 !important;border-radius: 2px !important;}
.custom .tp-bullet:hover,.custom .tp-bullet.selected{background: #FF5F7E !important;opacity: 0.62 !important;box-shadow: 0px 0px 18px #FF5F7E !important;border-radius: 2px !important;}
.custom .tp-bullet-image{}
.custom .tp-bullet-title{}
.tp1 {/* font-size: 60px !important; line-height: 69px !important; */}
.tp2 {font-size: 16px !important; line-height: 30px !important;}
.rev-btn {width: 250px !important;text-align: center !important;}
.rev-btn:hover {background: #FF5F7E !important;border: 1px solid #FF5F7E !important;border-radius: 6px !important;color: #FFFFFF !important;}


.about-hp {}
.about-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;}
.about-hp .ins .title {padding-bottom: 40px;}
.about-hp .ins .subttl {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-bottom: 30px;}
.about-hp .ins .subttl p {margin-bottom: 20px;}
.about-hp .ins .subttl p:last-child {margin-bottom: 0px;}


.trading-hp {background: url(../img/tr_bg.png) no-repeat 0 0 ;background-position: center;background-size: cover;}
.trading-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;}
.trading-hp .ins .title {max-width: 470px;padding-bottom: 40px;}
.trading-hp .ins .items {max-width: 1366px;margin: auto;width: 100%;display: flex;border-bottom: 2px solid #2E4C6D;justify-content: space-between;align-items: center;}
.trading-hp .ins .items .item {width: 14.3%;display: flex;justify-content: center;padding: 20px 0;position: relative;cursor: pointer;}
.trading-hp .ins .items .item img {max-height: 36px;}
.trading-hp .ins .items .item.active:after {content: "";width: 100%;height: 5px;position: absolute;bottom: -4px;background: #FF5F7E;}
.trading-hp .item-hiding {filter: grayscale(100%) !important;opacity: 0.3 !important;}
.trading-hp .ins .details {max-width: 1366px;margin: auto;width: 100%;padding-top: 40px;}
.trading-hp .ins .details .detail {display: grid;grid-template-columns: 1fr 0.4fr;background: #FFFFFF;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);grid-gap: 40px;}
.trading-hp .ins .details .detail .det-l {padding: 25px 70px;}
.trading-hp .ins .details .detail .det-l .ttl {font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #2E4C6D;max-width: 200px;padding-bottom: 15px;}
.trading-hp .ins .details .detail .det-l .subttl {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-bottom: 25px;}
.trading-hp .ins .det-hiding {display: none !important;}
.trading-hp .ins .details .detail .det-r {-webkit-clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important; clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important;}


.history-hp {background: url('../img/hst_bg.png');background-position: center;background-size: cover;position: relative;}
.history-hp .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}
.history-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;position: relative;z-index: 2;}
.history-hp .ins .title {max-width: 470px;padding-bottom: 40px;}
.history-hp .ins .items {max-width: 1366px;margin: auto;width: 100%;display: flex;border-bottom: 2px solid #2E4C6D;justify-content: space-between;align-items: center;}
.history-hp .ins .items .item {width: 14.3%;display: flex;justify-content: center;padding: 20px 0;position: relative;cursor: pointer;}
.history-hp .ins .items .item img {max-height: 36px;}
.history-hp .ins .items .item:after {content: "";width: 100%;height: 12px;position: absolute;bottom: -7px;background: #FF5F7E;max-width: 12px;border-radius: 25px;}
.history-hp .item-hiding {filter: grayscale(100%) !important;opacity: 0.3 !important;}
.history-hp .ins .presentations {max-width: 1366px;margin: auto;width: 100%;padding-top: 40px;}
.history-hp .ins .presentations .presentation {display: grid;grid-template-columns: 1fr 0.9fr;background: transparent;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);grid-gap: 190px;}
.history-hp .ins .presentations .presentation .det-l {padding: 40px 0px;}
.history-hp .ins .presentations .presentation .det-l .ttl {font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #FFFFFF;padding-bottom: 15px;}
.history-hp .ins .presentations .presentation .det-l .subttl {font-weight: 300;font-size: 16px;line-height: 30px;color: #FFFFFF;padding-bottom: 35px;}
.history-hp .ins .det-hiding {display: none !important;}
.history-hp .ins .presentations .presentation .det-r {filter: drop-shadow(0px 13px 20px rgba(0, 0, 0, 0.25));}
.history-hp .checkout-steps { padding-top: 30px; max-width: 1630px; margin: auto auto; position: relative; z-index: 4;padding-bottom: 50px;}
.history-hp .checkout-steps ul { list-style: none; padding: 0px 0 0 0; margin: 0;width: 100%;display: flex;justify-content: center;}
.history-hp .checkout-steps ul li {list-style-type: none; font-size: 22px; float: left; width: 100%;position: relative; text-align: center;}
.history-hp .checkout-steps ul li.slick-current .bot { opacity: 1; }
.history-hp .checkout-steps .top { position: relative; bottom: 0; right: 0; text-align: center; cursor: pointer;font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #FFFFFF;opacity: 0.6;}
.history-hp .checkout-steps ul li:last-child .top {}
.history-hp .checkout-steps a .top {font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #FFFFFF;}
.history-hp .checkout-steps .bot {position: absolute; top: -35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;width: 100%;left: 50%;transform: translateX(-50%);font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #FFFFFF;opacity: 0.6;}
.history-hp .checkout-steps ul li:before {  cursor: pointer; content: ""; position: relative; z-index: 2; height: 12px; width: 12px; line-height: 40px; display: block; font-size: 10px; background: #FF5F7E; border-radius: 50%; margin: 4px auto 14px auto;}
.history-hp .checkout-steps ul li.active:before {background: #FF5F7E;box-shadow: 0px 0px 18px #FF5F7E;border-radius: 10px;height: 20px;width:20px;margin: 0px auto 14px auto;}
.history-hp .checkout-steps ul li.active .top {opacity: 1;}
.history-hp .checkout-steps ul li.active .bot {opacity: 1;}
.history-hp .checkout-steps ul li:after { content: ""; width: 100%; height: 2px; background: #FFFFFF; opacity: 1; position: absolute; left: -50%; top: 8px; z-index: 1;}
.history-hp .checkout-steps ul li:nth-child(1):before { }
.history-hp .checkout-steps ul li:nth-child(10):before { display: none; }
.history-hp .checkout-steps ul li:first-child:after { content: none; }
.history-hp .checkout-steps ul li.slick-current:before, 
.history-hp .checkout-steps ul li.slick-current:after { background: #215a74; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.history-hp .checkout-steps ul li.slick-current:before {content: ""; height: 24px; width: 24px; line-height: 40px; display: block; font-size: 10px; background: #215a74; border-radius: 50%; margin: -3px auto 8px auto; }
.history-hp .checkout-steps .slick-list {padding: 15px 50px !important;}


.what-hp {background: #FFFFFF;}
.what-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 190px;}
.what-hp .ins .ins-l .subttl {font-style: italic;font-weight: normal;font-size: 16px;line-height: 30px;color: #000000;padding: 15px 0;}
.what-hp .ins .ins-l .lbl {font-weight: bold;font-size: 16px;line-height: 30px;color: #000000;padding-bottom: 40px;}
.what-hp .ins .ins-l .chart img {max-width: 350px;width: 100%;}
.what-hp .ins .ins-r .accordion .card {}
.what-hp .ins .ins-r .accordion .mb-0 {position: relative;border-bottom: 1px solid #2E4C6D;padding: 8px 0;}
.what-hp .ins .ins-r .accordion .mb-0 a {display: flex;align-items: center;justify-content: space-between;}
.what-hp .ins .ins-r .accordion .mb-0 p {font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #2E4C6D;}
.what-hp .ins .ins-r .accordion .mb-0 i {font-size: 12px;color: #2E4C6D;}
.what-hp .ins .ins-r .accordion .card .card-block {padding: 15px 20px 40px 20px !important;font-style: normal;font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;background: #F8F8F8;box-shadow: 0px 4px 24px rgb(46 76 109 / 1%);}
.what-hp .ins .ins-r .accordion .collapsed {opacity: 0.6;}


.sourcing-hp {background: url(../img/tr_bg.png) no-repeat 0 0 ;background-position: center;background-size: cover;}
.sourcing-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;}
.sourcing-hp .ins .title {max-width: 470px;padding-bottom: 40px;}
.sourcing-hp .ins .items {max-width: 1366px;margin: auto;width: 100%;display: flex;border-bottom: 2px solid #2E4C6D;justify-content: space-between;align-items: center;}
.sourcing-hp .ins .items .sr-item {text-align: center;display: flex;justify-content: center;padding: 20px 0;position: relative;cursor: pointer;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #2E4C6D;opacity: 0.4;}
.sourcing-hp .ins .items .sr-item.active {opacity: 1;}
.sourcing-hp .ins .items .sr-item img {max-height: 36px;}
.sourcing-hp .ins .items .sr-item.active:after {content: "";width: 100%;height: 5px;position: absolute;bottom: -4px;background: #FF5F7E;}
.sourcing-hp .item-hiding {filter: grayscale(100%) !important;opacity: 0.3 !important;}
.sourcing-hp .ins .sr-details {max-width: 1366px;margin: auto;width: 100%;padding-top: 40px;}
.sourcing-hp .ins .sr-details .sr-detail {display: grid;grid-template-columns: 1fr;background: #FFFFFF;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);grid-gap: 40px;}
.sourcing-hp .ins .sr-details .sr-detail .det-l {padding: 25px 70px;}
.sourcing-hp .ins .sr-details .sr-detail .det-l .ttl {font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #2E4C6D;max-width: 200px;padding-bottom: 15px;}
.sourcing-hp .ins .sr-details .sr-detail .det-l .subttl {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-bottom: 25px;}
.sourcing-hp .ins .det-hiding {display: none !important;}
.sourcing-hp .ins .sr-details .sr-detail .det-r {-webkit-clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important; clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important;}



.sust-hp {background: url('../img/sust_bg.png');background-position: center;background-size: cover;position: relative;}
.sust-hp .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}
.sust-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;position: relative;z-index: 2;}
.sust-hp .ins .title {max-width: 470px;padding-bottom: 40px;}
.sust-hp .ins .accordion .card {}
.sust-hp .ins .accordion .mb-0 {position: relative;border-bottom: 1px solid #FFFFFF;padding: 15px 0 8px 0;}
.sust-hp .ins .accordion .mb-0 a {display: flex;align-items: center;justify-content: space-between;}
.sust-hp .ins .accordion .mb-0 p {font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #FFFFFF;}
.sust-hp .ins .accordion .mb-0 i {font-size: 12px;color: #FFFFFF;}
.sust-hp .ins .accordion .card .card-block {padding-left: 30px; padding-top: 15px !important;padding-bottom: 40px !important;font-weight: 300;font-size: 16px;line-height: 30px;color: #FFFFFF;}



.inv-hp {background: url(../img/tr_bg.png) no-repeat 0 0 ;background-position: center;background-size: cover;}
.inv-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;}
.inv-hp .ins .title {max-width: 470px;padding-bottom: 40px;}
.inv-hp .ins .items {max-width: 1366px;margin: auto;width: 100%;display: flex;border-bottom: 2px solid #2E4C6D;justify-content: space-between;align-items: center;}
.inv-hp .ins .items .inv-item {text-align: center;display: flex;justify-content: center;padding: 20px 0;position: relative;cursor: pointer;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #2E4C6D;opacity: 0.4;}
.inv-hp .ins .items .inv-item.active {opacity: 1;}
.inv-hp .ins .items .inv-item img {max-height: 36px;}
.inv-hp .ins .items .inv-item.active:after {content: "";width: 100%;height: 5px;position: absolute;bottom: -4px;background: #FF5F7E;}
.inv-hp .item-hiding {filter: grayscale(100%) !important;opacity: 0.3 !important;}
.inv-hp .ins .inv-details {max-width: 1366px;margin: auto;width: 100%;padding-top: 40px;}
.inv-hp .ins .inv-details .inv-detail {display: grid;grid-template-columns: 1fr;background: #FFFFFF;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);grid-gap: 40px;}
.inv-hp .ins .inv-details .inv-detail .det-l {padding: 25px 70px;}
.inv-hp .ins .inv-details .inv-detail .det-l .ttl {font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #2E4C6D;max-width: 200px;padding-bottom: 15px;}
.inv-hp .ins .inv-details .inv-detail .det-l .subttl {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-bottom: 25px;}
.inv-hp .ins .det-hiding {display: none !important;}
.inv-hp .ins .inv-details .inv-detail .det-r {-webkit-clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important; clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important;}


.med-hp {background: #FFFFFF;}
.med-hp .ins {max-width: 1480px;margin: auto;padding: 100px 20px;}
.med-hp .ins .title {max-width: 470px;padding-bottom: 40px;}
.med-hp .ins .items {max-width: 1366px;margin: auto;width: 100%;display: flex;border-bottom: 2px solid #2E4C6D;justify-content: space-between;align-items: center;}
.med-hp .ins .items .med-item {text-align: center;display: flex;justify-content: center;padding: 20px 0;position: relative;cursor: pointer;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #2E4C6D;opacity: 0.4;}
.med-hp .ins .items .med-item.active {opacity: 1;}
.med-hp .ins .items .med-item img {max-height: 36px;}
.med-hp .ins .items .med-item.active:after {content: "";width: 100%;height: 5px;position: absolute;bottom: -4px;background: #FF5F7E;}
.med-hp .item-hiding {filter: grayscale(100%) !important;opacity: 0.3 !important;}
.med-hp .ins .med-details {max-width: 1366px;margin: auto;width: 100%;padding-top: 40px;}
.med-hp .ins .med-details .med-detail {display: grid;grid-template-columns: 1fr;background: #FFFFFF;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);grid-gap: 40px;}
.med-hp .ins .med-details .med-detail .det-l {padding: 25px 70px;}
.med-hp .ins .med-details .med-detail .det-l .ttl {font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #2E4C6D;max-width: 200px;padding-bottom: 15px;}
.med-hp .ins .med-details .med-detail .det-l .subttl {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-bottom: 25px;}
.med-hp .ins .det-hiding {display: none !important;}
.med-hp .ins .med-details .med-detail .det-r {-webkit-clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important; clip-path: polygon(100% 0, 90% 4%, 81% 8%, 73% 12%, 63% 18%, 54% 24%, 46% 30%, 39% 36%, 32% 43%, 26% 50%, 19% 59%, 13% 69%, 8% 79%, 4% 90%, 1% 100%, 100% 100%) !important;}


.cnt-hp {background: url('../img/cnt_bg.png');background-position: center;background-size: cover;position: relative;}
.cnt-hp .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}
.cnt-hp .ins {max-width: 1280px;margin: auto;padding: 55px 20px;position: relative;z-index: 2;display: grid;grid-template-columns: 1fr 1fr;align-items: center;}
.cnt-hp .ins .ins-l {display: grid;grid-gap: 60px;}
.cnt-hp .ins .ins-l .title {max-width: 470px;}
.cnt-hp .ins .ins-l .addr {max-width: 200px;}
.cnt-hp .ins .ins-l .addr a {font-style: normal;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #FFFFFF;}
.cnt-hp .ins .ins-l .mail a {font-style: normal;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #FFFFFF;}
.cnt-hp .ins .ins-r {display: grid;grid-gap: 30px;justify-items: end;}
.cnt-hp .ins .ins-r .msg {max-width: 360px;width: 100%;}
.cnt-hp .ins .ins-r .msg a {width: 100%;display: block;background: #FF5F7E;color: #FFFFFF;}
.cnt-hp .ins .ins-r .see-det {max-width: 360px;width: 100%;}
.cnt-hp .ins .ins-r .see-det a {width: 100%;display: block;}


/********************* FOOTER *********************/
footer {background: #132B45;}
footer .top {max-width: 1440px;padding: 100px 20px;margin: auto;}
footer .top .ins {display: flex;justify-content: space-between;align-items: center;}
footer .top .ins .ins-r .items {display: flex;grid-gap: 95px;}
footer .top .ins .ins-r .items .item .cats {display: grid;grid-gap: 30px;}
footer .top .ins .ins-r .items .item a {font-weight: bold;font-size: 15px;line-height: 17px;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .social {display: flex;grid-gap: 25px;align-items: center;padding-top: 40px;}
footer .top .ins .ins-r .to-top-ins {cursor: pointer;font-weight: bold;font-size: 15px;line-height: 17px;letter-spacing: 0.04em;text-transform: uppercase;color: #FFFFFF;}
footer .bot {padding: 10px 0 10px 0;border-top: 1px solid #FF5F7E;position: relative;}
footer .bot .main-content-ins {display: grid;grid-template-columns: 1fr 1fr 1fr;font-weight: normal;font-size: 14px;line-height: 157.4%;color: #FF5F7E;max-width: 1560px !important;}
footer .bot ul {display: flex;grid-gap: 60px;align-items: center;justify-content: center;}
footer .bot ul li {text-align: center;}
footer .bot a {font-weight: 300;font-size: 14px;line-height: 157.4%;color: #FF5F7E;}
footer .bot .main-content-ins div:last-child {text-align: end;}
/********************* FOOTER *********************/




.inside .box {padding: 45px 0px;max-width: 1480px;margin: auto;}
.inside .box .box-title {font-weight: bold;font-size: 30px;line-height: 34px;text-transform: uppercase;color: #FF5F7E;padding-bottom: 30px;}
.inside .box .box-det {background: #FFFFFF;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.04);}
.inside .box .box-det .box-det-ins {max-width: 1320px;padding: 40px 20px;margin: auto;font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;}
.inside .box .box-det .box-det-ins p {margin-bottom: 20px;}
.inside .box .box-det .box-det-ins p:last-child {margin-bottom: 0px;}



.inside .about {background: url('../img/abt_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .about .about-ins {max-width: 1480px;margin: auto;padding: 70px 20px 90px 20px;}
.inside .about .about-ins .title {padding-bottom: 40px;}
.inside .about .about-ins .image {padding-bottom: 30px;}
.inside .about .about-ins .subttl {font-weight: 300;font-size: 18px;line-height: 30px;color: #2E4C6D;padding-bottom: 90px;}
.inside .about .about-ins .und-ttl {}
.inside .about .about-ins .und-ttl .ttl {font-weight: bold;font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FF5F7E;padding-bottom: 40px;}
.inside .about .about-ins .und-ttl .subttl {font-size: 16px;line-height: 30px;color: #2E4C6D;}
.inside .about .about-ins .und-ttl .subttl p {margin-bottom: 20px;}
.inside .about .about-ins .und-ttl .subttl p:last-child {margin-bottom: 0;}
.inside .about .about-ins .tr-model {background: #FFFFFF;box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);}
.inside .about .about-ins .tr-model .inside {padding-bottom: 45px;}
.inside .about .about-ins .tr-model .inside .ttl {padding: 80px 20px 50px 90px;max-width: 550px;font-weight: bold;font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FF5F7E;}
.inside .about .about-ins .tr-model .inside .items {}
.inside .about .about-ins .tr-model .inside .items .item {}
.inside .about .about-ins .tr-model .inside .items .item .item-ins {max-width: 1275px;margin: auto;padding: 45px 20px;}
.inside .about .about-ins .tr-model .inside .items .item .item-ins .top {display: flex;align-items: center;grid-gap: 20px;}
.inside .about .about-ins .tr-model .inside .items .item .item-ins .top .itm-title {max-width: 250px;width: 100%;font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #2E4C6D;}
.inside .about .about-ins .tr-model .inside .items .item .item-ins .bot {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-top: 20px;}
.inside .about .about-ins .tr-model .inside .items .item .item-ins .bot p {margin-bottom: 20px;}
.inside .about .about-ins .tr-model .inside .items .item .item-ins .bot p:last-child {margin-bottom: 0;}
.inside .about .about-ins .tr-model .inside .items .item-bl {background: #F8F8F8 !important;}
.inside .about .about-bot {background: url('../img/abt_bot_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .about .about-bot .about-bot-ins {padding: 50px 20px;position: relative;z-index: 2;}
.inside .about .bottom-image {background: url('../img/bottom-image.png');background-position: center;background-size: cover;position: absolute;bottom: 0;right: 0;width: 850px;
height: 753px;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;}
.inside .about .bottom-image .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}


.inside .sourcing {background: #FFFFFF;position: relative;}
.inside .sourcing .sourcing-ins {max-width: 1480px;margin: auto;padding: 70px 20px 55px 20px;}
.inside .sourcing .sourcing-ins .title {padding-bottom: 40px;}
.inside .sourcing .sourcing-ins .image {padding-bottom: 30px;}
.inside .sourcing .sourcing-ins .subttl {font-weight: 300;font-size: 18px;line-height: 30px;color: #2E4C6D;padding-bottom: 0px;}
.inside .sourcing .sourcing-bot {background: url('../img/sourcing.png');background-position: center;background-size: cover;position: relative;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins {padding: 50px 20px;position: relative;z-index: 2;}
.inside .sourcing .bottom-image {background: url('../img/src_bg_new.png');background-position: center;background-size: cover;position: absolute;bottom: 0;right: 0;width: 850px;
height: 753px;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;}
.inside .sourcing .box-contact .box-title {display: flex;align-items: center;grid-gap: 45px;}
.inside .sourcing .box-contact .box-title a {font-weight: bold;font-size: 14px;line-height: 16px;text-transform: uppercase;color: #132B45;display: flex;align-items: center;grid-gap: 10px;}
.inside .sourcing .bottom-image .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form {padding-top: 40px;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 25px;padding-bottom: 25px;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .form-group input {text-transform: none !important;height: 30px;text-align: left !important;font-weight: normal;font-size: 14px;line-height: 16px;color: #2E4C6D;background: #F8F8F8;border: 0;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .form-group textarea {text-transform: none !important;text-align: left !important;font-weight: normal;font-size: 14px;line-height: 16px;color: #2E4C6D;background: #F8F8F8;border: 0;padding: 20px 20px 0 20px;height: 150px;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .form-group label {font-weight: bold;font-size: 14px;line-height: 16px;text-transform: uppercase;color: #2E4C6D;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .form-group input:focus {background: #FFFFFF !important;font-weight: normal;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;color: #56685F;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .form-group textarea:focus {background: #FFFFFF !important;font-weight: normal;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;color: #56685F;}
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .submit button {width: 100%;text-align: center;padding: 15px 0;margin: auto;margin-top: auto;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;font-weight: 800;font-size: 16px;line-height: 22px;letter-spacing: 0.01em;text-transform: uppercase;color: #F4F4F4;background: #FF5F7E;border: 1px solid #FF5F7E;box-sizing: border-box;border-radius: 6px;margin-top: 20px;}

 


.inside .what {background: url('../img/abt_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .what .what-ins {max-width: 1480px;margin: auto;padding: 70px 20px 80px 20px;}
.inside .what .what-ins .title {padding-bottom: 30px;text-align: center;}
.inside .what .what-ins .subttl {font-style: italic;font-weight: normal;font-size: 16px;line-height: 30px;text-align: center;color: #000000;padding-bottom: 40px;max-width: 600px;margin: auto;}
.inside .what .what-ins .subttl2 {font-weight: bold;font-size: 16px;line-height: 30px;color: #000000;text-align: center;}
.inside .what .what-ins .image {padding-bottom: 60px;}
.inside .what .what-ins .image img {margin: auto;}
.inside .what .what-ins .tr-model {background: #FFFFFF;box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);}
.inside .what .what-ins .tr-model .inside {padding-bottom: 45px;}
.inside .what .what-ins .tr-model .inside .ttl {padding: 80px 20px 50px 90px;max-width: 550px;font-weight: bold;font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FF5F7E;}
.inside .what .what-ins .tr-model .inside .items {}
.inside .what .what-ins .tr-model .inside .items .item {}
.inside .what .what-ins .tr-model .inside .items .item .item-ins {max-width: 1275px;margin: auto;padding: 45px 20px;}
.inside .what .what-ins .tr-model .inside .items .item .item-ins .top {display: flex;align-items: center;grid-gap: 20px;}
.inside .what .what-ins .tr-model .inside .items .item .item-ins .top .itm-title {max-width: 250px;width: 100%;font-weight: bold;font-size: 20px;line-height: 23px;text-transform: uppercase;color: #2E4C6D;}
.inside .what .what-ins .tr-model .inside .items .item .item-ins .bot {font-weight: 300;font-size: 16px;line-height: 30px;color: #2E4C6D;padding-top: 20px;}
.inside .what .what-ins .tr-model .inside .items .item .item-ins .bot p {margin-bottom: 20px;}
.inside .what .what-ins .tr-model .inside .items .item .item-ins .bot p:last-child {margin-bottom: 0;}
.inside .what .what-ins .tr-model .inside .items .item-bl {background: #F8F8F8 !important;}
.inside .units {background: url('../img/units_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .units .units-ins {max-width: 1480px;margin: auto;padding: 70px 20px 100px 20px;}
.inside .units .units-ins .accordion .card {padding-bottom: 25px;}
.inside .units .units-ins .accordion .card:last-child {padding: 0;}
.inside .units .units-ins .accordion .mb-0 {position: relative;border: 0;padding: 8px 25px;background: #F8F8F8;box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.14);}
.inside .units .units-ins .accordion .mb-0 a {display: flex;align-items: center;justify-content: space-between;}
.inside .units .units-ins .accordion .mb-0 p {font-weight: bold;font-size: 18px;line-height: 21px;text-transform: uppercase;color: #FF5F7E;}
.inside .units .units-ins .accordion .mb-0 i {font-size: 12px;color: #FF5F7E;}
.inside .units .units-ins .accordion .card .card-block table {width: 100%;text-align: center !important;}
.inside .units .units-ins .accordion .card .card-block table th {text-align: center !important;width: 33.3% !important;background: #385574;font-weight: 800;font-size: 20px;line-height: 30px;text-align: center;color: #FFFFFF;padding: 5px 20px;}
.inside .units .units-ins .accordion .card .card-block table tr {border-bottom: 1px solid #FFFFFF;}
.inside .units .units-ins .accordion .card .card-block table tr:last-child {border: 0;}
.inside .units .units-ins .accordion .card .card-block table td {font-style: normal;font-weight: 600;font-size: 16px;line-height: 30px;color: #2E4C6D;background: #FFFFFF;padding: 10px 20px;}
.inside .units .units-ins .accordion .card .card-block table td:first-child {background: #F3F3F3 !important;}
.inside .units .units-ins .accordion .card .card-block table td:last-child {background: #F3F3F3 !important;}



.inside .sust {background: #FFFFFF;position: relative;}
.inside .sust .sust-ins {max-width: 1480px;margin: auto;padding: 70px 20px 60px 20px;}
.inside .sust .sust-ins .title {padding-bottom: 40px;}
.inside .sust .sust-ins .image {padding-bottom: 0px;}
.inside .sust .sust-ins .subttl {font-weight: 300;font-size: 18px;line-height: 30px;color: #2E4C6D;padding-bottom: 0px;}
.inside .sust .sust-bot {background: url('../img/sourcing.png');background-position: center;background-size: cover;position: relative;}
.inside .sust .sust-bot .sust-bot-ins {padding: 50px 20px;position: relative;z-index: 2;}
.inside .sust .bottom-image {background: url('../img/sust_bot_image.png');background-position: center;background-size: cover;position: absolute;bottom: 0;right: 0;width: 850px;height: 753px;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;}
.inside .sust .bottom-image .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}


.inside .inv {background: #FFFFFF;position: relative;}
.inside .inv .inv-ins {max-width: 1480px;margin: auto;padding: 70px 20px 60px 20px;}
.inside .inv .inv-ins .title {padding-bottom: 40px;}
.inside .inv .inv-ins .image {padding-bottom: 0px;}
.inside .inv .inv-ins .subttl {font-weight: 300;font-size: 18px;line-height: 30px;color: #2E4C6D;padding-bottom: 0px;}
.inside .inv .inv-bot {background: url('../img/sourcing.png');background-position: center;background-size: cover;position: relative;}
.inside .inv .inv-bot .inv-bot-ins {padding: 50px 20px;position: relative;z-index: 2;}
.inside .inv .bottom-image {background: url('../img/inv_bot_image1.png');background-position: center;background-size: cover;position: absolute;bottom: 0;right: 0;width: 850px;height: 753px;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;}
.inside .inv .bottom-image .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}

.inside .media {background: #FFFFFF;position: relative;}
.inside .media .media-ins {max-width: 1480px;margin: auto;padding: 70px 20px 60px 20px;}
.inside .media .media-ins .title {padding-bottom: 40px;}
.inside .media .media-ins .image {padding-bottom: 0px;}
.inside .media .media-ins .subttl {font-weight: 300;font-size: 18px;line-height: 30px;color: #2E4C6D;padding-bottom: 0px;}
.inside .media .media-bot {background: url('../img/sourcing.png');background-position: center;background-size: cover;position: relative;}
.inside .media .media-bot .media-bot-ins {padding: 50px 20px;position: relative;z-index: 2;}
.inside .media .bottom-image {background: url('../img/media_bot_image.png');background-position: center;background-size: cover;position: absolute;bottom: 0;right: 0;width: 850px;height: 753px;-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);clip-path: polygon(100% 0, 0% 100%, 100% 100%);z-index: 1;}
.inside .media .bottom-image .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(46, 76, 109);opacity: 0.81;z-index: 1;}

.inside .contact {background: url('../img/abt_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .contact .contact-ins {max-width: 1480px;margin: auto;padding: 75px 20px 75px 20px;}
.inside .contact .contact-ins .title {padding-bottom: 40px;text-align: center;}
.inside .contact .contact-ins .items {display: flex;grid-gap: 20px;}
.inside .contact .contact-ins .items .item {width: 33.3%;display: grid;justify-items: center;background: #F8F8F8;box-shadow: 0px 7px 17px rgba(46, 76, 109, 0.12);border-radius: 32px;padding: 100px 20px;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.inside .contact .contact-ins .items .item .icon-hover {display: none;}
.inside .contact .contact-ins .items .item .details {display: grid;grid-gap: 10px;padding-top: 40px;}
.inside .contact .contact-ins .items .item .det {max-width: 200px;text-align: center;}
.inside .contact .contact-ins .items .item .det a {font-weight: bold;font-size: 15px;line-height: 140%;text-transform: uppercase;color: #2E4C6D;}
.inside .contact .contact-ins .items .item:hover {background: #FF5F7E;box-shadow: inset 0px 0px 14px rgba(20, 35, 51, 0.34);border-radius: 32px;}
.inside .contact .contact-ins .items .item:hover .icon-not-hover {display: none;}
.inside .contact .contact-ins .items .item:hover .icon-hover {display: initial;}
.inside .contact .contact-ins .items .item:hover .det a {color: #FFFFFF;}
.inside .contact .contact-bot {background: url('../img/cnt_form_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .contact .contact-bot .contact-bot-ins {padding: 100px 20px;position: relative;z-index: 2;max-width: 1340px;margin: auto;}
.inside .contact .contact-bot .contact-bot-ins .title {text-align: center;}
.inside .contact .contact-bot .contact-bot-ins .box-form {padding-top: 45px;}
.inside .contact .contact-bot .contact-bot-ins .box-form .grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 25px;padding-bottom: 25px;}
.inside .contact .contact-bot .contact-bot-ins .box-form .form-group input {text-transform: none !important;height: 30px;text-align: left !important;font-weight: normal;font-size: 14px;line-height: 16px;color: #2E4C6D;background: #F8F8F8;border: 0;}
.inside .contact .contact-bot .contact-bot-ins .box-form .form-group textarea {text-transform: none !important;text-align: left !important;font-weight: normal;font-size: 14px;line-height: 16px;color: #2E4C6D;background: #F8F8F8;border: 0;padding: 20px 20px 0 20px;height: 150px;}
.inside .contact .contact-bot .contact-bot-ins .box-form .form-group label {font-weight: bold;font-size: 14px;line-height: 16px;text-transform: uppercase;color: #2E4C6D;}
.inside .contact .contact-bot .contact-bot-ins .box-form .form-group input:focus {background: #FFFFFF !important;font-weight: normal;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;color: #56685F;}
.inside .contact .contact-bot .contact-bot-ins .box-form .form-group textarea:focus {background: #FFFFFF !important;font-weight: normal;font-size: 18px;line-height: 21px;letter-spacing: 0.1em;color: #56685F;}
.inside .contact .contact-bot .contact-bot-ins .box-form .submit button {width: 100%;text-align: center;padding: 15px 0;margin: auto;margin-top: auto;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;font-weight: 800;font-size: 16px;line-height: 22px;letter-spacing: 0.01em;text-transform: uppercase;color: #F4F4F4;background: #FF5F7E;border: 1px solid #FF5F7E;box-sizing: border-box;border-radius: 6px;margin-top: 20px;}
.inside .contact .cnt-drive-me {background: #2E4C6D;}
.inside .contact .cnt-drive-me .ins {display: grid;grid-template-columns: 0.51fr 1fr;align-items: center;}
.inside .contact .cnt-drive-me .ins .ins-l {display: grid;grid-gap: 55px;padding: 85px 0px 120px 240px;}
.inside .contact .cnt-drive-me .ins .ins-l .title {max-width: 470px;padding-bottom: 0px;}
.inside .contact .cnt-drive-me .ins .ins-l .addr {max-width: 200px;}
.inside .contact .cnt-drive-me .ins .ins-l .addr a {font-style: normal;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #FFFFFF;}
.inside .contact .cnt-drive-me .ins .ins-l .mail a {font-style: normal;font-weight: bold;font-size: 15px;line-height: 17px;text-transform: uppercase;color: #FFFFFF;}
.inside .contact .cnt-drive-me .ins .ins-r {display: grid;grid-gap: 30px;justify-items: end;}
.inside .contact .cnt-drive-me .ins .ins-r .msg {max-width: 360px;width: 100%;}
.inside .contact .cnt-drive-me .ins .ins-r .msg a {width: 100%;display: block;background: #FF5F7E;color: #FFFFFF;}
.inside .contact .cnt-drive-me .ins .ins-r .see-det {max-width: 360px;width: 100%;}
.inside .contact .cnt-drive-me .ins .ins-r .see-det a {width: 100%;display: block;}

.inside .simple {background: url('../img/abt_bg.png');background-position: center;background-size: cover;position: relative;}
.inside .simple .simple-ins {max-width: 1480px;margin: auto;padding: 70px 20px 55px 20px;}
.inside .simple .simple-ins .title {padding-bottom: 40px;}
.inside .simple .simple-ins .subttl {font-weight: 300;font-size: 18px;line-height: 30px;color: #2E4C6D;padding-bottom: 0px;}
.inside .simple .simple-ins .subttl p {margin-bottom: 20px;}
.inside .simple .simple-ins .subttl p:last-child {margin-bottom: 0px;}
.inside .simple .simple-ins .subttl .error-template {display: grid;justify-items: center;}
.inside .simple .simple-ins .subttl .error-template .error-actions {display: flex;grid-gap: 20px;padding-top: 20px;justify-content: center;flex-wrap: wrap;}


@media only screen and (max-width: 1700px) { /* .col-lg- */
  

}






@media only screen and (max-width: 1600px) { /* .col-lg- */

    

    

}



@media only screen and (max-width: 1500px) { /* .col-lg- */
    


}





@media only screen and (max-width: 1366px) { /* .col-lg- */

    
header .grid .grid-m ul {grid-gap: 15px;}  
header .grid .grid-m ul li a {font-size: 14px;}    
header .grid .grid-r {grid-gap: 20px;}    
header .grid .grid-r .cnt a {padding: 10px 20px;} 

    
.custom.tp-bullets {transform: rotate(0deg) !important;top: 75% !important;}    
    
    
.inside .contact .cnt-drive-me .ins .ins-l {padding: 85px 0px 120px 50px;}    
    
}






@media only screen and (max-width: 1200px) { /* .col-lg- */

    
header .grid .grid-m {display: none;}    
header .mob {display: initial;}  
 
    
.what-hp .ins {grid-gap: 90px;}    
   
footer .top .ins .ins-r .items {grid-gap: 35px;}    
    
    
}







@media only screen and (max-width: 1050px) { /* .col-lg- */


}






@media only screen and (max-width: 992px) { /* .col-md- */
    
    
.tp1 {margin-top: -100px !important;}    
.tp2 {margin-top: -50px !important;min-width: 500px !important;}
.custom.tp-bullets {left: 50% !important;top: 90% !important;} 
    
    
.trading-hp .ins .details .detail {grid-template-columns: 1fr;grid-gap: 20px;}
.trading-hp .ins .details .detail .det-r {clip-path: none !important;height: 300px !important;}
 
    
    
.history-hp .ins .presentations {padding-top: 0px;}
.history-hp .ins .presentations .presentation {grid-template-columns: 1fr;grid-gap: 20px;}
.history-hp .ins .presentations .presentation .det-l {padding: 0px 0px;}    
.history-hp .ins .presentations .presentation .det-r {height: 300px !important;}
   
    
    
.what-hp .ins {grid-template-columns: 1fr;grid-gap: 50px;}   
.what-hp .ins .ins-l .chart img {margin: auto;}  
    
    
.sourcing-hp .ins .items {justify-content: initial;flex-wrap: wrap;grid-gap: 20px;border: 0;}    
.sourcing-hp .ins .sr-details .sr-detail .det-l {padding: 25px 20px;} 
    
    
    
.inv-hp .ins .items {justify-content: initial;flex-wrap: wrap;grid-gap: 20px;border: 0;}    
.inv-hp .ins .inv-details .inv-detail .det-l {padding: 25px 20px;}     
    
    
.med-hp .ins .items {justify-content: initial;flex-wrap: wrap;grid-gap: 20px;border: 0;}    
.med-hp .ins .med-details .med-detail .det-l {padding: 25px 20px;}     
    
    
footer .top .ins {display: grid;justify-items: center;justify-content: initial;grid-gap: 30px;}    
footer .bot .main-content-ins {grid-template-columns: 1fr;justify-items: center;grid-gap: 30px;justify-content: initial !important;}   
  
    
    
.inside .about .about-ins .tr-model .inside .ttl {padding: 80px 20px 50px 20px;}    
.inside .about .bottom-image {width: 425px;height: 376px;}   
    
.inside .sourcing .bottom-image {width: 425px;height: 376px;}    
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .grid {grid-template-columns: 1fr 1fr;}    
  
    
.inside .what .what-ins .tr-model .inside .ttl {padding: 80px 20px 50px 20px;}    
  
    
.inside .sust .bottom-image {width: 425px;height: 376px;} 
    
.inside .inv .bottom-image {width: 425px;height: 376px;}     

.inside .media .bottom-image {width: 425px;height: 376px;}   
    
    
.inside .contact .contact-ins .items {display: grid;justify-items: center;}    
.inside .contact .contact-bot .contact-bot-ins .box-form .grid {grid-template-columns: 1fr 1fr;}  
  
    
.slideshow-hp .items {display: none;}    
    
    
}





@media only screen and (max-width: 767px) { /* .col-xs- */
  
    
.about-hp .ins {padding: 50px 20px;}   
.trading-hp .ins {padding: 50px 20px;}    
.trading-hp .ins .details .detail .det-l {padding: 25px 20px;}   
.history-hp .ins {padding: 50px 20px;}  
.what-hp .ins {padding: 50px 20px;} 
.sourcing-hp .ins {padding: 50px 20px;}    
.sust-hp .ins {padding: 50px 20px;} 
.inv-hp .ins {padding: 50px 20px;}    
.med-hp .ins {padding: 50px 20px;}    
.cnt-hp .ins {padding: 50px 20px;}  
  
    
footer .top {padding: 50px 20px;}
footer .top .ins .ins-r .items {display: grid;text-align: center;justify-items: center;}    
footer .top .ins .ins-r .items .item .social {justify-content: center;}    
    

    
    
.inside .about .about-ins {padding: 50px 20px 50px 20px;}    
.inside .about .about-ins .subttl {padding-bottom: 50px;}    
.inside .about .about-ins .tr-model .inside .ttl {padding: 50px 20px 50px 20px;}
  
.inside .sourcing .sourcing-ins {padding: 50px 20px 50px 20px;}    
.inside .sourcing .sourcing-ins .subttl {padding-bottom: 50px;}     
    
    
    
.inside .what .what-ins {padding: 50px 20px;}    
.inside .what .what-ins .image {padding-bottom: 50px;}   
.inside .units .units-ins {padding: 50px 20px;}   
    
    
    
.inside .sust .sust-ins {padding: 50px 20px 50px 20px;}    
.inside .sust .sust-ins .image {padding-bottom: 0px;} 
 
.inside .inv .inv-ins {padding: 50px 20px 50px 20px;}    
.inside .inv .inv-ins .image {padding-bottom: 0px;}     
    
   
.inside .media .media-ins {padding: 50px 20px 50px 20px;}    
.inside .media .media-ins .image {padding-bottom: 0px;}    
    
    
.inside .contact .contact-ins {padding: 50px 20px;}
.inside .contact .contact-ins .items .item {width: 80%;}    
.inside .contact .contact-bot .contact-bot-ins {padding: 50px 20px;} 
.inside .contact .cnt-drive-me .ins {grid-template-columns: 1fr 1fr;}    
.inside .contact .cnt-drive-me .ins .ins-l {padding: 50px 0px 50px 50px;}    
    
    
    
}



@media only screen and (max-width: 640px) {
  

}
    
    
    
    
@media only screen and (max-width: 580px) {
   
    
header .grid .grid-r .cnt a {padding: 5px 10px;font-size: 12px;}    

    
.cnt-hp .ins {grid-template-columns: 1fr;justify-items: center;grid-gap: 40px;} 
.cnt-hp .ins .ins-l {grid-gap: 20px;}
.cnt-hp .ins .ins-l .title {padding-bottom: 0px;}   


.inside .sourcing .box-contact .box-title {display: grid;}    
.inside .sourcing .sourcing-bot .sourcing-bot-ins .box-form .grid {grid-template-columns: 1fr;}    
   
    
    
.inside .units .units-ins .accordion .card .card-block table th {font-size: 16px;}    
.inside .units .units-ins .accordion .card .card-block table td {font-size: 14px;}  
   
    
    
.inside .contact .contact-bot .contact-bot-ins .box-form .grid {grid-template-columns: 1fr;} 
.inside .contact .cnt-drive-me .ins {grid-template-columns: 1fr;justify-items: center;}    
.inside .contact .cnt-drive-me .ins .ins-l {padding: 30px 0;}    
    .inside .contact .cnt-drive-me .ins .ins-r {height: 200px !important;}
    
    
    
.tp1 {margin-top: -160px !important;font-size: 40px !important;margin-left: 110px !important;}   
.tp2 {min-width: 360px !important;}    
.rev-btn {width: 150px !important;font-size: 14px !important;margin-top: 100px !important;}  
    
}





@media only screen and (max-width: 480px) {


.trading-hp .ins .items .item img {max-height: 24px;}    
    
.history-hp .checkout-steps .top {font-size: 16px;} 
.history-hp .checkout-steps .bot {font-size: 16px;}    
  
    
.inside .about .bottom-image {width: 212px;height: 188px;}    

.inside .sourcing .bottom-image {width: 212px;height: 188px;}    
 
    
.inside .sust .bottom-image {width: 212px;height: 188px;}    
  
    
.inside .inv .bottom-image {width: 212px;height: 188px;}    
   
    
.inside .media .bottom-image {width: 212px;height: 188px;}    
  
    
.inside .contact .contact-ins .items .item {width: 100%;}    
    
}




@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 420px) {

}
    
@media only screen and (max-width: 380px) {

    
}    
    

@media only screen and (max-width: 360px) {


}

@media only screen and (max-width: 359px) {
    

    
}