/* assistant-200 - latin_hebrew */
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/assistant-v5-latin_hebrew-200.eot'); /* IE9 Compat Modes */
    src: local('Assistant ExtraLight'), local('Assistant-ExtraLight'),
        url('../fonts/assistant-v5-latin_hebrew-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/assistant-v5-latin_hebrew-200.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-200.woff') format('woff'), /* Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-200.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/assistant-v5-latin_hebrew-200.svg#Assistant') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* assistant-300 - latin_hebrew */
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/assistant-v5-latin_hebrew-300.eot'); /* IE9 Compat Modes */
    src: local('Assistant Light'), local('Assistant-Light'),
        url('../fonts/assistant-v5-latin_hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/assistant-v5-latin_hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/assistant-v5-latin_hebrew-300.svg#Assistant') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* assistant-regular - latin_hebrew */
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/assistant-v5-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
    src: local('Assistant'), local('Assistant-Regular'),
        url('../fonts/assistant-v5-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/assistant-v5-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/assistant-v5-latin_hebrew-regular.svg#Assistant') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* assistant-600 - latin_hebrew */
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/assistant-v5-latin_hebrew-600.eot'); /* IE9 Compat Modes */
    src: local('Assistant SemiBold'), local('Assistant-SemiBold'),
        url('../fonts/assistant-v5-latin_hebrew-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/assistant-v5-latin_hebrew-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/assistant-v5-latin_hebrew-600.svg#Assistant') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* assistant-700 - latin_hebrew */
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/assistant-v5-latin_hebrew-700.eot'); /* IE9 Compat Modes */
    src: local('Assistant Bold'), local('Assistant-Bold'),
        url('../fonts/assistant-v5-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/assistant-v5-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/assistant-v5-latin_hebrew-700.svg#Assistant') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* assistant-800 - latin_hebrew */
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/assistant-v5-latin_hebrew-800.eot'); /* IE9 Compat Modes */
    src: local('Assistant ExtraBold'), local('Assistant-ExtraBold'),
        url('../fonts/assistant-v5-latin_hebrew-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/assistant-v5-latin_hebrew-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-800.woff') format('woff'), /* Modern Browsers */
        url('../fonts/assistant-v5-latin_hebrew-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/assistant-v5-latin_hebrew-800.svg#Assistant') format('svg'); /* Legacy iOS */
    font-display: swap;
}
@font-face {  
    font-family: 'Assistant';
    src: url('../fonts/Assistant-Bold.woff2') format('woff2'),
        url('../fonts/Assistant-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*@font-face {  
font-family: 'Assistant';
src: url('../fonts/Assistant-Bold.woff2') format('woff2'),
url('../fonts/Assistant-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Assistant';
src: url('../fonts/Assistant-SemiBold.woff2') format('woff2'),
url('../fonts/Assistant-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Assistant';
src: url('../fonts/Assistant-ExtraBold.woff2') format('woff2'),
url('../fonts/Assistant-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Assistant';
src: url('../fonts/Assistant-ExtraLight.woff2') format('woff2'),
url('../fonts/Assistant-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Assistant';
src: url('../fonts/Assistant-Regular.woff2') format('woff2'),
url('../fonts/Assistant-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Assistant';
src: url('../fonts/Assistant-Light.woff2') format('woff2'),
url('../fonts/Assistant-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}*/

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

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

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

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {}

/* Specific Header Settings */
h1 {font-weight:bold; font-size:36px; color:#fff; }
h2 {font-weight:bold; font-size:24px; color:#555; }
h3 {font-size:18px; }
h4 {font-size:16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Create the Default Paragraphs */
p { color: #9f9f9f; font-size: 15px; line-height: 24px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* To make FontSmooth in MAC */
.mac * {-webkit-font-smoothing: antialiased;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #000000; font-size: 16px; text-decoration:none;}
a:hover {}
a:active {color: #e8941a;}
a:focus {outline: none;}
a.current{color: #e8941a;}


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

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

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}
select{font-family: 'Assistant';}
input {  border-radius: 0 !important;  -webkit-appearance: none !important;   -webkit-border-radius:0; }


/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


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

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

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

/* column grid */
.row{width: 100%;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* Page Layout */
body{direction: rtl;font-family: 'Assistant';}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.wrapper{max-width:1235px;margin:0 auto;}
.content{margin:0 auto; padding:0; width:100%;}
/* Push */
.push{}
a{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.btn{background-color: #264BD6;color: #FFFFFF;line-height: 50px;min-width: 138px;border: 0px;display: inline-block;vertical-align: middle;text-align: center;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.btn:hover{opacity: 0.8;}
.btn_tra{display: inline-block;vertical-align: middle;border: #264BD6 1px solid;background-color: transparent;color: #264BD6;text-align: center;line-height: 50px;min-width: 130px;margin-right: 27px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.btn_tra:hover{opacity: 0.8;}
img{max-width: 100%;}
h2{color: #171717;font-size: 36px;line-height: 45px;font-weight: 900;}
p{color: #171717;font-size: 16px;line-height: 24px;}

/* Header*/
.container{max-width:1235px;margin:0 auto;}
header{position: fixed;width: 100%;top: 0px;left: 0;right: 0;z-index: 99;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
header.active{background-color: #ffffff;}
header.active .logo{margin: 5px 0px;max-width: 100px;}
header.active .menu{padding-top: 24px;padding-bottom: 22px;}
/*header.active .left_header .tel{margin-top: 0;}
header.active .left_header .login{margin-top: 0px;}*/
header.active .left_header .join_service{padding: 26px 20px 15px 20px;}

header .logo{display: inline-block;vertical-align: middle;float: right;margin: 17px 0px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
header .menu{display: inline-block;vertical-align: middle;float: right;padding-top: 32px;padding-right: 54px;padding-bottom: 32px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
header .menu ul{list-style: none;}
header .menu ul li{display: inline-block;vertical-align: middle;list-style: none;padding-left: 38px;}
header .menu ul li a{display: inline-block;vertical-align: middle;font-size: 16px;color: #171717;font-weight: 400;position: relative;}
header .menu ul li a:after{position: absolute;bottom: -6px;width: 0px;right: 0;content: '';background-color: #264bd6;height: 2px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
header .menu ul li a:hover:after{width: 100%;left: 0;}
header .menu ul li a.active:after{width: 100%;left: 0;}
header .left_header{float: left;}

header .left_header .tel{color: #171717;font-size: 20px;line-height: 26px;font-weight: bold;margin-top: 20px;display: inline-block;vertical-align: middle;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
header .left_header .tel:hover{opacity: 0.8;}
header .left_header .login{display: inline-block;vertical-align: middle;position: relative;}
header .left_header .login .login_btn{margin: 0px 27px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;margin-top: 20px;color: #264BD6;font-size: 16px;line-height: 21px;font-weight: 400;font-weight: 400;display: inline-block;vertical-align: middle;} 
header .left_header .login .login_btn:hover{opacity: 0.8;}
header .left_header .join_service{padding: 36px 20px 15px 20px;background-color: #264BD6;color: #FFFFFF;font-size: 16px;display: inline-block;vertical-align: middle;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
header .left_header .join_service:hover{opacity: 0.8;}
.left_header .login_popup{position: absolute;background-color: #ffffff;text-align: center;width: 300px;padding: 32px 60px 30px 60px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);-o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);left: -100px;top: 58px;opacity: 0;visibility: hidden;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;transform: translateY(20px);-webkit-transform: translateY(20px);-o-transform: translateY(20px);-moz-transform: translateY(20px);}
.left_header .login_popup.show{opacity: 1;visibility: visible;transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px);}
.left_header .login_popup span{display: inline-block;vertical-align: middle;margin-bottom: 15px;}
.left_header .login_popup h3{color: #171717;font-size: 22px;font-weight: normal;margin-bottom: 40px;}
.left_header .login_popup .input-effect input{width: 100%;border: 0px;border-bottom: solid 1px #d3d4d7;}
.left_header .login_popup .input-effect{position: relative;margin-bottom: 25px;}
.left_header .login_popup .submit{border: #264BD6 1px solid;line-height: 50px;margin-bottom: 14px;color: #264BD6;font-size: 16px;font-weight: 400;background-color: transparent;display: inline-block;vertical-align: middle;width: 130px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.left_header .login_popup .submit:hover{opacity: 0.8;}
.left_header .login_popup .fo_pass{color: #264BD6;font-size: 14px;line-height: 18px;font-weight: 400;}
.left_header .login_popup .fo_pass:hover{opacity: 0.8;}


/*input effect*/
.effect-1{border: 0;padding: 10px 0px !important;border-bottom: 1px solid #e7e7e7;background-color: transparent;}
.effect-1 ~ .focus-border{position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: transparent!important;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;}
.effect-1:focus ~ .focus-border,.has-content.effect-1 ~ .focus-border{width: 100%;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;}
.effect-1 ~ label{position: absolute;left: 0;width: 100%;top: 9px;color: #171717;font-size: 16px;font-weight: 300;transition: 0.3s;z-index: 1;letter-spacing: 0.5px;pointer-events: none;font-size: 16px;line-height: 21px;right: 0;text-align: right;font-weight: normal;}
.effect-1:focus ~ label,
.has-content.effect-1 ~ label{top: -14px;font-size: 14px;font-weight: 300;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;opacity: 0.5;}
/*input effect*/


.padd_main{padding-top: 96px;}
.main .banner{padding-top: 20px;}
.banner .left_gif{float: left;width: 55%;position: relative;left: -35px;}
.left_gif.home_animation{padding-top: 20px;}
.left_gif.service_animation{padding-top: 100px;}

.banner .left_gif video{width: 100%;}
.banner .right_text{width: 45%;float: right;padding-top: 210px;}
.banner .right_text h1{color: #171717;font-size: 50px;line-height: 55px;font-weight: 900;padding-bottom: 15px;}
.banner .right_text h1 em{font-style: normal;font-weight: 400;}
.banner .right_text p{color: #171717;font-size: 18px;font-weight: 400;line-height: 23px;padding-bottom: 44px;}
.more_company{text-align: center;margin-top: 125px;padding: 0px 190px;margin-bottom: 135px;}
.more_company p{color: #171717;font-size: 24px;line-height: 35px;font-weight: 400;padding-bottom: 24px;}
.more_company a{color: #264BD6;font-size: 16px;line-height: 21px;display: inline-block;vertical-align: middle;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.more_company a:hover{opacity: 0.8;}
.link_how_work{padding-top: 100px;overflow: hidden;}
.link_how_work .inner_how_work{background-color: #F8F9FC;position: relative;margin-bottom: 135px;}
.link_how_work .inner_how_work:after{position: absolute;content: '';width: 100%;height: 116px;left: 0;right: 0;bottom: 0px;background-color: #ffffff;}
.link_how_work .inner_how_work .connect_wrap .connect_wolrd{max-width: 453px;padding-top: 72px;margin-right: 0;float: right;}
.link_how_work .inner_how_work .connect_wrap .connect_wolrd h2{margin-bottom: 21px;}
.link_how_work .inner_how_work .connect_wrap .connect_wolrd p{color: #171717;font-size: 16px;line-height: 24px;padding-bottom: 40px;}
.connect_wrap .step1{float: left;position: relative;top: -115px;left: 100px;width: 50%;}


.system_services h5{color: #171717;font-size: 20px;line-height: 28px;padding-bottom: 17px;}
.system_services .service_wrap{padding: 0px 90px;position: relative;z-index: 9;}
.system_services .service_wrap .box{background-color: #ffffff;float: right;text-align: center;width: 186px;min-height: 230px;padding: 43px 13px 10px 13px;margin-left: 95px;box-shadow: 1px 1px #E0F8FC, 2px 2px #E0F8FC, 3px 3px #E0F8FC, 4px 4px #E0F8FC, 5px 5px #E0F8FC, 6px 6px #E0F8FC, 7px 7px #E0F8FC, 8px 8px #E0F8FC, 9px 9px #E0F8FC, 10px 10px #E0F8FC, 12px 12px #E0F8FC, 13px 13px #E0F8FC, 14px 14px #E0F8FC, 15px 15px #E0F8FC, 16px 16px #E0F8FC, 17px 17px #E0F8FC, 18px 18px #E0F8FC, 19px 19px #E0F8FC, 20px 20px #E0F8FC, 21px 21px #E0F8FC, 22px 22px #E0F8FC, 23px 23px #E0F8FC, 24px 24px #E0F8FC, 25px 25px #E0F8FC, 26px 26px #E0F8FC, 27px 27px #E0F8FC, 28px 28px #E0F8FC, 29px 29px #E0F8FC, 30px 30px #E0F8FC;}
.system_services .service_wrap .box:nth-child(odd){margin-top: 56px;}
.system_services .service_wrap .box:nth-child(4n){margin-left: 0;}
.system_services .service_wrap .box span{display: inline-block;vertical-align: middle;margin-bottom: 30px;}
.system_services .service_wrap .box h6{color: #171717;font-size: 16px;line-height: 22px;font-weight: 400;}

.client_logo .wrapper{text-align: center;}
.client_logo h5{color: #171717;font-size: 22px;line-height: 28px;font-weight: 400;text-align: center;}
.client_logo h4{color: #171717;font-size: 22px;line-height: 28px;padding-bottom: 18px;font-weight: 600;}
.slider_con{width: 100%;bottom: 0px;overflow:hidden;position: relative;}
.slider_con .slider_con_inner_content{padding-top: 40px;padding-bottom: 50px;}
.slider_con .logo_img{float: right;min-width: 185px;height: 100px;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.05);margin-left: 25px;}
.slider_con .logo_img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 80%;}

.com_services{margin-top: 182px;margin-bottom: 175px;}
.com_services .text_right{float: right;width: 30%;padding-left: 30px;padding-top: 34px;}
.com_services .text_right p{margin-top: 24px;margin-bottom: 62px;}
.com_services .text_right a{max-width: 140px;}

.com_services .box_left{float: left;width: 68%;display: flex;justify-content: space-between;}
.com_services .box_left .service_box{padding: 65px 20px 90px 30px;background-color: #ffffff;box-shadow: 1px 7px #e0f8fce3, 2px 8px #e0f8fce3, 3px 9px #e0f8fce3, 4px 10px #e0f8fce3, 5px 11px #e0f8fce3, 6px 12px #e0f8fce3, 7px 13px #e0f8fce3, 8px 14px #e0f8fce3, 9px 15px #e0f8fce3, 10px 16px #e0f8fce3, 11px 17px #e0f8fce3, 12px 18px #e0f8fce3, 13px 19px #e0f8fce3, 14px 20px #e0f8fce3, 15px 21px #e0f8fce3, 16px 22px #e0f8fce3, 17px 23px #e0f8fce3, 18px 24px #e0f8fce3, 19px 25px #e0f8fce3, 20px 26px #e0f8fce3, 21px 27px #e0f8fce3, 22px 28px #e0f8fce3, 23px 29px #e0f8fce3, 24px 30px #e0f8fce3, 25px 31px #e0f8fce3, 26px 32px #e0f8fce3 /*29px 33px #e0f8fce3, 30px 34px #e0f8fce3, 31px 35px #e0f8fce3, 32px 36px #e0f8fce3*/;text-align: center;width: 21%;float: right;min-height: 321px;}
.com_services .box_left .service_box:last-child{position: relative;}
.our_store .box_left .service_box:last-child:after{display: none;}
.com_services .box_left .service_box:last-child:after{box-shadow: -7px -9px 20px rgba(0,0,0,0.04);-webkit-box-shadow: -7px -9px 20px rgba(0,0,0,0.04);-o-box-shadow: -7px -9px 20px rgba(0,0,0,0.04);-moz-box-shadow: -7px -9px 20px rgba(0,0,0,0.04);position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0px;margin: auto;content: '';}
.com_services .box_left .service_box span{min-height: 46px;margin-bottom: 77px;display: inline-block;vertical-align: middle;}
.com_services .box_left .service_box h6{color: #171717;font-size: 16px;line-height: 21px;font-weight: 400;}
.client_logo .slider_con .slider_flex{display: flex;justify-content: space-between;}    
.client_logo .slider_con .slider_flex .logo_img{float: none;margin-left: 0;}
.sl_par{overflow: auto;}
.com_services.our_store .service_box.our_store_box{padding: 64px 42px 40px 42px;width: 44%;text-align: right;}
.com_services.our_store .service_box.our_store_box span{min-height: 250px;position: relative;display: inline-block;vertical-align: middle;margin-bottom: 71px;width: 100%;margin-bottom: 10px;}
.com_services.our_store .service_box.our_store_box span img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-webkit-filter: grayscale(1);filter: grayscale(1);}
.com_services.our_store .service_box.our_store_box:hover span img{-webkit-filter: grayscale(0);filter: grayscale(0);}

.com_services.our_store .service_box.our_store_box h5{color: #171717;font-size: 22px;line-height: 28px;padding-bottom: 15px;font-weight: 400;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.com_services.our_store .service_box.our_store_box:hover h5{color: #264BD6}
.com_services.our_store .service_box.our_store_box p{color: #171717;font-size: 14px;line-height: 18px;font-weight: 400;}
.com_services.our_store .text_right{padding-top: 95px;}

.inner_wrapper{max-width: 1030px;margin: 0 auto;}
.contact_wrap{background-color: #264BD6;padding: 49px 106px 80px 77px;text-align: center;margin-bottom: 90px;}
.contact_wrap h3{color: #FFFFFF;font-size: 26px;line-height: 34px;padding-bottom: 12px;}
.contact_wrap h5{color: #FFFFFF;font-size: 16px;line-height: 21px;font-weight: 400;margin-bottom: 57px;}
.contact_wrap .in{background-color: #FFFFFF;height: 50px;padding-right: 15px;border: 0px;width: 185px;margin-left: 20px;font-size: 16px;line-height: 21px;}
.contact_wrap select.in{width: 290px;-webkit-appearance: none;appearance: none;-moz-appearance: none;-o-appearance: none;background-image: url(../images/site/arrow.png);background-repeat: no-repeat;background-position: 20px center;outline: none;}
.contact_wrap .submit{background-color: #88F1FF;height: 50px;width: 106px;font-size: 16px;line-height: 21px;color: #264BD6;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.contact_wrap .submit:hover{opacity: 0.8;}

.col_section{display: flex;margin-bottom: 84px;justify-content: space-between;padding-right: 20px;width: 100%;}
.col_section .col_box{width: 26%;display: flex;padding-left: 20px;}
.col_section .col_box span{width: 42px;display: inline-block;vertical-align: middle;text-align: center;padding-top: 5px;}
.col_section .col_box p{padding-right: 22px;font-size: 16px;line-height: 21px;}

footer .inner_wrapper{border-top: #E9EBF0 1px solid;padding-top: 27px;}
footer .inner_wrapper .col{width: 20%;float: right;}
footer .inner_wrapper .col_big{width: 40%;float: left;}
footer .inner_wrapper h3{color: #171717;font-size: 18px;font-weight: 500;margin-bottom: 30px;}
footer .inner_wrapper ul{margin-bottom: 20px;}
footer .inner_wrapper ul li{list-style: none;line-height: normal;}
footer .inner_wrapper ul li a{font-size: 14px;color: #171717;font-weight: 500;line-height: 24px;}
footer .inner_wrapper ul li a:hover{color: #264bd6;}
footer .inner_wrapper p{font-size: 14px;color: #171717;font-weight: 500;line-height: 24px;}
footer .inner_wrapper .col_big p{padding-bottom: 12px;line-height: 16px;}
footer .inner_wrapper .col_big a{font-size: 14px;color: #264bd6;display: inline-block;vertical-align: middle;}
footer .inner_wrapper .bottom_col{margin-top: 27px;}
footer .inner_wrapper .bottom_col .tel{font-size: 29px;color: #264bd6;font-weight: bold;margin-bottom: 28px;}
footer .inner_wrapper .bottom_col .contact_detail{margin-bottom: 75px;}
footer .inner_wrapper .bottom_col .contact_detail .detail_co h6{margin-bottom: 5px;}
footer .inner_wrapper .bottom_col .contact_detail .detail_co em{font-size: 14px;color: #1d1e1f;font-weight: normal;min-width: 50px;font-style: normal;display: inline-block;vertical-align: middle;}
footer .inner_wrapper .bottom_col .contact_detail .detail_co a{font-size: 14px;color: #1d1e1f;font-weight: normal;}
footer .inner_wrapper .bottom_col .contact_detail .detail_co{float: right;}
footer .inner_wrapper .bottom_col .contact_detail .logo_footer{float: left;}
.bottom_footer p,.bottom_footer a{color: #171717;font-size: 14px;line-height: 18px;}
footer .bottom_footer .inner_wrapper{border: 0px;padding-top: 0;display: flex;justify-content: space-between;}
footer .bottom_footer ul li{list-style: none;display: inline-block;vertical-align: middle;margin: 0px 5px;}
footer .bottom_footer ul li a:hover{color: #264bd6;}
footer .social a:first-child{margin-left: 40px;}
footer .social a:nth-child(2){margin-left: 14px;}

.mo_logo{display: none;}
.hamburger{display: none;}
.mo_toggle_logo{display: none;}
.mo_br{display: none;}
.owl-carousel{display: block;}


/*link_sys*/
.challenges_text{margin-top: 232px;}
.challenges_text .right_text{width: 66%;float: right;}
.challenges_text .right_text h6{color: #171717;font-size: 24px;line-height: 35px;font-weight: 400;padding-left: 80px;}
.challenges_text .left_text{width: 34%;float: left;}
.challenges_text .left_text h5{color: #171717;font-size: 22px;line-height: 28px;margin-bottom: 36px;}
.challenges_text .left_text p{color: #171717;font-size: 16px;line-height: 24px;}

.system_service{background-color: #F8F9FC;padding-top: 56px;margin-top: 168px;overflow: hidden;position: relative;padding-bottom: 175px;}
.system_service .sys_wrap{margin-top: 48px;}
.system_service .sys_wrap.sys_two{margin-top: 110px;}
.system_service .sys_wrap .listing{float: right;width: 43%;}
.system_service .sys_wrap .listing .service_box{background-color: #F8F9FC;box-shadow: 0px 0px 20px rgba(0,0,0,0.05);margin-bottom: 12px;padding: 34px 10px 23px 25px;display: flex;position: relative;cursor: pointer;}
.system_service .sys_wrap .listing .service_box .box_img{width: 20%;display: inline-block;vertical-align: middle;text-align: center;}
.system_service .sys_wrap .listing .service_box .text{width: 80%;}
.system_service .sys_wrap .listing .service_box h5{color: #171717;font-size: 18px;line-height: 22px;font-weight: bold;padding-bottom: 8px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.system_service .sys_wrap .listing .service_box p{color: #171717;font-size: 14px;line-height: 22px;font-weight: 400;overflow: hidden;max-height: 45px;position: relative;}
.system_service .morecontent span{display: none;}
.system_service .morelink{display: block;opacity: 0;visibility: hidden;position: absolute;z-index: -1;}
.system_service .sys_wrap .listing .service_box.active{background-color: #ffffff;}
.system_service .sys_wrap .listing .service_box.active h5{color: #264BD6;}
.system_service .sys_wrap .left_img{position: absolute;left: -30px;}

.service_right{background-color: #264BD6;padding: 144px 105px 132px 107px;margin-top: -83px;position: relative;z-index: 9;margin-bottom: 117px;}
.service_right .service_org{width: 55%;float: right;padding-left: 80px;}
.service_right .service_org h2{color: #FFFFFF;padding-bottom: 10px;font-size: 36px;line-height: 45px;}
.service_right .service_org h6{color: #FFFFFF;font-weight: 600;font-size: 16px;line-height: 24px;padding-bottom: 37px;}
.service_right .btn{background-color: #FFFFFF;color: #264BD6;}
.service_right .key_left{width: 45%;float: left;}
.service_right .key_point:first-child{margin-bottom: 50px;}
.service_right .key_left .key_point span{width: 15%;float: right;}
.service_right .key_left .key_point .text_key{width: 85%;float: left;}
.service_right .key_left .key_point .text_key h4{color: #FFFFFF;padding-bottom: 13px;font-size: 22px;line-height: 28px;font-weight: 400;}
.service_right .key_left .key_point .text_key p{color: #FFFFFF;font-size: 16px;line-height: 24px;}
.mt_inner{margin-top: 112px;}

.internet_services{margin-top: 162px;margin-bottom: 215px;}
.internet_services h6{color: #171717;font-size: 22px;line-height: 28px;font-weight: 400;padding-bottom: 30px;}
.internet_services .box_wrap h5{color: #171717;font-weight: bold;font-size: 18px;line-height: 23px;padding-bottom: 57px;}
.internet_services .box_wrap .internet_services_wrap{margin-bottom: 98px;}
.internet_services .box_wrap .internet_services_wrap .in_service_box{width: 50%;float: right;padding-right: 78px;}
.internet_services .box_wrap .internet_services_wrap .in_service_box .service_box{padding: 65px 10px 90px 10px;background-color: #ffffff;box-shadow: 1px 7px #e0f8fce3, 2px 8px #e0f8fce3, 3px 9px #e0f8fce3, 4px 10px #e0f8fce3, 5px 11px #e0f8fce3, 6px 12px #e0f8fce3, 7px 13px #e0f8fce3, 8px 14px #e0f8fce3, 9px 15px #e0f8fce3, 10px 16px #e0f8fce3, 11px 17px #e0f8fce3, 12px 18px #e0f8fce3, 13px 19px #e0f8fce3, 14px 20px #e0f8fce3, 15px 21px #e0f8fce3, 16px 22px #e0f8fce3, 17px 23px #e0f8fce3, 18px 24px #e0f8fce3, 19px 25px #e0f8fce3, 20px 26px #e0f8fce3, 21px 27px #e0f8fce3, 22px 28px #e0f8fce3, 23px 29px #e0f8fce3, 24px 30px #e0f8fce3, 25px 31px #e0f8fce3, 26px 32px #e0f8fce3 ;text-align: center;width: 35%;float: right;min-height: 300px;}
.internet_services .box_wrap .internet_services_wrap .in_service_box .service_box span{min-height: 45px;margin-bottom: 72px;display: inline-block;vertical-align: middle;}
.internet_services .box_wrap .internet_services_wrap .in_service_box .service_box h6{color: #2F2F2F;font-size: 16px;line-height: 21px;font-weight: bold;padding-bottom: 0;}
.internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text{float: left;width: 65%;padding-right: 49px;padding-top: 102px;padding-left: 20px;}
.internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text p{color: #171717;font-size: 16px;line-height: 21px;font-weight: 400;padding-bottom: 14px;}
.internet_services .box_wrap .internet_services_wrap .in_service_box .service_left_text a{color: #264BD6;font-size: 16px;line-height: 21px;font-weight: 400;}
.internet_services .box_wrap .internet_services_wrap .streamline_organizations .service_left_text{padding-top: 60px;}
.internet_services .box_wrap .internet_services_wrap .streamline_organizations .service_left_text h6{font-size: 28px;letter-spacing: -0.5px;line-height: 34px;padding-bottom: 12px;}

/*shop*/
.banner .left_gif.shop_animation{text-align: left;padding-top: 190px;padding-left: 70px;}
.shop_bg_color{background-color: #E7FCFF;padding-bottom: 245px;}
.banner .right_text.shop_banner_text{max-width: 420px;}

.recommendations_wrap{margin-top: -150px;margin-bottom: 140px;}
.recommendations_wrap h3{color: #171717;font-size: 22px;line-height: 28px;padding-bottom: 38px;}
.recommendations_wrap .re_section{padding-right: 20px;}
.recommendations_wrap .re_section .re_box{background-color: #ffffff;width: 30.5%;margin-left: 3.8%;float: right;position: relative;}
.recommendations_wrap .re_section .re_box:after{position: absolute;z-index: -1;width: 98%;height: 100%;top: -10px;left: 0px;right: auto;box-shadow: 1px 15px rgba(18,228,255), 2px 16px rgba(18,228,255), 3px 17px rgba(18,228,255), 4px 18px rgba(18,228,255), 5px 18px rgba(18,228,255), 6px 19px rgba(18,228,255), 7px 20px rgba(18,228,255), 8px 21px rgba(18,228,255), 9px 22px rgba(18,228,255), 10px 23px rgba(18,228,255), 11px 24px rgba(18,228,255), 12px 25px rgba(18,228,255), 13px 26px rgba(18,228,255), 14px 27px rgba(18,228,255), 15px 28px rgba(18,228,255), 16px 29px rgba(18,228,255), 17px 30px rgba(18,228,255), 18px 31px rgba(18,228,255), 19px 32px rgba(18,228,255), 20px 33px rgba(18,228,255), 21px 33px rgba(18,228,255), 22px 34px rgba(18,228,255), 23px 35px rgba(18,228,255), 24px 36px rgba(18,228,255), 25px 37px rgba(18,228,255), 26px 38px rgba(18,228,255),27px 39px rgba(18,228,255), 28px 40px rgba(18,228,255), 29px 41px rgba(18,228,255), 30px 41px rgba(18,228,255);content: '';opacity: 0.1;}
.recommendations_wrap .re_section .re_box:nth-child(3n){margin-left: 0;}
.recommendations_wrap .re_section .re_box span{height: 317px;text-align: center;width: 100%;display: block;padding-top: 40px;    position: relative;    overflow: hidden;}
.recommendations_wrap .re_section .re_box span img{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-webkit-filter: grayscale(1);filter: grayscale(1);max-width: 70%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.recommendations_wrap .re_section .re_box:hover span img{-webkit-filter: grayscale(0);filter: grayscale(0);}

.recommendations_wrap .re_section .re_box .bo_text{padding: 0px 41px 41px 50px;}
.recommendations_wrap .re_section .re_box .bo_text h5{color: #171717;font-size: 22px;line-height: 28px;font-weight: 400;padding-bottom: 18px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.recommendations_wrap .re_section .re_box:hover .bo_text h5{color: #264BD6;}
.recommendations_wrap .re_section .re_box .bo_text p{color: #171717;font-size: 14px;line-height: 18px;}

.phones_wrap{margin-bottom: 60px;}
.phones_wrap .re_phones{padding-right: 20px;}
.phones_wrap h3{color: #171717;font-size: 22px;line-height: 28px;padding-bottom: 38px;}
.phones_wrap .re_phones .re_phone{width: 270px;float: right;position: relative;background-color: #ffffff;margin-left: 45px;margin-bottom: 61px;}
.phones_wrap .re_phones .re_phone:after{position: absolute;z-index: -1;width: 98%;height: 100%;top: -10px;left: 0px;right: auto;box-shadow: 1px 15px rgba(18,228,255), 2px 16px rgba(18,228,255), 3px 17px rgba(18,228,255), 4px 18px rgba(18,228,255), 5px 18px rgba(18,228,255), 6px 19px rgba(18,228,255), 7px 20px rgba(18,228,255), 8px 21px rgba(18,228,255), 9px 22px rgba(18,228,255), 10px 23px rgba(18,228,255), 11px 24px rgba(18,228,255), 12px 25px rgba(18,228,255), 13px 26px rgba(18,228,255), 14px 27px rgba(18,228,255), 15px 28px rgba(18,228,255), 16px 29px rgba(18,228,255), 17px 30px rgba(18,228,255), 18px 31px rgba(18,228,255), 19px 32px rgba(18,228,255), 20px 33px rgba(18,228,255), 21px 33px rgba(18,228,255), 22px 34px rgba(18,228,255), 23px 35px rgba(18,228,255), 24px 36px rgba(18,228,255), 25px 37px rgba(18,228,255), 26px 38px rgba(18,228,255), 27px 39px rgba(18,228,255), 28px 40px rgba(18,228,255), 29px 41px rgba(18,228,255), 30px 41px rgba(18,228,255);content: '';opacity: 0.1;}
.phones_wrap .re_phones .re_phone:nth-child(4n){margin-left: 0;}
.phones_wrap .re_phones .re_phone span{height: 317px;padding-top: 61px;text-align: center;display: block;overflow: hidden;    position: relative;} 
.phones_wrap .re_phones .re_phone .bo_text{padding: 5px 15px 41px 15px;}
.phones_wrap .re_phones .re_phone .bo_text h5{color: #171717;padding-bottom: 18px;font-size: 22px;line-height: 28px;font-weight: 400;}
.phones_wrap .re_phones .re_phone span img{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;opacity: 0.8; max-height: 100%;    max-width: 90%;left: 0;right: 0;top: 0;bottom: 0;position: absolute;margin: auto;}
.phones_wrap .re_phones .re_phone:hover span img{opacity: 1;}
.phones_wrap .re_phones .re_phone:hover .bo_text h5{color: #264BD6;}
.phones_wrap .re_phones .re_phone .bo_text p{color: #171717;font-size: 14px;line-height: 18px;}

/*link_banner*/
.banner.link_banner .right_text{padding-top: 130px;}
.banner.link_banner .right_text h1{padding-bottom: 13px;}
.banner.link_banner .right_text p{padding-left: 60px;padding-bottom: 52px;}
.banner.link_banner .left_gif{padding-top: 200px;left: 0;}

.banner.link_banner .ink_sys .line_ani{position: relative;top: 0px;left: -79px;}

/*service_banner*/
.banner.service_banner .right_text{padding-top: 135px;}
.banner.service_banner .right_text p{padding-left: 30px;padding-bottom: 40px;}
.banner.service_banner .left_gif{padding-top: 40px;left: -54px;}
/*shop_banner*/
.banner.shop_banner .right_text{padding-top: 224px;}
.banner.shop_banner .right_text p{padding-bottom: 10px;}
.banner.shop_banner .left_gif{padding-top: 210px;padding-left: 100px;}
.mt_con_shop{margin-top: 190px;}

/*shop_inner*/
.shop_inner_wrap{position: relative;}
.shop_inner_wrap .wrapper{padding-top: 135px;z-index: 9;position: relative;} 
/*.shop_inner_wrap .detail_text{max-width: 430px;float: right;}*/
.back_shop{color: #264BD6;font-size: 16px;line-height: 21px;font-weight: 600;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.back_shop img{display: inline-block;vertical-align: middle;margin-left: 11px;}
.back_shop:hover{opacity: 0.8;}
.shop_inner_wrap .detail_text h6{color: #171717;font-size: 18px;line-height: 20px;padding-bottom: 18px;margin-top: 54px;}
.shop_inner_wrap .detail_text h5{color: #171717;font-size: 32px;line-height: 42px;padding-bottom: 37px;font-weight: 400;}
.shop_inner_wrap .detail_text p{color: #171717;font-size: 16px;line-height: 21px;}
.shop_inner_wrap .detail_text .team_selection{margin-top: 47px;margin-bottom: 104px;}
.shop_inner_wrap .detail_text .team_selection h4{color: #171717;font-size: 16px;line-height: 21px;margin-bottom: 7px;}
.shop_inner_wrap .detail_text .team_selection span{display: inline-block;vertical-align: middle;margin-left: 7px;}
.shop_inner_wrap .detail_text .service{border-top: #ADCACE 1px solid;padding-top: 53px;display: flex;justify-content: space-between;padding-bottom: 63px;}
.shop_inner_wrap .detail_text .service p{color: #171717;font-size: 16px;line-height: 21px;width: 33.333%;}
.shop_inner_wrap .detail_text .service p img{display: inline-block;vertical-align: middle;margin-left: 9px;}
.bg_right{background-color: #E7FCFF;position: absolute;right: 0;top: 0;width: 46%;height: 100%;}
.pro_img{background-color: #ffffff;width: 570px;height: 566px;float: left;text-align: center;position: relative;display: flex;justify-content: center;align-content: center;box-shadow: 1px 7px #e0f8fce3, 2px 8px #e0f8fce3, 3px 9px #e0f8fce3, 4px 10px #e0f8fce3, 5px 11px #e0f8fce3, 6px 12px #e0f8fce3, 7px 13px #e0f8fce3, 8px 14px #e0f8fce3, 9px 15px #e0f8fce3, 10px 16px #e0f8fce3, 11px 17px #e0f8fce3, 12px 18px #e0f8fce3, 13px 19px #e0f8fce3, 14px 20px #e0f8fce3, 15px 21px #e0f8fce3, 16px 22px #e0f8fce3, 17px 23px #e0f8fce3, 18px 24px #e0f8fce3, 19px 25px #e0f8fce3, 20px 26px #e0f8fce3, 21px 27px #e0f8fce3, 22px 28px #e0f8fce3, 23px 29px #e0f8fce3, 24px 30px #e0f8fce3, 25px 31px #e0f8fce3, 26px 32px #e0f8fce3;}
.pro_img span{display: inline-block;vertical-align: middle;margin: auto;}

.specifications{margin-top: 71px;}
.specifications h3{color: #171717;font-size: 22px;line-height: 28px;margin-bottom: 24px;}
.specifications h6{color: #171717;font-size: 16px;line-height: 22px;font-weight: 400;}
.specifications .do_specification{margin-top: 34px;background-color: #264BD6;line-height: 50px;padding: 0px 12px 0px 22px;color: #ffffff;display: inline-block;vertical-align: middle;margin-bottom: 38px;
    transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.specifications .do_specification:hover{opacity: 0.8;}
.specifications .do_specification img{display: inline-block;vertical-align: middle;margin-left: 15px;}

/*job_service*/
.job_service{background-color: #264BD6;padding: 108px 104px 130px 106px;margin-bottom: 45px;margin-top: 96px;}
.job_service .right_join{float: right;width: 503px;}
.job_service .right_join h5{color: #FFFFFF;font-size: 50px;line-height: 55px;font-weight: 400;padding-top: 20px;padding-bottom: 74px;}
.job_service .right_join h6{color: #FFFFFF;font-size: 18px;line-height: 34px;font-weight: 400;}
.contact_form{width: 394px;float: left;}
.contact_form.thankyou_wrap{text-align: center;transform: translateY(120px);-webkit-transform: translateY(120px);-o-transform: translateY(120px);-moz-transform: translateY(120px);}
.contact_form.thankyou_wrap h4{padding-top: 22px;padding-bottom: 12px;color: #FFFFFF;font-size: 26px;line-height: 34px;}
.contact_form.thankyou_wrap h6{color: #FFFFFF;font-size: 16px;line-height: 12px;}
.contact_form p{color: #FFFFFF;font-size: 18px;line-height: 45px;font-weight: 400;padding-bottom: 15px;}
.contact_form .is-floating-label{height: 50px;background-color: #ffffff;margin-bottom: 10px;padding-right: 10px;position: relative;}
.contact_form .is-floating-label label{height: 100%;line-height: 50px;}
.contact_form .is-floating-label .in{width: 100%;border: 0px;font-size: 16px;line-height: 21px;font-family: 'Assistant';padding-top: 15px;padding-right: 10px;}
.contact_form .is-floating-label input {position: absolute;left: 0;background-color: transparent;top: 0;bottom: 0px;}
.contact_form .is-floating-label label {pointer-events: none;position: absolute;transform: translate3d(0, 0, 0) scale(1);transform-origin: left top;transition: 100ms;-webkit-transition: 100ms;-o-transition: 100ms;-moz-transition: 100ms;}
.contact_form .is-floating-label.is-focused label{transform: translateY(-13px);-webkit-transform: translateY(-13px);-o-transform: translateY(-13px);-moz-transform: translateY(-13px);padding: 0px;color: #264BD6;font-size: 12px;font-weight: 600;}
.contact_form .select{width: 100%;background-color: #E7FCFF;height: 50px;padding-right: 13px;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;outline: none;border: 0px;font-size: 16px;line-height: 21px;background-image: url(../images/site/se_arrow.png);background-repeat: no-repeat;background-position: 27px center;margin-bottom: 20px;font-family: 'Assistant';}
.contact_form .submit{background-color: #12E4FF;height: 50px;color: #264BD6;font-size: 16px;line-height: 21px;width: 100%;font-family: 'Assistant';font-weight: 900;letter-spacing: 0.5px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.contact_form .submit:hover{opacity: 0.8;}
.mb_60{margin-bottom: 60px;}

/*contact_page*/
.contact_you{margin-bottom: 102px;}
.contact_you .right_address{padding-top: 220px;float: right;padding-right: 102px;}
.contact_you .right_address .top_text_box .right{width: 182px;float: right;}
.contact_you .right_address .top_text_box .left{float: right;}
.pb_30{padding-bottom: 33px;}
.pb_42{padding-bottom: 23px;padding-top: 24px;}
.contact_you .right_address .top_text_box h6{color: #171717;font-size: 18px;font-weight: 400;margin-bottom: 10px;}
.contact_you .right_address .top_text_box .left h6{margin-bottom: 0;}
.contact_you .right_address .top_text_box h5{color: #171717;font-size: 50px;line-height: 55px;font-weight: 400;}
.contact_you .right_address .top_text_box .tel{color: #264BD6;font-size: 29.04px;line-height: 38px;font-weight: bold;pointer-events: none;}
.contact_you .right_address .top_text_box p{color: #1D1E1F;font-size: 16px;line-height: 21px;}
.contact_you .right_address .top_text_box p a{color: #1D1E1F;font-size: 16px;line-height: 21px;}
.contact_you .right_address .top_text_box p a:hover,.contact_you .right_address .top_text_box .tel:hover{opacity: 0.8;}

.contact_form.contact_page{background-color: #E7FCFF;padding-top: 220px;padding-left: 107px;padding-right: 107px;padding-bottom: 120px;width: 607px;}
.contact_form.contact_page p{color: #171717;line-height: 25px;}
.contact_form.contact_page textarea.in{height: 100px;border: 0px;background-color: #ffffff;width: 100%;resize: none;margin-bottom: 22px;font-size: 16px;line-height: 21px;font-family: 'Assistant';padding-top: 10px;padding-right: 10px;}
.contact_form.contact_page .submit{background-color: #264BD6;color: #FFFFFF;font-size: 16px;font-weight: 400;}
.contact_form.contact_page .in{transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
.contact_form.contact_page .in:focus{border: #264BD6 1px solid !important;}
.contact_form.contact_page.thankyou{text-align: center;min-height: 800px;}
.contact_form.contact_page.thankyou h4{padding-bottom: 12px;color: #171717;font-size: 26px;line-height: 34px;}
.contact_form.contact_page.thankyou h6{color: #171717;font-size: 16px;line-height: 21px;font-weight: 400;}
.mo_text{display: none;}

/*about_banner*/
.banner.about_banner{padding-top: 100px;}
.banner.about_banner .left_gif{text-align: center;}
.banner.about_banner .right_text{padding-top: 50px;}
.who_we_are{padding-top: 212px;max-width: 817px;margin: 0 auto;text-align: center;padding-bottom: 214px;}
.who_we_are h5{color: #171717;font-size: 22px;line-height: 28px;padding-bottom: 31px;}
.who_we_are p{color: #171717;font-size: 24px;line-height: 35px;}
.our_values{margin-bottom: 192px;}
.our_values .text_right{width: 32%;padding-left: 82px;float: right;padding-top: 90px;}
.our_values .text_right h2{color: #171717;margin-bottom: 24px;font-weight: 900;font-size: 36px;line-height: 45px;}
.our_values .text_right p{color: #171717;font-size: 16px;line-height: 24px;}
.our_values .box_left{float: left;width: 68%;}
.our_values .service_box{background-color: #ffffff;box-shadow: 1px 7px #e0f8fce3, 2px 8px #e0f8fce3, 3px 9px #e0f8fce3, 4px 10px #e0f8fce3, 5px 11px #e0f8fce3, 6px 12px #e0f8fce3, 7px 13px #e0f8fce3, 8px 14px #e0f8fce3, 9px 15px #e0f8fce3, 10px 16px #e0f8fce3, 11px 17px #e0f8fce3, 12px 18px #e0f8fce3, 13px 19px #e0f8fce3, 14px 20px #e0f8fce3, 15px 21px #e0f8fce3, 16px 22px #e0f8fce3, 17px 23px #e0f8fce3, 18px 24px #e0f8fce3, 19px 25px #e0f8fce3, 20px 26px #e0f8fce3, 21px 27px #e0f8fce3, 22px 28px #e0f8fce3, 23px 29px #e0f8fce3, 24px 30px #e0f8fce3, 25px 31px #e0f8fce3, 26px 32px #e0f8fce3;width: 30%;text-align: center;padding: 77px 20px 28px;float: right;margin-left: 5%;}
.our_values .service_box:last-child{margin-left: 0;}
.our_values .service_box span{height: 45px;margin-bottom: 46px;display: block;}
.our_values .service_box h6{color: #171717;font-size: 22px;line-height: 28px;padding-bottom: 27px;font-weight: 400;}
.our_values .service_box p{color: #171717;font-size: 16px;line-height: 24px;}
.pa_text{margin-bottom: 172px;}
.pa_text .right_text{float: right;width: 45%;}
.pa_text h5{color: #171717;font-size: 16px;font-weight: bold;padding-bottom: 23px;font-weight: bold;}
.pa_text p{color: #171717;font-size: 16px;font-weight: 400;line-height: 24px;}
.pa_text .left_text{float: left;width: 45%;}
.tech_section{position: relative;padding-top: 70px;overflow: hidden;margin-bottom: 109px;}
.technology_based{background-color: #264BD6;}
.technology_based .tech_right{float: right;width: 422px;padding-bottom: 101px;}
.technology_based .tech_right span{display: inline-block;vertical-align: middle;margin-top: -24px;}
.technology_based .tech_right h3{padding-top: 62px;padding-bottom: 24px;color: #FFFFFF;font-size: 36px;line-height: 45px;}
.technology_based .tech_right p{color: #FFFFFF;font-size: 16px;line-height: 24px;padding-bottom: 40px;}
.technology_based .tech_right a{width: 140px;line-height: 50px;text-align: center;background-color: #ffffff;color: #264BD6;font-size: 16px;display: inline-block;vertical-align: middle;}
.technology_based .tech_right a:hover{opacity: 0.8;}
.technology_based .left_img{position: absolute;left: 0;top: -25px;}
.banner.home_banner .right_text{padding-top: 133px;}
.banner.home_banner .right_text h1{padding-bottom: 15px;}
.banner.home_banner .right_text p{padding-left: 50px;}
.banner.home_banner .left_gif{padding-top: 0;top: -20px;}

.thankyou_msg h3{color: #FFFFFF;font-size: 26px;line-height: 34px;padding-bottom: 12px;}
.thankyou_msg h6{color: #FFFFFF;font-size: 16px;line-height: 21px;font-weight: 400;}
.system_service .sys_wrap .listing .service_box p{position: relative;overflow: hidden;transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}
.system_service .sys_wrap .listing .service_box.active p{max-height: 250px;}

/* enimation 1 */
.scene1{max-width: 528px;height: 528px;position: relative;margin: 0 auto;}
.scene1 .bg{width: 100%;height: 100%;border-radius: 50%;/*border: 1px solid #000*/;position: absolute;left: 0;top: 0;right: 0;margin: auto;transform: rotate(-20deg);transform-origin: center;}
.scene1 .mid_logo{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;transform:scale(0.5);transition:0.4s ease all;}
.scene1 .mid_logo.active{opacity: 1;transform: scale(1);}
.scene1 .col{position: absolute;width: 180.39px;}
.scene1 .col>img{transform-origin: center;transition:0.3s cubic-bezier(.32,2,.55,.27) all;transform: scale(0.5);opacity: 0;}
.scene1 .col span{position: absolute;display: inline-block;}
.scene1 .col span:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-color: #fff;transition: 0.4s ease all;}
.scene1 .col h3{position: absolute;left: 0;bottom:0;color: #171717;font-size: 18px;line-height: 38.5px;font-weight: 400;text-align: center;width: 100%;transition: 0.4s ease all;opacity: 0;transform: translateY(10px);}
.scene1 .col>img{transition-delay: 0.2s}
.scene1 .col h3{transition-delay: 0.3s}
.scene1 .col.active>img{opacity: 1;transform: scale(1);}
.scene1 .col.active h3{opacity: 1;transform: translateY(0)}
.scene1 .col.active span:after{width: 0;}
.scene1 .col1{right: -71px;top: 57.3px;}
.scene1 .col1 span{left: -67px;bottom: 78px;}
.scene1 .col2{left: -70px;top: 57.3px;}
.scene1 .col2 span{right: -77px;top: 80px;}
.scene1 .col2 span:after{right: auto;left: 0;}
.scene1 .col3{left: -70px;bottom: 74px;}
.scene1 .col3 span{ right: -77px;bottom: 65px;}
.scene1 .col3 span:after{right: auto;left: 0;}
.scene1 .col4{left: 0;right: -20px;margin: 0 auto;bottom: -67px;}
.scene1 .col4 span{left: 0;right: 0;margin: 0 auto;width: 2px;top: -42px;}
.scene1 .col4 span:after{width: 2px !important;height: 100%;top: auto;bottom: 0;}
.scene1 .col4.active span:after{height:0px;}
.scene1 .col5{right: -71px;bottom: 77px;}
.scene1 .col5 span{left: -63px;bottom: 61px;}
.circle {stroke-dasharray: 1800;stroke-dashoffset: 1800;animation: stroke 4s ease-out forwards;}
@keyframes stroke {to {stroke-dashoffset: 3600;}}
@-webkit-keyframes stroke {to {stroke-dashoffset: 3600;}}
@-moz-keyframes stroke {to {stroke-dashoffset: 3600;}}
@-o-keyframes stroke {to {stroke-dashoffset: 3600;}}


/*animi*/
.about_animation{width: 572px;position: relative;margin-right: auto;}
#line_draw{padding-top: 87px;padding-left: 30px;}
#Path_2{stroke-dasharray: 1200;stroke-dashoffset: 1200;animation: dash 2.5s ease-in-out forwards;animation-delay: 0.5s;}

@keyframes dash {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
@-webkit-keyframes dash {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
@-moz-keyframes dash {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
@-o-keyframes dash {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
.about_animation .pieces{position: absolute;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);transform-origin: bottom center;transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-webkit-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-o-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-moz-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);}
.about_animation .pieces.show{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
.about_animation .p1{top: 42%;transition-delay: 0.01s;left: 10px;}
.about_animation .p2{top: 12%;left: 31%;transition-delay: 0.5s;}
.about_animation .p3{top: 45%;left: 58.6%;transition-delay: 0.7s;}
.about_animation .p4{top: 46%;right: 3%;transition-delay: 0.9s;}
.about_animation .p5{top: 6%;right: 25%;transition-delay: 1.1s;}
.about_animation .p6{top: 0%;right: -2%;transition-delay: 1.3s;}

/*animi2*/
.ink_sys{position: relative;padding-top: 80px;width: 607px;}
#Path_3{stroke-dasharray: 1200;stroke-dashoffset: 1200;animation: dash_line 2s ease-in-out forwards;-webkit-animation: dash_line 2s ease-in-out forwards;animation-delay: 0.9s;}
@keyframes dash_line {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
@-webkit-keyframes dash_line {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
@-moz-keyframes dash_line {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
@-o-keyframes dash_line {0% {stroke-dashoffset: 1200;}100% {stroke-dashoffset: 0;}}
.ink_sys .round_left{position: absolute;top: 67%;left: -8.5%;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);transform-origin: center center;transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-webkit-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-o-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-moz-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);transition-delay: 0.01s;}
.ink_sys .round_right{position: absolute;top: 12%;right: 4%;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);transform-origin: center center;transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-webkit-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-o-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-moz-transition:all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);transition-delay: 1.4s;}
.ink_sys .round_right.show,.ink_sys .round_left.show{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
.ink_sys .panel{position: absolute;transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;-moz-transition: 0.4s all ease;transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);transform-origin: bottom center;}
.ink_sys .panel.show{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
.ink_sys .panel1{top: 61%;left: 14%;transition-delay: 0.03s;}
.ink_sys .panel2{top: 3%;left: -3%;transition-delay: 0.03s;}
.ink_sys .panel3{top: 20%;left: 21.5%;transition-delay: 0.7s;}
.ink_sys .panel4{top: -14%;left: 43%;transition-delay: 0.9s;}
.ink_sys .panel5{top: -22%;left: 29.9%;transition-delay: 1.1s;}
.ink_sys .panel6{top: 13%;right: 68px;transition-delay: 1.3s;}
.ink_sys .panel7{top: -40%;right: 29%;transition-delay: 1.3s;}


/*service*/
.screen_3{padding-top: 0;margin-top: 120px;margin-bottom: 50px;}
.service{position: relative;width: 100%;width: 668px;height: 433px;}
.service .plate{position: absolute;opacity: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;-moz-transition: 0.5s all ease;animation: blur 1s ease-in-out forwards;-webkit-animation: blur 1s ease-in-out forwards;
    transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-moz-transform: translateY(-100%);}

.service .plate1{bottom: -16%;left: 10%;transition-delay: 0.3s;animation-delay: 0.1s;}
.service .plate2{top: 57%;left: 3%;transition-delay: 0.5s;animation-delay: 0.3s;}
.service .plate3{top: 33%;left: 32%;transition-delay: 0.7s;animation-delay: 0.5s;}
.service .plate4{top: 22%;left: 33%;transition-delay: 0.9s;animation-delay: 0.7s;}
.service .plate5{top: 17%;left: 52%;transition-delay: 1.1s;animation-delay: 0.9s;}

@keyframes blur {0% {filter: blur(8px);-webkit-filter: blur(8px);-o-filter: blur(8px);-moz-filter: blur(8px);}100% {filter: blur(0px);-webkit-filter: blur(0px);-o-filter: blur(0px);-moz-filter: blur(0px);}}
.service .plate.show{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);-moz-transform: translateY(0);} 

.service .label_line.left_line span:after{right: auto;left: 0;}
.service .label_line h6{transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);transition: all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-webkit-transition: all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-o-transition: all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);-moz-transition: all 0.4s cubic-bezier(0.57, 0.07, 0.44, 2);}
.service .label_line.left_line h6{transform-origin: right center;}
.service .label_line.right_line h6{transform-origin: left center;}
.service .label_line span{position: relative;}
.service .label_line span:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-color: #fff;transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;}
.service .plate1 h6,.service .plate1 span:after{transition-delay: 0.6s;}
.service .plate2 h6,.service .plate2 span:after{transition-delay: 0.8s;}
.service .plate3 h6,.service .plate3 span:after{transition-delay: 1.0s;}
.service .plate4 h6,.service .plate4 span:after{transition-delay: 1.2s;}
.service .plate5 h6,.service .plate5 span:after{transition-delay: 1.4s;}
.service .plate.show span:after{width: 1px;}

.service .plate.show h6{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);}
.service .label_line h6{color: #171717;font-size: 16px;line-height: 22px;font-family: 'Assistant', sans-serif;font-weight: 400;padding: 0px 7px;}
.service .label_line span{display: inline-block;vertical-align: middle;}
.service .label_line h6{display: inline-block;vertical-align: middle;}
.service .label_line{position: absolute;}
.service .plate1 .label_line{right: -151px;top: -37px;text-align: left;}
.service .plate1 .label_line h6{padding-bottom: 14px;}
.service .plate2 .label_line{top: -25%;left: 0%;}
.service .plate2 .label_line h6{padding-bottom: 10px;text-align: right;}
.service .plate3 .label_line{top: -4%;right: -36%;text-align: left;}
.service .plate3 .label_line h6{padding-bottom: 15px;}
.service .plate4 .label_line{top: -24%;right: -72%;}
.service .plate4 .label_line h6{padding-bottom: 15px;}
.service .plate5 .label_line{top: 16%;left: -115%;}
.service .plate5 .label_line h6{padding-bottom: 24px;}

.slider_col {position: absolute;top: 0;left: 0;display: flex;}
.slider_con{position: relative;height: 220px;}

.pro_img{position: -webkit-sticky;position: sticky;top: 135px;}
.shop_inner_wrap .detail_text .service{width: 100%;height: auto;}  
.top_wrap{position: relative;}
.bg_right{height: 60%;}
.right_shop{max-width: 430px; min-width: 400px; min-height: 1100px; float: right;}
.menu .mobile_menu{display: none;}
.system_service .tab{display: none;}
.system_service .tab-active{display: block;}
footer{margin-top: 50px;}

.slider_col .logo_img{margin-top: 20px;margin-bottom: 20px;}
.owl-theme .owl-dots, .owl-theme .owl-nav,.slider_col .owl-dots{display: none !important;}

.system_service .sys_wrap .left_img{width: 54%;}

.required_field{
    border: 2px solid red !important;
}

#html_element{
    margin-bottom: 20px;
}