a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;text-decoration: none !important;}
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; }

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


nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #A3B79A; }
.mm-navbar_tabs a { font-size: 16px; }
.mm-navbar_tabs a i { margin-right: 6px; }
.mm-btn_close { background: #000000; }
.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: #000000; }
.mm-navbars_bottom .mm-navbar a { color: #fff; }

#cookie-bar { background: #C6A992; height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; z-index: 100; }
#cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; }
#cookie-bar.fixed.bottom { bottom: 0; top: auto; z-index: 999; }
#cookie-bar p { margin: 0; padding: 0; color: #000000; font-size: 14px; }
#cookie-bar a { color: #000000; text-decoration: underline !important; font-size: 14px; }
#cookie-bar .cb-enable { background: #fff; color: #000; display: inline-block; text-decoration: none !important; padding: 2px 6px; margin-left: 8px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
#cookie-bar .cb-enable:hover { background: #000; color: #fff; }
#cookie-bar .cb-disable { background: #990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover { background: #bb0000; }
#cookie-bar .cb-policy { background: #0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover { background: #0055dd; }

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: #c6168d !important; }

.main-content {}
.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; }

.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: 'Open Sans', sans-serif !important;max-width: 1920px;margin: auto;overflow-x: hidden;padding: 0 !important;background: #000000 !important;}
p {margin: 0;padding: 0;}



/********************* HEADER *********************/
.cbp-af-header header {position: relative;padding-bottom: 20px;}
.cbp-af-header header .grid {display: flex;align-items: center;max-width: 1690px;margin: auto;padding: 35px 20px 0px 20px;justify-content: space-between;}
.cbp-af-header-shrink header .grid {}
header .grid .grid-r {display: flex;grid-gap: 90px;}
header .grid .logo {display: flex;align-items: center;grid-gap: 20px;}
/*
header .grid .logo a { display: block; background: url(../img/logo.png) no-repeat 0 0; width: 152px; height: 56px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .grid .logo .logo-sm { display: none; background: url(../img/logo-sm.png) no-repeat 0 0; width: 100px; height: 37px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .grid .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 .mn {}
header .grid .mn ul {display: flex;align-items: center;}
header .grid .mn ul li {padding-right: 40px;}
header .grid .mn ul li:last-child {padding-right: 0px;}
header .grid .mn ul li a {font-weight: normal;font-size: 14px;line-height: 92.6%;color: #FFFFFF;padding-bottom: 30px;}
header .grid .mn ul li a:hover {color: #C6A992 !important;}
header .grid .mn ul li a.active {border-bottom: 6px solid #C6A992;border-radius: 6px 6px 6px 6px;}
header .right {display: flex;grid-gap: 70px;align-items: center;}
header .right .right-l {}
header .right .right-r {display: flex;grid-gap: 65px;align-items: center;}
header .right .right-r .team {display: flex;align-items: center;height: 100%;}
header .right .right-r .team a {font-weight: bold;font-size: 17px;line-height: 100%;letter-spacing: 0.035em;color: #080B11;background: #C6A992;border-radius: 6px;padding: 8px 16px;}
header .right .right-r .team a:hover {color: #FFFFFF;}
header .right .right-r .lngs {}
header .right .right-r .lngs i { padding-left: 5px; }
header .right .right-r .lngs button { background: none; border: 0; margin: 0; padding: 0;font-weight: normal;font-size: 16px;line-height: 22px;color: #FFFFFF;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .right .right-r .lngs button span { display: inline-block; vertical-align: top; margin-right: 10px; color: black; }
header .right .right-r .lngs button span:before { font-size: 16px; color: black; }
header .right .right-r .lngs .dropdown-menu { border: 1px solid #fff; padding: 0; min-width: 120px; }
header .right .right-r .lngs .dropdown-menu li { text-align: center; border-bottom: 1px solid #fff; }
header .right .right-r .lngs .dropdown-menu li:last-child { border-bottom: 0; }
header .right .right-r .lngs .dropdown-menu li a { padding: 5px 10px; background: #fff; color: #000; font-size: 14px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .right .right-r .lngs .fa-chevron-down {font-size: 12px;}
header .right .right-r .lngs .dropdown-menu li a:hover,
header .right .right-r .lngs .dropdown-menu li a.active { background: #C6A992; color: #fff; }
header .right .socs-cats {display: grid;justify-items: center;grid-gap: 10px;}
header .right .socs-cats .cats {display: flex;grid-gap: 10px;}
header .right .socs-cats .cats a {color: #FFFFFF;}
header .right .socs-cats .cats a:hover {color: #C6A992;}
header .right .socials {display: flex;align-items: center;width: 100%;justify-content: space-between;}
header .right .socials .social a em {display: flex;align-items: center;font-size: 24px;color: #FFFFFF;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .right .socials .social a em:hover {color: #C6A992;}
header .right .right-r .bars {display: none;}
.search-mdl .modal-dialog {max-width: 1080px;width: 100%;}
.search-mdl .modal-header {display: none !important;}
.search-mdl .modal-content {}
.custom-search {background: #e8e8e8;border: 0;width: 100%;margin: 0;padding: 7px 12px;cursor: pointer;z-index: 1000;}
.search-mdl .modal-body {background: #C6A992;box-shadow: 0px 4px 20px rgb(22 21 75 / 54%);border-radius: 6px;padding: 20px !important;}
.search-mdl .bootstrap-dialog-message {display: flex !important;grid-gap: 15px !important;justify-content: center !important;}
.search-mdl .bootstrap-dialog-message form {width: 100%;display: flex;grid-gap: 15px;}
.search-mdl .bootstrap-dialog-message form input {background: transparent;font-weight: 800;font-size: 20px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.search-mdl .bootstrap-dialog-message form input::placeholder {font-weight: 800;font-size: 20px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.search-mdl .bootstrap-dialog-message form input::-ms-input-placeholder {font-weight: 800;font-size: 20px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.search-mdl .bootstrap-dialog-message button {background: transparent;border: 0;max-width: 44px;width: 100%;font-weight: bold;font-size: 18px;line-height: 21px;letter-spacing: 0.04em;color: #FFFFFF;}


.story {padding: 80px 20px 0 20px;position: relative;max-width: 1130px;margin: auto;}
.story .ins {}
.story .ins .item img {margin: auto;border: 0.4px solid #9DA0AB;border-radius: 30px;padding: 1px;}
.story .ins .item .det {font-weight: 600;font-size: 12px;line-height: 100%;color: #FFFFFF;padding-top: 10px;text-align: center;}
.story .slider-story-l {top: 75%;position: absolute;transform: translateY(-50%);left: -60px;cursor: pointer;}
.story .slider-story-r {top: 75%;position: absolute;transform: translateY(-50%);right: -60px;cursor: pointer;}
.story .slick-list {}
.story .slick-slide {margin: 0 25px;}


.home .grid {max-width: 1520px;width: 100%;margin: auto;padding: 55px 20px 120px 20px;}
.home .grid .ins {display: flex;flex-wrap: wrap;flex-direction: row;}
.home .grid .ins .grd-item {width: 25%;position: relative;padding-right: 25px;padding-top: 25px;}
.home .grid .ins .grd-item .det {position: absolute;bottom: 16px;left: 16px;width: 100%;max-width: 300px;}
.home .grid .ins .grd-item .det .title {font-weight: bold;font-size: 16px;line-height: 130%;text-transform: uppercase;color: #FFFFFF;padding-top: 8px;}
.home .grid .ins .grd-item .det .subtitle {font-family: 'Nunito', sans-serif;font-weight: normal;font-size: 12px;line-height: 130%;color: #FFFFFF;padding-top: 8px;padding-bottom: 6px;display: none;text-align: justify;}
.home .grid .ins .grd-item .det .button {display: none;}
.home .grid .ins .grd-item .det .button a {font-weight: bold;font-size: 12px;line-height: 145%;color: #FFFFFF;padding: 2px 15px;background: #C6A992;border-radius: 6px;}
.home .grid .ins .grd-item:hover > .img {background: linear-gradient(180deg, #C6A992 0%, rgba(198, 169, 146, 0) 65.79%);opacity: 0.79;}
.home .grid .ins .grd-item:hover > .det .subtitle {display: inherit;}
.home .grid .ins .grd-item:hover > .det .button {display: inherit;}

.follow {max-width: 27vw;width: 100%;position: absolute;right: 0;top: 190px;}
.follow .ttl {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.follow .ttl span {color: #C6A992;}
.follow .instagram, .follow .linkedin {max-width: 320px;width: 100%;}
.follow .instagram {padding: 95px 0px 30px 0;}
.follow .title {font-weight: 600;font-size: 17px;line-height: 100%;letter-spacing: 0.04em;color: #C6A992;padding-bottom: 15px;}
.follow .widget {background: white;padding: 15px 15px 0px 15px;border-radius: 12px;}


/********************* FOOTER *********************/
footer .bot { padding: 10px 0 10px 0;border-top: 1px solid #9DA0AB;}
footer .bot .main-content-ins {display: grid;grid-template-columns: 0.3fr 1fr 0.3fr;color: #9DA0AB;font-size: 14px;font-weight: normal;max-width: 1680px !important;align-items: center;}
footer .bot ul {display: flex;grid-gap: 60px;align-items: center;justify-content: center;}
footer .bot ul li {text-align: center;}
footer .bot a {color: #9DA0AB;}
footer .bot .main-content-ins div:last-child {text-align: end;}
/********************* FOOTER *********************/






/********************* COMPANY PAGE *********************/
.inside .company {position: relative;}
.inside .company .top {padding-top: 80px;}
.inside .company .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .company .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .company .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align: justify;} 
.inside .company .sld {padding-top: 70px;overflow: hidden;}
.inside .company .sld .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .company .sld .ins .item {display: grid;grid-gap: 25px;}
.inside .company .sld .ins .item img {filter: grayscale(100%);-webkit-transition: filter .2s ease-in; -moz-transition: filter .2s ease-in; -o-transition: filter .2s ease-in; transition: filter .2s ease-in;}
.inside .company .sld .ins .item img:hover {filter: grayscale(0%);}
.inside .company .sld .ins .item .item-top {display: grid;grid-template-columns: 0.49fr 1fr;grid-gap: 25px;}
.inside .company .sld .ins .item .item-top .item-l {display: grid;grid-gap: 25px;}
.inside .company .sld .ins .item .item-bot {display: grid;grid-template-columns: 1fr 0.49fr;grid-gap: 25px;}
.inside .company .sld .ins .item .item-bot .item-r {display: grid;grid-gap: 25px;}
.inside .company .sld .sld-bot {display: flex;justify-content: space-between;max-width: 1130px;margin: auto;padding: 35px 20px 45px 20px;}
.inside .company .sld .sld-bot .slider-btns {display: flex;grid-gap: 25px;}
.inside .company .sld .sld-bot .slider-btns .slick-arrow {cursor: pointer;}
.inside .company .sld .sld-bot .slider-num {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.28em;color: #C6A992;}
.inside .company .sld .ins .slick-dots {position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;left: 95%;bottom: -65px;transform: translateX(-50%);text-align: center;background: transparent;}
.inside .company .sld .ins .slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;border-right: 0;}
.inside .company .sld .ins .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.14);border-radius: 30px;width: 12px;height: 12px;border: 1px solid #C6A992;}
.inside .company .sld .ins .slick-dots .slick-active button {background: #C6A992 !important;}
.inside .company .sld .ins .slick-dots li button:before {font-family: 'slick';font-size: 40px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20pxheight: 20px;content: '•';text-align: center;}
.inside .company .vid {padding-top: 0px;padding-bottom: 90px;}
.inside .company .vid .ins {max-width: 1130px;margin: auto;padding: 0 20px;display: flex;align-items: center;flex-direction: row;flex-wrap: wrap;}
.inside .company .vid .ins .vid-l {width: 73%;padding-right: 80px;}
.inside .company .vid .ins .vid-l iframe {width: 100%;}
.inside .company .vid .ins .vid-r {width: 27%;}
.inside .company .vid .ins .vid-r .title {font-weight: 600;font-size: 20px;line-height: 100%;letter-spacing: 0.04em;color: #C6A992;padding-bottom: 35px;}
.inside .company .vid .ins .vid-r .subtitle {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;}
/********************* COMPANY PAGE *********************/


/********************* SERVICES PAGE *********************/
.inside .srv {position: relative;}
.inside .srv .top {padding-top: 80px;}
.inside .srv .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .srv .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .srv .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align:justify;} 
.inside .srv .items {padding-top: 70px;padding-bottom: 90px;}
.inside .srv .items .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .srv .items .ins .item {filter: grayscale(100%);width: 100%;height: 100%;display: block;margin-bottom: 25px;}
.inside .srv .items .ins .item:last-child {margin-bottom: 0;}
.inside .srv .items .ins .item:hover {filter: grayscale(0%);}
.inside .srv .items .ins .item:hover > .img {opacity: 0.9 !important;}
.inside .srv .items .ins .item .ttl {position: absolute;top:50%;transform: translateY(-50%);left: 20px;font-weight: 800;font-size: 24px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.inside .srv .items .ins .item .button {display: none;position: absolute;top:50%;transform: translateY(-50%);right: 20px;font-weight: 600;font-size: 14px;line-height: 100%;color: #C6A992;}
.inside .srv .items .ins .item:hover > .button {display: initial !important;}
/********************* SERVICES PAGE *********************/


/********************* SERVICES INSIDE PAGE *********************/
.inside .srvart {position: relative;}
.inside .srvart .top {padding-top: 80px;}
.inside .srvart .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .srvart .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .srvart .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align:justify;} 
.inside .srvart .top .ins .button {padding-top: 40px;}
.inside .srvart .top .ins .button a {font-weight: 600;font-size: 14px;line-height: 100%;color: #C6A992;}
.inside .srvart .sld {padding-top: 80px;overflow: hidden;}
.inside .srvart .sld .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .srvart .sld .ins .item {display: grid;grid-gap: 25px;}
.inside .srvart .sld .ins .item img {filter: grayscale(100%);-webkit-transition: filter .2s ease-in; -moz-transition: filter .2s ease-in; -o-transition: filter .2s ease-in; transition: filter .2s ease-in;}
.inside .srvart .sld .ins .item img:hover {filter: grayscale(0%);}
.inside .srvart .sld .ins .item .item-top {display: grid;grid-template-columns: 0.49fr 1fr;grid-gap: 25px;}
.inside .srvart .sld .ins .item .item-top .item-l {display: grid;grid-gap: 25px;}
.inside .srvart .sld .ins .item .item-bot {display: grid;grid-template-columns: 1fr 0.49fr;grid-gap: 25px;}
.inside .srvart .sld .ins .item .item-bot .item-r {display: grid;grid-gap: 25px;}
.inside .srvart .sld .sld-bot {display: flex;justify-content: space-between;max-width: 1130px;margin: auto;padding: 35px 20px 45px 20px;}
.inside .srvart .sld .sld-bot .slider-btns {display: flex;grid-gap: 25px;}
.inside .srvart .sld .sld-bot .slider-btns .slick-arrow {cursor: pointer;}
.inside .srvart .sld .sld-bot .slider-num {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.28em;color: #C6A992;}
.inside .srvart .sld .ins .slick-dots {position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;left: 95%;bottom: -65px;transform: translateX(-50%);text-align: center;background: transparent;}
.inside .srvart .sld .ins .slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;border-right: 0;}
.inside .srvart .sld .ins .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;box-shadow: 0px 9px 33px rgba(0, 0, 0, 0.14);border-radius: 30px;width: 12px;height: 12px;border: 1px solid #C6A992;}
.inside .srvart .sld .ins .slick-dots .slick-active button {background: #C6A992 !important;}
.inside .srvart .sld .ins .slick-dots li button:before {font-family: 'slick';font-size: 40px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20pxheight: 20px;content: '•';text-align: center;}
.inside .srvart .cnt {padding-top: 45px;padding-bottom: 70px;}
.inside .srvart .cnt .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .srvart .cnt .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;padding-bottom: 60px;}
.inside .srvart .cnt .ins form .form-group input {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 40px;margin-bottom: 40px;font-weight: 800;font-size: 18px;line-height: 180%;letter-spacing: 0.08em;color: #FFFFFF;padding-left: 60px;}
.inside .srvart .cnt .ins form .form-group input:focus {background: #C6A992;border: 1px solid #C6A992;}
.inside .srvart .cnt .ins form .form-group input::placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .srvart .cnt .ins form .form-group input::-ms-input-placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .srvart .cnt .ins form .form-group textarea {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 180px;margin-bottom: 40px;font-weight: 800;font-size: 18px;line-height: 180%;letter-spacing: 0.08em;color: #FFFFFF;padding-left: 60px;}
.inside .srvart .cnt .ins form .form-group textarea:focus {background: #C6A992;border: 1px solid #C6A992;}
.inside .srvart .cnt .ins form .form-group textarea::placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .srvart .cnt .ins form button {width: 100%;background: transparent;border: 1px solid #C6A992;border-radius: 6px;font-weight: bold;font-size: 17px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;padding: 10px 0;}
/********************* SERVICES INSIDE PAGE *********************/




/********************* PROJECTS PAGE *********************/
.inside .projects {position: relative;}
.inside .projects .top {padding-top: 80px;}
.inside .projects .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .projects .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .projects .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align:justify;} 
.inside .projects .items {padding-top: 70px;padding-bottom: 80px;}
.inside .projects .items .ins {max-width: 1130px;margin: auto;padding: 0 20px;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 25px;}
.inside .projects .items .ins .item {position: relative;}
.inside .projects .items .ins .item .img {background: #121727;opacity: 0.49;filter: grayscale(1);-webkit-transition: filter .2s ease-in; -moz-transition: filter .2s ease-in; -o-transition: filter .2s ease-in; transition: filter .2s ease-in;}
.inside .projects .items .ins .item:hover > .img {background: #121727;opacity: 0.7;filter: grayscale(0);}
.inside .projects .items .ins .item .det {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.inside .projects .items .ins .item .det .title {font-weight: 800;font-size: 24px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;padding-bottom: 25px;text-align: center;}
.inside .projects .items .ins .item .det .year {font-weight: 600;font-size: 14px;line-height: 100%;color: #C6A992;text-align: center;}
/********************* PROJECTS PAGE *********************/


/********************* PROJECTS INSIDE PAGE *********************/
.inside .projart {position: relative;}
.inside .projart .top {padding-top: 80px;padding-bottom: 80px;}
.inside .projart .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .projart .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .projart .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align: justify;} 
.inside .projart .items {max-height: 1000px;overflow-y: auto;max-width: 1200px;margin: auto;padding: 0 20px 40px 20px;}
.inside .projart .items::-webkit-scrollbar {width: 10px;}
.inside .projart .items::-webkit-scrollbar-track {background: transparent; }
.inside .projart .items::-webkit-scrollbar-thumb {background: #C6A992;border-radius: 6px 0px 0px 6px;height: 50px;}
.inside .projart .items::-webkit-scrollbar-thumb:hover {background: #555; }
.inside .projart .items .ins {display: grid;grid-gap: 25px;}
.inside .projart .items .ins .item {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 25px;}
.inside .projart .items .ins .item .photo {position: relative;}
.inside .projart .items .ins .item .photo img {width: 100%;}
.inside .projart .items .ins .item .overlay {display: none; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: linear-gradient(353.44deg, #121727 1.52%, rgba(18, 23, 39, 0.533404) 60.52%, rgba(52, 62, 92, 0) 149.48%);-webkit-transition: display .2s ease-in; -moz-transition: display .2s ease-in; -o-transition: display .2s ease-in; transition: display .2s ease-in;}
.inside .projart .items .ins .item .photo:hover > .overlay {display: initial;}
.inside .projart .items .ins .item .overlay .overlay-ins {position: absolute;bottom: 0;padding: 15px;}
.inside .projart .items .ins .item .overlay .overlay-ins .title {font-weight: bold;font-size: 16px;line-height: 130%;text-transform: uppercase;color: #FFFFFF;}
.inside .projart .items .ins .item .overlay .overlay-ins .subtitle {font-family: 'Nunito', sans-serif !important;padding-top: 10px;font-weight: normal;font-size: 12px;line-height: 130%;color: #FFFFFF;}
.inside .projart .items .ins .item .item-l {display: grid;grid-gap: 25px;}
.inside .projart .items .ins .item .item-m {display: grid;grid-gap: 25px;}
.inside .projart .items .ins .item .item-r {display: grid;grid-gap: 25px;}
/********************* PROJECTS INSIDE PAGE *********************/

/********************* BALANCE SHEETS PAGE *********************/
.inside .balance {position: relative;}
.inside .balance .top {padding-top: 80px;}
.inside .balance .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .balance .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .balance .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align: justify;} 
.inside .balance .items {padding-top: 80px;padding-bottom: 90px;}
.inside .balance .items .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .balance .items .ins .item {filter: grayscale(100%);width: 100%;height: 100%;display: block;margin-bottom: 25px;}
.inside .balance .items .ins .item:last-child {margin-bottom: 0;}
.inside .balance .items .ins .item:hover {filter: grayscale(0%);}
.inside .balance .items .ins .item:hover > .img {opacity: 0.9 !important;}
.inside .balance .items .ins .item .ttl {position: absolute;top:50%;transform: translateY(-50%);left: 20px;font-weight: 800;font-size: 24px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.inside .balance .items .ins .item .button {position: absolute;top:50%;transform: translateY(-50%);right: 20px;font-weight: 600;font-size: 14px;line-height: 100%;color: #C6A992;}
/********************* BALANCE SHEETS PAGE *********************/

/********************* CERT PAGE *********************/
.inside .cert {position: relative;}
.inside .cert .top {padding-top: 80px;}
.inside .cert .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .cert .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .cert .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align: justify;} 
.inside .cert .items {padding: 70px 0 200px 0;}
.inside .cert .items .ins {display: grid;grid-template-columns: 1fr 1fr 1fr;justify-items: center;max-width: 1000px;width: 100%;margin: auto;padding: 0 20px;grid-gap: 50px 120px;}
.inside .cert .items .ins .item .title {font-weight: bold;font-size: 24px;line-height: 141%;letter-spacing: 0.035em;color: #FFFFFF;}
.inside .cert .items .ins .item .certificate {transition: transform .2s;padding-bottom: 25px;}
.inside .cert .items .ins .item img:hover {transform: scale(1.1);}
.inside .cert .items .ins .item .subtitle {font-size: 16px;letter-spacing: 0.035em;color: #FFFFFF;padding-bottom: 15px;}
.inside .cert .items .ins .item .button {font-weight: 600;font-size: 14px;line-height: 100%;color: #C6A992;margin-top: 25px;}
/********************* CERT PAGE *********************/


/********************* CERT INSIDE PAGE *********************/
.inside .certins {position: relative;}
.inside .certins .top {padding-top: 80px;}
.inside .certins .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .certins .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .certins .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align: justify;} 
.inside .certins .det {padding-top: 40px;}
.inside .certins .det .ins {max-width: 1130px;margin: auto;padding: 0 20px;display: grid;grid-template-columns: 0.55fr 1fr;grid-gap: 65px;max-height: 640px;overflow-y: auto;padding-bottom: 40px;}
.inside .certins .det .ins::-webkit-scrollbar {width: 10px;}
.inside .certins .det .ins::-webkit-scrollbar-track {background: transparent; }
.inside .certins .det .ins::-webkit-scrollbar-thumb {background: #C6A992;border-radius: 6px 0px 0px 6px;height: 50px;}
.inside .certins .det .ins::-webkit-scrollbar-thumb:hover {background: #555; }
.inside .certins .det .ins .ins-r {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;}
/********************* CERT INSIDE PAGE *********************/


/********************* GDPR PAGE *********************/
.inside .gdpr {position: relative;}
.inside .gdpr .top {padding-top: 80px;padding-bottom: 60px;}
.inside .gdpr .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .gdpr .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .gdpr .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align:justify;}
/********************* GDPR PAGE *********************/


/********************* SIMPLE PAGE *********************/
.inside .simple {position: relative;}
.inside .simple .top {padding-top: 80px;padding-bottom: 60px;}
.inside .simple .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .simple .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .simple .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align:justify;}
/********************* SIMPLE PAGE *********************/


/********************* CAREER PAGE *********************/
.inside .career {position: relative;}
.inside .career .top {padding-top: 80px;padding-bottom: 60px;}
.inside .career .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .career .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .career .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align:justify;}
.inside .career .items {padding-top: 20px;padding-bottom: 80px;}
.inside .career .items .ins {max-width: 1130px;margin: auto;padding: 0 20px;display: grid;grid-gap: 25px;-webkit-transition: background .2s ease-in; -moz-transition: background .2s ease-in; -o-transition: background .2s ease-in; transition: background .2s ease-in;}
.inside .career .items .ins .item {position: relative;background: transparent;border-radius: 6px;}
.inside .career .items .ins .item:hover {background: linear-gradient(271.36deg, #2D1809 -73.41%, #4B2B12 -46.06%, #C6A992 87.02%, #F4D6BD 126.24%);}
.inside .career .items .ins .item:hover > .button {display: initial;}
.inside .career .items .ins .item .title {padding: 20px 0 20px 40px;}
.inside .career .items .ins .item .title a {font-weight: 800;font-size: 24px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.inside .career .items .ins .item .button {position: absolute;top: 50%;right: 90px;transform: translateY(-50%);display: none;}
.inside .career .items .ins .item .button a {font-weight: 600;font-size: 14px;line-height: 100%;color: #FFFFFF;}
.hidd {display: none;}
.inside .career .items .slide-btn {max-width: 1130px;margin: auto;padding: 0px 20px 20px 60px;font-weight: 600;font-size: 14px;line-height: 100%;color: #C6A992;cursor: pointer;margin-top: 50px;}
/********************* CAREER PAGE *********************/


/********************* CAREER INSIDE PAGE *********************/
.inside .careerart {position: relative;}
.inside .careerart .top {padding-top: 80px;padding-bottom: 60px;}
.inside .careerart .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .careerart .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .careerart .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;text-align: justify;}
.inside .careerart .cnt {padding-top: 20px;padding-bottom: 90px;}
.inside .careerart .cnt .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .careerart .cnt .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;padding-bottom: 60px;}
.inside .careerart .cnt .ins form .form-group input {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 40px;margin-bottom: 40px;font-weight: 800;font-size: 18px;line-height: 180%;letter-spacing: 0.08em;color: #FFFFFF;padding-left: 60px;}
.inside .careerart .cnt .ins form .form-group input:focus {background: #C6A992;border: 1px solid #C6A992;}
.inside .careerart .cnt .ins form .form-group input::placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .careerart .cnt .ins form .form-group textarea {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 180px;margin-bottom: 40px;font-weight: 800;font-size: 18px;line-height: 180%;letter-spacing: 0.08em;color: #FFFFFF;padding-left: 60px;}
.inside .careerart .cnt .ins form .form-group textarea:focus {background: #C6A992;border: 1px solid #C6A992;}
.inside .careerart .cnt .ins form .form-group textarea::placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .careerart .cnt .ins form .custom-upload {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 40px;margin-bottom: 40px;color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;padding-left: 60px;padding-top: 5px;cursor: pointer;}
.inside .careerart .cnt .ins form button {width: 100%;background: transparent;border: 1px solid #C6A992;border-radius: 6px;font-weight: bold;font-size: 17px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;padding: 10px 0;}
.inside .careerart .cnt .ins form .last input {padding: 2px 60px;}
.inside .careerart .cnt .ins form .signin-chk {margin-bottom: 40px;position: relative;text-align: center;display: flex;grid-gap: 20px;align-items: center;}
.inside .careerart .cnt .ins form .signin-chk > div {}
.inside .careerart .cnt .ins form .icheckbox_square:hover {border: 1px solid #FFFFFF !important;}
.inside .careerart .cnt .ins form .checked {border: 1px solid #FFFFFF !important;}
.inside .careerart .cnt .ins form .signin-chk a {font-weight: 300;font-size: 12px;line-height: 157.4%;color: #C6A992;}
.inside .careerart .cnt .ins form .signin-chk a span { text-decoration: underline; }

/********************* CAREER INSIDE PAGE *********************/



/********************* CONTACT PAGE *********************/
.inside .contact {position: relative;}
.inside .contact .top {padding-top: 80px;padding-bottom: 60px;}
.inside .contact .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .contact .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .contact .top .ins .det {padding-top: 55px;}
.inside .contact .top .ins .det .inside {max-width: 1130px;margin: auto;display: flex;grid-gap: 105px;}
.inside .contact .top .ins .det .inside .item {max-width: 180px;width: 100%;display: grid;grid-gap: 20px;}
.inside .contact .top .ins .det .inside .item .item-t {font-weight: 800;font-size: 24px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.inside .contact .top .ins .det .inside .item .item-b a {font-weight: 600;font-size: 16px;line-height: 136%;color: #FFFFFF;}
.inside .contact .cnt {padding-top: 10px;padding-bottom: 70px;}
.inside .contact .cnt .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .contact .cnt .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;padding-bottom: 60px;}
.inside .contact .cnt .ins form .form-group input {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 40px;margin-bottom: 40px;font-weight: 800;font-size: 18px;line-height: 180%;letter-spacing: 0.08em;color: #FFFFFF;padding-left: 60px;}
.inside .contact .cnt .ins form .form-group input:focus {background: #C6A992;border: 1px solid #C6A992;}
.inside .contact .cnt .ins form .form-group input::placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .contact .cnt .ins form .form-group textarea {background: #252224;border-radius: 6px;border: 1px solid #252224;height: 180px;margin-bottom: 40px;font-weight: 800;font-size: 18px;line-height: 180%;letter-spacing: 0.08em;color: #FFFFFF;padding-left: 60px;}
.inside .contact .cnt .ins form .form-group textarea:focus {background: #C6A992;border: 1px solid #C6A992;}
.inside .contact .cnt .ins form .form-group textarea::placeholder {color: #C6A992;font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.08em;color: #C6A992;}
.inside .contact .cnt .ins form button {width: 100%;background: transparent;border: 1px solid #C6A992;border-radius: 6px;font-weight: bold;font-size: 17px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;padding: 10px 0;}
/********************* CONTACT PAGE *********************/



/********************* TEAM PAGE *********************/
.inside .team {position: relative;}
.inside .team .top {padding-top: 80px;padding-bottom: 5px;}
.inside .team .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .team .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .team .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 30px;}
.inside .team .items {max-width: 1130px;margin: auto;padding: 60px 20px 80px 20px;}
.inside .team .items .ins {max-width: 850px;width: 100%;display: grid;grid-gap: 65px;grid-template-columns: 1fr 1fr 1fr;}
.inside .team .items .ins .item {}
.inside .team .items .ins .item .image {position: relative;-webkit-transition: background .2s ease-in; -moz-transition: background .2s ease-in; -o-transition: background .2s ease-in; transition: background .2s ease-in;}
.inside .team .items .ins .item .image img {filter: drop-shadow(0px 6px 31px rgba(0, 0, 0, 0.23));border-radius: 20px;}
.inside .team .items .ins .item .overlay {visibility: hidden;position: absolute;top:0;left: 0;width: 100%;height: 100%;background: linear-gradient(360deg, #C6A992 0%, rgba(198, 169, 146, 0.18) 77.24%, rgba(198, 169, 146, 0) 95.68%);border-radius: 20px;}
.inside .team .items .ins .item .image:hover > .overlay {visibility: visible;}
.inside .team .items .ins .item .overlay .more {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight: 600;font-size: 14px;line-height: 100%;color: #FFFFFF;}
.inside .team .items .ins .item .title {padding-top: 30px;}
.inside .team .items .ins .item .title a {font-weight: 800;font-size: 24px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}
.inside .team .items .ins .item .det {font-weight: 600;font-size: 16px;line-height: 136%;color: #2BFCEF;padding-top: 10px;}
/********************* TEAM PAGE *********************/


/********************* TEAM INSIDE PAGE *********************/
.inside .teamins {position: relative;}
.inside .teamins .top {padding-top: 80px;padding-bottom: 60px;}
.inside .teamins .top .ins {max-width: 1130px;margin: auto;padding: 0 20px;}
.inside .teamins .top .ins .title {font-weight: 800;font-size: 30px;line-height: 100%;letter-spacing: 0.035em;color: #C6A992;}
.inside .teamins .top .ins .job {font-weight: 600;font-size: 20px;line-height: 100%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 10px;}
.inside .teamins .top .ins .det {font-weight: 600;font-size: 16px;line-height: 180%;letter-spacing: 0.04em;color: #FFFFFF;padding-top: 60px;}
/********************* TEAM INSIDE PAGE *********************/





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

    
.story .slider-story-l {left: -10px;}
.story .slider-story-r {right: -10px;}    
    
}






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


.cbp-af-header header .grid {justify-content: space-between;}
header .grid .mn {padding: 0px;}    
.follow {padding: 0 20px;}   
.home .grid .ins .grd-item .det {max-width: 260px;}  
    
    
    
}



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

header .right {grid-gap: 30px;}  
header .right .right-r {grid-gap: 30px;}    

}





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

header .grid .mn ul li {padding-right: 20px;}
header .right {grid-gap: 20px;}  
header .right .right-r {grid-gap: 20px;}     
.story .slider-btns {display: none;}
.home .grid .ins .grd-item .det {max-width: 210px;}
.home .grid .ins .grd-item .img {height: 240px !important;}
   
    
}


@media only screen and (max-width: 1200px) { /* .col-lg- */
    
header .grid .mn {display: none;}
header .right {grid-gap: 25px;}  
header .right .right-r {grid-gap: 25px;} 
header .right .right-r .lngs {display: none;}   
header .right .right-r .bars {display: initial;}
    
.home .grid .ins .grd-item {width: 50%;}  
.home .grid .ins .grd-item .img {height: 320px !important;background-size: cover !important;}  
.home .grid .ins .grd-item .det {max-width: 280px;}    
 
    
.inside .cert .items .ins {grid-gap: 50px 50px;}
    
.inside .contact .top .ins .det .inside {grid-gap: 50px;flex-wrap: wrap;}
    
    
    
}







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





}



@media only screen and (max-width: 992px) { /* .col-md- */
    
.main-content {max-width: initial !important;} 
.follow {max-width: initial;position: initial;display: grid;justify-items: center;padding: 40px 20px;}
footer .bot .main-content-ins {grid-template-columns: 1fr;justify-items: center;grid-gap: 30px;justify-content: initial !important;}
    
.home .grid .ins {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 25px;}
.home .grid .ins .grd-item {width: 100%;padding-right: 0px;}    
.home .grid .ins .grd-item .img {height: 410px !important;}
 
    
    
.inside .certins .det .ins {display: block;}    
.inside .certins .det .ins .ins-l img {float: left;padding: 0px 20px 0px 0px;}
    
.inside .team .items .ins {max-width: none;justify-items: center;} 
.inside .team .items {padding: 10px 20px 10px 20px;}  
    
    
}





@media only screen and (max-width: 767px) { /* .col-xs- */
    
    
.story {padding: 50px 20px 30px 20px;}    
.home .grid {padding: 0px 15px;}
.home .grid .ins {padding: 20px;background: linear-gradient(201.48deg, #FFFFFF 23.12%, #9D9FA6 290.4%, #121727 385.13%);border-radius: 12px;}
.home .grid .ins .grd-item {padding-top: 0px;}    
.home .grid .ins .grd-item .img {height: 300px !important;} 
.home .grid .ins .grd-item .det {max-width: 220px;} 
    
.inside .company .top {padding-top: 30px;} 
.inside .company .sld {padding-top: 50px;} 
.inside .company .sld .ins .item {grid-gap: 25px;}    
.inside .company .sld .ins .item .item-top {grid-template-columns: 0.45fr 1fr;grid-gap: 15px;} 
.inside .company .sld .ins .item .item-top .item-l {grid-gap: 15px;}  
.inside .company .sld .ins .item .item-bot {grid-template-columns: 1fr 0.45fr;grid-gap: 15px;}    
.inside .company .sld .ins .item .item-bot .item-r {grid-gap: 15px;}    
.inside .company .vid {padding-top: 5px;padding-bottom: 10px;}    
.inside .company .vid .ins .vid-l {width: 100%;padding-right: 0px;}    
.inside .company .vid .ins .vid-r {width: 100%;padding-top: 30px;} 
    

.inside .srv .top {padding-top: 30px;}
.inside .srv .items {padding-bottom: 10px;}  
    
    
.inside .srvart .top {padding-top: 30px;}
.inside .srvart .sld {padding-top: 50px;} 
.inside .srvart .sld .ins .item {grid-gap: 25px;}    
.inside .srvart .sld .ins .item .item-top {grid-template-columns: 0.45fr 1fr;grid-gap: 15px;} 
.inside .srvart .sld .ins .item .item-top .item-l {grid-gap: 15px;}  
.inside .srvart .sld .ins .item .item-bot {grid-template-columns: 1fr 0.45fr;grid-gap: 15px;}    
.inside .srvart .sld .ins .item .item-bot .item-r {grid-gap: 15px;}   
    
    
.inside .projects .top {padding-top: 30px;}
.inside .projects .items {padding-bottom: 10px;}  
.inside .projects .items .ins {grid-gap: 15px;}   

    
.inside .projart .top {padding-top: 30px;}  
.inside .projart .items .ins {grid-gap: 15px;}
.inside .projart .items .ins .item {grid-gap: 15px;}
.inside .projart .items .ins .item .item-l {grid-gap: 15px;}
.inside .projart .items .ins .item .item-m {grid-gap: 15px;}
.inside .projart .items .ins .item .item-r {grid-gap: 15px;}    
    
.inside .balance .top {padding-top: 30px;}
.inside .balance .items {padding-bottom: 10px;}    

    
.inside .cert .items .ins {grid-template-columns: 1fr 1fr;}    
    
 
    
.inside .cert .top {padding-top: 30px;} 
.inside .cert .items {padding: 50px 0 10px 0;}    
   
    
    
.inside .certins .top {padding-top: 30px;}     
    

.inside .gdpr .top {padding-top: 30px;padding-bottom: 10px;}    
   
.inside .simple .top {padding-top: 30px;padding-bottom: 10px;}   
    
.inside .career .top {padding-top: 30px;padding-bottom: 10px;}
.inside .career .items {padding-top: 30px;padding-bottom: 10px;}    
.inside .career .items .ins .item .title {padding: 20px 0 20px 20px;}
.inside .career .items .ins .item .button {right: 20px;}      
  
    
.inside .careerart .top {padding-top: 30px;padding-bottom: 50px;} 
.inside .careerart .cnt {padding-top: 0px;padding-bottom: 10px;}  
   
    
    
.inside .contact .top {padding-top: 30px;}
.inside .contact .cnt {padding-bottom: 10px;}    
    
.inside .team .top {padding-top: 30px;padding-bottom: 40px;}  
.inside .team .items .ins {grid-gap: 25px;}
    
.inside .teamins .top {padding-top: 30px;padding-bottom: 10px;}  
    
    
}


@media only screen and (max-width: 640px) { /* .col-xs- */
    
    
.cbp-af-header header .grid {justify-content: center;flex-wrap: wrap;grid-gap: 30px;}    
    
    
.home .grid .ins .grd-item .img {height: 250px !important;}
   
   
footer .bot ul {grid-gap: 30px;justify-content: center;flex-wrap: wrap;text-align: center;}   
   
    
.inside .projects .items .ins {grid-template-columns: 1fr 1fr;}
 
    
    
    
.inside .certins .det .ins .ins-l img {float: none;margin: auto;padding: 0 0 30px 0;}  
  
    
.inside .career .items .ins .item .title a {font-size: 18px;}
.inside .career .items .slide-btn {padding: 70px 20px 20px 40px;}
    
    
    
}





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

    
.home .grid .ins .grd-item .img {height: 180px !important;} 
.home .grid .ins .grd-item:hover > .det .subtitle {display: none;}    
    
    
.inside .company .sld .sld-bot {display: grid;grid-template-columns: 1fr 1fr 1fr;} 
.inside .company .sld .sld-bot .slider-num {text-align: center;}    
.inside .company .sld .ins .slick-dots {left: 90%;}    
   
    
.inside .srv .items .ins .item .ttl {font-size: 18px;}
.inside .srv .items .ins .item:hover > .button {display: none !important;}  
    
        
.inside .srvart .sld .sld-bot {display: grid;grid-template-columns: 1fr 1fr 1fr;} 
.inside .srvart .sld .sld-bot .slider-num {text-align: center;}    
.inside .srvart .sld .ins .slick-dots {left: 90%;}    
    
.inside .balance .items .ins .item .ttl {font-size: 18px;}
.inside .balance .items .ins .item:hover > .button {display: none !important;}   
    
    
.inside .cert .items .ins {grid-gap: 20px 20px;}    
    
    
.inside .career .items .ins .item .title {max-width: 200px;}    
.inside .career .items .ins .item .button a span {display: none;}
    
.inside .careerart .cnt .ins form .form-group input {padding-left: 20px;}
.inside .careerart .cnt .ins form .last input {padding: 2px 20px;}   
 
    
.inside .team .items .ins {grid-template-columns: 1fr 1fr;}    
  
    
header .right .right-l {display: none;}    
    
}





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

header .right {grid-gap: 30px;}  
header .right .right-r {grid-gap: 30px;}    
header .right .right-r .team a {padding: 4px 15px;font-size: 12px;line-height: 100%;letter-spacing: 0.035em;color: #FFFFFF;}    
header .grid .logo a {}
header .grid .logo .logo-sm {display: block !important;}
    
    
    
    
.inside .srvart .cnt .ins form .form-group input {padding-left: 30px;}
.inside .srvart .cnt .ins form .form-group textarea {padding-left: 30px;}    
    
    
.inside .cert .items .ins {grid-template-columns: 1fr;}
    

.inside .team .items .ins .item .title {padding-top: 15px;font-size: 18px;}    
.inside .team .items .ins .item .det {font-size: 12px;}  
    
    
}




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


.inside .srv .items .ins .item .ttl {top: 40%;} 
.inside .srv .items .ins .item .button {top: 60%;left: 20px;}     
    
.home .grid .ins {grid-template-columns: 1fr;}  
.home .grid .ins .grd-item .img {height: 360px !important;}
    
.inside .balance .items .ins .item .ttl {top: 40%;} 
.inside .balance .items .ins .item .button {top: 60%;left: 20px;}  
    
    
}
    
@media only screen and (max-width: 410px) {

.home .grid .ins .grd-item .img {height: 290px !important;}    
    
.inside .projects .items .ins {grid-template-columns: 1fr;justify-items: center;}
 
    
.cbp-af-header header .grid {flex-direction: column;}    
header .right .right-r {padding-top: 20px;}
    
}

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

}

@media only screen and (max-width: 359px) {
    
header .right {grid-gap: 20px;}  
header .right .right-r {grid-gap: 20px;} 
    
}