/* Milad Edit */
[v-cloak] {
    display: none !important;
}

.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .3s ease;
}
.slide-fade-enter, .slide-fade-leave-to{
  transform: translateY(10px);
  opacity: 0;
}

.cursorDefault{
    cursor: default !important;
}

.marginAuto{
    margin:auto;
}

#insertComment{
    margin-bottom: 35px;
    border-bottom: 1px dashed #ececec;
    position: relative;
}

.label_style2 .inner_label.notConfirm {
    max-width: 130px;
    background-color: #e8eff3;
    color: #ff2c2c;    
}

.comment_style1 .info .tools .replay_btn.deleteMsg:after {
    content: 'S';
    font-family: '3dinga';
    font-size: 1.6rem;
    vertical-align: middle;
    margin-right: 5px;
}

.marginl15{
    margin-left: 15px !important;
}

section.new_style{
    width: 93%;
    margin: 25px auto;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}
.container.new_style_container{
    padding: 0;
}

.owl-carousel.owl-carousel-show-gallery .owl-nav{
    position: relative;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button{
    position: absolute;
    top: -95px;
    width: 25px;
    height: 40px;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button.owl-prev{
    right: 0;
    background: #fff;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button.owl-next{
    left: 0;
    background: #fff;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button:hover{
    color: #457991;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button span{
    font-size: 2.5rem;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button.disabled {
    cursor: default !important;
}
.owl-carousel.owl-carousel-show-gallery .owl-nav button.disabled span {
    cursor: default !important;
}

.owl-carousel.owl-carousel-model .owl-nav{
    position: relative;
}
.owl-carousel.owl-carousel-model .owl-nav button{
    position: absolute;
    top: -200px;
    width: 40px;
    height: 60px;
}
.owl-carousel.owl-carousel-model .owl-nav button.owl-prev{
    right: -20px;
    background: #fff;
    -webkit-box-shadow: -3px 2px 4px 1px rgba(0,0,0,.15);
    box-shadow: -3px 2px 4px 1px rgba(0,0,0,.15);
}
.owl-carousel.owl-carousel-model .owl-nav button.owl-next{
    left: -20px;
    background: #fff;
    -webkit-box-shadow: 3px 2px 4px 1px rgba(0,0,0,.15);
    box-shadow: 3px 2px 4px 1px rgba(0,0,0,.15);
}
.owl-carousel.owl-carousel-model .owl-nav button:hover{
    color: #457991;
}
.owl-carousel.owl-carousel-model .owl-nav button span{
    font-size: 4rem;
}
.owl-carousel.owl-carousel-model .owl-nav button.disabled {
    cursor: default !important;
}
.owl-carousel.owl-carousel-model .owl-nav button.disabled span {
    cursor: default !important;
}

/*End Milad Edit*/

[data-acc] .acc_content{
    display: none;
}

/******************************* FONTS *********************************/
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iransans/eot/IRANSansWeb.eot');
    src: url('fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face{
    font-family:'consola';	
    src:url(fonts/consola.ttf);
}
.at2{font-family:'IRANSans','tahoma';}
.at2 *{font-family:inherit;}
.en_words{font-family: sans-serif;}
.en_dir{direction: ltr !important;text-align: left !important;}

/******************************* ANIMATIONS *********************************/
@-webkit-keyframes hang {
    0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes hang {
    0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
/*whish_style1*/
@-webkit-keyframes heartPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes heartPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes heartUnlike{50%{-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes heartUnlike{50%{-webkit-transform:scale(.75);transform:scale(.75)}}@-webkit-keyframes heartFloatMain-1{0%{opacity:0;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{opacity:1;-webkit-transform:translate(0,-25px) rotate(-20deg);transform:translate(0,-25px) rotate(-20deg)}}@keyframes heartFloatMain-1{0%{opacity:0;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{opacity:1;-webkit-transform:translate(0,-25px) rotate(-20deg);transform:translate(0,-25px) rotate(-20deg)}}@-webkit-keyframes heartFloatMain-2{0%{opacity:0;-webkit-transform:translate(0) rotate(0) scale(0);transform:translate(0) rotate(0) scale(0)}50%{opacity:.9;-webkit-transform:translate(-10px,-38px) rotate(25deg) scale(1);transform:translate(-10px,-38px) rotate(25deg) scale(1)}}@keyframes heartFloatMain-2{0%{opacity:0;-webkit-transform:translate(0) rotate(0) scale(0);transform:translate(0) rotate(0) scale(0)}50%{opacity:.9;-webkit-transform:translate(-10px,-38px) rotate(25deg) scale(1);transform:translate(-10px,-38px) rotate(25deg) scale(1)}}@-webkit-keyframes heartFloatSub-1{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(13px,-13px) rotate(30deg);transform:translate(13px,-13px) rotate(30deg)}}@keyframes heartFloatSub-1{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(13px,-13px) rotate(30deg);transform:translate(13px,-13px) rotate(30deg)}}@-webkit-keyframes heartFloatSub-2{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(18px,-10px) rotate(55deg);transform:translate(18px,-10px) rotate(55deg)}}@keyframes heartFloatSub-2{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(18px,-10px) rotate(55deg);transform:translate(18px,-10px) rotate(55deg)}}@-webkit-keyframes heartFloatSub-3{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(-10px,-10px) rotate(-40deg);transform:translate(-10px,-10px) rotate(-40deg)}100%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}}@keyframes heartFloatSub-3{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(-10px,-10px) rotate(-40deg);transform:translate(-10px,-10px) rotate(-40deg)}100%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}}@-webkit-keyframes heartFloatSub-4{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(2px,-18px) rotate(-25deg);transform:translate(2px,-18px) rotate(-25deg)}}@keyframes heartFloatSub-4{0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}50%{visibility:visible;-webkit-transform:translate(2px,-18px) rotate(-25deg);transform:translate(2px,-18px) rotate(-25deg)}}
/*social_style1*/
@keyframes colorTwitter {
    from{stroke:rgba(255,255,255,0.7)}
    to{stroke:#00ACED}
}
@keyframes colorFacebook {
    from{stroke:rgba(255,255,255,0.7)}
    to{stroke:#3b5998}
}
@keyframes colorGoogle {
    from{stroke:rgba(255,255,255,0.7)}
    to{stroke:#dd4b39}
}
@keyframes colorLinkedin {
    from{stroke:rgba(255,255,255,0.7)}
    to{stroke:#55acee}
}
@keyframes colorInstagram {
    from{stroke:rgba(255,255,255,0.7)}
    to{stroke:#C536A4}
}
@keyframes outWaveIn {
    to{stroke-width:4px;stroke-dasharray:400}
}
@keyframes outWaveOut {
    from{stroke-dasharray:400}
    to{stroke-width:3px;stroke-dasharray:30}
}
/*radio_style1*/
@keyframes select-radio-type1 {
    0%{box-shadow:0 0 0 0 rgba(255,255,255,0.2),inset 0 0 0 2px rgba(255,255,255,0.6),inset 0 0 0 3px rgba(47,182,240,0.7),inset 0 0 0 20px rgba(255,255,255,0.6),inset 0 0 0 20px rgba(47,182,240,0.7)}
    90%{box-shadow:0 0 0 10px rgba(255,255,255,0.2),inset 0 0 0 0 rgba(255,255,255,0.6),inset 0 0 0 1px rgba(47,182,240,0.7),inset 0 0 0 2px rgba(255,255,255,0.6),inset 0 0 0 20px rgba(47,182,240,0.7)}
    100%{box-shadow:0 0 0 12px rgba(255,255,255,0.2),inset 0 0 0 0 rgba(255,255,255,0.6),inset 0 0 0 1px rgba(47,182,240,0.7),inset 0 0 0 3px rgba(255,255,255,0.6),inset 0 0 0 20px rgba(47,182,240,0.7)}
}
/*404*/
@keyframes noise-anim{0%{clip:rect(53px,999px,113px,0)}5%{clip:rect(28px,999px,114px,0)}10%{clip:rect(55px,999px,37px,0)}15%{clip:rect(77px,999px,80px,0)}20%{clip:rect(79px,999px,120px,0)}25%{clip:rect(44px,999px,24px,0)}30%{clip:rect(43px,999px,18px,0)}35%{clip:rect(48px,999px,32px,0)}40%{clip:rect(22px,999px,82px,0)}45%{clip:rect(100px,999px,120px,0)}50%{clip:rect(75px,999px,115px,0)}55%{clip:rect(24px,999px,50px,0)}60%{clip:rect(75px,999px,55px,0)}65%{clip:rect(50px,999px,105px,0)}70%{clip:rect(7px,999px,9px,0)}75%{clip:rect(63px,999px,64px,0)}80%{clip:rect(50px,999px,106px,0)}85%{clip:rect(60px,999px,60px,0)}90%{clip:rect(94px,999px,40px,0)}95%{clip:rect(82px,999px,120px,0)}100%{clip:rect(30px,999px,119px,0)}}@keyframes noise-anim-2{0%{clip:rect(24px,0,107px,999px)}5%{clip:rect(39px,0,120px,999px)}10%{clip:rect(19px,0,43px,999px)}15%{clip:rect(43px,0,100px,999px)}20%{clip:rect(75px,0,61px,999px)}25%{clip:rect(86px,0,56px,999px)}30%{clip:rect(80px,0,108px,999px)}35%{clip:rect(5px,0,80px,999px)}40%{clip:rect(31px,0,43px,999px)}45%{clip:rect(23px,0,54px,999px)}50%{clip:rect(89px,0,113px,999px)}55%{clip:rect(48px,0,63px,999px)}60%{clip:rect(89px,0,120px,999px)}65%{clip:rect(51px,0,62px,999px)}70%{clip:rect(73px,0,120px,999px)}75%{clip:rect(37px,0,100px,999px)}80%{clip:rect(34px,0,110px,999px)}85%{clip:rect(41px,0,102px,999px)}90%{clip:rect(68px,0,115px,999px)}95%{clip:rect(41px,0,41px,999px)}100%{clip:rect(37px,0,101px,999px)}}

@keyframes rotate {
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes rotate {
 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
 /******************************* DEFAULT STYLES *********************************/
 *{
     margin:0;
     padding:0;
     font-family:'IRANSans','tahoma';
     box-sizing: border-box;	
 }
 img{border:0 none;}
 html{
     height:100%;
     font-size:10px;	
 }
 body {
     position:relative;
     min-height:100%;
     overflow-x: hidden;
 }
 h1,h2,h3,h4,h5,h6,em,strong,i,address,b{
     font-weight:normal;
     font-style:normal;
 }
 .rtl{direction:rtl;}
 .ltr{direction:ltr;}
 .clear {
     width: 0;height: 0;
     display: block;
     clear: both;
     overflow: hidden;
     visibility: hidden;
 }
 .clearfix:before, .clearfix:after{
     content:".";
     display:block;
     width:0;height:0;line-height:0;font-size:0;
     overflow:hidden;
     visibility:hidden;
 }
 .clearfix:after{clear:both;}
 a,i,h1,h2,h3,h4,h5,h6{
     text-decoration:none;
     -webkit-transition:all .4s;
     transition:all .4s;
     font-size:inherit; color:inherit; line-height:inherit;
 }
 ul, ol{list-style:none;}
 .tright{text-align:right;}
 .tleft{text-align:left;}
 .tcenter{text-align:center;}
 .fleft{float:left;}
 .fright{float:right;}
 b.guide{font-family: 'tahoma' !important;}
 .i-asterisk{
     color: #ea3f4b;
     font-size: 5px;font-size: 0.5rem;
     font-style: normal;
     position: relative;
     top: -5px;
 }
 .disnone{display: none !important;}
 .blur{
     filter: url(../_images/blur.svg#blur);
     -webkit-filter: blur(12px);
     filter: blur(12px);
     filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');
 }
 .noblur{
     -webkit-filter: blur(0px);
     filter: blur(0px);
     -webkit-filter: none;
     filter: none;
     filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
 }
 input,textarea{outline: 0 none;}
 input,textarea,a,i{
     -webkit-transition:all .4s;
     transition:all .4s;	
 }
 textarea{resize:none;}
 select option{
     padding:0 10px;
     line-height:25px;
 }
 input.error, textarea.error{border:1px dotted #FF0000;}
 input[type=submit],
 input[type=checkbox],
 input[type=radio],
 label.choice{
     cursor:pointer;
     vertical-align:middle;
 }
 input[type=checkbox],
 input[type=radio]{
     margin-left:5px;
 }
 input[disabled],
 .disabled,.disabled *{
     cursor:not-allowed !important;
     background-color: #eee !important;
 }
 .error_container{
     display:none;
     padding:5px 30px;	
     border:1px solid #FFA9A9;
     margin:0 auto 20px;	
     background-color:#FFEFEF;
     color:#900;
     font-size:11px;
     font-size:1.1rem;
 }
 [class^="i-"]::before, [class*=" i-"]::before{
     vertical-align: middle;
 }
 .loading_ajax{
     position:relative;
 }
 .loading_ajax:before{
     content:"";
     z-index:10;
     position:absolute;
     top:0; bottom:0; right:0; left:0;
     background:rgba(0,0,0,.5) url(../_images/loading/loader4.png) no-repeat center center;
     background-size:auto 20px;
 }
 .noselect{
     -webkit-user-select: none;
     -moz-user-select: none; 
     -khtml-user-select: none;
     -ms-user-select: none;
 }
 .container{
     margin: 0 auto;
     width: 1200px;
     position:relative;
     direction:rtl;
     -webkit-transition:all .4s;
     transition:all .4s;
 }
 main{
     display: block;
 }
 main.other_page{
     background: url(../_images/pattern/pattern_3.png);
     min-height: calc(100vh - 633px);
 }
 /******************************************************************************/
 /*************************** GENERAL STYLES ***********************************/
 /******************************************************************************/
/**************************** LOADING_STYLE *******************************/
.loading_style1{
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    width:100%;height:100%;
    display:block;
    background: rgba(0, 0, 0, 0.1);
    z-index:5;
}
.loading_style1 .wrapper_miky{
    /*background: radial-gradient(12% 40%, rgb(255, 255, 255) 100%, rgba(255, 255, 255, 0.2) 300%);*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /*transform: translate(-50%,-195%);*/
    height: 500px;
}
.loading_style1 .wrapper_miky:before{
    content: '';
    bottom: 0;
    width: 230px;
    height: 175px;
    display:block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*border-radius: 100%;*/
    /*background: url(../_images/loading/loader8.gif) no-repeat center center / 100% auto;*/
    /*-webkit-transition: all 1.2s ease .1s;/
    transition: all 1.2s ease .1s; */
    /*animation: rotateMike 5s linear infinite ;*/
}
@keyframes rotateMike{
    0%{transform: translate(-100%,-50%);}
    25%{transform: translate(-50%,-50%);}
    50%{transform:  translate(-0%,-50%) }
    51%{transform:  translate(-0%,-50%) rotateY(180deg);}
    75%{transform:  translate(-50%,-50%) rotateY(180deg);}
    99%{transform:  translate(-99%,-50%) rotateY(180deg);}
    100%{transform:  translate(-100%,-50%)}
}

 /**************************** CHECK_RADIO_STYLE *******************************/
 /*#1*/
 .check_radio_style1{
     cursor:pointer;
 }
 .check_radio_style1 input[type="checkbox"],
 .check_radio_style1 input[type="radio"] {
     display:none;
 }
 .check_radio_style1 input[type="checkbox"] + span,
 .check_radio_style1 input[type="radio"] + span {
     display:inline-block;
     width:17px;
     height:16px;
     margin:-1px 4px 0 5px;
     vertical-align:middle;
     background:url(../_images/check_radio_style1.png) left top no-repeat;
     cursor:pointer;
 }
 .check_radio_style1 input[type="checkbox"]:checked + span {
     background:url(../_images/check_radio_style1.png) -19px top no-repeat;
 } 
 .check_radio_style1 input[type="radio"] + span {
     background:url(../_images/check_radio_style1.png) -33px top no-repeat;
 }
 .check_radio_style1 input[type="radio"]:checked + span {
     background:url(../_images/check_radio_style1.png) right top no-repeat;
 }
 
 /**************************** TABLE STYLE *******************************/
 /*#1*/
 .table_style1{
     border:0px solid #e1e1e1;
     border-collapse: collapse;
     border-radius: 2px;
     width: 100%;
     border:solid 1px #e1e1e1;
     vertical-align:middle;
     overflow: auto;
 }
 .table_style1 table {
     min-width: 800px;
     width: 100%;
     background: #fff;
     vertical-align: middle;
     border-collapse: collapse;
 }
 .table_style1 thead{
     background-color:#f8f8f8;
     border-bottom:1px solid #e1e1e1;
 }
 .table_style1 thead th{
     padding:10px;
     color:#0061ab;
     font-size:12px;font-size:1.2rem;
 }
 .table_style1 tbody{
     background-color: #fff;
 }
 .table_style1 tbody tr{
     border-bottom:1px solid #e1e1e1;
 }
 .table_style1 tbody tr:last-child{
     border-bottom:none;
 }
 .table_style1 tbody td{
     color: #8e8e8e;
     font-size: 12px;
     font-size: 1.2rem;
     line-height: 24px;
     padding: 15px 5px;
     text-align:center;
     border-left:1px solid #e1e1e1;
     position:relative;
 }
 .table_style1 tbody td:last-child{
     border-left:none;
 }
 .table_style1 tbody td.no{
     background-color: #f8f8f8;
     color: #ccc;
     min-width:5%;
     position:static;
 }
 .table_style1 tbody td.name{
     min-width: 42%;
 }
 .table_style1 tbody td.name a{
     color: #725891;
 }
 .table_style1 tbody td.name a:hover{
     opacity:.7;
 }
 .table_style1 tbody td.no_padding{
     padding: 0;
 }
 .table_style1 tbody .btn{
     border:solid 1px #31383E;
     border-radius: 2px;
     color: #fff;
     cursor: pointer;
     display:inline-block;
     font-size: 12px;font-size: 1.2rem;
     padding: 5px 0;
     width: 100%;
 }
 .table_style1 tbody .btn:hover{
     opacity:.7;
 }
 .table_style1 tbody td p {
     border-bottom: dashed 1px #eee;
     padding: 5px 0;
 }
 .table_style1 tbody td p:last-child {
     border-bottom: none;
 }
 /*#2*/
 .table_style2{
     border: 1px solid #e5edef;
     border-radius: 3px;
     background: #FBFBFB;
     width: 100%;
     overflow: auto;
 }
 .table_style2 table{
     width: 100%;
     min-width: 500px;
     border-collapse: collapse;
 }
 .table_style2 thead{
     border-bottom: 1px solid #e5edef;
     background: #f9f9f9;
 }
 .table_style2 thead th{
     padding: 10px;
     color: #34b6ea;
     font-size: 12px;
     font-size: 1.3rem;
     font-weight: normal;
     line-height: 25px;
     letter-spacing: 0.5px;
 }
 .table_style2 tbody td{
     color: #666;
     font-size: 1.2rem;
     font-size: 12px;
     padding: 10px;
     line-height: 25px;
     position:relative;
     text-align: center;
 }
 .table_style2 tbody tr{
     transition: all 0.2s;
 }
 .table_style2 tbody tr:hover {
     background:rgba(229, 237, 239, 0.34);
     transition: none;
 }
 .table_style2 tbody .icon{
     font-size: 1.7rem;
 }
 .table_style2 tbody .icon.check{
     color: #00c176;
 }
 .table_style2 tbody .icon.uncheck{
     color: #F05F5C;
 }
 
 /*#3*/
 .table_style3{
     border:0px solid #e1e1e1;
     border-collapse: collapse;
     border-radius: 2px;
     width: 100%;
     overflow: auto;
     border:solid 1px #e1e1e1;
     vertical-align:middle;
 }
 .table_style3 table{
     min-width:800px;
     width: 100%;
     background: #fff;
     vertical-align: middle;
     border-collapse: collapse;
 }
 .table_style3 thead{
     background-color:#f8f8f8;
     border-bottom:1px solid #e1e1e1;
 }
 .table_style3 tbody tr:nth-child(2n) {
     background: rgba(248, 250, 250, 0.6); 
 }
 .table_style3 thead th{
     font-size: 1.2rem;
     line-height: 24px;
     font-weight: normal;
     text-align: center;
     padding: 12px 0;
     color: #34b6ea;
     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
 }
 .table_style3 thead th.no{
     width: 5%;
 }
 .table_style3 thead th.date{
     width: 15%;
 }
 .table_style3 th.subject {
     width: 33%;
 }
 .table_style3 th.product {
     width: 20%;
 }
 .table_style3 th.status {
     width: 15%;
 }
 .table_style3 th.action {
     width: 10%;
 }
 .table_style3 th.delete {
     width: 7%;
 }
 .table_style3 th.sender{
     width: 15%;
 }
 .table_style3 th.factor_id{
     width: 8%;
 }
 .table_style3 th.download {
     width: 8%;
 }
 .table_style3 th.credit{
     width: 10%;
 }
 .table_style3 th.pey_id{
     width: 11%;
 }
 .table_style3 th.type{
     width: 8%;
 }
 .table_style3 tbody{
     background-color: #fff;
 }
 .table_style3 tbody tr{
     border-bottom:1px solid #e1e1e1;
 }
 .table_style3 tbody tr:last-child{
     border-bottom:none;
 }
 .table_style3 tbody td{
     color: #777;
     font-size: 1.1rem;
     padding: 10px 5px;
     text-align: center;
     border-left: 1px solid #e1e1e1;
     position: relative;
     line-height: 22px;
 }
 .table_style3 tbody td.no_color{
     background: #f8f8f8;
 }
 .table_style3 tbody td:last-child{
     border-left:none;
 }
 .table_style3 .link_style1 {
     position: relative;
     padding: 2px 0;
     color: #34b6ea;
     letter-spacing: .2px;
     font-size: 1.1rem;
 }
 .table_style3 .link_style1:after {
     content: ' ';
     position: absolute;
     bottom: -2px;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 0;
     height: 1px;
     background-color: #34b6ea;
     -webkit-transition: all .3s,background-color .5s;
     transition: all .3s,background-color .5s;
 }
 .table_style3 .link_style1:hover:after {
     width: 100%;
 }
 .table_style3 .link_style2:hover{
     color: #34b6ea;
 }
 .table_style3 .bg {
     color: #fff;
     padding: 5px 10px;
     display: inline-block;
     border-radius: 3px;
     min-width: 85px;
     line-height: 20px;
     font-size: 1.05rem;
     letter-spacing: 0.3px;
 }
 .table_style3 .bg_red {
     background-color: #EE494F;
 }
 .table_style3 .bg_green {
     background-color: #50A050;
 }
 .table_style3 .bg_yellow {
     background-color: #FF9000;
 }
.table_style3 .bg_blue {
    background-color: #1da1de;
}
 .table_style3 .no_item td {
     color: #ff4949;
     font-size: 1.15rem;
 }
 .table_style3.type2 thead th{
     color: #34b6ea;
 }
 .table_style3.type2 tbody td.nopadding{
     padding: 0;
 }
 .table_style3 .remove{
     cursor: pointer;
     color: #dd4b39;
     font-size: 1.1rem;
     line-height: 20px;
     opacity: 0.5;
 }
 .table_style3 .remove:hover{
     opacity: 1;
 }
 .table_style3 .edit{
     cursor: pointer;
     color: #34b6ea;
     font-size: 1.6rem;
     line-height: 20px;
     opacity: 0.6;
 }
 .table_style3 .edit:hover{
     opacity: 1;
 }
 .table_style3 thead .unit {
     font-size: 0.85rem;
 }
 .table_style3 .link_download{
     cursor: pointer;
     color: #dd4b39;
     font-size: 1.7rem;
     opacity: 0.5;
     vertical-align: middle;
 }
 .table_style3 .link_download:hover{
     opacity: 1;
 }
 /**************************** MODAL_STYLE *******************************/
 div.modal{
     position:fixed;
     top:0;left:0;right:0;bottom:0;
     width:100%;height:100%;
     z-index:100000;
     background:url(../_images/loading/loader5.gif) no-repeat center 150px;
     display:none;
 }
 div.modal .bg1{
     opacity:0;
     position:absolute;
     top:0; bottom:0; right:0; left:0;
     background:rgba(0, 0, 0, 0) -webkit-radial-gradient(circle, #fff, #291a49) repeat scroll 0 0;
     background:rgba(0, 0, 0, 0) radial-gradient(circle, #fff, #291a49) repeat scroll 0 0;
     -webkit-transition:all 1.2s ease .1s;
     transition:all 1.2s ease .1s;
 }
 div.modal .bg{
     opacity:0;
     position:absolute;
     top:0; bottom:0; right:0; left:0;
     
     -webkit-transition:all 1.2s ease .1s;
     transition:all 1.2s ease .1s;
 }
 div.modal .modal_close{
     width:30px;
     height:35px;
     line-height:35px;
     position:absolute;right:8px;top:0;
     text-align:center;	
     color:#999;
     font-size:13px;font-size:1.3rem;
     cursor:pointer;
     font-family:tahoma;
     font-style:normal;
 }
 div.modal .modal_close:hover{
     color:#444;
 }
 div.modal .modal_scroll{
     width:100%;
     height:100%;	
     overflow: auto;
     position: absolute;
     top:0;left:0;right:0;bottom:0;
     z-index: 2000;		
 }
 .modal_static,
 .modal_dynamic {
     text-align: center;
 }
 .window{
     background-color: #fff;
     direction: rtl;
     display: none;
     margin: 100px auto;
     max-width: 80%;
     min-height: 100px;
     min-width: 400px;;
     overflow: hidden;
     opacity:0;
     position: relative;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
     border-radius:6px;
 }
 .modal_header{
     padding:10px 15px 0;
     background-color:#fff;
     border-bottom:1px solid #eee;
     height:50px;
     text-align:center
 }
 .modal_header i.modal_icon{
     background-repeat: no-repeat;
     background-position:center center;
     display:inline-block;
     width:35px;
     height:35px;
 }
 .modal_header.success i.modal_icon{
     background-image: url(../_images/notif_icon/success.png);
 }
 .modal_header.warning i.modal_icon{
     background-image: url(../_images/notif_icon/warn.png);
 }
 .modal_header.error i.modal_icon{
     background-image: url(../_images/notif_icon/error.png);
 }
 .modal_header.info i.modal_icon{
     background-image: url(../_images/notif_icon/info.png);
 }
 .modal_msg{
     padding:15px 30px 15px 15px;
     direction: rtl;
     width: 100%;	
 }
 .modal_msg p{
     font-size:12px;
     font-size:1.2rem;
     line-height:25px;
     color:#808080;
     background-position: right 5px;
     background-repeat: no-repeat;
     text-align:justify;
 }
 .modal_msg.error{
     background-color: #ffecec;
     border-color: #ffd3dd;
 }
 .modal_msg.success{
     border-color:#90fdc3;
     background-color:#edffff;
 }
 .modal_msg.info{
     border-color:#a6efff;
     background-color:#ecffff;
 }
 .modal_msg.warning{
     border-color:#ffef89;
     background-color:#ffffcc;
 }
 .modal_msg.error p{
     color: #900;
     background-image: url(../_images/notif_icon/error.png);	
 }
 .modal_msg.success p{
     color:#0b8b40;
     background-image: url(../_images/notif_icon/success.png);	
 }
 .modal_msg.info p{
     color:#47639e;
     background-image: url(../_images/notif_icon/info.png);	
 }
 .modal_msg.warning p{
     color:#ba4b02;
     background-image: url(../_images/notif_icon/warn.png);	
 }
 .modal_action{
     background-color: #f5f5f5;
     border-top: 1px solid #eeeeee;
     box-shadow: 0 1px 0 #fff inset;
     padding: 14px 15px 15px;
     text-align: center;
 }
 .modal_action .modal_btn{
     background-color: #999;
     color: #fff;
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     cursor:pointer;
     line-height:30px;
     padding:0 20px;
     margin:0 2px 5px;
     color:#fff;
     display:inline-block;
     font-size:12px;font-size:1.2rem;
     border-radius:3px;
     -webkit-border-radius:3px;
     -moz-border-radius:3px;
     transition:all .4s;
     -webkit-transition:all .4s;
     -moz-transition:all .4s;
     border:1px solid transparent;
 }
 .modal_action .modal_btn:hover{
     background-color:#444;
     border:1px solid #444;
 }
 .modal_action .action .inner{
     padding:10px 0;
     border-top:1px solid #ccc;
 }
 .modal_action .action .btn{
     float:right;
     line-height:25px;
     padding:0 15px;
     margin:0 5px;
     border:1px solid #999;
     border-radius:2px;
     font-size:12px;
     font-size:1.2rem;
     color:#fff;
     background:#000 url(../_images/dialog_btn.png) repeat-x center center;
 }
 /*MODAL => MESSAGE BOX*/
 .msgprev_box{
     max-width: 800px;
     min-width: 600px;
     text-align: justify;
     padding:35px;
 }
 .msgprev_box h4{
     background-color: #0CA2C0;
     min-height: 40px;
     line-height: 25px;
     font-size: 14px; font-size: 1.4rem;
     color: #fff;
     padding: 7px 20px;
     border-radius: 2px;
     margin-bottom: 15px;
 }
 .msgprev_box .content{
     border: 1px solid #f0f0f0;
     padding:15px;
     font-size: 12px; font-size: 1.2rem;
     color: #555;
     line-height: 26px;
     min-height:200px;
 }
 .msgprev_box textarea{
     border: medium none;
     color: #555;
     line-height: 26px;
     min-height: 300px;
     resize: none;
     width: 100%;
     font-size: 12px; font-size: 1.2rem;
 }
 .msgprev_box .box_btn{
     background-color: #ae001f;
     border: medium none;
     border-radius: 2px;
     color: #fff;
     display: block;
     height: 35px;
     margin: 30px auto 0;
     width: 200px;
     text-align: center;
     line-height: 34px;
 }
 
 /**************************** RESULT_STYLE *******************************/
 /*#1*/
 .result_style1 {
     padding: 13px 20px;
     border-radius: 3px;
     font-size: 12px;
     margin-bottom: 20px;
     margin:25px auto;
     display:block;
     direction:rtl;
     width:100%; max-width:500px;
 }
 .result_style1 .text{
     line-height: 23px;
     text-align: justify;
 }
 .result_style1 .text p{
     margin-bottom: 3px;	
 }
 .result_style1 .text p:last-child{
     margin-bottom: 0;
 }
 .result_style1 .link{
     color: #004479;
 }
 .result_style1.s{
     background-color: #f3fff3;
     border: 1px solid #6fe66f;
     color: #008800;
 }
 .result_style1.e{
     background-color: #ffecec;
     color: #900;
     border: 1px solid #ffd3dd;
 }
 .result_style1.w{
     border:1px solid #ffef89;
     background-color:#ffffcc;
     color:#ba4b02;
 }
 .result_style1.i{
     border:1px solid #a6efff;
     background-color:#ecffff;
     color:#47639e;
 }
 .result_style1 .bullet1{
     font-size: 5px;
     margin-left: 5px;
     vertical-align: middle;
 }
 .result_style1.sign .text{
     background-position: right 2px;
     background-repeat: no-repeat;
     padding-right: 25px;
 }
 .result_style1.s.sign .text.icon{
     background-image: url(../_images/notif_icon/success2.gif);
 }
 .result_style1.e.sign .text.icon{
     background-image: url(../_images/notif_icon/error2.gif);
 }
 .result_style1.w.sign .text.icon{
     background-image: url(../_images/notif_icon/warn2.gif);
 }
 .result_style1.i.sign .text.icon{
     background-image: url(../_images/notif_icon/info2.gif);
 }
 /*#2*/
 .result_style2{
     padding: 11px 30px;
     border-radius: 3px;
     font-size: 13px;
     margin:25px auto;
     display:block;
     direction:rtl;
     width:100%; max-width:620px;
 }
 .result_style2.no_mrgin{
     margin: 0;
 }
 .result_style2 .text{
     line-height: 23px;
     text-align: justify;
     position: relative;
 }
 .result_style2.s{
     background: #DFF2BF;
     color: #270;
 }
 .result_style2.w{
     background: #FEEFB3;
     color:#9F6000; 
 }
 .result_style2.i{
     background: #d8ecf5;
     color:#6a8dab; 
 }
 .result_style2.e{
     background: #ffc6c6;
     color: #D8000C;
 }
 .result_style2 .icn:before{
     font-family: '3dinga';
     position: absolute;
     right: -21px;
     top: -1px;
     font-size: 1.5rem
 }
 .result_style2.s .icn:before{
     content: 'Q';
 }
 .result_style2.w .icn:before{
     content: 'R';
     color: #FFB256;
 }
 .result_style2.e .icn:before{
     content: 'S';
 }
 .result_style2.i .icn:before{
     content: '(';
 }
 /**************************** GOTOP_STYLE *******************************/
 .goto_top{
     cursor: pointer;
     opacity: 0;
     position: fixed;
     bottom: 5px;
     right: 25px;
     z-index: 5000;
     text-align:center;
     transition: all 0.2s linear; 
 }
 .goto_top .icon{
     background: url(../_images/default/top_arrow_new.png) no-repeat center center / cover;
     display: inline-block;
     width: 50px;
     height: 50px;
 }
 .goto_top .icon:hover{
     background: url(../_images/default/top_arrow_new2.png) no-repeat center center / cover;
 }
 /**************************** TOOLTIP_STYLE *******************************/
 .tooltip{
     position:absolute;
     padding:0 5px;
     line-height:19px;
     background-color:rgba(0,0,0,0.8);
     color:#fff;
     border-radius:2px;
     z-index: 10;
     display:none;
 }
 .tooltip.top{bottom:120%;}
 .tooltip.bottom{top:120%;}
 .tooltip.right{left:120%;}
 .tooltip.left{right:120%;}
 .tooltip:after{
     content:'';
     position:absolute;
     width:0;
     height:0;
 }
 .tooltip.top:after{
     border-top:5px solid rgba(0,0,0,0.8);
     border-right:5px solid transparent;
     border-left:5px solid transparent;
     bottom:-5px;
     right:5px;
 }
 .tooltip.bottom:after{
     border-bottom:5px solid rgba(0,0,0,0.8);
     border-right:5px solid transparent;
     border-left:5px solid transparent;
     top:-5px;
     right:5px;
 }
 .tooltip.right:after{
     border-right:5px solid rgba(0,0,0,0.8);
     border-top:5px solid transparent;
     border-bottom:5px solid transparent;
     left:-5px;
     top:5px;
 }
 .tooltip.left:after{
     border-left:5px solid rgba(0,0,0,0.8);
     border-top:5px solid transparent;
     border-bottom:5px solid transparent;
     right:-5px;
     top:5px;
 }
 
 /**************************** CONTENT_STYLE *******************************/
 /*#1*/
 .content_style1{
     color: #666;
     font-size: 1.35rem;
     line-height: 35px;
     text-align: justify;
     margin-left: auto;
     margin-right: auto;
 }
 .content_style1 p{
     
     margin-bottom: 10px;
 }
 .content_style1 .title{
     color: #555;
     font-size: 1.5rem;
     line-height: 30px;
 }
 .content_style1 img.center {
     max-width: 100%;
     display: block;
     margin: 15px auto;
     width: initial;
 }
 .content_style1 img.left {
     float: left;
     margin: 10px 20px 10px 0;
     width: initial;
     max-width: 100%;
 }
 .content_style1 img.right {
     float: right;
     margin: 10px 0px 10px 20px;
     width: initial;
     max-width: 100%;
 }
 .content_style1 .list
 ul.list_content_style1{
     font-size: 1.2rem;
     margin-right: 5px;
 }
 .content_style1 .list li:before,
 ul.list_content_style1 li:before{
     content: 'V';
     font-size: 20px;
     font-family: '3dinga';
     vertical-align: middle;
     margin-left: 5px;
     color: rgba(47, 182, 240, 0.7);
 }
.content_style1 b,
.content_style1 strong { font-weight: bold;}

    /*#2*/
 .content_style2{
     font-size: 1.2rem;
     line-height: 35px;
     text-align: justify;
     margin: 0 20px 20px;
     color: #4c5973;
 }
 .content_style2 p.title{
     font-size: 1.4rem;
     margin-bottom: 5px;
     margin-top: 15px;
     color: #dd4b39 ;
 }
 .content_style2 li ,
 ul.list_content_style2 li{
     margin-top: 0;
     padding: 0px 30px ;
     position: relative;
     color: #4c5973;
 }
 .content_style2 li:before ,
 ul.list_content_style2 li:before{
     content: 'X';
     font-family: '3dinga';
     position: absolute;
     right: -1px;
     top: -2px;
     color: #34b6ea;
     opacity: 0.8;
     font-size: 2.2rem;
 }
 /**************************** HEADER_STYLE *******************************/
.header_style1 .fixed_menu{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    background: #fff;
    padding-top: 0;
    box-shadow: 0 0px 15px -1px rgba(0,0,0,0.5);
}

 .header_style1 .header_part0{
     background: #222631;
 }
 .header_style1 .header_part0 .inner{
     /*padding: 8px 0;*/
 }
 .header_style1 .header_part0 .headline{
     padding-left: 82px;
     position: relative;
     height: 100%;
 }
 .header_style1 .header_part0 .headline .title{
     display: inline-block;
     padding:0 5px 0 9px;
     background-color: #2c3241;
     color: #fff;
     letter-spacing: 0.3px;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     font-size: 1.1rem;
     line-height: 30px;
 }
 .header_style1 .header_part0 .headline .title:after{
     content: '';
     position: absolute;
     right: -14px;
     top: -3px;
     border-style: solid;
     border-width: 20px 9px 14px 5px;
     border-color: #2c3241 transparent #2c3241 #2c3241;
 }
 .header_style1 .header_part1{
     border-top: 3px solid #34b6ea;
     border-bottom: 1px solid #f0f0f0;
 }
 .header_style1 .header_part1 .right{
     float: right;
     width: 50%;
     font-size: 1.15rem;
     line-height: 36px;
     color: #7f7f7f;
 }
 .header_style1 .header_part1 .right .before_login,
 .header_style1 .header_part1 .right .after_login{
     display: inline-block;
 }
 .header_style1 .header_part1 .right .after_login{
     display: inline-block;
     vertical-align: middle;
 }
 .header_style1 .header_part1 .right .after_login .item{
     float: right;
     font-size: 1.15rem;
     color: #777;
     opacity: 0.7;
     padding: 0 5px;
     position: relative;
     transition: all 0.3s ;
 }
 .header_style1 .header_part1 .right .after_login .item:hover{
     opacity: 1;
 }
 .header_style1 .header_part1 .right .after_login .item:after {
     content: '//';
     position: relative;
     top: 1px;
     left: -4px;
     color: #999;
     font-size: 0.7rem;
 }
 .header_style1 .header_part1 .right .after_login .item:last-child:after {
     content: none;
 }
 .header_style1 .header_part1 .right .after_login .user a{
     display: inline-block;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: right center;
     padding-right: 29px;
     height: 25px;
 }
 .header_style1 .header_part1 .right .after_login .balance span {
     font-weight: bold;
     color: #34b6ea;
 }
 .header_style1 .header_part1 .right .after_login a{
     position: relative;
     top: 4px;
     /*vertical-align: middle;*/
 }

 .header_style1 .header_part1 .right .text{
     display: inline-block;
     margin-left: 3px;
     padding-right: 10px;
 }
 .header_style1 .header_part1 .right .login{
     color: #34b6ea;
     font-weight: bold;
     margin-left: 3px;
 }
 .header_style1 .header_part1 .right .login:hover,
 .header_style1 .header_part1 .right .register:hover{
     opacity: 0.75;
 }
 .header_style1 .header_part1 .right .register:before{
     content: '|';
     padding-left: 7px;
 }
 .header_style1 .header_part1 .right .social{
     display: inline-block;
     vertical-align: middle;
 }
 .header_style1 .header_part1 .right .social .item{
     float: right;
 }
 .header_style1 .header_part1 .right .social i{
     transition: none;
 }
 .header_style1 .header_part1 .right .social a{
     display: block;
     height: 37px;
     border-right: 1px solid #f0f0f0;
     width: 35px;
     text-align: center;
     color: #C2C2C2;
     font-size: 1.25rem;
     line-height: 39px;
     /*transition: none;*/
 }
 .header_style1 .header_part1 .right .social .item:last-child a{
     border-left: 1px solid #f0f0f0;
 } 
 .header_style1 .header_part1 .right .social a:hover{
     color: #fff;
     background: #378f3b;
 }
 .header_style1 .header_part1 .right .social .facebook a:hover{
     background: #3b5998;
 }
 .header_style1 .header_part1 .right .social .google-plus a:hover{
     background: #dd4b39;
 }
 .header_style1 .header_part1 .right .social .twitter a:hover{
     background: #00ACED;
 }
 .header_style1 .header_part1 .right .social .telegram a:hover{
     background: #55acee;
 }
 .header_style1 .header_part1 .right .social .instagram a:hover{
     /*background: #C536A4;*/
     background: linear-gradient(to bottom , #7223c0 , #c3256a,#da8840);
 }
 .header_style1 .header_part1 .left{
     float: left;
     width: 50%;
     line-height: 36px;
     font-size: 1.05rem;
 }
 .header_style1 .header_part1 .left .quick_link .item{
     float: left;
     margin: 0 5px;
 }
 .header_style1 .header_part1 .left .quick_link .item:before{
     content: '|';
     padding-left: 5px;
     color: #c2c2c2;
 }
 .header_style1 .header_part1 .left .quick_link .item:last-child:before{
     content: none;
 }
 .header_style1 .header_part1 .left .quick_link .item a{
     color: #7f7f7f;
 }
 .header_style1 .header_part1 .left .quick_link .item a:hover{
     color: #c2c2c2;
 }
 .header_style1 .header_part2 .right{
     float: right;
     width: 80%;
 }
 .header_style1 .header_part2 .right .main_menu{
     float: right;
 }
 .header_style1 .header_part2 .right .main_menu .step1 > .item{
     float: right;
     position: relative;
 }
 .header_style1 .header_part2 .right .main_menu .item:after{
     content: ' // ';
     display: inline-block;
     color: rgba(194, 194, 194, 0.5);
 }
 .header_style1 .header_part2 .right .main_menu .item:last-child:after{
     content: none;
 }
 .header_style1 .header_part2 .right .main_menu .step1 > .item > a{
     font-size: 1.2rem;
     display: inline-block;
     padding: 25px 0;
     margin: 0 20px;
     color: #444;
     position: relative;
 }
 
 .header_style1 .header_part2 .right .main_menu .step1 > .item > a:before,
  .header_style1 .header_part2 .right .menu_after_rspv .step1 > .item > a:before{
     content: ' ';
     width: 30px;
     height: 1px;
     background: transparent;
     left: 50%;
     position: absolute;
     box-shadow: transparent 0px 0px;
     top: 49px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     transition: box-shadow 0.3s ease 0.1s, background 0.3s ease 0s ;
 }
 .header_style1 .header_part2 .right .main_menu .item:hover a:before,
 .header_style1 .header_part2 .right .main_menu .item.active a:before,
 .header_style1 .header_part2 .right .menu_after_rspv .step1 > .item:hover > a:before{
     box-shadow: 5px 3px #34b6ea, -5px 6px #34b6ea;
     /*background: #34b6ea;*/
 }
 .header_style1 .header_part2 .right .main_menu .step1 > .item:hover > a,
 .header_style1 .header_part2 .right .main_menu .item.active a,
 .header_style1 .header_part2 .right .menu_after_rspv .step1 > .item:hover > a{
     color: #34b6ea;
 }
 .header_style1 .header_part2 .right .main_menu .submenu{
    position: absolute;
    top: 100%;
    right: 0;
    width: 180px;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.4), inset 0px 6px 10px -6px rgba(0, 0, 0, 0.4);
    background: rgba(255,255,255,0.5);
    display: inline-block;
    z-index: 30;
    transition: all 0.4s ease ;
    transform: translateX(30px);
    opacity: 0;
    visibility: hidden;
 }
  .header_style1 .header_part2 .right .main_menu .hassub:hover .submenu{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  .header_style1 .header_part2 .right .main_menu .submenu:before{
    content: '';
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent transparent #c5c5c5 transparent;
    position: absolute;
    right: 35px;
    top: -6px;
  }
 .header_style1 .header_part2 .right .main_menu .submenu .sub_item{
    position: relative;
}
 .header_style1 .header_part2 .right .main_menu .submenu .sub_item:before{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 10px;
    right: 10px;
    height: 1px;
    border-bottom: 1px dashed rgba(216, 225, 229, 0.2);
 }
  .header_style1 .header_part2 .right .main_menu .submenu .sub_item:last-child:before{content:none;}
 .header_style1 .header_part2 .right .main_menu .submenu .sub_link{
    display: block;
    font-size: 1.2rem;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 8px 10px;
    color: #333;
    position: relative;
 }
  .header_style1 .header_part2 .right .main_menu .submenu .sub_item:hover .sub_link{
    color: #3e746b;
  }
 .header_style1 .header_part2 .right .main_menu .submenu .sub_link:after{
    content: '';
    z-index: -1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1.5%;
    transition:all 0.5s cubic-bezier(0.73, 1.43, 0, 0.82);
    background-color: rgba(255,255,255,0.35)
 }
  .header_style1 .header_part2 .right .main_menu .submenu .sub_item:hover .sub_link:after{
        width: 100%;
  }

 .header_style1 .header_part2 .right .categori{
     float: right;
 }
 .header_style1 .header_part2 .right .categori .menu_btn{
     transform: translate(-5px,27px);
     cursor: pointer;
     margin-left: 10px;
 }
 .header_style1 .header_part2 .right .categori .menu_item{
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
     display: block;
     width: 25px;
     height: 2px;
     margin: 0 0 4px;
     background: #1da1de;
 }
 .header_style1 .header_part2 .right .categori .menu_btn .menu_item:nth-child(2){
     -webkit-transform: translateX(5px);
     transform: translateX(5px);
 }
 .header_style1 .header_part2 .right .categori .menu_btn:hover .menu_item:nth-child(2){
     -webkit-transform: translateX(0px);
     transform: translateX(0px);
 }
 .header_style1 .header_part2 .right .categori .menu_btn.open .menu_item {
 }
 .header_style1 .header_part2 .right .categori .menu_btn.open .menu_item:first-child {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: 4px 50%;
     transform-origin: 4px 50%;
 }
 .header_style1 .header_part2 .right .categori .menu_btn.open .menu_item:nth-child(2) {
     -webkit-transform: translateX(40px);
     transform: translateX(40px);
     opacity: 0;
 }
 .header_style1 .header_part2 .right .categori .menu_btn.open .menu_item:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: 4px 50%;
     transform-origin: 4px 50%;
 }
 .header_style1 .header_part2 .right .menu_after_rspv{
     float: right;
     margin-right: 15px;
     display: none;
 }
 .header_style1 .header_part2 .right .menu_after_rspv .step1 > .item > a{
     position: relative;
     font-size: 1.3rem;
     line-height: 26px;
     display: inline-block;
     padding: 22px 0;
 }
 .header_style1 .header_part2 .right .menu_after_rspv .step1 > .item:before{
     content: ' // ';
     display: inline-block;
     color: rgba(194, 194, 194, 0.5);
     padding-left: 10px;
 }
 .header_style1 .header_part2 .right .menu_after_rspv .submenu{
     position: absolute;
     left: 0;right: 0;
     top: 0;
     opacity: 0;
     visibility: hidden;
     z-index: 50;
     background: #fbfbfb;
     box-shadow: 0px 7px 15px 1px rgba(0,0,0,0.4);
     -webkit-transition: top .8s cubic-bezier(.72,-0.61,.25,1.51);
    transition: top .8s cubic-bezier(.72,-0.61,.25,1.51);
 }
 .header_style1 .header_part2 .right .menu_after_rspv .step1 > .item:hover .submenu{
     transition: opacity .1s ease-in 0.1s;
     top: 100%;
     opacity: 1;
     visibility: visible;
 }
 .header_style1 .header_part2 .right .menu_after_rspv .step2 .item{
     float: right;
     margin: 0 10px;
 }
 .header_style1 .header_part2 .right .wrapper_search{
     float: left;
     width: 90%;
     position: relative;
     padding-right: 10px;
 }
 .header_style1 .header_part2 .left{
     float: left;
     margin-left: -23px;
 }
 .header_style1 #logo,
 .header_style1 #logo img{
     display:block;
     width: 170px;
 }

.header_style1 .header_part3,
.header_style1 .header_part4 {
     position: relative;
     background: url(../_images/background/header_bg.jpg) no-repeat center center / auto;
     background-attachment: fixed;
    background-size: cover;
    box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.4) inset;
 }
 .header_style1 .header_part4{
     background-attachment: fixed;
     background-position: center center;
 }
 .header_style1 .header_part3:before,
 .header_style1 .header_part4:before{
     /*content: '';*/
     position: absolute;
     left: 0;right: 0;
     top: 0;bottom: 0;
     z-index: 0;
     background: linear-gradient(130deg, rgba(23, 58, 24, 0.9) 10%,rgba(18, 83, 41, 0.95) 40%,rgba(18, 83, 42, 0.91) 60%,rgba(29, 161, 222, 0.75) 120%,rgb(29, 161, 222));
 }
 .header_style1 .header_part3 .inner{
     padding: 50px 0 60px;
 }
 .header_style1 .header_part3 .content{
     text-align: center;
     margin-bottom: 10px;
 }
 .header_style1 .header_part3 .title_style1 .text{
     font-size: 1.85rem;
     line-height: 40px;
     padding-bottom: 10px;
     color: #fff;
 }
 .header_style1 .header_part3 .search_style1,
 .header_style1 .header_part3 .waraper_btn{
     margin: 0 auto;
     width: 65%;
     text-align: center;
 }
 
 .header_style1 .header_part3 .counter{
     font-size: 1.2rem;
     color: rgba(255, 255, 255, 0.8);
     letter-spacing: 0.5px;
 }
 .header_style1 .header_part3 .counter .mark{
     font-size: 1.5rem;
     vertical-align: middle;
     border-bottom: 1px solid #34b6ea;
     color: #34b6ea;
 }
 .header_style1 .header_part3 .waraper_btn .link{
     display: inline-block;
     text-align: center;
     position: relative;
     z-index: 25;
     color: #ffffff;
     font-size: 1.1rem;
     letter-spacing: 0.5px;
     height: 70px;
     line-height: 100px;
     padding: 0 10px;
     width: 17%;
     transition: all 0.5s;
     margin: 0 -2px;
 }
 .header_style1 .header_part3 .waraper_btn .link.left{
     background: linear-gradient(188deg, transparent 39%, #457991 40%);
 }
 .header_style1 .header_part3 .waraper_btn .link.right{
     background: linear-gradient(172deg, transparent 39%, #457991 40%);
 }
 .header_style1 .header_part3 .waraper_btn .link.active_right{
     background: linear-gradient(172deg, transparent 39%, rgb(255, 255, 255) 40%);
     color: #888;
 }
 .header_style1 .header_part3 .waraper_btn .link.active_left{
     background: linear-gradient(188deg, transparent 39%, rgb(255, 255, 255) 40%);
     color: #888;
 }
 .header_style1 .header_part3 .waraper_btn .link:before{
     content: '';
     position: absolute;
     z-index: 11;
     left: 100%;
     bottom: 0;
     height: 70px;
     line-height: 90px;
     width: 0;
     border-bottom: 42px solid rgba(0, 0, 0, 0.1);
     border-right: 7px solid transparent;
 }
 .header_style1 .header_part4 .inner{
     padding: 30px 0 0; 
 }
 .header_style1 .header_part4 .title_style4{
     margin-bottom: 35px;
 }
 /*rsv_menu*/
 .overlay_style1{
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0,0,0,0.6);
     z-index: 100;
     display: none;
     cursor: url(../_images/icon/cancel.png), auto;
 }
 .rsv_menu{
     position: fixed;
     direction: rtl;
     width: 0;
     width: 250px;
     height: 100%;
     top: 0;
     bottom: 0;
     right: -300px;
     z-index: 10000;
     border-top: 2px solid #34b6ea;
     transition: all 1s;
     box-shadow: -7px 0px 15px -7px rgba(0, 0, 0, 0.4);
     background: -webkit-linear-gradient(-30deg,rgb(79, 148, 137) 0%,rgba(18,85,42,1) 100%);
     background: -moz-linear-gradient(-30deg,rgb(79, 148, 137) 0%,rgba(18,85,42,1) 100%);
     background: -ms-linear-gradient(-30deg,rgb(79, 148, 137) 0%,rgba(18,85,42,1) 100%);
     background: linear-gradient(-30deg,rgb(79, 148, 137) 0%,rgba(18,85,42,1) 100%);
 }
 .rsv_menu.active{
     transition: all 0.5s;
     right: 0;
 }
 .rsv_menu .inner_rsv{
     padding: 10px; 
     position: relative;
 }
 .rsv_menu .title_style1 .text{
     font-size: 1.7rem;
     line-height: 40px;
     padding-bottom: 40px;
     color: #d6b872;
     color: #bae2c3;
     text-align: center;
 }
 .rsv_menu .title_style1:after{
     background-size: contain;
 }
 /*effect_open*/
 .rsv_menu .categories .step1 > .item{
     -webkit-transform: translate3d(0,500px,0);
     transform: translate3d(0,500px,0);
     -webkit-transition: -webkit-transform 0s 0.4s;
     transition: transform 0s 0.4s;
     -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
     transition-timing-function: cubic-bezier(0.7,0,0.3,1);
 }
 .rsv_menu .categories .step1 > .item:nth-child(2){
     -webkit-transform: translate3d(0,1000px,0);
     transform: translate3d(0,1000px,0);
 }
 .rsv_menu .categories .step1 > .item:nth-child(3){
     -webkit-transform: translate3d(0,1500px,0);
     transform: translate3d(0,1500px,0);
 }
 .rsv_menu .categories .step1 > .item:nth-child(4){
     -webkit-transform: translate3d(0,2000px,0);
     transform: translate3d(0,2000px,0);
 }
 .rsv_menu .categories .step1 > .item:nth-child(5){
     -webkit-transform: translate3d(0,2500px,0);
     transform: translate3d(0,2500px,0);
 }
 .rsv_menu.active .categories .step1 > .item{
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     -webkit-transition: -webkit-transform 0.8s;
     transition: transform 0.8s;
     -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
     transition-timing-function: cubic-bezier(0.7,0,0.3,1);
     -webkit-transition-duration: 0.9s;
     transition-duration: 0.9s
 }
 .rsv_menu .categories .step1 > .item > .link{
     display: block;
     font-size: 1.3rem;
     line-height: 25px;
     color: rgba(210, 210, 210, 0.7);
     letter-spacing: 0.5px;
     position: relative;
     border-bottom: 1px solid rgba(255, 255, 255, 0.04);
 }
 .rsv_menu .categories .step1 > .item:hover > .link{
     color: rgba(210, 210, 210, 1);

 }
 .rsv_menu .categories .step1 > .item .icon{
    vertical-align: baseline;
    font-size: 1.5rem;
    line-height: 40px;
    margin-left: 5px;
    color: rgba(203, 206, 204, 0.73);
 }
 .rsv_menu .categories .step1 > .item > .link:before,
 .rsv_menu .categories .step1 > .item > .link:after{
     content: ' ';
     position: absolute;
     bottom: 0;
     height:100%;
     width: 0%;
     background: rgba(255, 255, 255, 0.04);
     transition-property: all;
     transition-timing-function: linear;
 }
 .rsv_menu .categories .step1 > .item > .link:before{
     transition-duration: 0.5s;
     right: 0;
 }
 .rsv_menu .categories .step1 > .item:hover > .link:before,
 .rsv_menu .categories .step1 > .item:hover > .link:after{
     width: 100%;
     
 }
 .rsv_menu .categories .step1 > .item > .link:after{
     left: 0;
     transition-duration: 0.4s;
 }
 .rsv_menu .categories .step2,
 .rsv_menu .categories .step3,
 .rsv_menu .categories .step4,
 .rsv_menu .categories .step5{
     display: none;
     padding-right: 10px;
     margin: 0px 7px 5px 0;
     border-right: 1px solid rgba(255,255,255,0.25);
     background-color: rgba(255,255,255,0.025);
 }
 .rsv_menu .categories .step2 > .item .link{
     display: block;
     font-size: 1.15rem;
     line-height: 30px;
     color: #d6b872;
     color: #bae2c3;
     letter-spacing: 0.5px;
     position: relative;
     opacity: 0.6;
 }
 .rsv_menu .categories .step2 > .item:hover > .link,
 .rsv_menu .categories .step3 > .item:hover > .link,
 .rsv_menu .categories .step4 > .item:hover > .link,
 .rsv_menu .categories .step5 > .item:hover > .link{
     opacity: 1;
 }
 .rsv_menu .categories .step2 > .item .link:before{
     content: ' ';
     display: inline-block;
     width: 10px;
     height: 1px;
     background-color: rgba(255,255,255,0.5);
     position: relative;
     right: -10px;
 }
 .rsv_menu .categories .step2 > .item .link:after{
     content: ' ';
     display: inline-block;
     width: 2px;
     height: 7px;
     background-color: rgba(255,255,255,0.4);
     position: absolute;
     right: -1px;
     top: 50%;
     transform: translate(-50%,-50%);
     margin-top: 1px;
 }
 .rsv_menu .categories .have_scroll_y1 > .mCSB_inside > .mCSB_container{margin-left: 10px;}
 .rsv_menu .categories .have_scroll_y1 > .mCSB_inside > .mCSB_scrollTools, .rsv_menu .categories .have_scroll_y1 > .mCSB_outside + .mCSB_scrollTools{left: -3px;}
 
 /**************************** Ticker_STYLE *********************************/
 /*#1*/
 .ticker_style1{
     padding: 0 23px;
 }
 .ticker_style1 a{
     color: #c2c2c2;
     font-size: 1.1rem;
 }
 .ticker_style1 a:hover{
     color: #fff;
 }
 .ticker_style1 li a:after{
     content: '/';
     position: relative;
     left: -6px;
     opacity: .6;
 }
 .ticker_style1 li:last-child a:after{
     content: none;
 }
 .ticker_style1 li.last a:after{
     content: none;
 }
 /**************************** SEARCH_STYLE *******************************/
 /*#1*/
 .search_style1 {
     position: relative;
     z-index: 25;
 }
 .search_style1 input[type=text]{
     border: 0 none;
     font-size: 1.3rem;
     height: 100%;
     letter-spacing: 0.5px;
     padding: 15px 25px 15px 75px;
     width: 100%;
     outline: 5px solid rgba(255, 255, 255, 0.2);
 }
 .search_style1 .button{
     position: absolute;
     display: inline-block;
     height: 100%;
     top: 0px;
     bottom: 0;
     width: 8%;
     left: 0;
 }
 .search_style1 .button .icon{
     color: #fff;
     font-size: 2rem;
     display: inline-block;
     width: 45px;
     height: 75%;
     background: #457991;
     position: absolute;
     /* right: 23px; */
     left: 50%;
     transform: translateX(-30px);
     top: 12%;
     text-align: center;
     line-height: 40px;
     pointer-events: none;
     border-radius: 2px;
 }
 .search_style1 .button input .icon:hover{
     background: transparent;
 }
 .search_style1 input[type=submit]{
     border: 0 none;
     height: 75%;
     width: 45px;
     position: absolute;
     left:50%;
    transform: translateX(-30px);
     top: 13%;
     background: transparent;
 }
 .search_style1 .line{
     background: #e4e4e4 none repeat scroll 0 0;
     height: 24px;
     left: 65px;
     position: absolute;
     top: 50%;
     margin-top: -12px;
     width: 1px;
 }
 .search_style1 input[type=text]::-webkit-input-placeholder{color: #d2d2d2;font-size: 1.1rem;}
 .search_style1 input[type=text]::-moz-placeholder{color: #d2d2d2;font-size: 1.1rem;}
 .search_style1 input[type=text]:-moz-placeholder{color: #d2d2d2;font-size: .9rem;}
 .search_style1 input[type=text]:-ms-input-placeholder{color: #d2d2d2;font-size: 1.1rem;}
 
 .search_style1 .advace_search{
     background: #fff;
     outline: 5px solid rgba(255,255,255, 0.2);    
     position: absolute;
     top: 120%;
     left: 0;
     right: 0;
     z-index: 10;
     display: none;
     box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
 }
 .search_style1 .advace_search .part > .title{
     background: #f3f3f3;
     font-size: 1.1rem;
     line-height: 30px;
     color: #999;
     padding-right: 25px;
     margin-bottom: 7px;
 }
 .search_style1 .advace_search .part2 > .title{
     margin-bottom: 25px;
 }
 .search_style1 .advace_search .part{
     float: right;
     width: 50%;
     padding: 10px 15px;
     position: relative;
 }
 .search_style1 .advace_search .part:after{
     content: ' ';
     position: absolute;
     left: -1px;
     top: 0;
     bottom: 0;
     height: 100%;
     width: 1px;
     background: -webkit-linear-gradient(to bottom, transparent 0%,rgba(70,140,138,0.4) 50%,transparent 100%);
     background: linear-gradient(to bottom, transparent 0%,rgba(70,140,138,0.4) 50%,transparent 100%);
 }
 .search_style1 .advace_search .part:last-child:after{
     content: none;
 }
 .search_style1 .advace_search .part .title_style2{
     padding-right: 20px;
 }
 .search_style1 .advace_search .part1 .title_style2{
     margin-bottom: 20px;
 }
 .search_style1 .advace_search .part1 .item{
     margin: 15px 0;
     float: right;
     width: 50%;
     transition: all 0.3s;
 }
 .search_style1 .advace_search .part1 .item:hover{
     opacity: 0.7
 }
 .search_style1 .advace_search .part1 .step1{
     padding-right: 15px;
 }
 .search_style1 .advace_search .part1 .item .pic{
     display: inline-block;
     float: right;
     width: 45px;
     height: 45px;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     margin-left: 10px;
     border-radius: 50%;
 }
 .search_style1 .advace_search .part1 .item .caption{
     padding-top: 5px;
 }
 .search_style1 .advace_search .part1 .item .title{
     font-size: 1.1rem;
     color: #666;
     letter-spacing: 0.5px;
 }
 .search_style1 .advace_search .part1 .item .text{
     font-size: 0.9rem;
     color: #c2c2c2;
     letter-spacing: 0.5px;
     margin-top: 5px;
 }
 .search_style1 .advace_search .part1 label{
     cursor: pointer;
     position: relative;
     display: block;
 }
 .search_style1 .advace_search .part2 .select_price,
 .search_style1 .advace_search .part2 .select_show{
     /*margin-bottom: 45px;*/
     float: right;
     width: 50%;
     text-align: right;
 }
 .search_style1 .advace_search .part2 .step1{
     padding-right: 20px;
 }
 .search_style1 .advace_search .part2 .title_style2{
     margin-bottom: 15px;
 }
 .search_style1 .advace_search .part2 .item{
     margin: 10px 0;
 }
 .search_style1 .advace_search .part2 .item label{
     cursor: pointer;
     font-size: 1.1rem;
     color: #666;
 }
 /*type1*/
 .search_style1.type1{
     position: relative;
     float: left;
     width: 25%;
     background: rgba(0,0,0,0.5);
     border-radius: 2px;
 }
 .search_style1.type1 input[type=text]{
     font-size: 1.1rem;
     letter-spacing: 0.5px;
     outline: none;
     background:transparent;
     padding:0 7px 0;
     height: 28px;
     color: #fff;
     margin: 5px 5px 5px 0;
     width: 85%;
 }
 .search_style1.type1 input[type=text]:focus{
     background: #fff;
     width: 96.5%;
     padding:2px 7px 0px 30px;
     color: #666;
 }
 .search_style1.type1 .button{
     width: 13%;
 }
 .search_style1.type1 input[type=submit]{
     width: 35px;
     right: 3px;
 }
 .search_style1.type1 .button .icon{
     font-size: 1.7rem;
     line-height: 40px;
     background: transparent;
     width: 35px;
     right: 2px;
     top: 0;
     height: 100%;
     z-index: 0;
 }
 .search_style1.type1 input[type=text]:focus + .button .icon{
     color:  #34b6ea;
 }
 .search_style1.type1 input[type=text]::-webkit-input-placeholder{color: #999;font-size: 0.95rem;}
 .search_style1 input[type=text]::-moz-placeholder,.search_style1 input[type=text]::-moz-placeholder{color: #999;font-size: 0.95rem;}
 .search_style1 input[type=text]:-moz-placeholder{color: #999;font-size: 0.95rem;}
 .search_style1 input[type=text]:-ms-input-placeholder{color: #999;font-size: 0.95rem;}
 
 /*type2*/
 .search_style1.type2{
     transform: translate(0,15px);
 }
 .search_style1.type2 input[type=text]{
     padding: 6px 95px 6px 50px;
     height: 36px;
     outline: none;
     background: #fbfbfb;
     border: 1px solid #e2e2e2;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.08) inset;
 }
 .search_style1.type2 .button{
     width: 42px;
 }
 .search_style1.type2 .button .icon{
     font-size: 1.7rem;
     right: 0;
     line-height: 38px;
     top: 0;
     left: 0;
     bottom: 0;
     height: 100%;
     width: 42px;    
 }
 .search_style1.type2 input[type=submit]{
     right: 0;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     bottom: 0;
 }
 
 .search_style1.type2 .line{
     background: #ccc none repeat scroll 0 0;
     left: -22px;
 }
 .search_style1.type2 .btn_advace_search{
     color: #3997c4;
     line-height: 34px;
     font-size: 1.15rem;
     padding: 0 10px;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     border: 1px solid #e4e4e4;
     background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8));
     background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
     background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
     background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
     background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
 }
 .search_style1.type2 .btn_advace_search i{
     font-size: 0.85rem;
     margin-right: 4px;
     opacity: 0.5;
 }
 .search_style1.type2 .btn_advace_search:active{
     background: #fff;
     box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset;
     background: #ededed;
     background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(53%, #f6f6f6), color-stop(100%, #fff));
     background: -webkit-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
     background: -o-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
     background: -ms-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
     background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, #fff 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
     border-left: 1px solid rgba(0,0,0,0.2);
     border-right: 1px solid rgba(0,0,0,0.2);
 }
 .search_style1.type2 .advace_search{
     box-shadow: 0 2px 5px rgba(0,0,0,0.2);
     outline: none;
     background: #fdfdfd;
 }
 .search_style1.type2 .advace_search .part{
     float: none;
     width: 100%;
 }
 
 
 .search_style1.type2 input[type=text]::-webkit-input-placeholder{color: #ccc;font-size: 1rem;}
 .search_style1.type2 input[type=text]::-moz-placeholder,.search_style.type2 input[type=text]::-moz-placeholder{color: #ccc;font-size: 0.95rem;}
 .search_style1.type2 input[type=text]:-moz-placeholder{color: #ccc;font-size: 0.95rem;}
 .search_style1.type2 input[type=text]:-ms-input-placeholder{color: #ccc;font-size: 0.95rem;}
 
 /**************************** FILTER_STYLE *******************************/
 /*#1*/
 .filter_style1 .title{
     font-size: 1.35rem;
     letter-spacing: 0.5px;
     color: #34b6ea;
     line-height: 26px;
     background: #fff;
     position: relative;
     top: -16px;
     right: 15px;
     padding: 0 25px;
     display: none;
 }
 .filter_style1 .title:before,
 .filter_style1 .title:after{
     content: '';
     position: absolute;
     top: 6px;
     width: 2px;
     height: 20px;
     background: #f1f1f1;
     -webkit-transform: skew(-30deg);
     transform: skew(-30deg);
 }
 .filter_style1 .title:before{
     right: 0;
 }
 .filter_style1 .title:after{
     left: -1px;
 }
 .filter_style1 .item{
     float: right;
     width: 25%;
     min-height: 44px;
     border-left: 1px solid #efefef;
     padding: 15px 10px;
     transition: all 0.3s ease-in-out;
 }
 .filter_style1 .item:hover{
     background: #f9f9f9;
 }
 .filter_style1 .item:nth-child(4n){
     border: none;
 }
 .filter_style1 .item > label{
     cursor: pointer;
     display: inline-block;
     float: right;
     color: #666;
     font-size: 1.15rem;
     text-align: center;
     transition: all 0.3s ;
     /*margin-top: 5px;*/
     margin-right: 15px;
 }
 .filter_style1 .item > label:hover{
     color: #999;
 }
 .filter_style1 .radio_style1{
     top: initial;
     vertical-align: sub;
 }
 /*type2*/
 .filter_style1.type2 {
     padding: 15px 5px; 
     position: relative;
 }
 .filter_style1.type2 .inner_filter{
     border: 1px solid #f1f1f1;
     background-color: #fff;
         padding: 0 0 15px 0;
 }
 .filter_style1.type2 .title{
     display: inline-block;
     /*background-color: #fdfdfd;*/
     background-image: -webkit-linear-gradient(to bottom , #fdfdfd , #fff);
     background-image: -moz-linear-gradient(to bottom , #fdfdfd , #fff);
     background-image: -ms-linear-gradient(to bottom , #fdfdfd , #fff);
     background-image: linear-gradient(to bottom , #fdfdfd , #fff);
 }
 .filter_style1.type2 .item{
     padding: 7px 13px;
     margin-bottom: 20px;
 }
 .filter_style1.type2 .item .name{
     /*display: block;*/
     float: right;
     font-size: 1.25rem;
     color: #666;
     margin-bottom: 5px;
 }
  .filter_style1.type2 .item .multiple .name{
    display: block;
     float: none;
     text-align: center;
     color: #3997c4;
  }
 .filter_style1.type2 .item .name:after{
     content: ' : ';
 }
 .filter_style1.type2 .item:hover{
     background: transparent;
 }
  .filter_style1.type2 .btn_reset{
    display: inline-block;
    padding: 7px 20px;
    font-size: 1.1rem;
    border: 1px solid #f1f1f1;
    position: absolute;
    left: 40px;
    bottom: 0;
    background: #fff;
    color: #666;
  }
    .filter_style1.type2 .btn_reset:hover{
    background: #3997c4;
    color: #fff;
    }
 /**************************** SELEST_STYLE *******************************/
 /*#1*/
 .select_style1 {
     position: relative;
 }
 .select_style1 .name{
     font-size: 1.25rem;
     color: #666;
     position: relative;
 }
 .select_style1 .name:after{
     content: ' :';
 }
 .select_style1 .icon{
     margin-left: 3px;
     font-size: 1.7rem;
     line-height: 30px;
     color: rgba(57, 151, 196, 0.79);
 }
 .select_style1 select,
 .select_style1 .nice-select{
     display: inline-block;
     height: 30px;
     width: 100%;
     position: absolute;
     right: 0;left: 0;
     top: 4px;
     outline: none;
     /*padding: 0 130px 0 0;*/
     border: none;
     background: transparent;
     color: #c2c2c2;
     font-size: 1.2rem;
     line-height: 24px;
     border-radius: 0;
     float: none;
     text-align: center!important;
     padding: 0;
 }
 .select_style1 .nice-select:after{
     content: 'r';
     font-family: '3dinga';
     border: none;
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
     right: initial;
     left: 12px;
     width: initial;
     margin-top: -16px;
     color: #dadada;
     font-size: 1rem;
 }
 .select_style1 .nice-select.open:after{
     -webkit-transform: rotate(0deg)!important;
     -ms-transform: rotate(0deg)!important;
     transform: rotate(0deg)!important;
 }
 .select_style1 .nice-select.open .list,
 .select_style1 .nice-select .list{
     border-radius: 0;
     right: -10px;
     margin-top: 12px;
     width: 107%;
     max-height: 295px;
     overflow-y: visible;
     z-index: 15;
 }
 .select_style1 .nice-select .option{
     text-align: right;
     border-bottom: 1px solid #f3f3f3;
     margin: 0 15px;
     padding: 0 15px 0 0;
     font-size: 1.15rem;
     color: #b9b9b9;
     direction: ltr;
 }
 .select_style1 .nice-select .option:after{
     content: 'm';
     font-family: '3dinga';
     font-size: 1.0rem;
     vertical-align: middle;
     position: relative;
     right: -13px;
     top: 1px;
 }
 .select_style1 .nice-select .option:last-child{
     border: none;
 }
 .select_style1 .nice-select .option.selected,
 .select_style1 disabled,
 .select_style1 disabled *{
     font-weight: normal;
     background: transparent!important;
 }
 .select_style1 .nice-select .option:hover,
 .select_style1 .nice-select .option.focus,
 .select_style1 .nice-select .option.selected.focus{
     font-weight: normal;
     background: transparent;
     color: #3997c4;
 }
 .select_style1 .arrow{
     position: absolute;
     z-index: 2;
     left: 15px;
     top: 50%;
     transform: translate(0,-50%);
     font-size: 1.1rem;
     color: #adadad;
 }
 .select_style1.type1 .ms-options-wrap > button:focus,
 .select_style1.type1 .ms-options-wrap > button,
 .select_style1.type2 .ms-options-wrap > button:focus,
 .select_style1.type2 .ms-options-wrap > button{
     display: inline-block;
     height: 30px;
     width: 100%;
     position: absolute;
     right: 0;
     left: 0;
     top: 4px;
     outline: none;
     /* padding: 0 130px 0 0; */
     border: none;
     background: transparent;
     color: #c2c2c2;
     font-size: 1.2rem;
     line-height: 24px;
     border-radius: 0;
     float: none;
     text-align: center!important;
     padding: 0;
 }
 .select_style1.type2 .ms-options-wrap > button:focus,
 .select_style1.type2 .ms-options-wrap > button{
     top: -3px;
 }
 .select_style1.type1 .ms-options-wrap{
     position: static!important;
 }
 .select_style1.type1 .arrow,
 .select_style1.type2 .arrow{
     color: #dadada;
 }
 .select_style1.type2 .arrow{
     top: 5px;
     transform: none;
 }
 .select_style1.type1 .ms-options-wrap > .ms-options{
     margin-top: 15px;
 }
 .select_style1.type2 .ms-options-wrap > .ms-options{
     margin-top:40px;
 }
 .select_style1.type1 .ms-options-wrap > .ms-options > ul label,
 .select_style1.type2 .ms-options-wrap > .ms-options > ul label{
     font-size: 1.15rem;
     color: #b9b9b9;
 }
 .select_style1.type1 .ms-options-wrap > .ms-options > ul li.selected label,
 .select_style1.type2 .ms-options-wrap > .ms-options > ul li.selected label{
     color: #3997c4 !important;
     background-color: #f3f3f3;
 }
 .select_style1.type1 .ms-options-wrap > .ms-options > .ms-search input,
 .select_style1.type2 .ms-options-wrap > .ms-options > .ms-search input{
     font-size: 1.1rem; 
 }
 /**************************** TITLE_STYLE *******************************/
 /*#1*/
 .title_style1{
     position: relative;
 }
 /*#2*/
 .title_style2 .text{
     font-size: 1.2rem;
     color: #333;
     position: relative;
 }
 .title_style2 .text:before{
     content: ' ';
     background: url(../_images/title/hexagon.png) no-repeat center center / contain;
     height: 10px;width: 10px;
     display: inline-block;
     vertical-align: middle;
     margin-left: 7px;
 }
 .title_style2 .text:after{
     content: ' ';
     width: 30%;
     height: 1px;
     position: absolute;
     bottom: -5px;
     background: rgba(69, 121, 145, 0.4);
     right: 0;
 }
 /*#3*/
 .title_style3{
     position: relative;
 }
 .title_style3 .text{
     font-size: 1.5rem;
     color: #3a3a3a;
     line-height: 24px;
 }
 .title_style3 .sub_text{
     font-size: 1.1rem;
     color: #999;
     line-height: 22px;
     position: relative;
     margin-right: 20px;
     margin-top: 5px;
 }
 .title_style3 .sub_text:before{
     content: '';
     display: inline-block;
     position: absolute;
     right: -18px;
     top: -2px;
     border-style: solid;
     border-color: transparent rgba(52, 182, 234, 0.7) rgba(52, 182, 234, 0.7) transparent;
     border-width: 13px 2px 2px 13px;
 }
.title_style3.ltr_direction .sub_text:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: -18px;
    right: auto;
    top: -2px;
    border-style: solid;
    border-color: rgba(52, 182, 234, 0.7) transparent transparent rgba(52, 182, 234, 0.7);
    border-width: 2px 13px 13px 2px;
}
 .title_style3 .mark{
     color: #34b6ea;
     font-size: 1.5rem;
     position: relative;
 }
 .title_style3 .text:after{
     position: absolute;
     top: 12px;
     right: 120px;
     left: 120px;
     background-color: #dfdfdf;
     height: 1px;
     content: "";
     z-index: 0;
 }
.title_style3 .text.long:after{
    right: 180px;
}

.title_style3 .text.longer:after{
    right: 200px;
}
 /*-- type1 --*/
 .title_style3.type1 .text{
     font-size: 1.3rem;
     color: #ececec;
     letter-spacing: 0.5px;
 }
 .title_style3.type1 .text:after{
     content: none;
 }
 .title_style3.type1 .mark{
     font-size: 1.4rem;
 }
 .title_style3.type1 .mark:before{
     content: ' ';
     position: absolute;
     left: 0;right: 0;
     bottom: -5px;
     height: 1px;
     background: #34b6ea;
 }
 /*-- type2 --*/
 .title_style3.type2{
     text-align: center;
 }
 .title_style3.type2 .text{
     font-size: 1.7rem;
 }
 .title_style3.type2 .sub_text{
     margin-top: 10px;
     font-size: 1.15rem;
     letter-spacing: 0.5px;
 }
 .title_style3.type2 .mark{
     font-size: 1.7rem;
 }
 .title_style3.type2 .text:after{
     content: none;
 }
 /*#4*/
 .title_style4{
     text-align: center;
 }
 .title_style4 .title{
     font-size: 1.8rem;
     line-height: 36px;
     color: #d6b872;
     color: #fefefe;
     display: inline-block;
     position: relative;
     padding: 0 10px;
     margin-bottom: 4px;
     letter-spacing: 0.5px;
 }
 .title_style4 .title:after,
 .title_style4 .title:before{
     content: ' ';
     width: 15px;
     height: 15px;
     position: absolute;
     background: transparent;
     border-style: solid;
     border-width: 2px;
 }
 .title_style4 .title:after{
     left: -20px;
     bottom: 4px;
     border-color: transparent transparent rgba(207, 173, 105, 0.5) rgba(207, 173, 105, 0.5);
 }
 .title_style4 .title:before{
     right: -20px;
     top: 4px;
     border-color: rgba(207, 173, 105, 0.5) rgba(207, 173, 105, 0.5) transparent transparent;
 }
 .title_style4 .sub_title{
     font-size: 1.2rem;
     color: #cecece;
     letter-spacing: 0.5px;
 }
 /*#5*/
 .title_style5{
     margin-bottom: 15px;
     position: relative;
    z-index: 1;
 }
 .title_style5 .title{
     font-size: 1.3rem;
     line-height: 26px;
     color: #666;
     letter-spacing: 0.5px;
 }
 .title_style5 .mark{
     position: relative;
     color: #34b6ea;
 }
 .title_style5 .mark:after{
     content: ' ';
     position: absolute;
     bottom: -6px;
     right: 0;left:0;
     height: 2px;
     background: #34b6ea;
 }
 /**************************** RADIO_STYLE *******************************/
 /*#1*/
 .radio_style1{
     display: inline-block;
     position: relative;
     top: 5px;
     margin-left: 5px;
 }
 .radio_style1 input{
     opacity: 0;
     display: none;
 }
 .radio_style1 .radio{
     display: inline-block;
     width: 12px;
     height: 12px;
     text-align: center;
     color: #f5f5f5;
     border-radius: 50%;
     transition: all .3s ease;
     box-shadow: inset 0 0 0 1px #a0a0a0, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #34b6ea;
 }
 .radio_style1.check_style input[type=checkbox] + .radio{
     border-radius: 5%;
     width: 11px;
     height: 11px;
 }
 .radio_style1 input:checked + .radio{
     animation-duration: .2s;
     animation-name: select-radio;
     animation-iteration-count: 1;
     animation-direction: Normal;
     box-shadow: inset 0 0 0 1px #34b6ea, inset 0 0 0 3px #FFFFFF, inset 0 0 0 16px #34b6ea;
 }
 @keyframes select-radio {
     0% {
         box-shadow: 0 0 0 0 #91DEAC, inset 0 0 0 2px #FFFFFF, inset 0 0 0 3px #34b6ea, inset 0 0 0 15px #FFFFFF, inset 0 0 0 15px #34b6ea;
     }
     90% {
         box-shadow: 0 0 0 10px #E8FFF0, inset 0 0 0 0 #FFFFFF, inset 0 0 0 1px #34b6ea, inset 0 0 0 2px #FFFFFF, inset 0 0 0 15px #34b6ea;
     }
     100% {
         box-shadow: 0 0 0 12px #E8FFF0, inset 0 0 0 0 #FFFFFF, inset 0 0 0 1px #34b6ea, inset 0 0 0 3px #FFFFFF, inset 0 0 0 15px #34b6ea;
     }
 }
 .radio_style1.type1{
     position: static;
     display: initial;
     margin-left: 0;
     top: 0;
 }
 .radio_style1.type1 .radio{
     width: 41px;
     height: 41px;
     position: absolute;
     top: 2px;
     right: 2px;
     box-shadow: none;
 }
 .radio_style1.type1 .radio:after{
     content: 'g';
     font-family: '3dinga';
     font-size: 2rem;
     line-height: 40px;
     opacity: 0;
     
 }
 .radio_style1.type1 input:checked + .radio{
     box-shadow: inset 0 0 0 1px #34b6ea, inset 0 0 0 3px rgba(255, 255, 255, 0.7), inset 0 0 0 22px rgba(47, 182, 240, 0.7);
     animation-name: select-radio-type1;
 }
 .radio_style1.type1 input:checked + .radio:after{
     opacity: 1;
 }
 /**************************** BOX_STYLE *******************************/
 /*#1*/
 .box_style1 .item{
     background-color: #fff;
     display: inline-block;
     border: 1px solid #e1e1e1;
     width: 18%;
     margin: 0 auto;
     text-align: right;
     float: right;
 }
 .box_style1 .item  li{
     position: relative;
 }
 .box_style1 .item .pic{
     height: 200px;
     width: 100%;
     margin: 0 auto;
     display:block;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 .box_style1 .item .title{
     font-size: 1.25rem;
     line-height: 23px;
     color: #3a3a3a;
     display: block;
     margin: 10px 15px 10px 10px;
     max-width: 70%;
     max-height: 23px;
 }
 .box_style1 .item .title:hover{
     color: #3997c4;
 }
 .box_style1 .item .writter{
     margin: 0px 15px 10px;
     color: #b1b1b1;
     font-size: 1.1rem;
 }
 .box_style1 .item .writter .pic_pro{
     display: inline-block;
     vertical-align: middle;
     border-radius: 50%;
     width: 27px;
     height: 27px;
     margin-left: 2px;
     background: none no-repeat top center / cover;
     border: 1px solid #d8e1e5;
 }
 .box_style1 .item .writter .mark{
     color: rgba(57, 151, 196, 0.65);
     font-size: 1.1rem;
     line-height: 22px;
     display: inline-block;
     max-height: 22px;
     max-width: 150px;
     padding-right: 3px;
 }
 .box_style1 .item .writter .mark:hover{
     color: #3997c4;
 }
 .box_style1 .item .price{
     padding: 10px;
 }
 .box_style1 .item .price .new{
     font-size: 1.25rem;
     color: #3997c4;
     color: #f5a945;
 }
 .box_style1 .item .price .old{
     font-size: 1.15rem;
     color: #888;
     text-decoration: line-through;
     margin-left: 5px;
 }
 .box_style1 .item .border{
     border-top: 1px solid #efefef;
     background: #f9f9f9;
 }
 .box_style1 .whish_style1 {
     margin-left: 7px;
 }
 .box_style1 .overlay{
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     overflow: hidden;    
     opacity: 0.7;
     transition: all 0.5s ease-in-out;
 }
 .box_style1 .item:hover .overlay{
     opacity: 1;
     background-color: rgba(21, 21, 21, 0.7);
 }
 .box_style1 .overlay .inner_content{
     display: block;
     transition: all 0.3s ease-in-out;
     opacity: 0;
     border: 1px solid #FFFFFF;
     border: 1px solid rgba(255, 255, 255, 0.30);
     position: absolute;
     top: 10px;
     bottom: 10px;
     left: 10px;
     right: 10px;
 }
 .box_style1 .item:hover .inner_content{
     opacity: 1;
 }
 .box_style1 .overlay .inner_content .step2{
     position: relative;
     top: 50%;
     transform: translateY(-15px);
 }
 .box_style1 .overlay .inner_content .step2 > .item2{
     float: right;
     width: 27%;
     text-align: center;
     transition: all 0.4s cubic-bezier(0.02, 0, 0.27, 1.55);
 }
 .box_style1 .overlay .inner_content .step2 >.item2:first-child{
     margin-right: 26px;
     transform: translateY(-10px);
 }
 .box_style1 .overlay .inner_content .step2 >.item2:nth-child(2){
     transform: translateY(-15px);
 }
 .box_style1 .overlay .inner_content .step2 >.item2:last-child{
     transform: translateY(-20px);
 }
 .box_style1 .item:hover .overlay .inner_content .step2 >.item2:first-child{
     transform: translateY(0px);
     transition-delay: 0.05s;
 }
 .box_style1 .item:hover .overlay .inner_content .step2 >.item2:nth-child(2){
     transform: translateY(0px);
     transition-delay: 0.1s;
 }
 .box_style1 .item:hover .overlay .inner_content .step2 >.item2:last-child{
     transform: translateY(0px);
     transition-delay: 0.15s;
 }
 .box_style1 .overlay .inner_content .icon{
     font-size: 2rem;
     color: rgba(255, 255, 255, 0.8);
 }
 .box_style1 .overlay .inner_content .numb{
     color: rgba(255, 255, 255, 0.9);
     display: block;
     font-size: 1.2rem;
     letter-spacing: 0.5px;
 }
 
 /*#2*/
 .box_style2 .item{
    float: right;
    width: 37%;
    margin: 0 11% 15px 1%;
 }
 .box_style2 .top_circle{
     margin: 0 auto;
     width: 100%;
     height: 115px;
     position: relative;
     text-align: center;
 }
 .box_style2 .top_circle .circle_first{
     text-align: center;
     width: 80px;
     height: 80px;
     border-radius: 100%;
     position: absolute;
     left: 70px;
     transition: all 0.8s ease-in-out;
 }
 .box_style2 .item:hover .top_circle .circle_first{
     transform: rotateY(360deg);
 }
 .box_style2 .item.active:hover .top_circle .circle_first{
     transform: rotateY(0);
 }
 .box_style2 .top_circle .circle_second{
     width: 22px;
     height: 22px;
     border-radius: 100%;
     position: absolute;
     left: 65px;
     top: 58px;
 }
 .box_style2 .top_circle .circle_third{
     width: 10px;
     height: 10px;
     border-radius: 100%;
     position: absolute;
     left: 78px;
     top: 82px;
 }
 .box_style2 .top_circle .circle_fourth{
     width: 5px;
     height: 5px;
     border-radius: 100%;
     position: absolute;
     left: 71px;
     top: 94px;
 }
 .box_style2 .bronz{
     background: #C68B61;
 }
 .box_style2 .bronz_txt{
     color:#C68B61;
 }
 .box_style2 .silver{
     background: #838997;
 }
 .box_style2 .silver_txt{
     color:#838997;
 }
 .box_style2 .gold{
     background: #E6CE6A;
 }
 .box_style2 .gold_txt{
     color:#E6CE6A;
 }
 .box_style2 .vip{
     background: #289dcc;
 }
 .box_style2 .vip_txt{
     color:#289dcc;
 }
 .box_style2 .title{
     font-size: 1.2rem;
     color: #f1f1f1;
     line-height: 80px;
     text-align: center;
 }
 .box_style2 .content{
     box-shadow: 0 0 1px #e5edef;
     border: 1px solid #e5edef;
     padding: 13px;
     border-radius: 5px;
     color: #666;
     font-size: 1.2rem;
     font-size: 12px;
     line-height: 30px;
     text-align: center; 
     background: rgba(255, 255, 255, 0.5);
     transition: box-shadow 0.3s;
 }
 .box_style2 .item:hover .content,
 .box_style2 .item.active .content{
     box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.15);
 }
 .box_style2 .content .btn{
     padding: 3px 20px 0;
     margin: 10px 0 5px;
     display: inline-block;
     font-size: 1.1rem;
     line-height: 23px;
     color: #fff;
     border-radius: 2px;
     opacity: 0.5;
 }
 .box_style2 .item.active .content .btn{
     opacity: 1;
 }
 .box_style2 .item:hover .content .btn{
     opacity: 1;
 }
 .box_style2 .bottom_circle{
     margin: 0 auto;
     width: 100%;
     height: 55px;
     position: relative;
     text-align: center;
 }
 .box_style2 .bottom_circle .circle_first{
     box-shadow: 0 1px 1px #d6d6d6;
     border-bottom: 1px solid #cbcbcb;
     background: #fff;
     width: 22px;
     height: 22px;
     border-radius: 100%;
     position: absolute;
     left: 95px;
     top: -15px;
 }
 .box_style2 .bottom_circle .circle_second{
     box-shadow: 0 0 3px #d6d6d6;
     border: 1px solid #dadada;
     width: 10px;
     height: 10px;
     border-radius: 100%;
     position: absolute;
     left: 113px;
     top: 10px;
     background: #fff;
 }
 .box_style2 .bottom_circle .circle_third{
     box-shadow: 0 0 3px #d6d6d6;
     border: 1px solid #dadada;
     width: 5px;
     height: 5px;
     border-radius: 100%;
     position: absolute;
     left: 107px;
     top: 25px;
     background: #fff;
 }
 /*#3*/
 .box_style3 .item{
     margin: 15px;
 }
 .box_style3 .item:nth-child(1),
 .box_style3 .item:nth-child(4),
 .box_style3 .item:nth-child(7),
 .box_style3 .item:nth-child(10){
     width: 570px;
     height: 430px;
 }
 .box_style3 .item:nth-child(2),
 .box_style3 .item:nth-child(3),
 .box_style3 .item:nth-child(5),
 .box_style3 .item:nth-child(6),
 .box_style3 .item:nth-child(8),
 .box_style3 .item:nth-child(9),
 .box_style3 .item:nth-child(11),
 .box_style3 .item:nth-child(12){
     width: 270px;
     height: 250px;
 }
 .box_style3 .item:nth-child(1),
 .box_style3 .item:nth-child(2),
 .box_style3 .item:nth-child(3){
     float: right;
 }
 
 .box_style3 .item:nth-child(4),
 .box_style3 .item:nth-child(5),
 .box_style3 .item:nth-child(6){
     float: left;
 }

.box_style3 .item:nth-child(7),
.box_style3 .item:nth-child(8),
.box_style3 .item:nth-child(9){
    float: right;
}

.box_style3 .item:nth-child(10),
.box_style3 .item:nth-child(11),
.box_style3 .item:nth-child(12){
    float: left;
}
 .box_style3 .step1,
 .box_style3 li{
     width: 100%;
     height: 100%;
 }
 .box_style3 .item .pic{
     display: block;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     background-position: center center;
 }
 .box_style3 .content{
     position: absolute;
     left: 0;right: 0;
     top: 0;bottom: 0;
     background: rgba(0,0,0,0.6);
     /*background: linear-gradient(-45deg,rgba(0, 188, 212, 0.6) -30%,rgba(60, 145, 64, 0.7) 100%);*/
     /*background: linear-gradient(160deg, rgba(18,85,42,0.9) 0%,rgba(18,85,42,0.85) 45%,rgba(65, 115, 130, 0.85) 80%,rgba(65, 115, 130, 0.8) 99%,rgba(65, 115, 130,0.9) 100%);*/
     opacity: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }
 .box_style3 .item:hover .content{
     opacity: 1;
 }
 .box_style3 .content .inner_content{
     position: absolute;
     left: 30px;right: 30px;
     top: 30px;bottom: 25px;
     /*background: rgba(0,0,0,0.5);*/
 }
 .box_style3 .content .inner_content:before{
     content: "";
     width: 0px;
     height: 0px;
 }
 .box_style3 .item:hover .content .inner_content:before{
     width: 40px;
     height: 40px;
     display: block;
     position: absolute;
     left: 0px;
     top: 0px;
     border-top: 1px solid rgba(255, 255, 255, 0.75);
     border-left: 1px solid rgba(255, 255, 255, 0.75);
     -webkit-transition: width 0.4s 0.3s, height 0.4s 0.3s;
     -moz-transition: width 0.4s 0.3s, height 0.4s 0.3s;
     -o-transition: width 0.4s 0.3s, height 0.4s 0.3s;
     transition: width 0.4s 0.3s, height 0.4s 0.3s;
 }
 .box_style3 .inner_content .text{
     position: absolute;
     bottom: 0;
     left: 0;right: 0;
     width: 100%;
 }
 .box_style3 .text .title{
     font-size: 1.25rem;
     line-height: 25px;
     color: #fff;
     letter-spacing: 0.5px;
     opacity: 0;
 }
 .box_style3 .item:hover .text .title{
     opacity: 1;
     -webkit-transition: opacity 0.4s 0.3s;
     -moz-transition: opacity 0.4s 0.3s;
     -o-transition: opacity 0.4s 0.3s;
     transition: opacity 0.4s 0.3s;
 }
 .box_style3 .item:nth-child(1) .text .title,
 .box_style3 .item:nth-child(4) .text .title{
     font-size: 1.7rem;
     line-height: 36px;
     height: 36px;
     width: 100%;
 }
 .box_style3 .text .sender{
     font-size: 1rem;
     line-height: 20px;
     color: #d6b872;
     letter-spacing: 0.5px;
     opacity: 0;
 }
 .box_style3 .item:hover .text .sender{
     opacity: 1;
     -webkit-transition: opacity 0.4s 0.4s;
     -moz-transition: opacity 0.4s 0.4s;
     -o-transition: opacity 0.4s 0.4s;
     transition: opacity 0.4s 0.4s;
 }
 .box_style3 .item:nth-child(1) .text .sender,
 .box_style3 .item:nth-child(4) .text .sender{
     font-size: 1.2rem;
     line-height: 24px;
 }
 .box_style3 .text .sender:before{
     content: 'بارگذار کننده :';
     color: #e1e1e1;
     margin-left: 3px;
     font-size: 1.1rem;
 }
 /*#4*/
 .box_style4{
     border:1px solid #e8e8e8;
     position: relative;
     padding: 40px 10px ;
     margin: 50px 0 70px;
     box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.1);
 }
 .box_style4 > .title{
     font-size: 1.35rem;
     letter-spacing: 0.5px;
     color: #dd4b39;
     line-height: 26px;
     background-image: url(../_images/pattern/pattern_3.png);
     position: absolute;
     top: -16px;
     right: 15px;
     padding: 0 17px;
     display: inline-block;
 }
 .box_style4 > .title:before,
 .box_style4 >.title:after{
     content: '';
     position: absolute;
     top: 6px;
     width: 1px;
     height: 20px;
     background: rgba(56, 142, 60, 0.5);
     -webkit-transform: skew(-30deg);
     transform: skew(-30deg);
 }
 .box_style4 > .title:before{
     right: 0;
 }
 .box_style4 >.title:after{
     left: 0;
 }
 .box_style4 .item{
     float: right;
     width: 24%;
     margin: 0 0.5%;
     position: relative;
 }
 .box_style4 .item .pic{
     height: 220px;
     width: 260px;
     display: block;
     margin: 0 auto;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     position: relative;
     overflow: hidden;
 }
 .box_style4 .item .pic:before{
     content: ' ';
     background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
     background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
     background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
     background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
     width: 100%;
     height: 100%;
     opacity: 0;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 2;
     -webkit-transition-property: top, opacity;
     transition-property: top, opacity;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 .box_style4 .item:hover .pic:before{
     top:0%;
     opacity: 1;
 }
 .box_style4 .item .caption{
     font-size: 1.4rem;
     padding: 10px;
     color: #ffffff;
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     z-index: 3;
 }
 .box_style4 .item .caption p{
     display: block;
     opacity: 0;
     position: relative;
     top: 100px;
     -webkit-transition-property: top, opacity;
     transition-property: top, opacity;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-delay: 0s;
     transition-delay: 0s;
 }
 .box_style4 .item:hover .caption p{
     top: 0;
     opacity: 1;
 }
 .box_style4 .item .caption .title{
     line-height: 28px;
     height: 28px;
     width: 200px;
     display: inline-block;
     transition: all 0.3s;
 }
 .box_style4 .item .caption .title:hover{
     color: #34b6ea;
 }
 .box_style4 .item:hover .caption .title{
     -webkit-transition-delay: 0.15s;
     transition-delay: 0.15s;
 }
 .box_style4 .item .caption .info{
     font-size: 1rem;
     line-height: 20px;
     width: 200px;
     height: 20px;
     display: inline-block;
     letter-spacing: 0.5px;
 }
 .box_style4 .item:hover .caption .info{
     -webkit-transition-delay: 0.25s;
     transition-delay: 0.25s;
     opacity: 0.7;
 }
 .box_style4 .whish_style1{
     position: absolute;
     bottom: 11px;
     left: 10px;
     padding: 0;
 }
 .box_style4 .btn_more{
     font-size: 1.2rem;
     letter-spacing: 0.5px;    
     color: #999;
     line-height: 24px;
     background-image: url(../_images/pattern/pattern_3.png);
     position: absolute;
     bottom: -8px;
     left: 29px;
     padding: 0 17px;
     display: inline-block;
 }
 .box_style4 .btn_more:before,
 .box_style4 .btn_more:after{
     content: '';
     position: absolute;
     top: 6px;
     width: 1px;
     height: 20px;
     background: rgba(56, 142, 60, 0.5);
     -webkit-transform: skew(-30deg);
     transform: skew(-30deg);
 }
 .box_style4 .btn_more:before{
     right: 0;
 }
 .box_style4 .btn_more:after{
     left: 0;
 }
 .box_style4 .btn_more:hover{
     color: #34b6ea;
 }
 /*type1*/
 .box_style4.type1{
     border:none;
     position: relative;
     padding: 0;
     margin: 0;
     box-shadow: none;
 }
 .box_style4.type1 .item{
     width: 26%;
     margin: 10px 3%;
 }
 .box_style4.type1 .item .pic {
     height: 170px;
     width: 215px;
 }
 .box_style4.type1 .item .caption{
     font-size: 1.2rem;
 }
 
 
 /*#5*/
 .box_style5 .item{
     float: right;
     width: 25%;
     margin-bottom: 38px;
 }
 .box_style5 .pic{
     height: 220px;
     /*min-width: 300px;*/
     width: 260px;
     display: block;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     margin: 0 auto;
     overflow: hidden;
     
 }
 .box_style5 .pic:before{
     content: ' ';
     position: absolute;
     z-index: 1;
     top: 0;bottom: 0;
     right: 0;left: 0;
     background: rgba(0,0,0,0.65);
     transform: skew(0deg);
     transition: all 0.4s;
 }
 .box_style5 .item:hover .pic:before{
     background: rgba(0,0,0,0.25);
 }
 .box_style5 .item:hover .pic:before{
     transform: skew(50deg) translateX(-130px);
 }
 .box_style5 .caption{
     background-color: #ffffff;
     background-image: url(../_images/pattern/category_bg.png);
     position: absolute;
     z-index: 1;
     min-width: 50%;
     top: 50%;
     transform: translate(0,-50%);
     padding: 6px 7px;
     transition: background-color 0.2s linear, background-image 0.5s;    
     transition: none;
 } 
 .box_style5 .item:hover .caption{    
     background-color: #34b6ea;
     background-image: none;
     transition: background-color 0.2s linear, background-image 0.5s;    
 }
 .box_style5 .caption:after{
     content: '';
     position: absolute;
     left: -15px;
     top: 0;
     bottom: 0;
     border-style: solid;
     border-width: 0px 0px 60px 15px;
     border-color: transparent transparent #fff transparent;
     transition: none;
 }
 .box_style5 .item:hover .caption:after{
     border-color: transparent transparent #34b6ea transparent;
     transition: all 0.2s linear;
 }
 .box_style5 .caption .title{
     font-size: 1.3rem;
     color: #34b6ea;
     line-height: 26px;
     max-width: 97%;
     max-height: 27px;
     transition: all 0.3s ease;
 }
 .box_style5 .caption .title:before{
     content: ' / '
 }
 .box_style5 .item:hover .title{
     color: #fff;
 }
 .box_style5 .caption .info{
     font-size: 1rem;
     line-height: 22px;
     color: #235825;
 }
 .box_style5 .caption .info .mark{
     color: #34b6ea;
     margin-left: 1px;
     letter-spacing: 0.5px;
 }
 .box_style5 .item:hover .caption .info .mark{
     color: #e1e1e1;
 }
 /*#6*/
 .box_style6{
     background-color: #FFF;
     padding: 30px;
     margin-bottom: 45px;
     position: relative;
     border-style: solid;
     border-width: 1px 1px 2px 1px ;
     border-color: #eaeaea #eaeaea #34b6ea #eaeaea ;
 }
 .box_style6:after,
 .box_style6:before{
     content: " ";    
     height: 31px;
     width: 24px;
     top: -12px;
     position: absolute;
 }   
 .box_style6:before{
     background-image: url(../_images/icon/right_sticky.png);
     right: 8px;
 }
 .box_style6:after{
     background-image: url(../_images/icon/left_sticky.png);
     left: 8px;
 }
.box_style6.bigsize{
    margin: 25px 0;
}
 /*#7*/
 .box_style7 .item{
     float: right;
     width: 100%;
     margin: 20px 0;
     -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
     padding: 25px 20px;
     position: relative;
     background-color: #fafafa;
 }
 .box_style7 .shape{
     -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
     -moz-border-radius: 100%;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     color: #fff;
     background-color: #34b6ea;
     height: 30px;
     width: 30px;
     line-height: 31px;
     text-align: center;
     position: absolute;
     font-size: 1.6rem;
     top: -15px;
     transition: all 0.4s ;
 }
 .box_style7 .shape:before{
     content: 'L';
     font-family: '3dinga';
 }
 .box_style7 .shape:after{
     content: "";
     border-style: solid;
     border-width: 8px 4px 0 4px;
     border-color: #34b6ea transparent transparent transparent;
     position: absolute;
     left: 10px;
     bottom: -7px;
     transition: all 0.4s ;
 }
 .box_style7 .item .question{
     color: #34b6ea;
     font-size: 1.3rem;
     margin-bottom: 15px;
 }
 .box_style7 .item:hover .question{
     color: #ff9800;
 }
 .box_style7 .item:hover .shape:after{
     border-color: #ff9800 transparent transparent transparent;
 }
 .box_style7 .item:hover .shape{
     background-color: #ff9800 ;
 }
 .box_style7 .item .answer{
     color: #888;
     font-size: 1.2rem;
     line-height: 24px;
     margin-bottom: 10px;
     text-align: justify;
 }
 /*#8*/
 .box_style8{
     margin: 0 auto;
     padding: 40px 20px 55px;
     /*min-height: 400px;*/
     width: 70%;
     position: relative;
     background: #fff;
     background: #fbfbfb;
     border: 1px solid #ececec;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14);
 }
 .box_style8:after,
 .box_style8:before{
     content: '';
     height: 100px;
     width: 100px;
     position: absolute;
     border-radius: 50%;
     background: url(../_images/pattern/pattern_3.png);
 }
 .box_style8:before{
     right: -30px;
     bottom: -30px;
     box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.2), -1px -1px #fff;
     
 }
 .box_style8:after{
     left: -30px;
     top: -30px;
     box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2), 1px 1px #fff;
 }
 
 
 
 
 
 
 
 
 
 /**************************** WHISH_STYLE *******************************/
 .whish_style1{
     padding: 11px;
     color: #878787;
     font-size: 1.1rem;
     -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     text-align: center;
     cursor: pointer;
 }
 .whish_style1.active{
     color: #ff6e6f;
     border-color: currentColor;
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
 }
 .whish_style1 .icon{
     width: 18px;
     height: 16px;
     display: inline-block;
     vertical-align: middle;
     position: relative;
     margin-left: 2px;
     background: url(../_images/icon/heart-colored.svg) no-repeat center;
     background-size: 100%;
     -webkit-animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartUnlike 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     opacity: 0.7;
 }
 .whish_style1.active .icon{
     -webkit-animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartPulse 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     opacity: 1;
 }
 
 .whish_style1.active .icon [class^="heart-animation-"] {
     background: url(../_images/icon/heart-colored.svg) no-repeat center;
     background-size: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 16px;
     height: 14px;
     opacity: 0;
 }
 
 .whish_style1.active .icon .heart-animation-1 {
     -webkit-animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartFloatMain-1 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
 }
 
 .whish_style1.active .icon .heart-animation-2 {
     -webkit-animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartFloatMain-2 1s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
 }
 
 .whish_style1.active .icon  [class^="heart-animation-"]::before,
 .whish_style1.active .icon  [class^="heart-animation-"]::after {
     content: '';
     background: inherit;
     background-size: 100%;
     width: inherit;
     height: inherit;
     display: inherit;
     position: relative;
     top: inherit;
     left: inherit;
     opacity: 0;
 }
 
 .whish_style1.active .icon .heart-animation-1::before,
 .whish_style1.active .icon .heart-animation-1::after {
     width: 12px;
     height: 10px;
     visibility: hidden;
 }
 .whish_style1.active .icon .heart-animation-1::before {
     opacity: .6;
     -webkit-animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartFloatSub-1 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
 }
 
 .whish_style1.active .icon .heart-animation-1::after {
     -webkit-animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartFloatSub-2 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     opacity: .75;
 }
 
 .whish_style1.active .icon .heart-animation-2::before,
 .whish_style1.active .icon .heart-animation-2::after {
     width: 10px;
     height: 8px;
     visibility: hidden;
 }
 .whish_style1.active .icon .heart-animation-2::before {
     -webkit-animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartFloatSub-3 1s 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     opacity: .25;
 }
 .whish_style1.active .icon .heart-animation-2::after {
     -webkit-animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     animation: heartFloatSub-4 1s 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
     opacity: .4;
 }
 /**************************** NAV_STYLE *******************************/
 /*#1*/
 .nav_style1{
     position: absolute;
     left: 0;
     top: 0;
 }
 .nav_style1 .icon{
     width: 25px;
     height: 25px;
     display: inline-block;
     background: #fff;
     border: 1px solid #e1e1e1;
     text-align: center;
     line-height: 25px;
     font-size: 0.8rem;
     cursor: pointer;
     border-radius: 2px;
     color: #999;
 }
 .nav_style1 .icon:hover{
     background: #34b6ea;
     color: #fff;
     border: 1px solid transparent;
 }
 /*#2*/
 .nav_style2{
     position: absolute;
     left: 0;
     top: 0;
 }
 .nav_style2 .item{
     position: relative;
     z-index: 1;
     display: inline-block;
     cursor: pointer;
     padding: 5px 20px;
     border: 1px solid #e1e1e1;
     border-radius: 2px;
     color: #666;
     font-size: 1.1rem; 
     line-height: 20px;
     margin-right: 5px;
     transition: all 0.3s linear;
 }
 .nav_style2 .item:after{
     content: ' ';
     position: absolute;
     left: 0;right: 0;
     bottom: 0;
     height: 1px;
     background: rgba(56, 142, 60, 0.6);
     z-index: -1;
     transition: all 0.3s ease;
 }
 .nav_style2 .item:hover,
 .nav_style2 .item.mixitup-control-active{
     color: #fff;
 }
 .nav_style2 .item:hover:after,
 .nav_style2 .item.mixitup-control-active:after{
     height: 100%;
     background: #34b6ea;
 }
 /**************************** LABEL_STYLE *******************************/
 /*#1*/
 .label_style1{
     width: 85px;
     height: 88px;
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
 }
 .label_style1 .inner_label{
     text-align: center;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     position: relative;
     padding: 4px 0;
     left: 0px;
     top: 16px;
     width: 110px;
     background-color: rgba(56, 142, 60, 0.85);
     color: #fff;
     font-size: 1.1rem;
     letter-spacing: 1px;
     -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
     box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
 }
 .label_style1 .inner_label.green{
     background-color: rgba(56, 142, 60, 0.85);
 }
 .label_style1 .inner_label.purple{
     background-color: rgba(110, 39, 149, 0.85);
 }
 .label_style1 .inner_label.free{
     background-color: rgba(255, 110, 111, 0.81);
 }
 
 .label_style1.type1{
     left: initial;
     right: 0;
 }
 .label_style1.type1 .inner_label{
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     right: -25px;
     top: 16px;
     width: 110px;
     font-size: 1.2rem;
 }
 /*#2*/
 .label_style2{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }
 .label_style2 .inner_label{
     margin: 0 auto;
     margin-bottom: -5px;
     text-align: center;
     position: relative;
     padding: 5px 0;
     max-width: 80px;
     background-color: #d8e1e5;
     color: #808588;
     font-size: 1rem;
     letter-spacing: 0.5px;
     -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
     box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
 }
 .label_style2 .inner_label:after{
     content: '';
     border-style: solid;
     border-width: 6px 0px 0px 7px;
     border-color: #d8e1e5 transparent transparent transparent;
     position: absolute;
     left: -7px;
     bottom: 0px;
 }
 .label_style2 .inner_label:before{
     content: '';
     border-style: solid;
     border-width: 6px 7px 0px 0px;
     border-color: #d8e1e5 transparent transparent transparent;
     position: absolute;
     right: -7px;
     bottom: 0px;
 }
 
 /**************************** AVATAR_STYLE *******************************/
 /*#1*/
 .avatar_style1{
     position: relative;
     display: inline-block;
     height: 100%;
     width: 100%;
     overflow: hidden;
 }
 .avatar_style1 .avatar_inner{
     position: absolute;
     top:-126px;
     left:392px;
     transform:scale(0.92);
 }
 .avatar_style1 .avatar_inner .avatar_rot{
     position: absolute;
     opacity: 0.46;
 }
 .avatar_style1 .avatar_rot1{
     -webkit-animation: spin 70s infinite linear normal;
     animation: spin 70s infinite linear normal;
 }
 .avatar_style1 .avatar_rot2{
     -webkit-animation: spin 90s infinite linear reverse;
     animation: spin 90s infinite linear reverse;
 }
 .avatar_style1 .avatar_rot3{
     -webkit-animation: spin 60s infinite linear reverse;
     animation: spin 60s infinite linear reverse;
 }
 .avatar_style1 .avatar_rot4{
     -webkit-animation: spin 70s infinite linear reverse;
     animation: spin 70s infinite linear reverse;
 }
 .avatar_style1 .avatar_rot5{
     -webkit-animation: spin 60s infinite linear reverse;
     animation: spin 60s infinite linear reverse;  
 }
 .avatar_style1 .avatar_pic{
     position: absolute;
     z-index: 5;
     left: 50%;
     margin-left: -68px;
     top: 43px;
 }
 .avatar_style1 .avatar_pic .pic{
     width: 96px;
     height: 96px;
     border-radius: 50%;
     border:2px solid #fbd15c;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
 }
 @-webkit-keyframes spin {
     from { -webkit-transform: rotate(0deg); }
     to { -webkit-transform: rotate(360deg); }
 }
 @keyframes spin {
     from {transform:rotate(0deg);}
     to {transform:rotate(360deg);}
 }
 /**************************** BTN_STYLE *******************************/
 /*#1*/
 .btn_style1{
     color: #e5edef;
     background: transparent;
     border-width: 1px;
     border-style: solid;
     border-color: rgba(229, 237, 239, 0.5);
     outline: none;
     position: relative;
     display: inline-block;
     padding: 5px 15px;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     text-align: center;
     font-size: 1.2rem;
     line-height: 25px;
     letter-spacing: 0.5px;
 }
 .btn_style1.type1{
     border-color: #457991;
     color: #666;
 }
 .btn_style1:hover{
     color: #fff;
     background-color: #457991;
     border-color: #457991;
 }
 .btn_style1.type1:hover{
     color: #fff;
 }
 .btn_style1:before,
 .btn_style1:after{
     content: '';
     display: block;
     position: absolute;
     border-color: #454545;
     border-style: solid;
     width: 13px;
     height: 13px;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     border-color: #457991;
 }
 .btn_style1:before{
     top: -6px;
     left: -6px;
     border-width: 1px 0 0 1px;
     z-index: 5;
 }
 .btn_style1:after{
     bottom: -6px;
     right: -6px;
     border-width: 0 1px 1px 0;
 }
 .btn_style1:hover:after,
 .btn_style1:hover:before{
     width: calc(100% + 12px);
     height: calc(100% + 11px);
     border-color: #457991;
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
 }
 /*#2*/
 .btn_style2{
     color: #fff;
     background: transparent;
     border: 1px solid #34b6ea;
     outline: none;
     position: relative;
     display: inline-block;
     width: 185px;
     display: block;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     text-align: center;
     font-size: 1.2rem;
     line-height: 25px;
     letter-spacing: 0.5px;
     margin: 10px auto ;
 }
 .btn_style2:hover{
     color: #666;
 }
 .btn_style2:before,
 .btn_style2:after{
     content: '';
     display: inline-block;
     height: 1px;
     background: #34b6ea;
     position: absolute;
     right: 0;
     left: 0;
     width: 70%;
     margin: 0 auto;
     transition: all 0.3s ease;
 }
 .btn_style2:before{
     top: -6px;
 }
 .btn_style2:after{
     bottom: -6px;
 }
 .btn_style2 .title_btn{
     position: relative;
     display: block;
     padding: 5px 15px;
     width: inherit;
     z-index: 1;
 }
 .btn_style2 .title_btn:before,
 .btn_style2 .title_btn:after{
     content: ' ';
     position: absolute;
     top: 0;
     bottom: 0;
     background: #34b6ea;
     width: 50%;
     z-index: -1;
     transition: all 0.5s ease;
 }
 .btn_style2 .title_btn:before{
     right: 0;
 }
 .btn_style2 .title_btn:after{
     left: 0;
 }
 .btn_style2:hover:after,
 .btn_style2:hover:before,
 .btn_style2:hover .title_btn:before,
 .btn_style2:hover .title_btn:after{
     width: 0;
 }




 /* btn_style3 */
.btn_style3{
    color: #fff;
    background: transparent;
    border: 1px solid #f02840;
    outline: none;
    position: relative;
    display: inline-block;
    width: 205px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-size: 1.2rem;
    line-height: 25px;
    letter-spacing: 0.5px;
    margin: 10px auto ;
}
.btn_style3:hover{
    color: #666;
}
.btn_style3:before,
.btn_style3:after{
    content: '';
    display: inline-block;
    height: 1px;
    background: #f02d56;
    position: absolute;
    right: 0;
    left: 0;
    width: 70%;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.btn_style3:before{
    top: -6px;
}
.btn_style3:after{
    bottom: -6px;
}
.btn_style3 .title_btn{
    position: relative;
    display: block;
    padding: 5px 15px;
    width: inherit;
    z-index: 1;
}
.btn_style3 .title_btn:before,
.btn_style3 .title_btn:after{
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    background: #f02e3c;
    width: 50%;
    z-index: -1;
    transition: all 0.5s ease;
}
.btn_style3 .title_btn:before{
    right: 0;
}
.btn_style3 .title_btn:after{
    left: 0;
}
.btn_style3:hover:after,
.btn_style3:hover:before,
.btn_style3:hover .title_btn:before,
.btn_style3:hover .title_btn:after{
    width: 0;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 /**************************** TAG_STYLE *******************************/
 /*#1*/
 .tag_style1{
     padding: 10px 20px;
     background: #fff;
     border: 1px solid #f1f1f1;
     position: relative;
 }
 .tag_style1 .item{
     position: relative;
     display: inline-block;
     line-height: 25px;
     padding: 0 9px 0 8px;
     font-size: 1.1rem;
     color: #555;
     background: #fafafa;
     border-width: 1px 0 1px 1px;
     border-style: solid;
     border-color: #dadada #d2d2d2 #c5c5c5;
     background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
     background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
     background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
     background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
     -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);
     margin: 10px 13px;
 }
 .tag_style1 .item:after{
     content: '';
     z-index: 2;
     position: absolute;
     top: 10px;
     right: -2px;
     width: 5px;
     height: 6px;
     opacity: .95;
     background: #eb6b22;
     border-radius: 3px 0 0 3px;
     -webkit-box-shadow: inset 1px 0 #99400e;
     box-shadow: inset 1px 0 #99400e;
 }
 .tag_style1 .item:before{
     content: 'X';
     position: absolute;
     top: 0px;
     left: 100%;
     z-index: 2;
     overflow: hidden;
     max-width: 0px;
     height: 24px;
     line-height: 27px;
     padding: 0px;
     color: #fff;
     background: #eb6b22;
     border: 1px solid;
     border-color: #d15813 #c85412 #bf5011;
     border-radius: 0 2px 2px 0;
     opacity: .95;
     background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);
     background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);
     background-image: -o-linear-gradient(top, #ed7b39, #df5e14);
     background-image: linear-gradient(to bottom, #ed7b39, #df5e14);
     -webkit-transition: 0.3s ease-out;
     -moz-transition: 0.3s ease-out;
     -o-transition: 0.3s ease-out;
     transition: 0.3s ease-out;
     -webkit-transition-property: padding, max-width;
     -moz-transition-property: padding, max-width;
     -o-transition-property: padding, max-width;
     transition-property: padding, max-width;
 }
 .tag_style1 .item:hover:before{
     padding: 0 7px 0 6px;
     max-width: 40px;
     -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);
 }
 .tag_style1 .btn{
     display: inline-block;
     padding: 5px 10px;
     font-size: 1.1rem;
     border: 1px solid #f1f1f1;
     position: absolute;
     left: 40px;
     bottom: -12px;
     background: #fff;
     color: #666;
 }
 .tag_style1 .btn:hover{
     background: #34b6ea;
     color: #fff;
 }
 /**************************** SOCIAL_STYLE *******************************/
 /*#1*/
 .social_style1 .item{
     /*width: 25%;*/
     margin: 0 1%;
     display: inline-block;
 }
 .social_style1 .link{
     position: relative;
     display:block;
     width: 55px;
     height: 55px;
     text-align: center;
     margin: 0 auto;
 }
 .social_style1 .circle{
     fill: none;
     stroke: rgba(255, 255, 255, 0.7);
     stroke-width: 2px;
     stroke-dasharray: 30;
     -webkit-transition: all 0.3s ;
     transition: all 0.3s ;
     -webkit-animation: outWaveOut 1s cubic-bezier(0.42, 0, 0.58, 1) forwards; 
     animation: outWaveOut 1s cubic-bezier(0.42, 0, 0.58, 1) forwards; 
 }
 .social_style1 .link:hover .circle{
     fill:#fff;
 }
 .social_style1 .icon{
     color: rgba(255, 255, 255, 0.7);
     font-size: 1.5rem;
     line-height: 58px;
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: 0;
     right: 0;
     -webkit-transition: none;
     transition: none;
 }
 .social_style1 .google_plus .icon{
     font-size: 1.8rem;
 }
 .social_style1 .link.twitter:hover .circle{
     -webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorTwitter 1s linear forwards;
     animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorTwitter 1s linear forwards;
 }
 .social_style1 .link.twitter:hover .icon{
     color: #00ACED;
 }
 .social_style1 .link.google_plus:hover .circle{
     -webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorGoogle 1s linear forwards;
     animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorGoogle 1s linear forwards;
 }
 .social_style1 .link.google_plus:hover .icon{
     color: #dd4b39;
 }
 .social_style1 .link.facebook:hover .circle{
     -webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorFacebook 1s linear forwards;
     animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorFacebook 1s linear forwards;
 }
 .social_style1 .link.facebook:hover .icon{
     color: #3b5998;
 }
 .social_style1 .link.telegram:hover .circle{
     -webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorLinkedin 1s linear forwards;
     animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorLinkedin 1s linear forwards;
 }
 .social_style1 .link.telegram:hover .icon{
     color: #55acee;
 }
 .social_style1 .link.instagram:hover .circle{
     -webkit-animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorInstagram 1s linear forwards;
     animation: outWaveIn 1s cubic-bezier(0.42, 0, 0.58, 1) forwards, colorInstagram 1s linear forwards;
 }
 .social_style1 .link.instagram:hover .icon{
     color: #C536A4;
 }
 /*#2*/
 .social_style2{
     background-color: #f9f9f9;
     box-shadow: 0 0 0 1px #f1f1f1;
 }
 .social_style2 .item{
     float: right;
     margin: 0 7px;
 }
 .social_style2 .item .link{
     display: inline-block;
     font-size: 1.5rem;
     line-height: 21px;
     padding: 13px 0;
     color: #fff;
     transition: all 0.3s linear;
 }
 .social_style2 .item:hover .link{
     transform: rotateY(360deg);
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
 }
 .social_style2 .item .link.facebook{
     color: #3b5998;
 }
 .social_style2 .item .link.google_plus{
     color: #dd4b39;
     font-size: 1.95rem;
 }
 .social_style2 .item .link.telegram{
     color: #55acee;
 }
 .social_style2 .item .link.twitter{
     color: #00ACED;
 }
 .social_style2 .share{
     display: block;
     color: rgba(18,85,42,0.9);
     font-size: 1.3rem;
     line-height: 42px;
     padding: 0 10px;
     text-align: center;
     -webkit-transition: all .35s ;
     -moz-transition: all .35s ;
     transition: all .35s ;
 }
 .social_style2 .share:before{
     content: ' : ';
 }
 @media only screen and (max-width: 576px) {
     .social_style2 .share { float: right; direction: ltr}
 }
 /**************************** brdcrumb_STYLE *******************************/
 .brdcrumb_style1{
     /*float: right;*/
 }
 .brdcrumb_style1 .inner_crumb{
     display: inline-block;
     background: rgba(0,0,0,0.6);
     padding: 9px 12px;
     border-radius: 2px;
 }
 .brdcrumb_style1 .item{
     display: inline-block;
     color: #e6e6e6;
     font-size: 1.1rem;
 }
 .brdcrumb_style1 .title{
     margin-left: 2px;
     opacity: 0.95;
 }
 .brdcrumb_style1 .title .icon{
     font-size: 1.2rem;
     margin-left: 4px;
     opacity: 0.8;
 }
 .brdcrumb_style1 .link{
     display: inline-block;
     width: 100%;
     height: 100%;
     opacity: 0.7;   
 }
 .brdcrumb_style1 .link:hover{
     opacity: 1;
 }
 .brdcrumb_style1 .link:after{
     content: 'f';
     font-family: '3dinga';
     font-size: 0.5rem;
     margin: 0 10px;
     vertical-align: middle;
     color: #34b6ea;
 }
 .brdcrumb_style1 .item:last-child .link:after{
     content: none;
 }
 /**************************** PAGINATION_STYLE *******************************/
 /*#1*/
 .pagination_style1 {
     text-align:center;
     position: relative;
     /*background: rgba(255, 255, 255, 0.5);*/
     padding: 2px 0;
 }
 .pagination_style1 .page{
     display: inline-block;
     font-size: 1.3rem;
     line-height: 21px;
     padding: 7px 15px;
     color: #8b969c;
     /*border-right: 1px dotted rgba(57, 151, 196, 0.5);*/
     /*transform: scale(1) rotate(19deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-20deg);*/
     /*-webkit-transition: all 0.4s ease 0s;*/
     transition: all 0.4s ease 0s;
     position: relative;
     border-radius: 10px;
     margin-left: 5px;
 }
 .pagination_style1 .page:first-child{
     border: none;
 }
 .pagination_style1 .page:hover{
     /*background-color: #34b6ea;*/
     /*color: #fff;*/
 }
 .pagination_style1 .page.active{
     background-color: rgba(57, 150, 194, 0.85);
     color: #fff;
 }
 .pagination_style1 .page.dots:hover{
     background: transparent;
     color: #8b969c;
 }
 .pagination_style1 .page > span{
     display: inline-block;
     /*transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(25deg) skewY(0deg);*/
 }
 .pagination_style1 .page .first:before,
 .pagination_style1 .page .last:after{
     color: #3997c4;
     vertical-align: middle;
     font-family: '3dinga';
     position: relative;
     font-size: 1rem;
     transition: all 0.4s ease 0s;
 }
 .pagination_style1 .page .first:before{
     content: 'n';
     left: 5px;
 }
 .pagination_style1 .page .last:after{
     content: 'o';
     right: 5px;
 }
 .pagination_style1 .page:hover .first:before,
 .pagination_style1 .page:hover .last:after{
     color: #fff;
 }
 /*load_more*/
 .wrapper_more{
     text-align: center;
 }
 .wrapper_more .load_more {
     background-color: #3a8b4e;
     color: #ffffff;
     display: block;
     line-height: 39px;
     font-size: 1.25rem;
     margin: 10px auto;
     text-align: center;
     overflow: hidden;
     -webkit-transition: all .2s ease, background-color .01s ease, color .01s ease;
     transition: all .2s ease, background-color .01s ease, color .01s ease;
     width: 200px;
 }
 .wrapper_more .load_more.loading {
     -webkit-animation: rotate 1.5s linear infinite;
     animation: rotate 1.5s linear infinite;
     -webkit-animation-delay: .2s;
     animation-delay: .2s;
     background-color: transparent;
     border: 3px solid #e1e1e1;
     border-radius: 100%;
     border-top-color: #3a8b4e;
     height: 40px;
     color: transparent;
     pointer-events: none;
     width: 40px;
 }
 /***************************** TAB_STYLE **************************************/
 /*#1*/
 .tab_style1{
     margin-top: 30px;
 }
 .tab_style1 .tab_nav{
     border-bottom: 1px solid #e6e6e6;
 }
 .tab_style1 .tab_nav .item{
     float: right;
 }
 .tab_style1 .tab_nav .link{
     font-size: 1.2rem;
     line-height: 25px;
     padding: 7px 20px;
     margin-left: 3px;
     background: #f0f0f0;
     border: 1px solid #e6e6e6;
     border-bottom-color: transparent; 
     color: #666;
     display: block;
     position: relative;
 }
 .tab_style1 .tab_nav .link:before{
     content: ' ';
     position: absolute;
     top: 0;
     left: 0;right: 0;
     height: 2px;
     background: transparent;
 }
 .tab_style1 .tab_nav .link:after{
     content: ' ';
     position: absolute;
     bottom: -2px;
     left: 0;right: 0;
     height: 2px;
     background: transparent;
 }
 .tab_style1 .tab_nav .link:hover{
     color: #34b6ea;
 }
 .tab_style1 .tab_nav .item.active .link{
     background: #fff;
     color: #34b6ea;
 }
 .tab_style1 .tab_nav .item.active .link:before{
     background: #34b6ea;
 }
 .tab_style1 .tab_nav .item.active .link:after{
     background: #fff;
 }
 .tab_style1 .tab_content{
     background: #fff;
     padding: 25px;
     border-style: solid;
     border-color: #e6e6e6;
     border-width: 0 1px 1px 1px;
 }
 /*#2*/
 .tab_style2 .tab_nav{
     border-bottom: 2px solid rgba(242, 238, 226, 0.5);
     overflow: hidden;
     transition: border 250ms ease;
     text-align: center;
 }
 .tab_style2 .tab_nav .item{
     display: inline-block;
 }
 .tab_style2 .tab_nav .link{
     display: inline-block;
     padding: 10px 24px 8px;
     background-color: #FFF;
     margin-right: 46px;
     z-index: 2;
     position: relative;
     cursor: pointer;
     color: #777;
     transition: all 250ms ease;
     font-size: 1.2rem;
     line-height: 24px;
 }
 .tab_style2 .tab_nav .item:first-child .link{
     margin-right: 0;
 }
 .tab_style2 .tab_nav .link:before,
 .tab_style2 .tab_nav .link:after {
     display: block;
     content: " ";
     position: absolute;
     top: 0;
     height: 100%;
     width: 44px;
     background-color: #FFF;
     transition: all 250ms ease;
 }
 .tab_style2 .tab_nav .link:before {
     border-radius: 0 8px 0 0;
     right: -24px;
     transform: skew(30deg, 0deg);
     box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
 }
 .tab_style2 .tab_nav .link:after {
     border-radius: 8px 0 0 0;
     left: -24px;
     transform: skew(-30deg, 0deg);
     box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
 }
 
 .tab_style2 .tab_nav .item.active .link,
 .tab_style2 .tab_nav .item.active .link:before,
 .tab_style2 .tab_nav .item.active .link:after {
     z-index: 3;
     background-color: #f2eee2;
     color: #4d4d4f;
 }
 .tab_style2 .tab_content{
     background: #fff;
     padding:40px 20px;
     border-style: solid;
     border-color: rgba(242, 238, 226, 0.5);
     border-width: 0px 2px 2px 2px;
 }
 .tab_style2 .tab_content .list_content{
     display: none;
 }
 .tab_style2 .tab_content .list_content.active{
     display: none;
 }
 
 /***************************** comment_style1 **************************************/
 /*#1*/
 .comment_style1 .comment{
     margin-bottom: 20px;
 }
 .comment_style1 .step1 > .item{
     margin-bottom: 25px;
 }
 .comment_style1 .avatar{
     float: right;
     text-align: center;
 }
 .comment_style1 .comment_reply .avatar{
     float: left ;
 }
 .comment_style1 .avatar .pic{
     width: 70px;
     height: 70px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
     display: inline-block;
     border: 4px solid #FFF;
     -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
     -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
     box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);   
     position: relative;
     z-index: 1;
     border-radius: 0 0 7px 7px;
 }
 .comment_style1 .avatar .name{
     padding: 9px 5px 5px;
     background: #d6d6d6;
     border-radius: 2px;
     font-size: 1rem;
     color: #666;
     z-index: 0;
     top: -10px;
     position: relative;
     min-width: 55px!important;
     max-width: 103px!important;
     overflow: hidden;
     text-align: center;
     transition: all 0.3s;
 }
 .comment_style1 .comment:hover .avatar .name{
     background: #34b6ea;
     color: #fff;
 }
 .comment_style1 .info .arrow{
     position: absolute;
     right: -27px;
     top: 15px;
 }
 .comment_style1 .comment_reply .info .arrow{
     position: absolute;
     left: -13px;
     right: initial;
     top: 15px;
 }
 .comment_style1 .info .arrow:after,
 .comment_style1 .info .arrow:before{
     content: ' ';
     position: relative;
     left: -1px;
     z-index: 2;
     border-style: solid;
     border-color: transparent transparent #fbfbfb transparent;
     border-width: 0px 7px 10px 7px;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     display: inline-block;
 }
 .comment_style1 .info .arrow:before{
     border-color: transparent transparent #eaeaea transparent;
     z-index: 1;
     left: -14px;
 }
 .comment_style1 .comment_reply .info .arrow:after,
 .comment_style1 .comment_reply .info .arrow:before{
     -webkit-transform:none;
     transform: none;
     border-color: transparent #fbfbfb transparent transparent;
     border-width: 7px 7px 7px 7px;
 }
 .comment_style1 .comment_reply .info .arrow:before{
     border-color: transparent #eaeaea transparent transparent;
     left: -16px;
 }
 .comment_style1 .comment_reply.admin .info .arrow:after{
     border-color: transparent #f3fff2 transparent transparent;
 }
 .comment_style1 .info{
     min-width: 450px;
     max-width: 80%;
     background: #fbfbfb;
     border-radius: 2px;
     box-shadow: 0 0px 3px #e0e0e0;
     padding: 10px 15px 0 12px;
     margin: 0 20px 0 0;
     float: right;
     position: relative;
 }
 .comment_style1 .admin .info{
     background: #f3fff2;
 }
 .comment_style1 .comment_reply .info{
     float: left;
     margin: 0 0 0 20px;
 }
 .comment_style1 .info .text{
     font-size: 1.2rem;
     line-height: 24px;
     color: #929292;
     text-align: justify;
 }
 .comment_style1 .info .tools{
     font-size: 1.1rem;
     border-top: 1px solid #efefef;
     margin: 10px 0 0 0;
     padding: 14px 0px 7px;
     display: block;
 }
 .comment_style1 .admin .info .tools{
 }
 .comment_style1 .info .date{
     float: right;
     position: relative;
     padding-right: 24px;
     color: rgba(57, 151, 196, 0.6);
 }
 .comment_style1 .info .date:before{
     content: 'H ';
     font-family: '3dinga';
     position: absolute;
     right: 0;
     font-size: 1.5rem;
 }
 .comment_style1 .info .tools .replay_btn{
     font-size: 1.2rem;
     color: #34b6ea;
     float: left;
     position: relative;
     top: -5px;
 }
 .comment_style1 .info .tools .replay_btn:after{
     content: 'B';
     font-family: '3dinga';
     font-size: 1.6rem;
     vertical-align: middle;
     margin-right: 5px;
 }
 .comment_style1 .info .tools .replay_btn:hover{
     color: #FF9800;
 }
 /**************************** form_style1 **************************************/
 /*#1*/
 .form_style1 .item{
     float: right;
     position: relative;
 }
 .form_style1 .item.full{
     width: 100%;
 }
 .form_style1 input ,
 .form_style1 textarea{
     width: 100%;
     padding:7px 15px;
     border: 1px solid #D8E1E5;
     border-radius: 2px;
     color: #4d4d4f;
     font-size: 1.2rem;
     line-height: 24px;
     text-align: justify;
     display: block;
     height: 70px;
     /*    -webkit-transition: border .3s ease-in-out;
         transition: border .3s ease-in-out;*/
 }
 .form_style1 textarea:focus,
 .form_style1 input:focus{
     border-color: #ff9800;
 }
 .form_style1 .item.captcha input{
     width: 50%;
     float: right;
 }
 .form_style1 .item .captcha_img {
     border: 1px solid #D8E1E5;
     background: #fff;
     height: 45px;
     text-align: center;
     width: 35%;
     float: left;
 }
 .form_style1 .item.captcha .refresh {
     float: left;
     margin-left: 15px;
     margin-top: 3px;
 }
 .form_style1 .item.captcha .refresh > i {
     font-size: 2.2rem;
     color: rgba(82,153,160,0.75);
     cursor: pointer;
 }
 .form_style1 button[type='submit']{
     width: 120px;
     display: inline-block;
     padding: 7px 15px;
     outline: none;
     border: none;
     border-bottom:1px solid #D8E1E5;
     border-top:1px solid #fff;
     background: none;
     border-radius: 2px;
     color: #34b6ea;
     font-size: 1.2rem;
     line-height: 24px;
     text-align: center;
     position: relative;
     top: -1px;
     right: -13px;
     cursor: pointer;
     transition: all 0.3s;
 }
 .form_style1 button[type='submit']:hover{
     color: #FF9800;
     border-top:1px solid #fff;
     border-bottom:1px solid #FF9800;
 }
 .form_style1 button[type='submit']:after,
 .form_style1 button[type='submit']:before{
     content: '';
     display: inline-block;
     position: absolute;
     bottom: 0;
     top: 0;
     width: 1px;
     background: #d8e1e5;
     transition: all 0.3s;
 }
 .form_style1 button[type='submit']:hover:before,
 .form_style1 button[type='submit']:hover:after{
     color: #FF9800;
     background: #FF9800;
 }
 .form_style1 button[type='submit']:after{
     left: -6px;
     transform: skew(20deg);
 }
 .form_style1 button[type='submit']:before{
     right: -6px;
     transform: skew(-20deg);
     /*box-shadow: 4px 0px 0px 0px #d8e1e5;*/
 }
 .form_style1 button[type='submit']:hover:before{
     box-shadow: 4px 0px 0px 0px #FF9800;
 }
 .form_style1 label.error{
     position: absolute;
     right: 3px;
     bottom: -20px;
     font-size: 1rem;
     color: #dd4b39;
 }
 .form_style1 textarea.error{
     border-color: #dd4b39;
 }
 .form_style1 .cunter_comment{
     color: #777;
     position: absolute;
     bottom: 5px;
     font-size: 1.2rem;
 }
 .form_style1 .cunter_comment .title{
     display: inline-block;
     position: relative;
     margin-left: 18px;
     color: #0061ab;
     font-size: 1.05rem;
     letter-spacing: 0.2px;
 }
 .form_style1 .cunter_comment .title:after {
     content: "::..";
     left: -22px;
     bottom: -2px;
     position: absolute;
     font-size: 1rem;
     line-height: 20px;
     letter-spacing: 1px;
 }
 .form_style1 .cunter_comment .mark{
     padding: 0 3px;
     color: #ee494f;
 }
 /*#2*/
 .form_style2 .item{
     float: right;
     padding: 0px 13px;
     position: relative;
     margin: 13px 0;
 }
 .form_style2 .item.full{
     width: 100%;
 }
 .form_style2 .item.half{
     width: 50%;
 }
 .form_style2 input ,
 .form_style2 textarea{
     width: 100%;
     padding:7px 45px 7px 15px;
     border: 1px solid #D8E1E5;
     border-radius: 2px;
     color: #4d4d4f;
     font-size: 1.2rem;
     line-height: 29px;
     height: 45px;
     text-align: justify;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     outline: none;
 }
 .form_style2 textarea{
     height: 100px;
     line-height: 24px;
 }
 .form_style2 .item.captcha input{
     width: 50%;
 }
 .form_style2 input:focus,
 .form_style2 textarea:focus{
     padding:7px 15px;
     border-color: #cedce2;
 }
 .form_style2 button{
     outline: none;
     cursor: pointer;
 }
 .form_style2 .item.req:after{
     content: ' ';
     border-style: solid;
     border-color: rgba(221, 75, 57, 0.6) transparent transparent transparent;
     border-width: 7px 7px 0 0;
     position: absolute;
     top: 0;
     left: 13px;
 }
 .form_style2 .item .icon{
     font-family: '3dinga';
     position: absolute;
     top: 10px;
     bottom: 10px;
     right: 15px;
     width: 35px;
     border-left: 1px solid #e1e1e1;
     font-size: 1.9rem;
     line-height: 12px;
     color: rgba(82,153,160,0.75);
     text-align: center;
     z-index: 1;
 }
 .form_style2 input:focus ~ .icon,
 .form_style2 textarea:focus ~ .icon{
     opacity: 0;
 }
 .form_style2 .item.no_mrgin{
     margin: 0;
 }
 .form_style2 .remember{
     cursor: pointer;
     float: right;
     color: #999;
 }
 .form_style2 .remember:hover{
     color: #34b6ea;
 }
 .form_style2 .remember .radio_style1{
     top: 3px;
 }
 .form_style2 .remember .radio_style1.check_style input[type=checkbox] + .radio{width: 10px;height: 10px;}
 
 .form_style2 .forget{
     float: left;
     color: #999;
 }
 .form_style2 .forget:hover{
     color: #34b6ea;
 }
.form_style2 .not_registered {
    font-size: 1.25rem;
    color: #ff480e;
    display: block;
    margin-top: -15px;
}
 .form_style2 .item .captcha_img {
     border: 1px solid #D8E1E5;
     background: #fff;
     height: 45px;
     text-align: center;
     width: 35%;
     float: left;
 }
 .form_style2 .item.captcha .refresh{
     float: left ;
     margin-left: 15px;
     margin-top: 3px;
 }
 .form_style2 .item.captcha .refresh > i{
     font-size: 2.2rem;
     color: rgba(82,153,160,0.75);
     cursor: pointer;
 }
 .form_style2 .item.captcha .refresh:hover > i{
     color: rgba(82,153,160,1);
 }
 
 .form_style2 .select_style1 .name:after{
     content: none;
 }
 .form_style2 .select_style1 .nice-select{
     position: relative;
     height: 45px;
     background: #fff;
     top: 0;
     line-height: 40px;
     border: 1px solid #D8E1E5;
     border-radius: 2px;
     color: #4d4d4f;
 }
 .form_style2 .select_style1 .nice-select:after{
     margin-top: -20px;
     color: #999;
 }
 .form_style2 label{
     cursor: pointer;
     display: inline-block;
     color: #666;
     font-size: 1.2rem;
     text-align: center;
     transition: all 0.3s;
     margin-top: 5px;
 }
 .form_style2 label:hover{color: #888;}
 
 .form_style2 label.disable {
     opacity: 0.5;
     cursor: default;
 }
 .form_style2 label.error{
     cursor: default;
     font-size: 0.9rem;
     margin: 0;
     position: absolute;
     right: 15px;
     top: -16px;
     color: rgba(221, 75, 57, 0.8);
 }
 .form_style2 input.error,
 .form_style2 textarea.error{
     border: 1px dashed rgba(221, 75, 57, 0.5);
 }
 .form_style2 .valid_pic1.error{
     
 }
 .form_style2 .file_style{
     position: relative;
 }
 .form_style2 .file_style .file_lable{
     position: relative;
     width: 50%;
     float: right;
     padding-left: 15px;
 }
 .form_style2 .file_style .file_lable input[type=file]{
     position: absolute;
     z-index: 1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
 }
 .form_style2 .file_style .file_lable input[type=text]{
     position: relative;;
 }
 .form_style2 .file_style .file_lable .icon{
     right: 1px;
 }
 .form_style2 .file_style .pic_cart_meli{
     overflow: hidden;
     cursor: pointer;
     width: 400px;
     margin: 30px auto 20px;
     height: 200px;
     border: 2px dashed #D8E1E5;
     border-radius: 2px;
     color: #4d4d4f;
     background-color: #fff;
     position: relative;
     transition: all 0.4s;
 }
 .form_style2 .file_style .pic_cart_meli:hover{
     border-color: rgba(47, 182, 240, 1);
 }
 .form_style2 .file_style .pic_cart_meli .hint{
     position: absolute;
     bottom: 12px;
     left: 0;
     right: 0;
     text-align: center;
 }
 .form_style2 .file_style .pic_cart_meli .hint > i{
     display: block;
     font-size: 0.9rem;
     letter-spacing: 0.2px;
     line-height: 15px;
     color: #a5b0b5;
 }
 .form_style2 .file_style .pic_cart_meli .hint > i.icn{
     margin-bottom: 55px;
     font-size: 3rem;
     color: rgba(47, 182, 240, 0.5);
 }
 .form_style2 .file_style .pic_cart_meli:hover .hint > i.icn{
     color: rgba(47, 182, 240, 1);
 }
 .form_style2 .file_style .pic_cart_meli > img{
     display: block;
     margin: 0 auto;
     width: 100%;
 }
 .form_style2 .select_style2{
     position: relative;
     background: #fff;
 }
 .form_style2 .select_style2 .nice-select{
     display: block;
     width: 100%;
     padding: 7px 45px 7px 15px;
     border: 1px solid #D8E1E5;
     border-radius: 2px;
     color: #4d4d4f;
     font-size: 1.2rem;
     line-height: 29px;
     height: 45px;
     text-align: center!important;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     outline: none;
 }
 .form_style2 .select_style2 .nice-select:after{
     left: 12px;
     right: initial;
 }
 .form_style2 .select_style2 .nice-select .list{
     right: 0;
     border-radius: 0;
     max-height: 285px;
     overflow: scroll;
     overflow-x: hidden;
 }
 .form_style2 .select_style2 .nice-select .option{
     text-align: right;
     border-bottom: 1px dotted #f1f1f1;
 }
 .form_style2 .select .name{
     font-size: 1.25rem;
     color: rgba(82,153,160,0.8);
     margin-bottom: 5px;
     display: block;
 }
 .form_style2 .select .name:after{
     content: ' :';
 }
 .form_style2 .select label{
     margin-left: 15px;
 }
 .form_style2 .select .radio_style1{
     top: 2px;
     margin-left: 2px;
 }
 .form_style2 .item.rul{
     padding-right: 16px;
 }
 .form_style2 .item.rul label{
     text-align: right;
 }
 .form_style2 .item.rul .select .radio_style1{
     position: absolute;
     right: 13px;
     top: 7px;
 }
 .form_style2 .item.rul a{
     display: inline-block;
     border-bottom: 1px solid #dd4b39;
     color: #dd4b39;
     padding-bottom: 4px;
 }
 /***************pic_style***************/
 /*#1*/
 .pic_style1{
     display: inline-block;
     border: 3px double #D8E1E5;
     padding: 2px;
     position: relative;
 }
 .pic_style1 .btn{
     position: absolute;
     top: -3px;
     left: -4px;
     display: inline-block;
 }
 .pic_style1 .btn_action{
     font-size: 0.9rem;
     line-height: 14px;
     padding: 3px 4px;
     color: #fff;
     position: absolute;
     right: 0;top: 0;
     cursor: pointer;
     display: none;
 }
 .pic_style1 .set_pic{
     background: #9acd32;
 }
 .pic_style1 .remove_pic{
     background: #dd4b39;
 }
 .pic_style1 .btn_action:hover{
     opacity: 0.7;
 }
 .pic_style1 .cropper_preview{
     background-repeat: no-repeat;
     width: 70px;
     height: 70px;
     display: inline-block;
     background-size: cover;
     padding: 0;
     display: block;
     overflow: hidden;
 }
 /**************************** MODAL_STYLE *******************************/
 /*#1*/
 .modal_style1{
     max-width: 700px;
     min-width: 350px;
     border-radius: 4px;
     padding: 8px;
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     -webkit-transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
     transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) ;
     background: -webkit-linear-gradient(top left, #4d4d4f 50%, #34b6ea 50%);
     background: -moz-linear-gradient(top left, #4d4d4f 50%, #34b6ea 50%);
     background: -ms-linear-gradient(top left, #4d4d4f 50%, #34b6ea 50%);
     background: linear-gradient(top left, #4d4d4f 50%, #34b6ea 50%);
     border-radius: 20px 0 20px 0;
 }
 .modal_style1.type1{
     width: 350px;
 }
 .modal_style1.type2{
     max-width: 960px;
 }
 .modal_style1.active{
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
     transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1) ;
 }
 .modal_style1 > .inner{
     background: #fff;
     border-radius: 2px;
     position: relative;
     z-index: 2;
     min-height: inherit;
     padding: 10px;
     border-radius: 20px 0 20px 0;
 }
 /**************************** login_box *******************************/
 #login_box .title .text_1{
     font-size: 1.7rem;
     color: #555;
     line-height: 34px;
 }
 #login_box .title .text_2{
     font-size: 1.2rem;
     color: #999;
     line-height: 24px;
     letter-spacing: 0.5px;
 }
 #login_box .title .text_3{
     color: #999;
     font-size: 1.3rem;
     position: relative;
     margin: 10px 0;
 }
 #login_box .title .text_3 > span{
     background: #fff;
     position: relative;
     z-index: 1;
     padding: 0 10px;
     color: #666;
 }
 #login_box .title .text_3:before{
     content: ' ';
     position: absolute;
     left: 0;
     right: 0;
     height: 1px;
     z-index: 0;
     background: -webkit-linear-gradient(to right ,transparent, #c5c5c5 55%,transparent);
     background: -moz-linear-gradient(to right ,transparent, #c5c5c5 55%,transparent);
     background: -ms-linear-gradient(to right ,transparent, #c5c5c5 55%,transparent);
     background: linear-gradient(to right ,transparent, #c5c5c5 55%,transparent);
     top: calc(50% - 1px);
 }
 #login_box .title .wrapper_btn{}
 #login_box .title .wrapper_btn > a{
     display: inline-block;
     margin: 20px 25px;
 }
 #login_box .title .wrapper_btn a.facebook{
     border-color: #3b5998;
 }
 #login_box .title .wrapper_btn a.facebook:before,
 #login_box .title .wrapper_btn a.facebook:after,
 #login_box .title .wrapper_btn a.facebook .title_btn:before,
 #login_box .title .wrapper_btn a.facebook .title_btn:after{
     background: #3b5998;
 }
 #login_box .title .wrapper_btn a.google_plus{
     border-color: #dd4b39;
 }
 #login_box .title .wrapper_btn a.google_plus:before,
 #login_box .title .wrapper_btn a.google_plus:after,
 #login_box .title .wrapper_btn a.google_plus .title_btn:before,
 #login_box .title .wrapper_btn a.google_plus .title_btn:after{
     background: #dd4b39;
 }
 #report_Box .form_style2 .item.captcha{
     padding-right: 0;
 }
 #msg_Box .form_style2 .item.captcha{
     padding-right: 0;
 }
 #report_Box .form_style2 textarea{
     height: 200px;
 }
 /**************************** no_item *******************************/
 .no_item1{
     position: relative;
     border: 1px solid #f1f1f1;
     background: #fff;
 }
 .no_item1:before{
     content: ' ';
     background: url(../_images/default/no_item.jpg) no-repeat center center ;
     width: 125px;
     height: 110px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 25px;
 }
 .no_item1 p{
     display: inline-block;
     font-size: 1.4rem;
     line-height: 28px;
     padding: 15px;
     color: #dd4b39;
 }
 /**************************** list_STYLE *******************************/
 /*#1*/
 .list_style1 .item{
     float: right;
     width: 33%;
     padding: 10px 0;
 }
 .list_style1 .item div{
     display: inline-block;
 }
 .list_style1 .item .name{
     position: relative;
     font-size: 1.2rem;
     line-height: 24px;
     color: #777;
 }
 .list_style1 .item .name:after{
     content: ':.';
     margin: 0 2px;
     display: inline-block;
 }
 .list_style1 .item .val{
     color: #ff9800;
     font-size: 1.2rem;
     letter-spacing: 0.2px;
 }
 .list_style1 .radio_style1{
     top: 3px;
 }
 .list_style1 label{
     cursor: pointer;
     transition: all 0.3s;
 }
 .list_style1 label:hover{
     opacity: 0.7;
 }
 .list_style1 .title_style2{
     margin-bottom: 15px;
 }
 .list_style1 .title_style2 .text{
     display: inline-block;
 }
 .list_style1 .title_style2 .text:after{
     width: 100%;
 }
 /*typ1*/
 .list_style1.type1 .item{
     float: none;
     width: 100%;
     padding: 0;
 }
 .list_style1.type1 .item .part{
     float: right;
     width: 33.33%;
 }
 .list_style1.type1 .item a{
     display: block;
     padding: 10px 0;
     border-bottom: 1px dotted #d8e1e5;
 }
 .list_style1.type1 .item:last-child a{
     border-bottom: none;
 }
 .list_style1.type1 .item a:hover{
     background: #fbfbfb;
 }
 /*#2*/
.list_style2{
    padding:15px 11px;
    border-radius: 3px;
    margin: 25px auto;
    display: block;
    direction: rtl;
    width: 100%;
    max-width: 600px;
    background: #d8ecf5;

    position: relative;
    overflow: hidden;
}
.list_style2:after{
    content: '(';
    font-family: '3dinga';
    position: absolute;
    left: -17px;
    bottom: -16px;
    font-size: 7rem;
    color: #c7dae2;
}
.list_style2 .ls2_item{
    font-size: 1.3rem;
    color: #6a8dab;
}
.list_style2 .ls2_item:before{
    content: 'o';
    font-family: ifont-softsaz;
    font-size: 0.9rem;
    vertical-align: middle;
    opacity: 0.7;
    position: relative;
    top: 1px;

}
 /******************************************************************************/
 /*************************** PAGES STYLES *************************************/
 /******************************************************************************/
 .home_part3{
     background-color: #F1F1F1;
     overflow: hidden;
 }
 .home_part3 .inner{
     padding: 40px;
 }
 .home_part3 .title_style3 {
     margin:0 10px 40px;
 }
 .home_part3 .title_style3 .text:after{
     width: 48%;
 }
 .home_part3 .box_style1 .item{
     margin: 0 10px 20px;
 }
 .home_part4{
     position: relative;
     /*background: url(../_images/background/vip_9.jpg) no-repeat center top/ cover;*/
     background: url(../_images/background/vip_sec.jpg) no-repeat center top/ cover;
 }
 .home_part4:before{
     content: ' ';
     position: absolute;
     left: 0;right: 0;
     top: 0;bottom: 0;
     background: rgba(0,0,0,0.7);
     background: -webkit-linear-gradient(to right,rgba(44, 50, 65, 0.9) 20%,rgba(34,38,39,0.9) );
     background: linear-gradient(to right,rgba(44, 50, 65, 0.9) 20%,rgba(34,38,39,0.9) );
 }
.home_part4 .container { max-width: 1200px;}
 .home_part4 .inner{
     padding: 25px 0;
 }
 .home_part4 .center{
     height: 195px;
 }
 .home_part4 .left,
 .home_part4 .right,
 .home_part4 .center{
     float: left;
     width: 33%;
 }
 .home_part4 .right .title,
 .home_part4 .left .title{
     font-size: 1.9rem;
     line-height: 40px;
     color: #34b6ea;
     text-align: center;
     margin-bottom: 17px;
     position: relative;
 }
 .home_part4 .right .title:after,
 .home_part4 .left .title:after{
     content: ' ';
     width: 50px;
     height: 1px;
     background: transparent;
     left: 50%;
     position: absolute;
     box-shadow: transparent 0px 0px;
     top: 40px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     box-shadow: 5px 3px #34b6ea, -5px 6px #34b6ea;
 }
 .home_part4 .right .sub_title,
 .home_part4 .left .sub_title{
     color: #c2c2c2;
     font-size: 1.3rem;
     letter-spacing: 0.5px;
     line-height: 26px;
     text-align: center;
 }
 .home_part4 .right .wrapper_btn ,
 .home_part4 .left .wrapper_btn {
     margin: 30px 0 0;
     text-align: center;
 }

 .home_part5 .inner{
     padding: 40px;
 }
 .home_part5 .box_style1 .item{
     margin: 0 10px 20px;
 }

/*Milad*/
.home_part6 .title_style3 {
    margin:0 12px 20px;
}
.home_part6 .title_style3 .btn_archive {
    position: absolute;
    left: 0px;
    top: -1px;
}
.home_part6 .title_style3 .btn_archive a{
    display: inline-block;
    cursor: pointer;
    padding: 5px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #666;
    font-size: 1.1rem;
    line-height: 20px;
    transition: all 0.3s linear;
}
.home_part6 .title_style3 .btn_archive a:hover{
    background: #457991;
    color: #fff;
}
.home_part6 .title_style3 .text{
    text-shadow: 0 1px 1px rgb(232, 229, 229);
}

 /******************************* footer ******************************************/
 footer{
     overflow-x: hidden;
     position: relative;
     z-index: 0;
 }
 .footer_part2{
     background: #373542;
     /*background: #373736;*/
     background: #373736;
     border-top: 1px solid #404040;
 }
 .footer_part2 .inner{
     padding: 7px 0;
     margin: 0 20px;
 }
 .footer_part2 .right{
     /*float: right;*/
     width: 100%;
     position: relative;
 }
 .footer_part2 .mg {
     font-size: 1.1rem;
     color: #9e9e9e;
     letter-spacing: 0.5px;
     text-align: center;
 }
 .footer_part2 .mg .mark{
     color: #34b6ea;
     opacity: 0.7;
 }
 .footer_part2 .mg .mark:hover{
     opacity: 1;
 }
 .footer_part2 .mg .img{
     display: inline-block;
     vertical-align: middle;
     width: 20px;
     margin-left: 4px;
 }
 .footer_part2 .left{
     float: left;
 }
 .footer_part2 .left .privcy{
     color: #989898;
     letter-spacing: 0.2px;
     padding-left: 6px;
 }
 .footer_part2 .privcy .icon{
     font-size: 1.1rem;
 }
 .footer_part3 .title_style3{
     margin-bottom: 20px;
 } 
 .footer_part3 .right{
     float: right;
     width: 40%;
     padding: 20px 10px 22px 60px;
     min-height: 329px;
     position: relative;
     background-image: url(../_images/background/footer-bg.jpg);
     background-repeat: no-repeat;
     /*background-position: -350px -370px;*/
     background-attachment: fixed;
 }
 .footer_part3 .right:before{
     content: ' ';
     background: inherit;
     background-size: auto 400px;
     background-position: right bottom;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: -1000px;
     box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.4) inset;
 }
 .footer_part3 .right:after{
     /*content: ' ';*/
     position: absolute;
     top: 0;
     right: -1000px;
     left: 0;
     bottom: 0;
     opacity: 1;
     background: linear-gradient(160deg, rgba(18,85,42,0.9) 0%,rgba(18,85,42,0.85) 45%,rgba(65, 115, 130, 0.85) 80%,rgba(65, 115, 130, 0.8) 99%,rgba(65, 115, 130,0.9) 100%);
 }
 .footer_part3 .right .content{
     position: relative;
     z-index: 10;
 }
 .footer_part3 .title_style3 .mark{
     color:#d6b872;
     color:#457991;
 }
 .title_style3.type1 .mark:before{
     background:#d6b872;
     background:#457991;
 }
 .footer_part3 .right .newsletter form{
     position: relative;
     margin: 20px 0 35px;
 }
 .footer_part3 .right .newsletter .text{
     font-size: 1.15rem;
     line-height: 22px;
     color: #e5edef;
     letter-spacing: 0.5px;
 }
 .footer_part3 .right .newsletter input{
     width: 100%;
     border: none;
     border-bottom: 2px solid rgba(52, 182, 234, 0.7);
     padding: 0 7px;
     letter-spacing: 0.5px;
     height: 37px;
     font-size: 1.1rem;
     color: #585858;
     background: rgba(255, 255, 255, 0.8);
     direction: ltr;
 }
 .footer_part3 .right .newsletter input:focus{
     border-bottom: 2px solid rgb(52, 182, 234);
 }
 /*error*/
 .footer_part3 .right .newsletter label.error{
     font-size: 0.9rem;
     letter-spacing: 0.3px;
     padding: 5px;
     position: absolute;
     right: 0;
     bottom: 7px;
     background-color: #dcc89b;
     color: #4c4c4c;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
 }
 .footer_part3 .right .newsletter label.error:after{
     content: '';
     position: absolute;
     border: solid transparent;
     border-bottom-color: #dcc89b;
     border-width: 5px;
     top: -10px;
     right: 5px;
 }
 
 .footer_part3 .right .newsletter input::-webkit-input-placeholder{color: #585858;font-size: 1rem;}
 .footer_part3 .right .newsletter input:-moz-placeholder,
 .footer_part3 .right .newsletter input::-moz-placeholder{color: #585858;font-size: 1rem;}
 .footer_part3 .right .newsletter input:-ms-input-placeholder{color: #585858;font-size: 1rem;}
 .footer_part3 .right .newsletter button{
     cursor: pointer;
     text-align: center;
     transition: all 0.3s;
     /*transform: translate(-135px,27px);*/
     display: block;
     margin: 23px auto -23px;
 }
 .footer_part3 .right .social_style1{
     padding-top: 14px;
     margin-top: 55px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     text-align: center;
 }
 .footer_part3 .left{
     float: left;
     width: 60%;
     min-height: 329px;
     position: relative;
 }
 .footer_part3 .left:after{
     content: ' ';
     position: absolute;
     top: 0;
     left: -1000px;
     right: 0;
     bottom: 0;
     opacity: 1;
     background: #373542;
     background: #373736;
 }
 .footer_part3 .left:before{
     /*content: '';*/
     top: 0;
     right: -45px;
     position: absolute;
     width: 0;
     height: 0;
     border-top: 350px solid #373542;
     border-right: 45px solid transparent;
 }
 .footer_part3 .left .content{
     position: relative;
     z-index: 10;
 }
 .footer_part3 .left .step1 > .item{
     float: left;
     width: 35%;
     padding: 15px 0 20px;
     margin: 0 3%;
     position: relative;
     top: 7px;
 }
 .footer_part3 .left .step1 > .item:last-child{
     position: relative;
     top: 7px;
     width: 50%;
 }
 .footer_part3 .left .part_I a,
 .footer_part3 .left .part_I a img{
     display: block;
     margin: 0 auto;
 }
 .footer_part3 .left .part_II .step2 > .item{
     position: relative;
     float: right;
     width: 40%;
     margin: 0 0 0 10%;
 }
 .footer_part3 .left .part_II .step2 .icon{
     font-size: 0.7rem;
     color: #fff;
     color: #d6b872;
     color: #457991;
     position: absolute;
     top: 50%;
     transform: translateY(-5px);
     -webkit-transform: translateY(-5px);
 }
 .footer_part3 .left .part_II .step2 .item:hover .icon{
     transform: translate(-2px,-5px);
     color: #fff;
 }
 .footer_part3 .left .part_II .step2 a{
     display: block;
     font-size: 1.2rem;
     line-height: 25px;
     padding: 10px 15px;
     color: #bbb;
     border-bottom:1px dashed rgba(79, 84, 95, 0.6);
 }
 .footer_part3 .left .part_II .step2 a:hover{
     color: #457991;
 }
 /**************************** RESULT_SEARCH *******************************/
 .search_part1{
     background-color: #fff;
     border-bottom: 1px solid #efefef;
 }
 .search_part2{
     background-color: #fdfdfd;
     border-bottom: 1px solid #efefef;
 }
 .search_part2 .inner,
 .search_part3 .inner,
 .search_part4 .inner{
     padding: 30px 0;
 }
 .search_part3{
     position: relative;
 }
 .search_part3:before{
     content: ' ';
     position:absolute;;
     top:0;left:0;right:0;bottom:0;
     width:100%;height:100%;
     z-index:101;
     background:url(../_images/loading/loader6.gif) no-repeat center 50px;
     display:none;
 }
 .search_part3 .box_style1 .item{
     margin: 0 1.6% 30px;
 }
 /**************************** DETAIL *******************************/
 .detail_part1 .inner{
     /*padding: 40px 0;*/
 }
 .detail_part1 .detail_left_side{
     float: left;
     width: 70%;
     /*border: 1px solid red;*/
     /*border: 1px solid #ececec;*/
 }
 .detail_part1 .detail_left_side .gallery{
     background-color: #f7f7f7;
     border: 1px solid #ececec;
 }
 .detail_part1 .detail_left_side .gallery .main_pic{
     background-size: contain;
     background-repeat: no-repeat;
     width: 100%;
     max-width: 100%;
     height: 500px;
     /*min-width: 500px;*/
     /*max-width: 700px;*/
     background-position: center center;
     margin:0 auto;
     background-color: #fff;
     position: relative;
 }
.detail_part1 .detail_left_side .gallery .main_pic img {
    width: 100%;
    height: auto;
}
 .detail_part1 .detail_left_side .gallery .thumbnail_wrraper{
     padding: 10px 0;
     background: #f5f5f5;
     position: relative;
 }
 .detail_part1 .detail_left_side .gallery .thumbnail_wrraper .item{
     margin: 0 auto;
 }
 .detail_part1 .detail_left_side .gallery .thumbnail_pic{
     width: 130px;
     height: 100px;
     display: block;
     /*background-repeat: no-repeat;*/
     /*background-size: cover;*/
     /*background-position: center center;*/
     position: relative;
     /*margin: 0 auto;*/
     margin: 0;
 }
 .detail_part1 .detail_left_side .gallery .thumbnail_pic:after{
     content: ' ';
     position: absolute;
     top: 0;bottom: 0;
     left: 0;right: 0;
     background-color: rgba(0,0,0,0.2);
     border:2px solid transparent;
     transition: all 0.4s;
 }
 .detail_part1 .detail_left_side .gallery .thumbnail_pic:hover:after{
     background-color: transparent;
     border-color: #388E3C;
 }
 
 .detail_part1 .detail_left_side .gallery .big_pic{
     display: block;
 }
 .detail_part1 .detail_left_side .gallery .nav_owl{
     width: 25px;
     height: 25px;
     display: inline-block;
     background: rgba(0, 0, 0, 0.3);
     text-align: center;
     line-height: 27px;
     font-size: 0.85rem;
     cursor: pointer;
     border-radius: 1px;
     color: #f9f9f9;
     position: absolute;
     top: calc(50% - 14px);
     transition: all 0.4s; 
     z-index: 10;
 }
 .detail_part1 .detail_left_side .gallery .nav_owl.next{
     right:0;
 }
 .detail_part1 .detail_left_side .gallery .nav_owl.prev{
     left: 0;
 }
 .detail_part1 .detail_left_side .gallery .nav_owl:hover{
     background-color: #388E3C;
 }
 .detail_part1 .detail_left_side .tool_box{
     background: #fff;
     padding: 4px;
     position: relative;
     z-index: 1;
 }
 .detail_part1 .detail_left_side .tool_box .left{
     float: left ;
 }
 .detail_part1 .detail_left_side .tool_box .right{
     float: right;
     
 }
 .detail_part1 .detail_left_side .tool_box .right .whish_style1{
     font-size: 1.2rem;
     padding: 12px 11px;
     display: inline-block;
 }
 .detail_part1 .detail_left_side .tool_box .right .whish_style1:hover{
     color: #ff6e6f;
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
 }
 .detail_part1 .detail_left_side .tool_box .right .whish_style1 .icon{
     margin-right: 3px;
 }
 .detail_part1 .detail_left_side .tool_box .right .warning{
     display: inline-block;
     border-right: 1px solid #f3f3f3;
 }
 .detail_part1 .detail_left_side .tool_box .right .warning a{
     font-size: 1.25rem;
     padding:9px 16px;
     color: #ccc;
     display: inline-block;
 }
 .detail_part1 .detail_left_side .tool_box .right .warning a:hover,
 .detail_part1 .detail_left_side .tool_box .right .warning a.active{
     color: #f5a945;
 }
 .detail_part1 .detail_left_side .tool_box .right .warning i{
     font-size: 1.7rem;
     transition: none;
 }
 .detail_part1 .detail_left_side .wrapper_tag {
     margin-top: 15px;
     /*border-top: 1px solid #ececec;*/
     padding-top: 15px;
 }
 .detail_part1 .detail_left_side .wrapper_tag .title{
     display: inline-block;
     font-size: 1.25rem;
     color: #34b6ea;
 }
 .detail_part1 .detail_left_side .wrapper_tag .tag{
     display: inline-block;
     font-size: 1.1rem;
     background-color: #ffffff;
     border: 1px solid #f1f1f1;
     padding: 5px 13px;
     color: #888;
     letter-spacing: 0.5px;
     margin: 0 3px 7px 0;
     border-radius: 2px;
 }
 .detail_part1 .detail_left_side .wrapper_tag .tag:hover{
     background-color: #eee;
 }

 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link{
     display: block;
     border-bottom: 1px dashed #e8e8e8;
     padding: 10px;
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link:hover{
     background: #fbfbfb;
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price li:last-child .link{
     border: none;
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link .info{
     font-size: 1.3rem;
     line-height: 30px;
     float: left;
     display: block;
     width: 25%;
     text-align: left;
     color: #777;
     position: relative;
     direction: ltr;
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link .icon{
     font-size: 2rem;
     line-height: 35px;
     color: rgba(33, 150, 243, 0.4);
     margin-right: 10px;
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link .price .icon{
     color: rgba(33, 150, 243, 0.6);
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link:hover .download:after{
     content: ""attr(data-text)"";
     color: #FF5722;
     font-size: 1.2rem;    
     transition: all 0.3s;
 }
 .detail_part1 .detail_left_side .tab_style1 .tab_content .price .link:hover .download .kind_price{
     display: none;
 }


.box_style6.bigsize .price .link{
    display: block;
    border-bottom: 1px dashed #e8e8e8;
    padding: 10px;
}
.box_style6.bigsize .price .link:hover{
    background: #fbfbfb;
}
.box_style6.bigsize .price li:last-child .link{
    border: none;
}
.box_style6.bigsize .price .link .info{
    font-size: 1.3rem;
    line-height: 30px;
    float: left;
    display: block;
    width: 25%;
    text-align: left;
    color: #777;
    position: relative;
    direction: ltr;
}
.box_style6.bigsize .price .link .icon{
    font-size: 2rem;
    line-height: 35px;
    color: rgba(33, 150, 243, 0.4);
    margin-right: 10px;
}
.box_style6.bigsize .price .link .price .icon{
    color: rgba(33, 150, 243, 0.6);
}
.box_style6.bigsize .price .link:hover .download:after{
    content: ""attr(data-text)"";
    color: #FF5722;
    font-size: 1.2rem;
    transition: all 0.3s;
}
.box_style6.bigsize .price .link:hover .download .kind_price{
    display: none;
}
.box_style6.bigsize .wrapper_tag {
    margin-top: 15px;
    border-top: 1px solid #ececec;
    padding-top: 15px;
    position: relative;
}
.box_style6.bigsize .wrapper_tag .title{
    display: inline-block;
    font-size: 1.25rem;
    color: #34b6ea;
}
.box_style6.bigsize .wrapper_tag .tag{
    display: inline-block;
    font-size: 1.1rem;
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
    padding: 5px 13px;
    color: #888;
    letter-spacing: 0.5px;
    margin: 0 3px 7px 0;
    border-radius: 2px;
}
.box_style6.bigsize .wrapper_tag .tag:hover{
    background-color: #eee;
}





 .detail_part1 .detail_left_side .pagination_style1{
     background: rgba(249, 249, 249, 0.7);
 }
 .detail_part1 .detail_left_side .form_style1{
     margin-bottom: 35px;
     /*padding-bottom: 35px;*/
     /*border-bottom: 1px dashed #ececec;*/
     position: relative;
 }
 .detail_part1 .detail_left_side .reply_html .form_style1{
     border-bottom: none;
     opacity: 1;
 }
 .detail_part1 .detail_left_side .label_style1.type1 .inner_label{
     top: 10px;
     width: 100px;
     font-size: 1rem
 }
 /*right*/
 .detail_part1 .detail_right_side{
     float: right;
     width: 28%;
 }
 .detail_part1 .detail_right_side .box_style6 {
     /*    width: 380px;
         margin: 0 auto 40px;*/
 }
 .detail_part1 .detail_right_side .object_spec,
 .detail_part1 .detail_right_side .object_static{
     position: relative;
 }
 .detail_part1 .detail_right_side .object_spec:before,
 .detail_part1 .detail_right_side .object_static:before,
 .detail_part1 .detail_right_side .user:before{
     font-family: '3dinga';
     position: absolute;
     font-size: 11rem;
     color: #f6f6f6;
     z-index: 0;
 }
 .detail_part1 .detail_right_side .object_spec:before{
     content: 'v';
     left: -10px;
     top: -67px;
 }
 .detail_part1 .detail_right_side .object_static:before{
     content: 'C';
     font-size: 9rem;
     left: 5px;
     top: -55px;
 }
 .detail_part1 .detail_right_side .user:before{
     content: 'G';
     font-size: 9rem;
     left: 30px;
     top: 15px;
 }
 .detail_part1 .detail_right_side .object_spec .item{
     border-bottom: 1px dashed #e5eaeb;
     padding: 12px 0;
     position: relative;
     z-index: 1;
 }
 .detail_part1 .detail_right_side .object_spec .item:last-child{
     border-bottom: none;
 }
 .detail_part1 .detail_right_side .object_spec .name{
     color: #555;
     min-width: 35%;
     display: inline-block;
     font-size: 1.3rem;
     padding-right: 23px;
     position: relative;
     transition: all 0.3s ease;
 }
 .detail_part1 .detail_right_side .object_spec .name:after{
     content: ' : '
 }
 .detail_part1 .detail_right_side .object_spec .name:before{
     content: 'x';
     font-family: '3dinga';
     position: absolute;
     right: 2px;
     top: calc(50% - 8px);
     color: rgba(56, 142, 60, 0.25);
     font-size: 1.45rem;
 }
 .detail_part1 .detail_right_side .object_spec .val{
     font-size: 1.2rem;
     line-height: 24px;
     /*padding-right: 25px;*/
     color: #868686;
     display: inline-block;
     transition: all 0.3s ease;
 }
 .detail_part1 .detail_right_side .object_spec .item:hover .val,
 .detail_part1 .detail_right_side .object_spec .item:hover .name{
     color: #dd4b39;
 }
 .detail_part1 .detail_right_side .object_static .item{
     padding: 5px 0;
     border-bottom: 1px dashed #e5eaeb;
     position: relative;
 }
 .detail_part1 .detail_right_side .object_static .item:last-child{
     border-bottom: none;
 }
 .detail_part1 .detail_right_side .object_static .name{
     color: #555;
     display: inline-block;
     font-size: 1.2rem;
     position: relative;
     transition: all 0.3s ease;
 }
 .detail_part1 .detail_right_side .object_static .icon{
     font-size: 1.65rem;
     vertical-align: middle;
     margin-left: 5px;
     color: #34b6ea;
 }
 .detail_part1 .detail_right_side .object_static .val{
     font-size: 1.15rem;
     color: #999;
     display: inline-block;
     margin-right: 5px;
 }
 .detail_part1 .detail_right_side .user .pic{
     width: 90px;
     height: 90px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     display: inline-block;
     border: 8px solid #FFF;
     -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
     box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); 
     margin: 10px 0;
     position: relative;
 }
 .detail_part1 .detail_right_side .user .pic:hover{
     opacity: 0.7;
 }
 .detail_part1 .detail_right_side .user .name{
     text-align: center;
     display: block;
     font-size: 1.35rem;
     color: #34b6ea;
 }
 .detail_part1 .detail_right_side .user .name:hover{
     color: #34b6ea;
 }
 .detail_part1 .detail_right_side .user .caption{
     text-align: justify;
     font-size: 1.15rem;
     margin-top: 15px;
     color: #666;
     line-height: 25px;
     max-height: 90px;
 }
 .detail_part1 .detail_right_side .adv{
     margin-bottom: 30px;
     text-align: center;
 }
 .detail_part1 .detail_right_side .pic > img{
     display:block;
     margin: 0 auto;
     width: 100%;
 }

.detail_part1 .detail_right_side .shop_btn{
    text-align: center;
}
.detail_part1 .detail_right_side .shop_btn .btn_style2{
    width: initial;
    display: inline-block;
    /*border-color: #34b6ea;*/
}
.detail_part1 .detail_right_side .shop_btn .btn_style2:before,
.detail_part1 .detail_right_side .shop_btn .btn_style2:after,
.detail_part1 .detail_right_side .shop_btn .btn_style2 .title_btn:before,
.detail_part1 .detail_right_side .shop_btn .btn_style2 .title_btn:after{
    /*background: #34b6ea;*/
}

 .detail_part2 .inner{
     padding: 30px 0;
 }
 .detail_part2 .box_style1 .item{
     margin: 20px 1.6% 30px;
 }
 .detail_part2 .title_style3 .text:after{
     width: 87%;
 }
 /**************************** PROFILE *******************************/
 .profile_part1 .inner{
     padding: 0 0 40px;
 }
 .profile_part1 .title_wlcm{
     text-align: center;
     background:url(../_images/pattern/pattern_object.jpg)  bottom center; 
     background-size: cover;
     background-repeat: no-repeat;
     padding: 55px 0 140px;
 }
 .profile_part1 .title_wlcm .text{
     font-size: 1.9rem;
     color: #e95b62;
     line-height: 38px;
     text-shadow: 0 2px 4px rgba(85, 85, 85, 0.2);
     position: relative;
 }
 .profile_part1 .title_wlcm .text:after{
     content: ' ';
     background: url(../_images/title/splash.png) no-repeat center center / contain;
     width: 170px;
     height: 20px;
     position: absolute;
     bottom: -25px;
     left: calc(50% - 85px);
 }
 .other_page.type1{
     background: #efefef;
 }
 .profile_part1 .right{
     float: right;
     width: 25%;
 }
 .profile_part1 .right .wrapper_profile .pic{
     height: 120px;
     width: 120px;
     background-position: top center;
     background-size: cover;
     background-repeat: no-repeat;
     margin: 0 auto;
     border: 3px solid #5e5e5e;
     border-radius: 50%;
     background-color: #fff;
 }
 .profile_part1 .right .wrapper_profile > .name{
     font-size: 1.4rem;
     line-height: 30px;
     text-align: center;
     margin: 10px 0 25px;
     color: #666;
 }
 .profile_part1 .right .wrapper_profile .list{
     background: #fff;
     padding: 15px;
     margin-top: 20px;
     position: relative;
     border: 1px solid #e0dede;
 }
 .profile_part1 .right .wrapper_profile .list .item{
     padding: 10px 0;
     border-bottom: 1px dashed #eee;
     font-size: 1.2rem;
 }
 .profile_part1 .right .wrapper_profile .list .item:last-child{
     border: none;
 }
 .profile_part1 .right .wrapper_profile .list .name{
     display: inline-block;
     color: #555;
 }
 .profile_part1 .right .wrapper_profile .list .name:before{
     content: 'o';
     font-family: '3dinga';
     vertical-align: middle;
     font-size: 0.9rem;
     color: #34b6ea;
     margin-left: 2px;
 }
 .profile_part1 .right .wrapper_profile .list .val{
     display: inline-block;
     font-size: 1.2rem;
     color: #888;
 }
.profile_part1 .right .wrapper_profile .social_style2{
    margin: 5px 0;
    border: 1px solid #e0dede;
}
 .profile_part1 .left{
     float: left;
     width: 75%;
     margin: 35px auto 0;
     padding: 0 15px;
 }
 .profile_part1 .left .box_style1 .item{
     margin: 15px 0.95% 0;
 }
 .profile_part1 .left .pagination_style1{
     margin-top: 20px;
     background: rgba(249, 249, 249, 0.7);
 }
 /**************************** vip_acc *******************************/
 .price_part1{
     /*border-bottom: 1px solid #e1e1e1;*/
     /*border-top: 1px solid #e1e1e1;*/
 }
 .price_part1 .inner{
     padding: 10px 40px 20px;
 }
 .price_part1 .right{
     float: right;
     /*width: 45%;*/
     width: 50%;
     margin-right: 25%;
 }
 .price_part1 .left{
     float: left;
     width: 55%;
 }
 /**************************** about *******************************/
 .about_part1 .inner{    
     padding: 40px 0;
 }
 .about_part1 .right{
     float: right;
     width: 55%;
     padding: 0 0 0 30px;
     position: relative; 
 }
 .about_part1 .right .title_style3{
     margin-bottom: 20px;
 }
 .about_part1 .right .title_style3 .text,
 .about_part1 .right .title_style3 .mark{
     font-size: 1.8rem;
 }
 .about_part1 .right .title_style3 .text:after{
     content: none;
 }
 .about_part1 .right:after{
     content: ' ';
     position: absolute;
     left: -25px;
     top: 0;
     bottom: 0;
     width: 1px;
     background: linear-gradient(to bottom , transparent, #c2c2c2 , transparent);
 }
 .about_part1 .left{
     float: left;
     width: 40%;
     padding-top: 30px;
 }
 .about_part1 .left > img{
     width: 500px;
     margin: 0 auto;
     display: block
 }
 /**************************** faq *******************************/
 .faq_part1{
     position: relative;
     min-height: 600px;
 }
 .faq_part1 .inner{
     padding: 10px 0 ;
 }
 .faq_part1 .ques{
     background: #fff;
     min-height: 400px;
     border-style: solid;
     border-width: 6px;
     border-color: transparent #f5f5f5 #f5f5f5 transparent;
     padding: 15px 30px 180px;
     position: relative;
 }
 .faq_part1 .ques:after{
     content: ' ';
     position: absolute;
     bottom: 0;
     left: 0;
     height: 180px;
     width: 269px;
     background: url(../_images/background/faq.png) no-repeat center center / contain;
 }
 .faq_part1 .ques .title_style3{
     margin-bottom: 20px;
 }
 .faq_part1 .ques .title_style3 .text:after{
     content: none;
 }
 .faq_part1 .box_style7 .item{
     visibility: hidden;
 }
 /**************************** register *******************************/
 .register_part1 .inner,
 .reset_pass .inner,
 .ruls_part1 .inner,
 .sale_part1 .inner,
 .factor_preview .inner{
     padding: 10px 0 ;
 }
 .register_part1 .form_style2 .item{
     margin: 15px 0;
 }
 .register_part1 .title_style3 .text:after,
 .reset_pass .title_style3 .text:after,
 .factor_preview .title_style3 .text:after{
     content: none;
 }
 .register_part1 .title_style3,
 .reset_pass .title_style3,
 .ruls_part1 .title_style3,
 .sale_part1 .title_style3{
     padding: 0 15px 0 50px;
     margin-bottom: 20px;
 }
 .register_part1 .box_style8 .bg_sec{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 200px;
     height: 200px;
     overflow: hidden
 }
 .register_part1 .box_style8 .bg_sec > i{
     display: inline-block;
     font-size: 14rem;
     line-height: 30px;
     color: rgba(124, 177, 182, 0.12);
     transform: rotate(40deg);
     position: absolute;
     left: 28px;
     bottom: 25px;
 }
 .reset_pass .box_style8{
     width: 60%;
 }
 .reset_pass .box_style8 .content{
     font-size: 1.3rem;
     line-height: 30px;
     text-align: justify;
     color: #777;
     margin-bottom: 20px;
 }
 /**************************** adv *******************************/
 .adv_part1 .inner,
 .adv_part2 .inner,
 .adv_part3 .inner{
     padding: 40px 0;
 }
 .adv_part1 .step1 .item{
     float: right;
     width: 48%;
     margin: 0 1% 20px;
     background: #fff;
     border: 2px solid #efefef;
     box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.5);
     transition: all 0.3s linear;
 }
 .adv_part1 .step1 .item:hover{
     box-shadow: 0px 2px 10px -4px transparent;
 }
 .adv_part1 .step1 .item .pic{
     display: inline-block;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     height: 177px;
     width: 100%;
 }
 .adv_part1 .step1 .item .caption{
     font-size: 1.5rem;
     color: #34b6ea;
     text-align: center;
     line-height: 30px;
     padding: 10px 0;
 }
 .adv_part2 .title,
 .adv_part3 .title{
     font-size: 1.5rem;
     line-height: 30px;
     text-align: center;
     color: #dd4b39;
     text-shadow: 0 2px 1px rgba(221, 75, 57, 0.3);
     margin-bottom: 25px;
 }
 .adv_part3 .right{
     float: right;
     width: 50%;
     padding: 0 0 0 50px;
 }
 .adv_part3 .right .hint p{
     color: #717171;
     font-size: 1.2rem;
     line-height: 26px;
     text-align: justify;
 }
 .adv_part3 .right .hint p a {
     color: #dd4b39;
 }
 .adv_part3 .left{
     float: left;
     width: 50%;
 }
 .adv_part3 .left .form_style2{
     background: #fff;
     padding: 25px 5px;
 }
 .adv_part3 .left .form_style2 .item{
     margin: 15px 0;
 }
 /**************************** ruls *******************************/
 .ruls_part1 .title_style3 .text:after,
 .sale_part1 .title_style3 .text:after{
     content: none;
 }
 .ruls_part1 .box_style8,
 .sale_part1 .box_style8{
     width: 90%;
 }
 /**************************** contact_us *******************************/
 .contact_part1 .inner{
     padding: 60px 0;
 }
 .contact_part1 .right,
 .contact_part1 .left{
     padding: 20px;
     background-color: #fff;
     box-shadow: 0 0 3px #ccc;
     min-height: 450px;
 }
 .contact_part1 .title_style3{
     text-align: center;
     margin-bottom: 30px;
 }
 .contact_part1 .title_style3.type1 .text{
     color: #4d4d4f;
 }
 .contact_part1 .title_style3.type1 .mark:before{
     background: #34b6ea;
 }
 .contact_part1 .right{
     float: right;
     width: 40%;
 }
 .contact_part1 .right .item1 {
     margin-bottom: 15px;
     position: relative;
     padding-right: 29px;
 }
 .contact_part1 .right .item1 .icon{
     font-size: 1.7rem;
     color: rgba(88, 109, 130, 0.8);
     vertical-align: middle;
     position: absolute;
     right: 3px;
     top: -5px;
 }
 .contact_part1 .right .item1 .name{
     font-size: 1.25rem;
     color: #586d82;
     margin-left: 4px;
 }
 .contact_part1 .right .item1 .val{
     display: inline-block;
     font-size: 1.2rem;
     color: #5299a0;
 }
 .contact_part1 .right .title_social{
     text-align: center;
     color: #586d82;
     font-size: 1.2rem;
     width: 100%;
     line-height: 26px;
     margin-bottom: 10px;
     margin-top: 35px; 
 }
 .contact_part1 .right .social_style1 .item{
     float: initial;
     display: inline-block;
 }
 .contact_part1 .right .social_style1 .circle{
     stroke: rgba(82, 153, 160, 0.5);
 }
 .contact_part1 .right .social_style1 .icon{
     color: #5299a0;
 }
 
 .contact_part1 .left{
     float: left;
     width: 58%;
 }
 /**************************** sitemap *******************************/
 .sitemap .inner {
     padding: 50px 0;
 }
 .sitemap .right{
     float: right;
     width: 47%;
     background: #fcfcfc;
     box-shadow: 0 0 1px 1px rgba(196, 196, 196, 0.7);
     padding: 30px;
 }
 .sitemap .left{
     float: left;
     width: 47%;
     background: #fcfcfc;
     box-shadow: 0 0 1px 1px rgba(196, 196, 196, 0.7);
     padding: 30px;
 }
 .sitemap .title{
     font-size: 1.5rem;
     line-height: 30px;
     color: #34b6ea;
     position: relative;
     border-bottom: 3px double #ececec;
     margin-bottom: 5px;
     padding-bottom: 30px;
 }
 .sitemap .title:after{
     content: '3';
     font-family: '3dinga';
     position: absolute;
     left: 0;
     font-size:4rem;
     color: #e9e9e9;
 }
 .sitemap .icon{
     font-size: 4rem;
     line-height: 40px;
     color: #34b6ea;
     margin: 15px 0 10px;
     display: inline-block;
 }
 .sitemap ul{
     border-right: 1px solid rgba(52, 182, 234, 0.5);
     margin-right: 20px;
 }
 .sitemap .step1 .link{
     color: #666;
     display: inline-block;
     font-size: 1.2rem;
     line-height: 30px;
     padding: 2px 15px 2px 0;
     position: relative;
 }
 .sitemap .step2 .link{
     color: #888;
 }
 .sitemap .step1 .link:hover{
     color: #34b6ea;
 }
 .sitemap .step1 .link:before{
     content: ' ';
     position: absolute;
     right: 0;
     top: calc(50% - 1px);
     width: 8px;
     height: 1px;
     background: rgba(56, 142, 60, 0.8);
     transform: rotate(-22deg);
 }
 /**************************** 404 *******************************/
 .error_part1{
     background: #34b6ea;
 }
 .error_part1 .inner{
     position: relative;
     z-index: 10;
 }
 .error_part1 #logo{
     display: inline-block;
     padding-top: 20px;
 }
 .error_part1 #logo > img{
     display: block;
 }
 .error_part1 .right{
     float: right;
     width: 30%;
     position: relative;
     padding-top: 70px;
 }
 .error_part1 .right .text1{
     font-size: 3rem;
     color: #fff;
     top: 80px;
     text-shadow: 0px 1px 3px #333;
     margin: 15px 0 30px;
 }
 .error_part1 .right .text2{
     font-size: 1.7rem;
     color: #e5edef;
     top: 145px;
     margin: 15px 0;
 }
 .error_part1 .right .btn_style1{
     width: 40%;
     margin: 15px 0 40px;
 }
 .error_part1 .right .social_style1{
     margin: 15px 0;
 }
 .error_part1 .left{
     float: left ;
     width: 70%;
     position: relative;
     margin-top: -30px;
 }
 .error_part1 .left .pic{
     position: relative;
     top: 109px;
 }
 .error_part1 .left .anim_404{
     color: #fff;
     font-family: Poppins, sans-serif;
     font-size: 120px;
     font-weight: 600;
     left: calc(50% - 255px);
     position: absolute;
     top: calc(50% - 15px);
     z-index: 3;
 }
 .error_part1 .left .anim_404:after {
     animation: noise-anim 2s infinite linear alternate-reverse;
     content: '404';
     left: 2px;
     overflow: hidden;
     position: absolute;
     top: 0;
     text-shadow: -2px 0 #474747;
 }
 .error_part1 .left .anim_404:before {
     animation: noise-anim-2 3s infinite linear alternate-reverse;
     content: '404';
     left: -1px;
     overflow: hidden;
     position: absolute;
     text-shadow: 2px 0 #636363;
 }
 .error_part1 .search_style1 .button{
     width: 17%;
 }
 .error_part1 .search_style1 input[type=submit],
 .error_part1 .search_style1 .button .icon{
     transform: translateX(-23px);
 }
 /**************************** payment_result *******************************/
 .payment_result .inner{
     padding: 50px 0;
 }
 .payment_result .box_style8{
     width: 50%;
 }
 .payment_result .title_style3{
     margin-bottom: 15px;
 }
 .payment_result .title_style3 .success{
     font-size: 3rem;
     color: #34b6ea;
     margin-left: 10px;
 }
 .payment_result .title_style3 .failed{
     font-size: 2.5rem;
     color: #dd4b39;
     margin-left: 10px;
 }
 .payment_result .title_style3 .mark_failed{
     color: #dd4b39;
 }
 .payment_result .title_style3 .text{
     display: inline-block;
 }
 .payment_result .title_style3 .text:after{
     content: none;
 }
 .payment_result .box_style8 .item{
     font-size: 1.3rem;
     color: rgba(18,85,42,0.84);
     line-height: 24px;
     margin: 15px 10px;
 }
 .payment_result .box_style8 .item i {
     vertical-align: middle;
     color: rgba(60, 145, 64, 0.51);
     font-size: 2.5rem;
     margin-left: 10px;
 }
 .payment_result .box_style8 .item .val {
     color: #76878e;
     font-size: 1.2rem;
 }
 /**************************** sale *******************************/
 .sale_part1 .content_style1{
     margin: 10px 20px 20px;
 }
 .sale_part1 .content_style1 .list{
     margin-right: 0;
 }
 .sale_part1 .content_style1 .list li:before{
     content: 'V';
     font-size: 2rem;
 }

/**************************** bank_account *******************************/
/*bank_account*/
#bank_acc .inner {
    padding: 50px 0 0;
}
#bank_acc .item_acc{
    float: right;
    width: 45%;
    margin: 0 2%;
}
#bank_acc .bank_info {
    border: 2px solid #eee;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
    padding: 15px;
    position: relative;
    text-align: right;
    background-color: #FAFAFA;
    margin-bottom: 30px;
}
#bank_acc .bank_info .title {
    display: inline-block;
    border-bottom: 3px solid #DDD;
    padding-left: 2px;
    padding-right: 15px;
    margin-right: -15px;
    margin-bottom: 15px;
    line-height: 35px;
    color: #b1b1b1;
    font-size: 1.4rem;
}
#bank_acc .bank_info .title span {
    font-size: 1.7rem;
    color: #a4ca6a;
    color: #fe6088;
}
#bank_acc .bank_info .bank_logo {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 35px;
    top: calc(50% - 50px);
    opacity: 0.5;
}
#bank_acc .bank_info .name {
    color: #29A4BB;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 24px;
    padding: 6px;
    width: 25%;
}
#bank_acc .bank_info .name:after {
    content: ':';
    display: inline-block;
    margin: 0 4px;
}
#bank_acc .bank_info .val {
    color: #999;
    font-size: 1.3rem;
    line-height: 26px;
    letter-spacing: 0.3px;
}


 /****************************** Panel_STYLE ************************************/
 /*#1*/
 .panel_style1{}
 .panel_style1 .p_color{
     background: #2c3241;
 }
 .panel_style1 .p_head > .right,
 .panel_style1 .p_main .right{
     float: right;
     width: 22%;
 }
 .panel_style1 .p_head > .left,
 .panel_style1 .p_main > .left{
     float: left;
     width: 78%;
 }
 .panel_style1 .p_head > .right{
     position: relative;
 }
 .panel_style1 .p_head > .right .logout{
     position: absolute;
     top: 14px;
     right: 35px;
     color: rgba(255,255,255,.8);
     font-size: 2.1rem;
     transition: none;
 }
 .panel_style1 .p_head > .right .logout:hover{
     color: #d8ca9d;
 }
 .panel_style1 .p_head > .right .title{
     color: #d8ca9d;
     font-size: 1.8rem;
     line-height: 55px;
     padding-right: 70px;
 }
 .panel_style1 .p_head > .left .item{
     float: left;
     position: relative;
     width: 7.5%;
     text-align: center;
     padding-right: 15px;
 }
 .panel_style1 .p_head > .left .item:after{
     content: ' ';
     position: absolute;
     width: 1px;
     right: 0;
     top: 5px;
     bottom: 5px;
     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
 }
 .panel_style1 .p_head > .left .item.balance {
     width: 13%;
     padding-right: 0;
 }
 .panel_style1 .p_head > .left .item.balance a {
     line-height: initial;
     padding: 9px 0px;
     color: #d3c69a;
     font-size: 1.1rem;
 }
 .panel_style1 .p_head > .left .item a{
     position: relative;
     display: block;
     line-height: 22px;
     height: 55px;
     padding-top: 15px;
 }
 .panel_style1 .p_head > .left .item .number{
     display: inline-block;
     position: absolute;
     right: -5px;
     top: 8px;
     min-width: 20px;
     border-radius: 2px;
     text-align: center;
     font-size: 1.0rem;
     line-height: 13px;
     background: #777;
     color: #fbf0c3;
     padding: 2px 3px 0;
     cursor: default;
 }
 .panel_style1 .p_head > .left .item .number:after{
     content: '';
     position: absolute;
     left: 0;
     bottom: -5px;
     border-style: solid;
     border-width:3px;
     border-color: #777 transparent transparent #777;
 }
 .panel_style1 .p_head > .left .item .icon{
     color: rgba(255,255,255,.8);
     font-size: 1.9rem;
     display: inline-block;
 }
 .panel_style1 .p_head > .left .item:hover .icon{
     color: rgba(255,255,255,1);
 }
 .panel_style1 .p_head > .left .item .tooltip{
     width: 77px;
     text-align: center;
     left: 0;
     top: 30px;
     line-height: 25px;
     display: block;
     opacity: 0;
     /*-webkit-transition: all .3s;*/
     transition: all .3s;
     font-size: 1rem;
     background: rgba(0,0,0,.7);
 }
 .panel_style1 .p_head > .left .item:hover .tooltip{
     opacity: 1;
     top: 62px;
 }
 .panel_style1 .p_head > .left .item .tooltip > span{
     position: relative;
 }
 .panel_style1 .p_head > .left .item .tooltip > span:before{
     content: "";
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 5px solid rgba(0,0,0, 0.7);
     top: -8px;
     position: absolute;
     left: 36%;
 }
 .panel_style1 .p_main .right .user_name{
     position: relative;
     padding: 20px 30px 20px 10px;
 }
 .panel_style1 .p_main .right .user_name:before{
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background: url(../_images/pattern/userpanel-background.png) no-repeat;
     -webkit-transform: rotateY(180deg);
     transform: rotateY(180deg);
 }
 .panel_style1 .p_main .right .user_name .pic{
     display: inline-block;
     float: right;
     border-radius: 5px;
     width: 50px;
     height: 50px;
     margin-left: 13px;
     overflow: hidden;
     background: none no-repeat center center / cover;
 }
 .panel_style1 .p_main .right .user_name .wlcm{
     font-size: 1.1rem;
     line-height: 24px;
     color: #afb4b7;
 }
 .panel_style1 .p_main .right .user_name .name{
     font-size: 1.3rem;
     color: #e5e6e8;
 }
 .panel_style1 .p_main .right .user_menu .hav{
     min-height: 600px;
 }
 .panel_style1 .p_main .right .user_menu .step1{
     background: #F2EEE2;
     margin-right: 10px;
     padding-right: 20px;
     padding-top: 25px;
     padding-bottom: 10px;
     border-top-right-radius: 3px;
     box-shadow: inset 9px 0 8px -11px rgba(0,0,0,.4);
     height: 100%;
     min-height: inherit;
 }
 .panel_style1 .p_main .right .user_menu .step1 > .item{
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     margin-bottom: 10px;
     -webkit-transition: background-color .3s;
     transition: background-color .3s;
 }
 .panel_style1 .p_main .right .user_menu .step1 .item:hover{
     background: #eae7df;
 }
 .panel_style1 .p_main .right .user_menu .step1 .item.active{
     background-color: #F8FAFA;
     box-shadow: 0px 4px 8px -3px rgba(0,0,0,.4);
     margin-left: -1px;
 }
 .panel_style1 .p_main .right .user_menu .step1 > .item > a{
     color: #777;
     font-size: 1.3rem;
     display: block;
     padding: 8px 10px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     cursor: pointer;
 }
 .panel_style1 .p_main .right .user_menu .step1 .item.active a,
 .panel_style1 .p_main .right .user_menu .step1 .item:hover a{
     color: #4d4d4f;
 }
 .panel_style1 .p_main .right .user_menu .step1 .item .icon{
     height: 30px;
     width: 30px;
     display: inline-block;
     text-align: center;
     margin-left: 8px;
     background: #d6d2c5;
     color: #717177;
     font-size: 1.8rem;
     line-height: 32px;
     border-radius: 2px;
     vertical-align: middle;
 }
 .panel_style1 .p_main .right .user_menu .submenu {
     padding-right: 25px;
     margin-top: -8px;
     display: none;
 }
 .panel_style1 .p_main .right .user_menu .submenu.active {
     display: block;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2{
     border-right: 1px solid #d6d2c5;
     padding: 5px 0;
     overflow: hidden;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item {
     -webkit-transform: translate3d(0,500px,0);
     transform: translate3d(0,500px,0);
     -webkit-transition: -webkit-transform 0s 0.4s;
     transition: transform 0s 0.4s;
     -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
     transition-timing-function: cubic-bezier(0.7,0,0.3,1);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(2){
     -webkit-transform: translate3d(0,1000px,0);
     transform: translate3d(0,1000px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(3){
     -webkit-transform: translate3d(0,1500px,0);
     transform: translate3d(0,1500px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(4){
     -webkit-transform: translate3d(0,2000px,0);
     transform: translate3d(0,2000px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(5){
     -webkit-transform: translate3d(0,2500px,0);
     transform: translate3d(0,2500px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(6){
     -webkit-transform: translate3d(0,3000px,0);
     transform: translate3d(0,3000px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(7){
     -webkit-transform: translate3d(0,3500px,0);
     transform: translate3d(0,3500px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:nth-child(8){
     -webkit-transform: translate3d(0,4000px,0);
     transform: translate3d(0,4000px,0);
 }
 .panel_style1 .p_main .right .user_menu .submenu.active .step2 .item{
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     -webkit-transition: -webkit-transform 0.8s;
     transition: transform 0.8s;
     -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
     transition-timing-function: cubic-bezier(0.7,0,0.3,1);
     -webkit-transition-duration: 0.9s;
     transition-duration: 0.9s;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link{
     color: #4d4d4f;
     opacity: 0.7;
     display: block;
     font-size: 1.2rem;
     line-height: 24px;
     padding: 6px 28px 6px 15px;
     position: relative;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link:before {
     content: '';
     position: absolute;
     right: 0;
     top: calc(50% - 1px);
     width: 11px;
     height: 1px;
     background-color: #d6d2c5;
     transition: all 0.3s;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link:after {
     content: '';
     position: absolute;
     right: 13px;
     top: calc(50% - 4px);
     width: 4px;
     height: 4px;
     border-radius: 50%;
     border: 2px solid #d6d2c5;
     transition: all 0.3s;
     background: #717177;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link:hover:after,
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link.active_link:after{
     border-color:  rgba(221, 75, 57, 0.7);
     background:  #d6d2c5;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link:hover:before,
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link.active_link:before{
     background-color: rgba(221, 75, 57, 0.6);
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .item:hover{
     background: transparent;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link:hover,
 .panel_style1 .p_main .right .user_menu .submenu .step2 .link.active_link{
     color: #dd4b39;
 }
 .panel_style1 .p_main .right .user_menu .submenu .step2 .count_item{
     background-color: #eae5d7;
     border-radius: 3px;
     color: #515153;
     display: inline-block;
     font-size: 1.1rem;
     height: 20px;
     line-height: 23px;
     margin: auto 0;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 12px;
     text-align: center;
     padding: 0 7px;
 }
 .panel_style1 .p_main > .left .head{
     background: #fff;
     padding: 25px;
     text-align: center;
     background: url(../_images/pattern/pattern_3.png);
 }
 .panel_style1 .p_main > .left .head .title{
     font-size: 1.55rem;
     color: #5b5b60;
     color: #dd4b39;
     line-height: 40px;
     position: relative;
     display: inline-block;
 }
 .panel_style1 .p_main > .left .head .title:before,
 .panel_style1 .p_main > .left .head .title:after{
     position: absolute;
     color: rgb(218, 204, 160);
 }
 .panel_style1 .p_main > .left .head .title:before{
     content: "..::";
     right: -28px;
 }
 .panel_style1 .p_main > .left .head .title:after{
     content: "::..";
     left: -28px;
 }

 .panel_style1 .p_main > .left .head .title3{
     font-size: 1.20rem;
     color: #4d4d4f;
     line-height: 40px;
     position: relative;
     display: block;
 }
 
 .panel_style1 .p_main > .left .body{
     position: relative;
     padding: 40px 70px;
     border: 1px solid #eee;
     border-right: none;
     background: #F8FAFA;
     height: 100%;
     min-height: 600px;
 }
 .panel_style1 .title_style1_result,
 .title_style1_result{
     color: #777;
     position: relative;
     padding: 0 4px 15px 0;
     font-size: 1rem;
 }
 .panel_style1 .title_style1_result .result,
 .title_style1_result .result{
     position: relative;
     margin-left: 25px;
     color: #0061ab;
     font-size: 1.15rem;
     letter-spacing: 0.2px;
 }
 .panel_style1 .title_style1_result .result:after,
 .title_style1_result .result:after{
     content: "::..";
     left: -23px;
     bottom: -2px;
     position: absolute;
     font-size: 1rem;
     line-height: 20px;
     letter-spacing: 1.1px;
 }
 .panel_style1 .title_style1_result .mark,
 .title_style1_result .mark{
     padding: 0 3px;
     color: #ee494f;
 }
.title_style1_result.type2{
    background: #fbfbfb;
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 1.15rem;
}
 /*message_style1*/
 .panel_style1 .message_style1 .comment{
     margin-bottom: 20px;
 }
 .panel_style1 .message_style1 .step1 > .item{
     margin-bottom: 25px;
 }
 .panel_style1 .message_style1 .avatar{
     float: right;
     text-align: center;
 }
 .panel_style1 .message_style1 .comment_reply .avatar{
     float: left ;
 }
 .panel_style1 .message_style1 .avatar .pic{
     width: 70px;
     height: 70px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
     display: inline-block;
     border: 4px solid #FFF;
     -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
     -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);
     box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.35);   
     position: relative;
     z-index: 1;
     border-radius: 0 0 7px 7px;
 }
 .panel_style1 .message_style1 .avatar .name{
     padding: 9px 5px 5px;
     background: #d6d6d6;
     border-radius: 2px;
     font-size: 1rem;
     color: #666;
     z-index: 0;
     top: -10px;
     position: relative;
     min-width: 55px!important;
     max-width: 103px!important;
     overflow: hidden;
     text-align: center;
     transition: all 0.3s;
 }
 .panel_style1 .message_style1 .comment:hover .avatar .name{
     background: #34b6ea;
     color: #fff;
 }
 .panel_style1 .message_style1 .info .arrow{
     position: absolute;
     right: -27px;
     top: 15px;
 }
 .panel_style1 .message_style1 .comment_reply .info .arrow{
     position: absolute;
     left: -13px;
     right: initial;
     top: 15px;
 }
 .panel_style1 .message_style1 .info .arrow:after,
 .panel_style1 .message_style1 .info .arrow:before{
     content: ' ';
     position: relative;
     left: -1px;
     z-index: 2;
     border-style: solid;
     border-color: transparent transparent #f0f0f0 transparent;
     border-width: 0px 7px 10px 7px;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     display: inline-block;
 }
 .panel_style1 .message_style1 .info .arrow:before{
     border-color: transparent transparent #cfcfcf transparent;
     z-index: 1;
     left: -14px;
 }
 .panel_style1 .message_style1 .comment_reply .info .arrow:after,
 .panel_style1 .message_style1 .comment_reply .info .arrow:before{
     -webkit-transform:none;
     transform: none;
     border-color: transparent #fff transparent transparent;
     border-width: 7px 7px 7px 7px;
     
 }
 .panel_style1 .message_style1 .comment_reply .info .arrow:before{
     border-color: transparent #cfcfcf transparent transparent;
     left: -16px;
 }
 .panel_style1 .message_style1 .info{
     min-width: 250px;
     max-width: 80%;
     background: #f0f0f0;
     border-radius: 2px;
     box-shadow: 0 0px 3px #cfcfcf;
     padding: 10px 15px 0 12px;
     margin: 0 20px 0 0;
     float: right;
     position: relative;
 }
 .panel_style1 .message_style1 .comment_reply .info{
     float: left;
     margin: 0 0 0 20px;
     background: #fff;
 }
 .panel_style1 .message_style1 .info .text{
     font-size: 1.2rem;
     line-height: 24px;
     color: #929292;
     text-align: justify;
 }
.panel_style1 .message_style1 .info p{
    font-size: 1.2rem;
    line-height: 24px;
    color: #929292;
    text-align: justify;
}
.panel_style1 .message_style1 .info p a {
    color: #e7376b;
}
 .panel_style1 .message_style1 .info .tools{
     font-size: 1.1rem;
     border-top: 1px solid #dedede;
     margin: 10px 0 0 0;
     padding: 14px 0px 7px;
     display: block;
 }
 .panel_style1 .message_style1 .info .date{
     float: right;
     position: relative;
     padding-right: 24px;
     color: rgba(56, 142, 60, 0.6);
 }
 .panel_style1 .message_style1 .info .date:before{
     content: 'H ';
     font-family: '3dinga';
     position: absolute;
     right: 0;
     font-size: 1.5rem;
 }
 /*form_panel_style1*/
 .panel_style1 .form_panel_style1 .item{
     float: right;
     position: relative;
 }
 .panel_style1 .form_panel_style1 .item.full{
     width: 100%;
 }
 .panel_style1 .form_panel_style1 input ,
 .panel_style1 .form_panel_style1 textarea{
     width: 100%;
     padding:7px 15px;
     border: 1px solid #D8E1E5;
     border-radius: 2px;
     color: #4d4d4f;
     font-size: 1.2rem;
     line-height: 24px;
     text-align: justify;
     /*-webkit-transition: border .3s ease-in-out;
     transition: border .3s ease-in-out;*/
 }
 .panel_style1 .form_panel_style1 textarea{
     height: 150px;
 }
 .panel_style1 .form_panel_style1 textarea:focus,
 .panel_style1 .form_panel_style1 input:focus{
     border-color: rgba(255, 152, 0, 0.49);
 }
 .panel_style1 .form_panel_style1 .item.captcha input{
     width: 50%;
     float: right;
 }
 .panel_style1 .form_panel_style1 .item .captcha_img {
     border: 1px solid #D8E1E5;
     background: #fff;
     height: 45px;
     text-align: center;
     width: 35%;
     float: left;
 }
 .panel_style1 .form_panel_style1 .item.captcha .refresh {
     float: left;
     margin-left: 15px;
     margin-top: 3px;
 }
 .panel_style1 .form_panel_style1 .item.captcha .refresh > i {
     font-size: 2.2rem;
     color: rgba(82,153,160,0.75);
     cursor: pointer;
 }
 .panel_style1 .form_panel_style1 button[type='submit']{
     width: 95px;
     display: inline-block;
     padding: 7px 15px;
     outline: none;
     border: none;
     border-bottom:1px solid #D8E1E5;
     border-top:1px solid transparent;
     background: none;
     border-radius: 2px;
     color: #34b6ea;
     font-size: 1.2rem;
     line-height: 24px;
     text-align: center;
     position: relative;
     top: -7px;
     right: -13px;
     cursor: pointer;
     transition: all 0.3s;
 }
 .panel_style1 .form_panel_style1 button[type='submit']:hover{
     color: #FF9800;
     border-bottom:1px solid #FF9800;
 }
 .panel_style1 .form_panel_style1 button[type='submit']:after,
 .panel_style1 .form_panel_style1 button[type='submit']:before{
     content: '';
     display: inline-block;
     position: absolute;
     bottom: 0;
     top: 0;
     width: 1px;
     background: #d8e1e5;
     transition: all 0.3s;
 }
 .panel_style1 .form_panel_style1 button[type='submit']:hover:before,
 .panel_style1 .form_panel_style1 button[type='submit']:hover:after{
     color: #FF9800;
     background: #FF9800;
 }
 .panel_style1 .form_panel_style1 button[type='submit']:after{
     left: -6px;
     transform: skew(20deg);
 }
 .panel_style1 .form_panel_style1 button[type='submit']:before{
     right: -6px;
     transform: skew(-20deg);
     /*box-shadow: 4px 0px 0px 0px #d8e1e5;*/
 }
 .panel_style1 .form_panel_style1 button[type='submit']:hover:before{
     box-shadow: 4px 0px 0px 0px #FF9800;
 }
 .panel_style1 .form_panel_style1 label.error{
     position: absolute;
     right: 0;
     bottom: -15px;
     font-size: 1rem;
     color: #dd4b39;
 }
 .panel_style1 .form_panel_style1 textarea.error{
     border-color: #dd4b39;
 }
 .panel_style1 .form_panel_style1 .title_head{
     margin-bottom: 20px;
     position: relative;
 }
 .panel_style1 .form_panel_style1 .title_head .text{
     font-size: 1.3rem;
     line-height: 26px;
     color: #666;
     letter-spacing: 0.5px;
     float: right;
     padding-right: 10px;
 }
 .panel_style1 .form_panel_style1 .title_head .return_btn{
     font-size: 1.2rem;
     color: rgba(52, 182, 234, 0.8);
     float: left;
     position: relative;
     top: 8px;
     left: 5px;
 }
 .panel_style1 .form_panel_style1 .title_head .return_btn:after{
     content: 'B';
     font-family: '3dinga';
     font-size: 1.6rem;
     vertical-align: middle;
     margin-right: 5px;
 }
 .panel_style1 .form_panel_style1 .title_head .return_btn:hover{
     color: #FF9800;
 }
 .panel_style1 .form_panel_style1 .title_head .mark{
     position: relative;
     color: #34b6ea;
 }
 .panel_style1 .form_panel_style1 .title_head .mark:after{
     content: ' ';
     position: absolute;
     bottom: -6px;
     right: 0;
     left: 0;
     height: 1px;
     background: #34b6ea;
 }
 .panel_style1 .divider{
     border: none;
     border-top: 3px double #edeeef;
     margin: 20px 0 35px 0; 
 }
 /*pagination*/
 .panel_style1 .pagination_panel{
     text-align: center;
     margin: 40px 0 0;
 }
 .panel_style1 .pagination_panel ul{
     display: inline-block;
 }
 .panel_style1 .pagination_panel .item{
     float: right;
     position: relative;
 }
 .panel_style1 .pagination_panel a,
 .panel_style1 .pagination_panel span{
     display: block;
     color: #666;
     background: #fff;
     padding: 0px 15px;
     font-size: 1.2rem;
     border: 1px solid #e0e0e0;
     margin-left: -1px;
     line-height: 35px;
     transition: all 0.4s ;
 }
 .panel_style1 .pagination_panel a:hover,
 .panel_style1 .pagination_panel span:hover{
     background:#f5f5f5;
 }
 .panel_style1 .pagination_panel .item.active a{
     background: #ee494f;
     color: #fff;
 }
 .panel_style1 .pagination_panel .previous span,
 .panel_style1 .pagination_panel .next span{
     color: #ee494f;
     cursor: pointer;
 }
 .panel_style1 .pagination_panel .previous span{
     border-radius: 0 50px 50px 0;
 }
 .panel_style1 .pagination_panel .next span{
     border-radius: 50px 0 0 50px;
 }
 .panel_style1 .pagination_panel .next:after,
 .panel_style1 .pagination_panel .previous:after{
     content: '';
     position: absolute;
     width: 10px;
     height: 100%;
     top: 0;
 }
 .panel_style1 .pagination_panel .previous:after{
     left: 0;
     background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
 }
 .panel_style1 .pagination_panel .next:after{
     right: 0;
     background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.05)));
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
 }
 /*box_style*/
 /*#1*/
 .panel_box_style1 .item{
     float: right;
     width: 430px;
     text-align: center;
     border: 3px solid #e0d7bd;
     padding: 70px 10px 30px;
     background: #fff;
     position: relative;
     margin-right: 60px;
     margin-bottom: 30px;
 }
 .panel_box_style1.type1 .item{
     width: 200px;
 }
 .panel_box_style1 .item:nth-child(2n+1){
     /*margin-right: 100px;*/
 }
 .panel_box_style1.type1 .item:nth-child(2n+1),
 .panel_box_style1.type1 .item{
     margin: 0 8px 30px;
 }
 .panel_box_style1 .icon{
     position: absolute;
     top: 0;
     width: 85px;
     left: 0;
     right: 0;
     margin: 0 auto;
     background: #e0d7bd;
     font-size: 3.5rem;
     line-height: 60px;
     border-radius: 0 0 3px 3px;
     color: #565658;
 }
 .panel_box_style1.type1 .icon{
     width: 70px;
 }
 .panel_box_style1 .title{
     font-size: 1.4rem;
     line-height: 30px;
     color: #dd4b39;
     margin: 4px 0;
 }
 .panel_box_style1 .text{
     font-size: 1.2rem;
     line-height: 26px;
     color: #565658;
 }
 .panel_box_style1 .text .mark{
     color: #34b6ea;
 }
 /*#2*/
.panel_hint_style1 p{
    font-size: 1.2rem;
    line-height: 27px;
    color: #6c7a8c;
    padding: 10px 15px;
    text-align: justify;
    margin-bottom: 13px;
}
 .panel_hint_style1 .title_head{
     font-size: 1.25rem;
     line-height: 25px;
     color: #dd4b39;
     position: relative;
     padding: 0 38px 0 0;
     margin-bottom: 0;
 }
 .panel_hint_style1 .title_head:before{
     content: '$';
     font-family: '3dinga';
     font-size: 2.5rem;
     vertical-align: middle;
     position: absolute;
     right: 10px;
     top: -5px;
     color: #34b6ea;
 }
 
 /*table_factor*/
 .panel_style1 .table_factor .tools_factor{
     margin-bottom: 10px;
     padding: 0 5px;
 }
 .panel_style1 .table_factor .tools_factor .return_btn,
 .panel_style1 .table_factor .tools_factor .print_factor{
     color: rgba(56, 142, 60, 0.6);
     float: left;
     transition: all 0.3s;
 }
 .panel_style1 .table_factor .tools_factor .print_factor{
     border-left: 1px solid #d9e4e6;
     margin-left: 10px;
     padding-left: 10px;
 }
 .panel_style1 .table_factor .tools_factor .return_btn:hover,
 .panel_style1 .table_factor .tools_factor .print_factor:hover{
     color: rgba(56, 142, 60, 1);
 }
 .panel_style1 .table_factor .tools_factor .return_btn:after,
 .panel_style1 .table_factor .tools_factor .print_factor:after{
     font-family: '3dinga';
     font-size: 1.6rem;
     vertical-align: middle;
 }
 .panel_style1 .table_factor .tools_factor .return_btn:after{
     content: 'B';
 }
 .panel_style1 .table_factor .tools_factor .print_factor:after{
     content: '%';
 }
 .panel_style1 .table_factor{
     width: 100%;
     overflow: auto;
     /*min-width:800px;*/
     text-align: right;
 }
 .panel_style1 .table_factor tr{
     line-height: 40px;
 }
 .panel_style1 .table_factor table{
     width: 100%;
     background: #fff;
     vertical-align: middle;
     border-collapse: collapse;
 }
 .panel_style1 .table_factor > table {
     border: 1px solid #D9E4E6;
     border-bottom: none;
     min-width: 500px;
 }   
 .panel_style1 .table_factor .title{
     font-size: 1.2rem;
     line-height: 40px;
     color: #dd4b39;
     padding-right: 10px;
     background-color: #f0f3f5;
     border-collapse: collapse;
     border: 1px solid #D9E4E6;
     border-left: none;
     border-right: none;
     border-top: none;
 }
 .panel_style1 .table_factor .name{
     width: 20%;
     font-size: 1.1rem;
     color: #8992a0;
     text-align: center;
     background-color: #f8f8f8;
     border: 1px solid #D9E4E6;
 }
 .panel_style1 .table_factor .val{
     font-size: 1.1rem;
     width: 30%;
     padding: 0 7px;
     color: #54626b;
     border: 1px solid #D9E4E6;
     border-left: none;
     border-right: none;
 }
 /*rsv_panel*/
/*  #rsv_panel{
    display: block;
    width: 270px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    z-index: 9999;
    transition: all .5s;
    direction: rtl;
} */
 #rsv_panel.active{
     right: 0;
 }
 .panel_style1.type2 .user_menu{height: initial!important;}
 .panel_style1.type2 .p_head > .left,
 .panel_style1.type2 .p_head > .right,
 .panel_style1.type2 .p_main .right{
     float: none!important;
     width: 100%!important;
 }
 .panel_style1.type2 .p_head > .right .title{
     padding-right: 0px!important;
     text-align: center;
 }
 .panel_style1.type2 .p_head > .left .item {
     width: 27%!important;
 }
 .panel_style1.type2 .p_head > .left .item.balance {
     width: 45%!important;
 }
 .panel_style1.type2 .p_main .right .user_menu .step1{
     height: 100%;
 }
 .panel_style1.type2 .have_scroll_rsv:before {
     content: ' ';
     position: absolute;
     top: 0;
     left: 0;
     right: 10px;
     bottom: 0;
     background: #F2EEE2;
     border-top-right-radius: 3px;
 }
 #rsv_panel .have_scroll_rsv{
     position: relative;
     height:100%;
     /*max-height: 700px;*/
 }
 #rsv_panel .have_scroll_rsv .mCSB_inside > .mCSB_scrollTools,
 #rsv_panel .have_scroll_rsv .mCSB_outside + .mCSB_scrollTools{
     left: auto;
     right: 11px;
 }
#rsv_panel .have_scroll_rsv .mCSB_inside > .mCSB_container {
    margin-left: 0;
}
 #rsv_btn{
    width: 50px;
    height: 50px;
    background: #4d4d4f;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 99;
    box-shadow: 2px 2px 7px rgba(0,0,0,.3);
    cursor: pointer;
    border-radius: 2px;
    display: none;
    transition: all 0.3s;
}
#rsv_btn:hover{
    box-shadow: 2px 2px 7px rgba(0,0,0,0);
}
#rsv_btn .icon{
    font-size: 3rem;
    color: #f2eee2;
    line-height: 50px;
    display:block;
    text-align: center;
}
#rsv_btn .icon:hover{
    color: #d8ca9d;
}
/*********************** version sidebar responsive ****************/
.panel_style1 .p_main .right .user_asset{
    position: relative;
    display: none;
}
.panel_style1 .p_main .right .user_asset .intro .logout{
    position: absolute;
    top: 11px;
    right: 35px;
    color: rgba(255, 255, 255, .8);
    font-size: 2.1rem;
    transition: none;
}
.panel_style1 .p_main .right .user_asset .intro .title{
    color: #cfcdd0;
    font-size: 1.5rem;
    line-height: 55px;
    padding-right: 70px;
    letter-spacing: 0.3px;
}
.panel_style1 .p_main .right .user_asset .notification .item{
    float: left;
    position: relative;
    width: 28%;
    text-align: center;
    padding-right: 15px;
}
.panel_style1 .p_main .right .user_asset .notification .item:after{
    content: ' ';
    position: absolute;
    width: 1px;
    right: 0;
    top: 5px;
    bottom: 5px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
}
.panel_style1 .p_main .right .user_asset .notification .item:last-child:after{content: none;}
.panel_style1 .p_main .right .user_asset .notification .item a{
    position: relative;
    display: block;
    line-height: 22px;
    height: 55px;
    padding-top: 15px;
}
.panel_style1 .p_main .right .user_asset .notification .item .number{
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 8px;
    min-width: 20px;
    border-radius: 2px;
    text-align: center;
    font-size: 1.0rem;
    line-height: 13px;
    background: #777;
    background: #cfcdd0;
    color: #736480;
    padding: 2px 3px 0;
    cursor: default;
}
.panel_style1 .p_main .right .user_asset .notification .item .number:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    border-style: solid;
    border-width: 3px;
    border-color: #cfcdd0 transparent transparent #cfcdd0;
}
.panel_style1 .p_main .right .user_asset .notification .item .icon{
    color: rgba(255, 255, 255, .8);
    font-size: 1.9rem;
    display: inline-block;
}
.panel_style1 .p_main .right .user_asset .notification .item .tooltip{
    width: 77px;
    text-align: center;
    left: 0;
    top: 30px;
    line-height: 25px;
    display: block;
    opacity: 0;
    /* -webkit-transition: all .3s; */
    color: #cfcdd0;
    transition: all .3s;
    font-size: 1rem;
    background: rgba(0, 0, 0, .7);
}
.panel_style1 .p_main .right .user_asset .notification .item .tooltip span{
    position: relative;
}
.panel_style1 .p_main .right .user_asset .notification .item.balance a {
    line-height: initial;
    padding: 9px 0px;
    color: #d3c69a;
    font-size: 1.1rem;
}
.panel_style1 .have_scroll_rsv:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    bottom: 0;
    background: #F2EEE2;
    border-top-right-radius: 3px;
}
.have_scroll_rsv .overflowYNone{overflow: initial!important;}
#rsv_panel .have_scroll_rsv .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{height: inherit;}
#rsv_panel.active .have_scroll_rsv .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{height: initial;}
.panel_style1 .p_main #rsv_panel.active .user_menu .step1 .item.active{margin-left: 0;}

/**************************** prefactor *******************************/
.factor_preview .box_style8{
    width: 85%;
}
.factor_preview .btn_style2{
    margin: 40px auto 10px auto;
}
    /**************************** panel *******************************/
 .panel .inner{
     padding-top: 30px;
 }
 .panel.change_pass .panel_style1 .body{
     padding-left: 200px;
     padding-right: 200px;
 }
 .panel.message .panel_style1 .body,
 .panel.no-padding .panel_style1 .body{
     padding-left: 35px;
     padding-right: 35px;
 }
 .panel.message .panel_style1 .body .form_style2{
     padding-left: 55px;
     padding-right: 55px;
 }
 .panel.message .panel_style1 .form_panel_style1{
     padding-bottom: 30px;
     margin-bottom: 50px;
     border-bottom: 1px dashed #c7d7de;
 }
 .panel .box_style1 .item{
     margin: 0 0 30px 3.2%;
 }
 .panel.notice .form_style2 .part{
     float: right;
     width: 50%;
     padding: 0 10px;
 }
 .panel.notice .form_style2 .part .title_style2{
     margin-bottom: 15px;
 }
 .panel.notice .form_style2 .result_style2{
     margin: 0;
 }
 .panel.notice .form_style2 .item{
     margin: 7px 0;
     padding: 0;
 }


 /*Vue Select */
.vueSelect{
    cursor: pointer;
}
.vueSelect:after{
    content: 'r';
    font-family: '3dinga';
    position: absolute;
    left: 6px;
    bottom: 0;
    top: 0;
    font-size: 1.1rem;
    line-height: 33px;
    color: #dadada;
}
.vueSelect.multiple:after{
    content: 'r';
    font-family: '3dinga';
    position: absolute;
    left: 6px;
    bottom: 0;
    top: 0;
    font-size: 1.1rem;
    line-height: 33px;
    color: #dadada;
    opacity: 0;
}
.vueSelect.side_box_shadow{
    padding: 0;
}
.vueSelect .dropdown{
    cursor: pointer;
    height: 40px;
}
.vueSelect .dropdown *{
    text-align: right;
}
.vueSelect .v-select .dropdown-toggle {
    /*border:none;*/
    border-radius: 2px;
    cursor: pointer;
    padding-left: 30px;
    height: 40px;
    border: 1px solid #e5e5e5;
}
.vueSelect.multiple .v-select .dropdown-toggle{
    min-height: 40px;
    height: initial;
    border: 1px dashed #b6d6b7;
    background: rgba(60, 145, 64, 0.04);
}
.vueSelect .v-select .dropdown-toggle .open-indicator:before{
    border-width: 1px 1px 0 0;
    height: 6px;
    width: 6px;
}
.vueSelect .v-select .dropdown-toggle .open-indicator{
    right: auto;
    left: 8px;
    top: 16px;
}
.vueSelect .v-select .form-control,
.vueSelect .v-select input[type=search]:focus {
    float: right;
    font-size: 1.2rem;
    height: 38px;
    direction: rtl;
    cursor: pointer;
    /*display: none;*/
}
.vueSelect .v-select .selected-tag .close {
    vertical-align: sub;
    font-size: 17px;
}
.vueSelect.multiple .v-select .selected-tag .close {
    vertical-align: sub;
    font-size: 17px;
    float: right;
    margin-left: 5px;
    margin-top: 4px;
}
.vueSelect .v-select .selected-tag .close:hover {     color: #ff5151;opacity: 0.7; }

.vueSelect .v-select .no-options {
    cursor: pointer;
    width: 100%;
}
.vueSelect .v-select .selected-tag{
    margin-top: 7px;
    float: right;
    margin-right: 7px;
    border-radius: 2px;
    padding: 1px 5px;
    display: none;
    border:none;
    background-color: rgb(220, 231, 236);
    font-size: 1.1rem;
    color: #7e888c;
    letter-spacing: 0.2px;
    border: solid 1px rgba(190, 199, 203, 0.35);
    border-radius: 3px;
}
.v-select.single.open .selected-tag {
    position: absolute;
    opacity: .5;
    right: 0;
    top: 1px;
}
.vueSelect .v-select .selected-tag{
    display: inline-block;
}
.vueSelect .v-select.searchable .dropdown-toggle{
    cursor: pointer;
}
.vueSelect .v-select .dropdown-menu {
    /*border: none;*/    
    border: 1px solid #e5e5e5;
    overflow-y: auto;
    border: 1px solid #efefef;
    border-radius: 0;
    margin-top: 5px;
     padding: 7px;
    width: 100%;
    box-shadow: 0 2px 9px -1px rgba(0,0,0,.1), inset 0px 3px 10px -4px rgba(60, 145, 64, 0.3);
}
.vueSelect.multiple .v-select .dropdown-menu {
    margin-top: 0;
}
.vueSelect .v-select li {
    text-align: right;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 2px 0;
    font-size: 1.15rem;
    line-height: 25px;
    color: #b9b9b9;
}
.vueSelect .v-select li:last-child{
    border-bottom: none;
    direction: rtl;
}
.vueSelect .v-select .dropdown-menu>.highlight>a {
    background: rgba(102, 169, 117, 0.12);
    color: #34b6ea;
}
.vueSelect .v-select .dropdown-menu>.highlight>a :before{
     color: #34b6ea;
}
.vueSelect .v-select li a:before{
    content: 'm';
    font-family: '3dinga';
    font-size: 1.2rem;
    vertical-align: middle;
    position: absolute;
    right: 10px;
}
.vueSelect .v-select li.active:before{
    display: block;
}
.vueSelect .v-select li a{
    padding: 8px 30px 8px 13px;
    color: #888;
    position: relative;
}

.vueSelect.multiple .v-select .dropdown-menu .active>a{
    color: #f5a950!important;
}
.select_style1.vueSelect .v-select{
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    bottom: 0;
    z-index: 5;
}
.select_style1.vueSelect.multiple .v-select{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 80%;
    margin: 0 auto;
}
.select_style1.vueSelect.multiple .v-select.open{
    z-index: 1;
}

.select_style1.vueSelect .v-select .dropdown-toggle{
    opacity: 0;    
}
.select_style1.vueSelect.multiple .v-select .dropdown-toggle{
    opacity: 1;    
}
.select_style1.vueSelect .select1_placeholder{
    font-size: 1.2rem;
    line-height: 24px;
    color: #34b6ea;
    text-shadow: 0 0;
    display: inline-block;
    margin-right: 5px;
}
.vuew50{
    width: 50% !important;
}
.vuew100{
    width: 100% !important;
}
.item.vuew100 .dropdown.v-select.searchable{
    width: 90%;
}
/*End Vue Select*/

/**************************** PLAN STYLE *******************************/
.plan_style1{
    width: 80%;
    margin: 50px auto 70px;
    direction: rtl;
}
.plan_style1 .ps1_item{
    width: 18%;
    display: inline-block;
    margin: 0 3% 70px;
    min-height: 300px;
    border: solid 1px #d7dae8;
    padding: 20px 20px 65px;
    text-align: center;
    position: relative;
}
.plan_style1 .ps1_item:before{
    content: '';
    position: absolute;
    right: 5px; bottom: -55px;
    height: 180px; width: 63px;
    border-left: solid 1px #d7dae8;
    z-index: 1;
    transform: rotate(45deg);
    /*background-color: #fff;*/
}
.plan_style1 .icon{
    font-size: 6rem;
}
.plan_style1 .ps1_item .ps1_icon{
    height: 125px; width: 53%;
    background: none no-repeat center center / contain;
    margin-bottom: 25px;
    background-color: #fff;
    position: absolute;
    margin: 0 auto;
    right: 0;left: 0;top: -64px;

    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%2…%200.3333%200.3333%200%200%200%200%200%201%200/></filter></svg>#grayscale");
    filter: grayscale(40%);
    -webkit-filter: grayscale(40%);
    -moz-filter: grayscale(40%);
    -ms-filter: grayscale(40%);
    -o-filter: grayscale(40%);
    filter: gray;
    opacity: .8;
}
.plan_style1 .ps1_item .ps1_name{
    display: block;
    font-size: 1.65rem;
    position: relative;
    margin-bottom: 20px;
    border-bottom: solid 1px #e8e8e8;
    color: #30344d;
    line-height: 55px;
    letter-spacing: 1px;
}
.plan_style1 .ps1_item .ps1_info .ps1_item2{
    list-style: none;
    line-height: 40px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    color: #5b6290;
    margin-bottom: 5px;
    border-bottom: solid 1px rgba(232, 232, 232, 0.7);
    direction: rtl;
}
.plan_style1 .ps1_item .ps1_price_box{
    position: absolute;
    right: 10px;bottom: 10px;
    /*background-color: #fff;*/
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: #30344d;
    z-index: 2;
}
.plan_style1 .ps1_item .ps1_price_box .price{
    display: block;
    font-size: 1.4rem;
    color: #eac86a;
}
.plan_style1 .ps1_item .ps1_btn{
    position: absolute;
    bottom: -60px; right: -1px; left: 0;
    line-height: 40px;
    background-color: #30344D;
    z-index: 2;
    color: #fff;
    font-size: 1.3rem;
    letter-spacing: 1px;
}
/*.plan_style1 .ps1_item .ps1_btn:before{
    content: '';
    position: absolute;
    bottom: 100%;right: 0px;
    height: 20px;
    border-right: solid 1px #d7dae8;
}*/
.plan_style1 .ps1_item.active{border-color:#fbe4ed;}
.plan_style1 .ps1_item.active:before{border-left-color: #fbe4ed;}
.plan_style1 .ps1_item.active .ps1_icon{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    opacity: 1;
}
.plan_style1 .ps1_item.active .ps1_btn{background-color: #eac86a;color: #30344D}
.plan_style1 .ps1_item.active .ps1_btn:before{border-right-color: #fcebf2;}

/* type2 */
.plan_style1.half{width: 49%;}
.plan_style1.type2 .ps1_item{
    width: 100%;
    margin: 20px 0 0;
}
.plan_style1.type2 .ps1_item.active .ps1_icon,
.plan_style1.type2 .ps1_item:before,
.plan_style1.type2 .ps1_item .ps1_price_box{background-color: #fafafa;}


/* switchbox */
.switchbox{
    width: 230px;
    margin: 0 auto;
}
.switchbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 230px;
    height: 35px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
}
.switchbox label span.on,
.switchbox label span.off {
    position: absolute;
    top: 0;
    width: 50%;
    line-height: 2.2;
    font-size: 12px;
    font-weight: 600;
    height: 16px;
    padding: 2px 0;
    text-align: center;
}
.switchbox span.on {
    color: black;
    left: inherit;
    right: 0;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.switchbox span.off {
    left:0;
    color: black;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.switchbox input {
    display: none;
}
.switchbox input:checked + label:before {
    color: black;
}
.switchbox input:checked + label:after {
    color: #737373;
}
.switchbox input + label:before {
    transition:0.3s;
    content:""; display:block;
    width:50%;
    height:33px;
    position:absolute;
    right:0;
    top:0;
    background: #88c7e4; /* W3C */
}

.switchbox input:checked + label:before {
    right:50%;
}
ul.ps1_step1{
    text-align: center;
    margin: 0 auto;
}
.owl-carousel .owl-stage {
    margin: 0 auto;
}
.download_password{
    cursor: pointer;
}

.ltr_direction{
    direction: ltr !important;
    text-align: left;
}