* {	box-sizing: border-box; font-family:Montserrat;}
body{margin:0 auto; font-family:Montserrat; background:#EEF3F7;}
header{ width:100%; height: 50vh; padding:0; position:relative; overflow: hidden;}
.banner_main{width:100vw; height: 50vh; background:#2080cc; background-image: url("../img/fon3.jpg"); background-repeat: no-repeat; background-size: cover; }
.header_main{width: 80%; height: 50vh; margin: 0 0 0 10%; position:relative; padding:0; }
.logo{position:absolute; top: 5vh; left: 0; width:15vw; height: auto; z-index:9005; cursor:pointer; }
.logo img{width: 100%;}
.menu{position:absolute; top: 5vh; right: 0; width:80vw; height: 10vh; margin:0; padding:0; text-align:right; text-align-last:right; border: solid 0.1vw transparent; }

.brdcrms{position:absolute; width:10vw; height:11vw; background: white; top:10vw; left: 12.9vw; z-index:9993; cursor:pointer; }
.brdcrms_t{width:10vw; height:7vw; background-image: linear-gradient(to top right, #3b3690, #d4cecf); text-align:center; text-align-last:center; padding: 0.8vw 0 0 0; }
.brdcrms_t img{height:90%;  }
.brdcrms_b{width:10vw; height:4vw; color:#fff; font-size: 0.8vw; text-align:center; text-align-last:center; padding: 0.8vw 0 0 0; font-weight:bold; }

.dot{ width:2vw; height: 5vw; line-height: 3.4vw; font-size:3vw; color:#fff; display:inline-block; margin:0; text-align:center; text-align-last:center; padding:0;vertical-align:top; }

.menu select{height:2vw; font-size:1vw; margin:1.55vw 0 0 -0.5vw; border:none; background:transparent; cursor:pointer; color:yellow; font-family:Montserrat; font-weight:bold; outline:none; -webkit-appearance: none; -moz-appearance: none; padding: 0 0.5vw; } 
.menu select option{ color:#000; padding: 0 0.5vw; cursor:pointer; }

.menu_item{ width:auto; height: 5vw; line-height: 5vw; font-size:1vw; color:#fff; display:inline-block; margin:0; text-align:center; text-align-last:center; vertical-align:top; padding:0; position:relative; }
.menu_item a{ color:#fff; text-decoration:none; }
.menu_item_drp a{ color:#4d4a4a; text-decoration:none; }

.menu_item_drp{position:absolute; top:7vh; left:-0.3vw; width:auto; min-width:15vw; height:auto; background:#fff; z-index:9000; transition: opacity 0.2s linear; display:none; opacity:0;  padding:1vw; font-size:0.2vw; color:#4d4a4a; line-height:1.5vw; text-align:left; text-align-last:left;}
.menu_item_drp div{font-size:0.9vw;}
.menu_item_drp div:hover{ cursor:pointer; text-decoration:underline; font-weight:bold; }

.menu_item span{ cursor:pointer; font-weight:bold; font-size:1vw; margin:0; padding:0; }
.menu_item span:hover{ cursor:pointer; text-decoration:underline; }

.menu_item:hover .menu_item_drp {display: block; opacity:1; transition: opacity 0.5s linear;}

.home_welc{font-size:2vw; width:100%; position:absolute; left:0; bottom: 15vh; text-align:center; text-align-last:center; color:#fff; font-weight:bold; padding:1vw; color:#dfdd13;}

.wrapper{width: 80vw; height: auto; margin: 0 0 5vw 10vw; position:relative; border: solid 0.1vw transparent; text-align:justify; text-align-last:justify; }

.home_first{position:absolute; top:-5vh; width: 100%; height: auto; text-align:justify; text-align-last:justify;  }
.home_first_inside{display:inline-block; width: 18vw; height: 14vw; background:#d6d0d0; border-radius: 0.2vw; vertical-align:top; text-align:center; text-align-last:center; cursor:pointer; }
.home_first_inside:hover{background:#928989; box-shadow: 0 2vw 4vw 0 rgba(0,0,0,0.2);}

.home_first_inside_head{width: 18vw; height: 12vw; background-image: linear-gradient(to top right, #3b3690, #d4cecf); color:#fff; font-size:0.8vw; line-height:1vw;}
.home_first_inside_foot{width: 18vw; height: 4vw; font-size:1.5vw; text-align:center; text-align-last:center; color:#fff; padding:1vw 0 0 0;}
.foot_one{background: #18234b;}.foot_two{background: #91258c;}.foot_three{background: #2383cd;}.foot_four{background: #e56221;}.foot_five{background: #07840B;}

.home_first_inside img{width:30%; opacity:1; margin:2vw 0 1vw 0;}
.home_first_inside_img{display:inline-block; width: 30%; height: 10vh; margin: 2vh 0 0 5vh; vertical-align:top; padding: 0 0 0 0;}
.home_first_inside_txt{display:inline-block; width: 53%; height: 20vh; margin: 2vh 5vh 0 0; color:#dfdd13; font-size:1vw; vertical-align:top; padding: 1vh 0 0 0;}

.ctx-header {position: relative; width: calc(100% + 10vw); margin:0 0 0 -10vw; height: 50vh; background: transparent; }

.lis1{display:inline-block; width:60%; margin: 7vw 0 0 0; text-align:center; text-align-last:center;vertical-align:top;}
.lis2{display:inline-block; width:38%;  margin: 7vw 0 0 0; text-align:left; text-align-last:left; vertical-align:top;}
.lis2 img{ width:110%;  }

.about{width:80vw; background:white; margin: 20vw 0 0 0; padding: 2vw;text-align:justify; text-align-last:left }

.dis1{display:inline-block; width:60%; margin: 7vw 0 0 0; text-align:center; text-align-last:center;vertical-align:top;}
.dis2{display:inline-block; width:38%;  margin: 7vw 0 0 0; text-align:left; text-align-last:left; vertical-align:top;}
.dis2 img{ width:80%; }
.about2{margin: 1vw 0 5vw 0;}

.dspan1{font-size:1.7vw; margin:2vw 0 0 0;}.dspan2{font-size:1.3vw; margin:1vw 0 0 0;}
.dspan11{font-size:1.7vw; margin:0 0 2vw 0; text-align:center; text-align-last:center; text-decoration:underline;}

.zaq{width:100%; height:auto; margin:5vw 0 0 0; padding:2vw 0 0 0; /*background-image: linear-gradient(to right, #0da317 , transparent);*/ text-align:center; text-align-last:center; font-size:1.4vw; color:#fff; background-image: url("/img/work-process.png"); background-size:cover; background-repeat:no-repeat; background-size:100%; }

.zaq img{width:100%; }

.zaq_cart{display:inline-block; width: 10vw; height:12vw; border: solid 0.1vw transparent; border-radius:0.8vw; margin:3vw 0 4.5vw 0; background:#D7E5F1; vertical-align:top; font-size:1vw; padding: 1vw 0 0 0; color:#174F7C; font-weight:bold;}

.zaq_cart_betw{display:inline-block;border-radius:50%; width: 1.8vw; height: 1.8vw; line-height: 1.8vw; background:#D7E5F1; margin:8vw 0; color:#174F7C; vertical-align:top; text-align:center; text-align-last:center; font-weight:bold;}

.zaq_cart img{width:40%; margin: 1.5vw 0 0 0; }

.bl5{width:100%; height:auto; margin:5vw 0 0 0; padding:2vw 0; /*background-image: linear-gradient(to right, #0da317 , transparent);*/ text-align:center; text-align-last:center; font-size:1.4vw; color:#fff; background-image: url("/img/work-process.png");background-size:cover; background-repeat:no-repeat; background-size:100%;}

.bl5 img{height:5vw; margin: 1vw 1vw 0 0; }

.bl6{width:100%; height:auto; margin:2vw 0 0 0; padding:2vw 1vw 2vw 0; text-align:center; text-align-last:center; font-size:1.4vw; color:#3385FF; background:transparent;}

.bl6_cart{display:inline-block; width: 15vw; height:18vw; vertical-align:top; font-size:1vw; padding: 1vw; margin:1vw 2vw; }
.bl6_cart_inner{display:inline-block; width: 15vw; height:18vw; vertical-align:top;  transition: transform 0.6s;
  transform-style: preserve-3d;}
.bl6_cart img{width: 80%; margin:1.5vw 0 0 0;}

.bl6_cart_front{ width: 15vw; height:18vw; border: solid 0.1vw #A8D3F6; border-radius:0.5vw; margin:0; background:#DCEFFE; vertical-align:top; font-size:1vw; padding: 1vw;}




.bl6_cart_back{ width: 15vw; height:18vw; border: solid 0.1vw #C7F757; border-radius:0.5vw; margin:0;  background:#073F67; vertical-align:top; font-size:1vw; padding: 1vw; transform: rotateY(180deg); color:#fff;}

.bl6_cart_front, .bl6_cart_back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight:bold; }

.bl6_cart:hover .bl6_cart_inner { transform: rotateY(180deg); }

.bl7{width:100%; height:auto; margin:2vw 0 4vw 0; padding:2vw 0; /*background-image: linear-gradient(to right, #0da317 , transparent);*/ text-align:center; text-align-last:center; font-size:1.4vw; color:#fff; background-image: url("/img/weww.png");background-size:cover; background-repeat:no-repeat; background-size:100%;}
.bl7 img{height:5vw; margin: 1vw 1vw 0 2vw; }

.txtbox{width:40%; height:3vw; font-size:1vw; text-align:left; text-align-last:left; text-indent:1vw; margin: 0.5vw 0.5vw; outline-color:orange; border: solid 0.05vw #CBDBF4;}
.texses{margin:1vw 0 0 0;}

.txtarea{width:calc(80% + 1vw); height:10vw; resize:none; text-align:left; text-align-last:left; margin: 0.5vw 0 0 0; outline-color:orange; border: solid 0.05vw #CBDBF4; font-size:1vw; padding:1vw;}

.btns{width:15%; height:3vw; background:#2585d1; color:#CBDBF4; font-size:1vw; border: solid 0.05vw #2585d1; cursor:pointer;  margin: 1vw 0 0 0; font-weight:bold; }
.btns:hover{background:#174F7C; border: solid 0.05vw #174F7C; }

.btnt{width:70%; height:2.5vw; background:#2585d1; color:#CBDBF4; font-size:1vw; border: solid 0.05vw #2585d1; cursor:pointer;  margin: 1vw 0 0 0; font-weight:bold; }
.btnt:hover{background:#174F7C; border: solid 0.05vw #174F7C;}

footer{width:100%; height:auto; background:#106EB2; border: solid 0.05vw #106EB2; padding:0;}

.fblock{display:inline-block; border: solid 0.05vw #fff; width: 30%; height:auto; vertical-align:top; margin:5vh 0 1vw 0; font-size:1vw; color:#fff;}
.fblocksm{display:inline-block; border: solid 0.05vw #ttt; width: 20%; height:auto; vertical-align:top; margin:5vh 0 1vw 0; font-size:1vw; color:#fff;}
.fblocksmb{display:inline-block; border: solid 0.1vw #ttt; width: 60%; height:8vw; vertical-align:top; margin:5vh 0 1vw 0; font-size:1vw; color:#fff; line-height:1.36vw;}

.footerlogo{width:15vw; margin:3vw 0 0 41vw; height: auto; } .footerlogo img{ width:100%; }
.fbl1{font-size:1vw; margin: 2vw 0 0 0; text-align:center; text-align-last:center; border:solid 0.1vw transparent;}
.fbl1 img{width: 2.5vw; vertical-align:middle; margin: 0 0.2vw; cursor:pointer; /*filter:grayscale(100%);*/} .fbl1 img:hover{filter:grayscale(0);}

.fmenuh{font-size:1vw; font-weight:bold; text-align:left; text-align-last:left; border-bottom:solid 0.1vw #fff; }
.fmenu{font-size:0.9vw; font-weight:normal; text-align:left; text-align-last:left; cursor:pointer; margin:0.5vw 0; color:#fff;} .fmenu:hover{text-decoration:underline;}

.addr{width: 100%; margin: 3vw 0 0 0; background:none;}

.addrbl{display:inline-block; background:#0c3e87; width:49%; height:auto; border-radius:0.5vw; padding: 1.5vw; color:#fff;}

.fmenu a {color:#fff;}

.btm{border-top:solid 0.1vw #fff; text-align:center; text-align-last:center; color:#fff; font-size:0.8vw; margin: 0 0 -3vw 0;}

.fntm{background:dimgray; color:white; font-size:0.8vw; text-align:center; text-align-last:center; width:100%; padding:1vw;}

.mobmenuicn, .moblangicn{visibility:hidden;}
.mobmenu, .moblang, .sldr_thumb_m, .sldr_thumb_mi{display:none;}

.blk{width:80vw; height:auto; margin:4vw 0 8vw 0; font-size:1.3vw; text-align:justify; text-align-last:justify; border: solid 0.1vw transparent;}
.lul{text-align:center; text-align-last:center; margin: 0 0 3vw 0;}

.prv{width:25vw; height:16vw; margin:1vw 0 0.5vw 0; border-radius:0; display:inline-block; text-align:center; text-align-last:center; vertical-align:top; cursor:pointer; padding: 0; font-size:1vw;}
.prv_header{font-size:1.1vw; font-weight:bold; margin: 1vw 0 0 0;}

.prv_inner{display:inline-block; width: 100%; height:16vw; vertical-align:top; transition: transform 0.5s; transform-style: preserve-3d; padding: 0; margin:0; color:#073F67;  }
.prv img{width: 5vw; margin: 1vw 0 0 0; }

.prv_front{ width: 25vw; height:16vw; margin:0; vertical-align:top; border:solid 0.1vw #073F67; border-radius:0.3vw; margin:0 0 0 0; padding: 1vw; }

.prv_back{ width: 25vw; height:100%; border-radius:0.3vw; margin:0 0 0 0;  background:#073F67; vertical-align:top; font-size:1.1vw; padding: 1vw; transform: rotateY(180deg); color:#fff;}

.prv_front, .prv_back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-weight:bold; }

.prv:hover .prv_inner { transform: rotateY(180deg); }

.btnx{width:70%; height:2.5vw; background:#2585d1; color:#CBDBF4; font-size:1vw; border: solid 0.05vw #2585d1; cursor:pointer; margin: 1vw 0 0 0; font-weight:bold; }
.btnx:hover{background:#174F7C; border: solid 0.05vw #174F7C;}

.rtxt{color:#fff; font-size:0.8vw; margin:1vw 0 0 0; height:8.2vw; font-weight:normal; overflow:hidden;}
.rtxtu{color:#fff; font-size:1vw; margin:1vw 0 0 0; height:8vw; font-weight:normal; }

.sldr{border: solid 0.05vw transparent; width: 80vw; height: auto; margin: 5vw 0 -4vw 0;}
.sldr_out{border: solid 0.05vw transparent; width: 80vw; height: auto; margin: 5vw 0 2vw 0; padding: 1.5vw 0;}
.sldr_main{border: solid 0.05vw transparent; width: 35vw; height: 23vw; margin: 0 0 1vw 0;}
.sldr_thumb{border: solid 0.05vw transparent; width: auto; height: 10vw; line-height: 2vw; margin: 0; display:inline-block; text-align:center; text-align-last:center; font-size:1vw; font-weight:bold; color:green; }
.sldr_thumb_out{border: solid 0.05vw transparent; width: auto; height: 12vw; line-height: 2vw; margin: 4vw 0 0 0; display:inline-block; text-align:center; text-align-last:center; font-size:1vw; font-weight:bold; color:#095bcc; }
.sldr_thumb_sm{ width: 5vw; line-height: 10vw; vertical-align:top; margin: 6vw 0 0 0; }

.tbased{width:80vw; height: auto; margin:0 0 5vw 0;  }
.tprt{display:inline-block; width:80vw; height: auto; border: solid 0.05vw #e3dde0; padding: 1vw 2vw; font-size: 1.2vw; text-align:left; text-align-last:left; vertical-align:top; background:#fff; margin: 5vw 0 -1vw 0; position:relative; }

.outico{position:absolute; height: 60%; right: 5vw; top: 20%; opacity:0.1;}
.tprt_d{margin: 0.5vw 0 0 0; font-size:1.1vw;}
ol{margin:1vw 0;}
ol li{font-size:1.1vw;}

.tprt_out{width:39vw;}

.redout{display:inline-block; width:17vw; height:3.3vw; background:#bd0665; margin:0.5vw 0; text-align:center; text-align-last:center; color:#fff; vertical-align:top; font-size:0.9vw; font-weight:bold; padding: 0.3vw 2vw;}
.justoy{text-align:justify; text-align-last:justify; margin:1vw 0 0.35vw 0;}

.sldr_out_or{border: solid 0.05vw transparent; width: 80vw; height: auto; margin: 2vw 0 -4vw 0; padding: 1.5vw; background:#095bcc; color:#fff; font-size:1.1vw; text-align:left; text-align-last:left;}

p { text-indent: 1.2vw; line-height:1.7vw; }

.blkop{text-align:center; text-align-last:center; color:#bd0665; font-size:1vw; font-style:italic; font-weight:bold; margin: 7vw 0 2vw 0; }
.blkopw{text-align:center; text-align-last:center; color:#bd0665; font-size:1vw; font-style:italic; font-weight:bold; margin: 4vw 0 5vw 0; }

.luliv{text-align:center; text-align-last:center; margin: 0 0 -2vw 0;}
.lulint{text-align:center; text-align-last:center; margin: 0 0 0 0;}

.ivphone{display:inline-block; width: 20vw; height:22vw; border:solid 0.1vw transparent; margin: 2vw 0; vertical-align:top; text-align:center; text-align-last:center; position:relative;}
.phins{position:absolute; width:10vw; height:17.3vw; top:2vw; left:4.9vw; background:gray;}

.phins_but_bl{position:absolute; width:10vw; bottom:0; left:0; padding: 0 0.1vw; user-select:none; }
.phins_but{display:inline-block; width: 3vw; margin:0.2vw 0; height:2.5vw; line-height:2.5vw; border: solid 0.1vw #fff; font-size:1.5vw; font-weight:bold; cursor:pointer; background:gray; color:#fff; user-select:none; vertical-align:top; }
.phins_but:hover{background:#fff; color:gray;}
.phins_call{width:9.9vw; height:2vw; line-height:2vw; top:2vw; left:5vw; background:green; color:#fff; font-size:1vw; font-weight:bold; cursor:pointer; user-select:none; margin: 0.05vw 0 0 0;}
.phins_call:hover{background:#075207; }

.numres{position:absolute; width:9.6vw; height:3.3vw; line-height:3.3vw; top:0.2vw; left:0.2vw; background:#fff; color:gray; user-select:none; text-align:left; text-align-last:left; padding:0 0.5vw;}
.phins .cancel_gray{position:absolute; top:1.4vw; right:0.7vw; width: 0.9vw; height: 0.8vw; z-index:9993; visibility:hidden; cursor:pointer;}

.stln{line-height:3vw;}
.ivphone img{height:22vw; font-size:2vw;}
.ivmes{display:inline-block; width: 54vw; height:22vw; border:solid 0.1vw #91BBF3; float:right; margin: 2vw 0; vertical-align:top; padding: 1vw; font-size:1vw; overflow: auto; background:#fff;}

.resmes{margin:0.5vw 0;}

.btnxy{width:25vw; height:2.5vw; background:#2585d1; color:#CBDBF4; font-size:1vw; border: solid 0.05vw #2585d1; cursor:pointer; margin: 1vw 0 2vw 25vw; font-weight:bold; text-align:center; text-align-last:center; }
.btnxy:hover{background:#174F7C; border: solid 0.05vw #174F7C;}

.q_left{display:inline-block; width: 45vw; height:21.5vw; border: solid 0.1vw transparent; vertical-align:top;}

.q_left_lm{display:inline-block; width: 28vw; height:7vw; vertical-align:top; margin: 0 0 1vw 0;}

.q_left_l{display:inline-block; width: 20vw; height:3vw; line-height:2.7vw; border: solid 0.1vw blue; vertical-align:top; background:#6b33ff; border-radius:0.8vw; margin:0.2vw 0; color:#fff; font-size:0.9vw; text-align:center; text-align-last:center; font-weight:bold;}
.q_left_c{display:inline-block; width: 7vw; height:3vw; border: solid 0.1vw transparent; vertical-align:top; margin:0.2vw 0 0.2vw 0.3vw; padding: 0.3vw 0 0 0.8vw;}
.q_left_c .strlimg{ width: 5.5vw; height:2vw;  }

.q_left_r{display:inline-block; width: 16vw; height:10vw; vertical-align:top; background:#339cff; border-radius:2vw; color:#fff; text-align:center; text-align-last:center; padding: 3.4vw 1vw 1.5vw 1vw; font-weight:bold; margin: 0 0 1vw 0; font-size:1.1vw;}

.q_right{display:inline-block; width: 29vw; height:21.1vw; border: solid 0.1vw transparent; vertical-align:top; text-align:justify; text-align-last:left; margin: 0 0 0 1vw; background:#6e073e; color:#fff; padding: 1vw; font-size: 1vw; border-radius:0.8vw;}

.iagree{font-size:0.7vw; margin:0;}


.cti_l{display:inline-block; width: 35vw; vertical-align:top;}
.cti_r{display:inline-block; width: 35vw; vertical-align:top; color:#fff; text-align:justify; text-align-last:left; font-size:0.9vw; margin:0;}
.cti_img{width: 35vw; margin:0 0 0 3vw;}
.cti_sldr{border: solid 0.05vw transparent; width: 80vw; height: auto; margin: 5vw 0 -4vw 0; text-align:justify; text-align-last:justify;}
.cti_cart{display:inline-block; width: 14vw; height:7vw; vertical-align:top; font-size:1vw; padding: 1vw 0.8vw; margin:2vw 0 3vw 0; background-image: linear-gradient(to top right, #84096e, #2a4994); text-align:center; text-align-last:center; color:#ddd; border-radius:1.5vw; }
.cti_cart_even{background-image: linear-gradient(to top right, #a44f57, #850511);}
.cti_cart_d{margin: 0.7vw 0 0 0;}
.blk_clb{text-align:center; text-align-last:center; color:#096380; line-height:2vw; font-size:1.2vw; font-style:italic; font-weight:bold; margin: 5vw 0 2vw 0; padding: 0 8vw; }


#root {width: 78vw; font-size:1vw; margin: 0;}

#root table{width: 76vw; border-collapse:collapse; border: solid 0.05vw #F8D8D0; }
#root table th{background:#D4CB20; border: solid 0.05vw #D4CB20; color:#000; text-align:center; text-align-last:center; padding: 0.7vw 0; font-size:0.95vw; cursor:pointer;}
#root table td{ text-align:center; text-align-last:center; padding: 0.5vw; border: solid 0.05vw #F8D8D0;  font-size:0.9vw;}
#root table td:nth-child(1){ width: 10%;} #root table td:nth-child(2){ width: 12%;}
#root table td:nth-child(3){ text-align:center; text-align-last:center; width: 12%;}
#root table td:nth-child(4){ width: 12%;} #root table td:nth-child(5){text-align:center; text-align-last:center; width: 12%;}
#root table td:nth-child(6){ width: 12%;} #root table td:nth-child(7){text-align:center; text-align-last:center; width: 12%;}
#root table tr:nth-child(odd) { background: white; }
#root table tr:nth-child(even) { background: #DBE3DA; }
#root table td:nth-child(1) img{ width: 1.5vw; margin:0 0 0.2vw 0; vertical-align:middle; }
#root table td:nth-child(7) img{ width: 1.8vw; cursor:pointer;}

.pr-3{font-size:1vw;}
.formslct{width:4vw; height: 2vw; text-align:right; text-align-last:right; padding: 0 0.5vw 0 0; outline:none; font-size:0.8vw; cursor:pointer; border:solid 0.05vw #ADD1EC;}
.formslct option { direction: rtl; }
.slctd{position:absolute; right:0; top:0; font-family: Montserrat;  }
.slctdi{position:absolute; right:4.5vw; top:0; font-family: Montserrat;  color:#fff; }
.formc{font-size:0.8vw; height: 1.5vw; font-size:0.9vw; font-family: Montserrat; outline:none; border:solid 0.05vw #ADD1EC; padding: 0.1vw 0 0.1vw 0.5vw;}
.btn:disabled{display:none;}
.btn{cursor:pointer; margin: 0 0.2vw; font-size:1vw;}
.btn-primary{background:green; border:solid 0.5vw green; outline:none; font-size:1vw; color:#fff;}
.col-md-6{margin: 1vw 0; }
.rigas{margin: 1vw 0; position:relative; /*border: solid 0.05vw #F8D8D0; */}

.pagem{min-height:30vw; overflow: hidden}
.vel{width:85%; background:#128CB9; color:#fff; border: none; padding: 0.5vw 0; cursor:pointer; font-size:0.9vw; outline:none;}
.vel:hover{ background:#0E6E91;}
.ml1{text-align:center; text-align-last:center; color:#fff;}
.ml2{display:none; text-align:center; text-align-last:center; color:#fff;}
.ml3{text-align:center; text-align-last:center; color:#fff; font-size:1vw;}
.ml4{text-align:center; text-align-last:center; color:#fff; font-size:0.9vw; margin: 0.5vw 0 0 0; padding: 0.5vw; text-align:justify; text-align-last:left;}
.ml5{text-align:center; text-align-last:center; color:#fff; font-size:0.9vw; margin: 0.5vw 0 0 0; padding: 0.5vw 3vw; text-align:justify; text-align-last:left; font-style:italic;}

.vfrmc{width: 36vw; height: 27.1vw; margin: 2vw 0 1vw 0; border: solid 0.1vw #173a7c; display:inline-block; text-align:left; text-align-last:left; vertical-align:top; background:#173a7c;}
.vfrmc img{width: 5vw; margin: 10vw 0 0 16vw;}
.vfrm{width: 36vw; height: 27.1vw; margin: 2vw 0 1vw 0; border: solid 0.1vw #075605; display:inline-block; text-align:left; text-align-last:left; vertical-align:top; background:#075605; position:relative; background-repeat: no-repeat; background-size: cover;}
video{width: 35.85vw; margin: 0; }

#startv{position:absolute; width: 10vw; height: 2.5vw; border:none; bottom: 2.7vw; left: 15.8vw; text-align:center; text-align-last:center; cursor:pointer; font-size:1vw; outline:none;}
#startv:hover{background:gray; color:#fff;}

.tprtv{display:inline-block; width:80vw; height: auto; border: solid 0.05vw #e3dde0; padding: 1vw 3vw; font-size: 1.2vw; text-align:justify; text-align-last:justify; vertical-align:top; background:#fff; margin: 5vw 0 -1vw 0; position:relative; }

.logovi2{visibility:hidden; width:36vw; height: auto; z-index:9005; cursor:pointer; margin:2.5vw 0 0 0; text-align:center; text-align-last:center; }
.logovi2 img{width: 30%;}

.logovi{width:36vw; height: auto; z-index:9005; cursor:pointer; margin:4vw 0 0 0; text-align:center; text-align-last:center; }
.logovi img{width: 30%;}

.logovit{width:36vw; height: auto; z-index:9005; cursor:pointer; margin:1.5vw 0 0 0;text-align:center; text-align-last:center; color:#fff; }


.lds-ripple { display:none; position: absolute; top: 15vw; left: 15.5vw; width:12vw; height: 12vw; }
.lds-ripple div { position: absolute; border: 0.4vw solid #fff; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }  
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }

@keyframes lds-ripple {
  0% {
    top: 2.78vw;
    left: 2.78vw;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -0.1vw;
    left: -0.1vw;
    width: 5.8vw;
    height: 5.8vw;
    opacity: 0;
  }
}

.vimes_main{width:36vw; height: auto; z-index:9005; position:absolute; bottom:1vw; left:0; }
.vimes{width:36vw; height: auto; z-index:9005; cursor:pointer; text-align:justify; text-align-last:center; color:#fff; padding: 0 1vw; font-size:1.1vw; vertical-align:bottom; margin: 1.5vw 0 0 0; }

.varea{ width:32.8vw; height: 5vw; border:solid 0.1vw #fff; background:#fff; padding:0.5vw; font-size:0.9vw; overflow:auto; outline:none; resize:none; margin: 0.5vw 0 0 0;text-align:left; text-align-last:left; }

.vmenu{ display:none; position: absolute; bottom: 5vw; left: 1vw; width:34vw; height: 14.5vw; border:solid 0.1vw #fff; background:gray; padding:0.5vw; font-size:1vw; overflow:hidden; z-index:9996; text-align:justify; text-align-last:justify; }

.vmenu_btn{display:inline-block; width:12vw; height:2.7vw; line-height:2.7vw; background:#9c0a0a; margin:0 0.2vw; text-align:center; text-align-last:center; color:#fff; font-size:1vw; cursor:pointer; user-select:none;}
.vmenu_btn:hover{background:#570606;}

.vmenu_txt{display:inline-block; width:16vw; height:2vw; line-height:2vw; background:#fff; margin:0.5vw 0 0 0; text-align:left; text-align-last:left; color:#000; border:none; font-size:0.9vw; padding:0 0.5vw; outline:none;}

.vinfo{display:block; position: absolute; top: 14vw; left: 1vw; width:34vw; font-size:1vw; text-align:center; text-align-last:center; color:yellow; padding:0 4vw;}

.vsen{ display:none; position: absolute; bottom: 0.5vw; left: 1vw; width:34vw; height: 4vw; border:solid 0.1vw #fff; background:gray; padding:0.5vw; font-size:1vw; overflow:hidden; z-index:9996; text-align:center; text-align-last:center; z-index:9997; }
.vmenu img{height: 2vw; vertical-align:middle; cursor:pointer; margin: 0.5vw 0 0 0; }
.vmenu .c2{height: 1.3vw; vertical-align:middle; cursor:pointer; margin: 0.5vw 0 0 0.8vw; }

.blkopv{text-align:center; text-align-last:center; color:#bd0665; font-size:1vw; font-style:italic; font-weight:bold; margin: 5vw 0; }
.chat_tran{position:absolute; width: 37vw; height:32.4vw; top:3.4vw; left: 20vw; background-color:rgba(5, 9, 86, .8); border-radius:2vw; padding: 2vw; color:#fff; display:none;}
.chat_tran img{width: 1.4vw; position:absolute; top:2vw; right:2vw; cursor:pointer; }
.chat_tran .printicon{width: 1.4vw; position:absolute; top:2vw; right:4.8vw; cursor:pointer; }
.chat_tran .emailicon{width: 1.7vw; height: 1.2vw; position:absolute; top:2vw; right:7.7vw; cursor:pointer; }
.chat_tran .trsp{ margin: 2vw 0 0 0; }
.chat_tran .ruru{ width: 33vw;  margin: 0.4vw 0; font-size:0.9vw;}
.chat_tran .rurum{ width: 33vw; margin: 0 0 1vw 0; font-size:1.3vw; text-decoration:underline;}
.chat_tran .trsp>div{ width: 33vw;  margin: 1vw 0; font-size:0.9vw;}


.voice_tran{position:absolute; width: 37vw; height:15.5vw; top:11vw; left: 20vw; background-color:rgba(5, 9, 86, .8); border-radius:2vw; padding: 2vw; color:#fff; display:none;}
.voice_tran button{margin: 3vw 0 0 0; font-size:1vw; }
.voice_tran .rurum{ width: 33vw; margin: 0 0 1vw 0; font-size:1.3vw; text-decoration:underline;}
.voice_tran .ruru{ width: 33vw;  margin: 0.4vw 0; font-size:0.9vw;}

.audioslide{position:absolute; top: 7.5vw; width:33vw; height:1vw; background:gray; margin:2vw 0 1vw 0; }
.audioslide_over{position:absolute; top: 7.5vw; width:0; height:1vw; background:yellow; margin:2vw 0 1vw 0; overflow:hidden; }

.voice_tran img{width: 1.4vw; position:absolute; top:2.2vw; right:2vw; cursor:pointer; }
.voice_tran .printicon{width: 1.4vw; position:absolute; top:2.2vw; right:4.8vw; cursor:pointer; }
.voice_tran .emailicon{width: 1.7vw; height: 1.2vw; position:absolute; top:2.2vw; right:4.8vw; cursor:pointer; }

.flst{width: 37vw; height: 19.5vw; background:#cdcede; margin: 2vw 0 2vw 0; display:inline-block; vertical-align:top;}

.flst_btn{font-size:0.9vw; width:8vw; height:2vw; margin: 1vw 0.5vw; outline:none; background:brown; color:#fff; border: none; text-align:center; text-align-last:center; cursor:pointer;}
.fjust{text-align:justify; text-align-last:justify;}
.flst table{width: 96%; margin: 0 0 0 2%; border-collapse:collapse;}
.flst thead{background:brown; font-size:1vw; color:#fff;}
.flst thead th{ height:2.7vw; text-align:center; text-align-last:center;}
.flst tr{ font-size:0.9vw;}
.flst tr td{ text-align:left; text-align-last:left; height:1.5vw; padding: 0 0 0 0.4vw ;}
.flst tr td img{ width:1.5vw; margin:0.5vw 0 0 0; cursor:pointer;}

.flst table td:nth-child(4){ text-align:center; text-align-last:center;}

.flstheader{text-align:center; text-align-last:center; margin: 1.2vw 0; font-size: 1.1vw; font-weight:bold; color:#5b0909;}
.flstfoot{text-align:center; text-align-last:center; margin: 0.2vw 0; font-size: 1.1vw; font-weight:bold; color:#5b0909;}

.fsframe{width:35vw; height: 14.4vw; border: solid 0.1vw brown; margin: 0 0 0 0.9vw; border-radius: 1vw; padding: 2vw;}

.flst select{width: 15vw;font-size:0.9vw; height: 2vw; outline:none;}
.flst input[type=text]{font-size:0.9vw; width:30.8vw; height:2vw; margin: 1vw 0 1vw 0; outline:none;}

.blkint{text-align:center; text-align-last:center; color:#bd0665; font-size:1.05vw; font-style:italic; font-weight:bold; margin: 5vw 0; padding:0 8vw; line-height:1.8vw; }

.rt_table{border-collapse:collapse; width: 90%; margin: 2vw 0 2vw 5%;}
.rt_table thead{background:#D4CB20; color:#000;}
.rt_table th{  height:4vw;}
.rt_table th:nth-child(2){ width: 12%; text-align:left; text-align-last:left; padding: 0 0 0 0.7vw;}
.rt_table th:nth-child(3){ width: 15%; text-align:left; text-align-last:left; padding: 0 0 0 0.7vw;}

.rt_table td{border-bottom:solid 0.1vw #fff; height:5vw;}

.rt_table td:nth-child(1){ width: 5%; text-align:center; text-align-last:center;}
.rt_table td:nth-child(1) img{ width: 60%; }
.rt_table td:nth-child(2){ width: 15%; text-align:left; text-align-last:left; padding: 0 0 0 0.7vw;}
.rt_table td:nth-child(3){ width: 5%; text-align:left; text-align-last:left; padding: 0 0 0 0.7vw;}
.rt_table td:nth-child(4){ width: 20%; text-align:left; text-align-last:left;}
.rt_table td:nth-child(5){ width: 20%; text-align:center; text-align-last:center;}
.rt_table td:nth-child(6){ width: 10%; text-align:center; text-align-last:center;}
.strpout{background:brown; padding:0.5vw;}

.wlbdiv{width:76vw; height: 40vw; border: solid 0.1vw #fff; margin:2vw 0; text-align:justify; text-align-last:justify; user-select:none;}
.wlbdiv1{display:inline-block; width:14vw; height: 39.8vw; background:gray; vertical-align:top; text-align:center; text-align-last:center;}
.wlbdiv2{display:inline-block; width:21vw; height: 39.8vw; background:gray; vertical-align:top;}
.wlbdiv3{display:inline-block; width:40.1vw; height: 39.8vw; background:gray; vertical-align:top; user-select:none;}

.wlbdiv1i{width:12vw; margin: 0.7vw 0 0.8vw 1vw; position:relative;} .wlbdiv1i img{width:100%;} .wlbdiv1time{font-size:1.2vw;}
.wlbvalue1{position:absolute; top:3vw; right: 2vw; font-size:5vw;} .wlbvalue1txt{position:absolute; top:8.5vw; right: 2vw; font-size:1.2vw;}
.wlbdiv1time{position:absolute; top:4vw; right: 0.5vw;font-size:3.5vw;}

.wlbdiv2_d{width:20vw; height: 6vw; line-height: 5.8vw; background:#8c1bb3; margin: 1.6vw 0.5vw; color:#fff; text-align:left; text-align-last:left; font-size:1.5vw; border-radius: 1vw; padding: 0 0 0 0.5vw;}

.wlbdiv2_d img{width: 12%; vertical-align:middle; margin: 0 1vw 0 0;}

.wlbdiv3_h{width:39vw; height: 6vw; line-height: 5.8vw; background:orange; margin: 1.6vw 0.5vw; color:#fff; text-align:justify; text-align-last:justify; font-size:1.5vw; border-radius: 1vw; color:#000; padding: 0 0.2vw;}

.wlbdiv3_hd{display:inline-block; width: 6.7vw; height: 4.5vw; line-height: 2vw; margin: 0.75vw 0 0 0; border-radius: 0.8vw; background:dimgray; font-size:0.9vw; font-weight:bold; vertical-align:top; color:#fff; text-align:center; text-align-last:center;}
.wlbdiv3_hd span{ font-size:2.2vw; }

.wlbdiv3_agt{display:inline-block;width:12vw;height:12vw; background:orange; margin: 1vw 0.5vw 2.8vw 0.5vw;border-radius: 0.8vw; text-align:center; text-align-last:center; padding: 1vw 0.2vw; color:#000; background-image: url("/img/ccagd.png");background-size:cover; background-repeat:no-repeat; background-size:80%; background-position:center; font-size:1.1vw; font-weight:bold; vertical-align:top; }

.skilln{color:#2387cb; font-size:1vw; margin: 1vw 0 0 0;}
.statusr{color:green; font-size:1.2vw; margin: 0.8vw 0 0 0;}
.statusr img{width: 15%; vertical-align:middle; margin: 0 0.7vw 0 0;}
.breaks img{width: 1.8vw;height: 1.8vw; vertical-align:middle; margin: 0.5vw 0 0.2vw 0;}
.statusrd{background:green; color: white; width: 10vw; height: 2vw; line-height: 2vw; text-align:center; text-align-last:center; font-size: 1vw; margin:1vw 0 0 0.8vw; border-radius:0.2vw; } .statustime{margin:0.5vw 0 -0.5vw 0;}

.z_1{background:#1062e0;}.z_2{background:#1062e0;}.z_3{background:#73c80d;}.z_4{background:#c80d40;}.z_5{background:#2387cb;}

.yaz_lo{display:inline-block; width: 10vw; height:auto; margin:3vw 1vw 0 1vw;} .yaz_lo img{ width: 100%; }
.apps_lo{display:inline-block; width: 24vw; height:auto; margin:2vw 0;} .apps_lo img{ width: 100%; }
.apph{text-align:center; text-align-last:center; color:brown; font-weight:bold; margin: 7vw 0 0 0;}

.koircrm_img{width: 20vw; margin:1vw 0 1vw 3vw;}
.koircrm_img2{width: 20vw; margin:1vw 3vw 2vw 0;}

.koircrm_l{display:inline-block; width: 20vw; vertical-align:top;}
.koircrm_r{display:inline-block; width: 50vw; vertical-align:top; color:#fff; text-align:justify; text-align-last:left; font-size:0.9vw; margin:1vw 0 0 0;}

.koircrm_l2{display:inline-block; width: 20vw; vertical-align:top; }
.koircrm_r2{display:inline-block; width: 55vw; vertical-align:top; color:#fff; text-align:justify; text-align-last:left; font-size:0.9vw; margin:1vw 0 0 0; padding: 0 0 0 3vw; }

.andrbtn{background:#C4E022;border: solid 0.1vw #C4E022; color:#444540;}.andrbtn:hover{background:#B8D222;border: solid 0.1vw #B8D222; color:#444540;}


/*SLIDER START*/
.sh{text-align:center; text-align-last:center; margin:0; padding: 1vw 0; background:#6E77DF; color:#fff; }
.slider { position: relative; overflow: hidden; margin: 0 0 5vw 0; }
.slider__wrapper { display: flex; transition: transform 0.6s ease; }
.slider__item { flex: 0 0 20vw; max-width: 20vw; }
.slider__control { position: absolute; top: 50%; display: none; align-items: center; justify-content: center; width: 3vw; color: #fff; text-align: center; opacity: 0.5; height: 0; transform: translateY(-50%); background: rgba(0, 0, 0, .5); }
.slider__control_show { display: flex; }
.slider__control:hover, .slider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; }
.slider__control_left { left: 0; }.slider__control_right { right: 0; }

.slider__control::before { content: ''; display: inline-block; width: 3vw; height: 3vw; background: transparent no-repeat center center; background-size: 100% 100%; }

.slider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%444540' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.slider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%444540' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.slider__item>div { font-size: 100px; text-align: center; text-align-last: center; height: 14vw; line-height: 20vw; }
.slider__item>div img { width:80%; }
/*SLIDER END*/

.fwrapper{width: 80vw; height: auto; margin: 0 0 5vw 10vw; position:relative; border: solid 0.1vw transparent; text-align:justify; text-align-last:justify; }

.nfheader{font-size:10vw; color:#E3B409;}

.fmenuhs{font-size:1vw; font-weight:bold; text-align:left; text-align-last:left; border-bottom:solid 0.1vw #fff; }
.fmenus{font-size:0.9vw; font-weight:normal; text-align:left; text-align-last:left; cursor:pointer; margin:0.5vw 0; color:#fff;} .fmenu:hover{text-decoration:underline;}

.dblo{display:block;}