@charset "utf-8";

:root {
    --rootWidth: 1180px;
    --buttonWithBorderBorderColor: #000;
    --buttonWithBorderBgColor: #FFF;
    --buttonWithBorderFontColor: #000;
    --buttonWithBorderHoverColor: #000;
    --buttonWithBorderHoverBgColor: #000;
    --buttonWithBorderHoverFontColor: #FFF;
    --buttonWithBorderHoverShadow: 0 0 4px 2px rgb(0 0 0 / 40%);

    --buttonBackgroundColor: #000;
    --buttonFontColor: #FFF;
    --buttonHoverBackgroundColor: #000;
    --buttonHoverFontColor: #FFF;
    --buttonHoverShadow: 0 0 4px 2px rgb(0 0 0 / 40%);

    --inputWithBorderBorderColor: #EEE;
    --inputWithBorderBgColor: #FFF;
    --inputWithBorderFontColor: #000;
    --inputWithBorderFocusBorderColor: #000;
    --inputWithBorderFocusShadow: 0 0 4px 4px rgb(0 0 0 / 40%);
}

body {
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
body,div,ul,li,table,dt,dd,td,th,ol,input,textarea,select,a,img,font,strong,em,span,p,h1,h2,h3,h4,dl,dt,dd { 
    margin: 0; 
    padding: 0;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#oveyhidden {
    overflow: hidden;
}
.layout {
    width: 100vw;
}

.aease { 
    text-decoration: none; 
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
}
input,textarea { 
    border: none; 
    outline: none
}

.radius3 {-webkit-border-radius:3px;  -moz-border-radius:3px;  -ms-border-radius:3px;  -o-border-radius:3px;  border-radius:3px;}
.radius4 {-webkit-border-radius:4px;  -moz-border-radius:4px;  -ms-border-radius:4px;  -o-border-radius:4px;  border-radius:4px;}
.radius4t {-webkit-border-radius:4px 4px 0 0;  -moz-border-radius:4px 4px 0 0;  -ms-border-radius:4px 4px 0 0;  -o-border-radius:4px 4px 0 0;  border-radius:4px 4px 0 0;}
.radius4b {-webkit-border-radius:0 0 4px 4px;  -moz-border-radius:0 0 4px 4px;  -ms-border-radius:0 0 4px 4px;  -o-border-radius:0 0 4px 4px;  border-radius:0 0 4px 4px;}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}

ol, ul, li {
	list-style: none;
}


input, textarea, select {
    outline: none !important;
    -webkit-appearance: none;
}

.hidden {
	display: none;
}
.show { 
    display: block !important;
}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}

.tada:hover {
	-webkit-animation: tada ease-in-out 1 normal 800ms;
	-moz-animation: tada ease-in-out 1 normal 800ms;
	-ms-animation: tada ease-in-out 1 normal 800ms;
	-o-animation: tada ease-in-out 1 normal 800ms;
	animation: tada ease-in-out 1 normal 800ms;
}

.animated {
	opacity: 1;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.clear {
	float: left;
	clear: both;
	width: 100%;
}

.loading {
    position: fixed;
    z-index: 1009;
    width: 100%;
    height: 3px;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 0);
}
.loading-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
/*--------------------------------------------progress------------------------------------------*/
.progress-bar {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #FFF;
    overflow: hidden;
    position: relative;
}
.progress-bar:after, .progress-bar:before {
    content: "";
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left,right;
}
.progress-bar:before {
    animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
}
.progress-bar:after {
    animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation-delay: 1.15s;
}
@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    100% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    100% {
        left: 107%;
        right: -8%
    }
}


.button {
    height: 40px;
    border: none;
    outline: none;
    transition:all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    user-select: none;
    position: relative;
    overflow: hidden;
    display: flex;
}
.button-redirect::after {
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #FFF;
    opacity: 0;
    cursor: default;
}
.button-text {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.button-text i {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}
.button-text i svg {
    max-width: 100%;
    max-height: 100%;
}
.button-text span {
    font-size: 12px;
    font-weight: bold;
}
.button-loading {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    text-align: center;
    display: none;
    cursor: default;
}
.button-loading div {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.button-loading div i {
    width: 20px;
    height: 20px;
    color: #FFF;
    vertical-align: middle;
    pointer-events: none;
    border: .2em solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;
    -webkit-animation: 1s loading linear infinite;
    animation: 1s loading linear infinite;
    position: relative;
    
}
.button-loading div i:before {
    content: '';
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: -.2em;
    left: -.2em;
    border: .2em solid currentcolor;
    border-radius: 50%;
    opacity: .5;
}
/*loading*/
@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*-------------------------------alert------------------------------*/
.alert {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999999999999;
}
.alert-overlay {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0/0.8);
    z-index: 1;
}
.alert-box {
	position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 20px);
    max-width: 400px;
    min-height: 200px;
    transform: translate(-50%, -50%);
    background: #FFF;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
}
.alert-close {
	position: absolute;
	width: 50px;
	height: 50px;
	right: 10px;
	top: 10px;
	padding: 17px;
	color: #B5C2CD;
	cursor: pointer;
	user-select: none;
}
.alert-close:hover {
	color: #555;
}
.alert-content {
	float: left;
	width: 100%;
	padding: 70px 50px 30px 50px;
	text-align: center;
	font-size: 14px;
    font-weight: 300;
    font-family: LetterGothic;
    color: #262A2F;
}
.alert-btn {
	float: left;
	width: 100%;
	padding: 30px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.alert-btn-close {
	width: 100px;
	height: 40px;
	text-align: center;
	background: var(--buttonBackgroundColor);
	color: var(--buttonFontColor);
	cursor: pointer;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 4px;
}
.alert-btn-close:hover {
	box-shadow: 0 0 0 4px var(--buttonFocusShadow);
}

/*------------------------------------setting------------------------------*/
.setting {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1010;
}
.setting-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0/0.5);
    z-index: 1;
}
.setting-main {
    position: absolute;
    width: calc(100% - 20px);
    max-width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    z-index: 2;
    padding: 40px 20px 20px 20px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}
.setting-close {
    width: 40px;
    height: 40px;
    background: #FFF;
    border-radius: 6px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    user-select: none;
}
.setting-close::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 1px;
	top: 20px;
	left: 10px;
	background: #000;
	transform: rotate(45deg);
}
.setting-close::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 1px;
	top: 20px;
	left: 10px;
	background: #000;
	transform: rotate(-45deg);
}
.setting-ship, .setting-currency {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.setting-ship-head, .setting-currency-head {
    font-size: 18px;
}
.setting-ship-box, .setting-currency-box {
    width: 100%;
    margin-top: 10px;
    position: relative;
    display: flex;
}
.setting-ship-box {
    z-index: 2;
}
.setting-currency-box {
    z-index: 1;
}

.setting-ship-box-head, .setting-currency-box-head {
    width: 100%;
    height: 40px;
    border: #999 1px solid;
    border-radius: 6px;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
    position: relative;
    font-family: sf-compact-text-medium;
    color: #000;
    display: flex;
    align-items: center;
}
.setting-ship-box-head::after, .setting-currency-box-head::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.setting-ship-box-head-country, .setting-currency-box-head-country {
    font-size: 14px;
    color: #000;
}
#setting-ship-box .setting-ship-box-head, #setting-currency-box .setting-currency-box-head {
    border-radius: 6px 6px 0 0;
    border-bottom: none;
}
#setting-ship-box .setting-ship-box-head::after, #setting-currency-box .setting-currency-box-head::after {
    border-bottom: 6px solid #000;
    border-top: unset;
}
.setting-ship-box-list, .setting-currency-box-list {
    position: absolute;
    width: 100%;
    top: 40px;
    left: 0;
    border-radius: 0 0 6px 6px;
    background: #FFF;
    border: #999 1px solid;
    border-top: none;
    display: none;
}
#setting-ship-box .setting-ship-box-list, #setting-currency-box .setting-currency-box-list {
    display: block;
}
.setting-ship-box-list-search, .setting-currency-box-list-search {
    float: left;
    width: 100%;
    height: 60px;
    padding: 10px;
    position: relative;
    display: flex;
}
.setting-ship-box-list-search-input, .setting-currency-box-list-search-input {
    width: 100%;
    height: 100%;
    padding: 0 50px 0 10px;
    border: #DDD 1px solid;
    background: #fafafa;
    border-radius: 6px;
}
.setting-ship-box-list-search-input:focus, .setting-currency-box-list-search-input:focus {
    border-color: var(--inputWithBorderBorderColor);
    -webkit-box-shadow: 0 0 0 4px #CCC;
    box-shadow: var(--inputWithBorderFocusShadow);
}
.setting-ship-box-list-search-ico, .setting-currency-box-list-search-ico {
    position: absolute;
    width: 40px;
    height: 100%;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.setting-ship-box-list-box, .setting-currency-box-list-box {
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    overflow-y: overlay;
}
.setting-ship-box-list-box-ul, .setting-currency-box-list-box-ul {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.setting-ship-box-list-box-li, .setting-currency-box-list-box-li {
    width: 100%;
    height: 36px;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    padding: 0 7px 0 10px;
    user-select: none;
    display: flex;
    align-items: center;
}
.setting-ship-box-list-box-li:hover, .setting-currency-box-list-box-li:hover {
    background: #fafafa;
}
.setting-currency-box-head-ico {
    font-size: 14px;
    margin-right: 5px;
}
.setting-currency-box-list-box-li-ico {
    font-style: normal;
    margin-right: 10px;
}
.setting-button {
    width: 100%;
    height: 46px;
    background: var(--buttonBackgroundColor);
    color: var(--buttonFontColor);
    border-radius: 6px;
}
.setting-button:hover {
    background: var(--buttonHoverBackgroundColor);
    color: var(--buttonHoverFontColor);
    box-shadow: var(--buttonHoverShadow)
}
.setting-button .button-text span {
    color: #FFF;
    font-family: sf-compact-text-medium;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
}

/*-------------------------------------mediaupload----------------------------------*/
.mediaupload {
    width: 100%;
    display: flex;
	flex-direction: column;


}
.mediaupload::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	cursor: pointer
}
.mediaupload::-webkit-scrollbar-track {
	background:#f1f1f1;
} 
.mediaupload::-webkit-scrollbar-thumb {
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	border-radius: 7px; 
	background:#555;
}
.mediaupload-result {
	margin-top: 20px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, calc(20% - 16px));
    grid-gap: 20px;
}
.mediaupload-form {
	width: 100%;
	height: 100px;
	overflow: hidden;
    position: relative;
    user-select: none;
}
.mediaupload-form:hover {
	border-color: #000;
}
.mediaupload-form:hover .mediaupload-form-text {
	color: #333;
}
.mediaupload-ico {
	position: absolute;
    width: 100%;
    height: 100%;
	left: 0;
	top: 0;
	background: #eee;
    border-radius: 4px;
    overflow: hidden;
    color: #999;
	cursor: pointer;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.mediaupload-ico:hover {
	color: #000;
}
.mediaupload-ico:hover span {
	color: #000;
}
.mediaupload-ico i {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mediaupload-ico span {
	font-family: sf-compact-text;
    font-weight: 300;
    font-size: 14px;
	color: #333;
}
.mediaupload-form-input {
	position: absolute;
    width: 100%;
    height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
}
.mediaupload-image {
    height: 0;
    padding-bottom: 100%;
	background: #eee;
    border-radius: 4px;
	overflow: hidden;
	user-select: none;
    position: relative;
}
.mediaupload-image-ghost {
	opacity: 0;
}
.mediaupload-image-loading {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    text-align: center;
    cursor: default;
	z-index: 2;
}
.mediaupload-image-loading div {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mediaupload-image-loading i {
    width: 20px;
    height: 20px;
    color: #000;
    vertical-align: middle;
    pointer-events: none;
    border: 2px solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;
    -webkit-animation: 1s loading linear infinite;
    animation: 1s loading linear infinite;
    position: relative;
}
.mediaupload-image-loading i:before {
    content: '';
    display: block;
    width: inherit;
    height: inherit;
    position: absolute;
    top: -2px;
    left: -2px;
    border: 2px solid currentcolor;
    border-radius: 50%;
    opacity: .5;
}
.mediaupload-image-response {
	position: absolute;
    z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mediaupload-image-response::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: move;
	z-index: 1;
}
.mediaupload-image-response-ico {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	right: 5px;
	font-size: 12px;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
.mediaupload-image-response-media {
	max-width: 100%;
	max-height: 100%;
}
.mediaupload-image-response-action {
	position: absolute;
	z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 32px;
    height: 32px;
    display: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: default;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mediaupload-image-response-action-delete {
    width: 32px;
    height: 32px;
    color: #DDD;
	font-size: 16px;
	font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mediaupload-image-response-action-delete:hover {
	color: #FFF;
}
/*---------------------------------duser-----------------------------------*/
.duser {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1009;
    display: none;
}
.duser-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0/0.8);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.duser-box { 
    position: absolute; 
    width: 750px; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%);
    background:#FFF; 
    z-index: 2;
}

.dusersocial { float:left; width:100%; padding:30px 30px 20px 30px; border-bottom:#DDD 1px solid;}
.duserlogo { float:left; margin-top:10px;}

.duserbox { float:left; width:100%; border-bottom: 1px solid #e5e5e5;}
.dlogin { float:left; width:100%;}
.dloginleft { float:left; width:50%; padding:30px; border-right:#DDD 1px solid;}
.dlogintitle { float:left; width:100%; margin-bottom:30px; font-size:24px; color:#333; text-align:center;}
.dloginlan { float:left; width:100%; margin-bottom:10px; position:relative;}
.dloginlan .fa { position:absolute; left:0; top:0; font-size:20px; color:#999; width:40px; height:40px; line-height:40px; text-align:center;}
.dloginlan input { float:left; width:100%; height:40px; padding-left:40px; padding-right:30px; vertical-align: middle; font-size:15px; color:#333; border:none; -webkit-border-radius: 3x; -moz-border-radius:3px; border-radius:3px; background: rgba(0,0,0,0.07); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);}

.dloginmsg,.dregmsg { float:left; width:100%; text-align:center; font-size:12px; margin-bottom:10px; color:#000; display:none;}

.dloginbtn, .dregbtn { 
    float:left; 
    width:100%; 
    height:40px; 
    background: #333;
    border: 3px #666 solid;
    border-radius: 3px;
    margin-bottom:30px; 
}
.dloginbtn .button-text, .dregbtn .button-text {
    color: #FFF;
}
.dloginbtn:hover, .dregbtn:hover {
	border-color: #444;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dloginforgot { float:left; width:100%; text-align:center;}
.dloginforgot a { display:inline-block; font-size:12px; color:#555;}
.dloginforgot a:hover { text-decoration:underline;}

.dloginright { float:right; width:50%;}
.dloginrighttitle { float:left; width:100%; text-align:center; margin-top:60px;  font-size:24px; color:#333;}
.dloginrighttext {  float:left; width:100%; text-align:center; margin-top:40px;  font-size:12px; color:#333;}
.dloginrightlink {  float:left; width:100%; text-align:center; margin-top:10px;
	user-select:none; 
	-moz-user-select: none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	-khtml-user-select:none;
}
.dloginrightlink span { display:inline-table; height:40px; padding:0 30px; background:rgba(0,0,0,0.3); line-height:40px; font-size:14px; font-weight:bold; color:#FFF; -webkit-border-radius: 3x; -moz-border-radius:3px; border-radius:3px; cursor:pointer; transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;}
.dloginrightlink span:hover { background:#888;}

/*--dreg--*/
.dreg { float:left; width:100%;}
.dregleft { float:left; width:50%; padding:30px; border-right:#DDD 1px solid;}
.dreglan { float:left; width:100%; margin-bottom:10px; position:relative;}
.dreglan .fa { position:absolute; left:0; top:0; font-size:20px; color:#999; width:40px; height:40px; line-height:40px; text-align:center;}
.dreglan input { float:left; width:100%; height:40px; font-size:15px; padding-left:40px; padding-right:30px; color:#333; -webkit-border-radius: 3x; -moz-border-radius:3px; border-radius:3px; background: rgba(0,0,0,0.07); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);}


.dreagree { float:left; width:100%;}
.dreagreelan { float:left; width:100%; margin-bottom:5px;}
.dreagreelan input { float:left;}
.dreagreelan span { float:left; font-size:12px; color:#555; margin-left:10px;}
.dreagreelan span a { color:#888; text-decoration:underline;}

.dregright { float:right; width:50%;}
.dregrighttitle { float:left; width:100%; text-align:center; margin-top:60px;  font-size:24px; color:#333;}
.dregrighttext {  float:left; width:100%; text-align:center; margin-top:40px;  font-size:12px; color:#333;}
.dregrightlink {  float:left; width:100%; text-align:center; margin-top:10px;
	user-select:none; 
	-moz-user-select: none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	-khtml-user-select:none;
}
.dregrightlink span { display:inline-table; height:40px; padding:0 30px; background:rgba(0,0,0,0.3); -webkit-border-radius: 3x; -moz-border-radius:3px; border-radius:3px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF;  cursor:pointer; transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;}
.dregrightlink span:hover { background:#888;}
.dregrightinfo {  float:left; width:100%; text-align:center; margin-top:30px;}
.dregrightinfo font { color:#e0b2aa; font-weight:bold;}

.duserbottom { float:left; width:100%; padding:20px 30px; line-height:20px; font-size:13px; border-top: 1px solid #fff; background:#F6F6F6; color:#999;}
/*------social-start--------*/
.dfacebook { 
    float:right; 
    width:235px; 
    color:#FFF; 
    background:transparent linear-gradient(#5676BC, #31497B) repeat scroll 0% 0%; 
    border-width:1px; 
    border-style:solid; 
    border-color:#31497B #293E69 #293E69; 
    text-shadow: 0px 1px #FFF; 
    -webkit-border-radius: 3x; 
    -moz-border-radius:3px; 
    border-radius:3px; 
    overflow:hidden; 
    cursor:pointer; 
}
.dfacebook i { 
    float:left; 
    width:40px; 
    height:40px; 
    text-align:center; 
    background:rgba(255, 255, 255, 0.08); 
    box-shadow:1px 0px 0px rgba(0, 0, 0, 0.05); 
    line-height:40px; 
    font-size:24px; 
}
.dfacebook .button { 
    float:left; 
    width: calc(100% - 40px); 
    background:transparent linear-gradient(#5676BC, #31497B) repeat scroll 0% 0%; 
}
.dfacebook .button-text span, .dgoogle .button-text span {
    text-transform: unset;
}

.dgoogle { 
    float:right; 
    width:235px; 
    margin-left:20px; 
    color:#FFF; 
    background:transparent linear-gradient(#4285f4, #1a57bd) repeat scroll 0% 0%; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #1a57bd #0b3171 #051e46; 
    text-shadow: 0px 1px #FFF; 
    -webkit-border-radius: 3x; 
    -moz-border-radius:3px; 
    border-radius:3px; 
    overflow:hidden; cursor:pointer; 
}
.dgoogle i { 
    float:left; 
    width:40px; 
    height:40px; 
    text-align:center; 
    line-height:40px; 
    font-size:24px; 
    background:rgba(255, 255, 255, 0.08); 
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.05);
}
.dgoogle .button { 
    float:left; 
    width: calc(100% - 40px); 
    background:transparent linear-gradient(#4285f4, #1a57bd) repeat scroll 0% 0%; 
}
.dgoogle .button-text span, .dgoogle .button-text span {
    text-transform: unset;
}

/*------social-end--------*/



/*-----------------------page not found------------------------*/
.pagenotfound {
    float: left;
    width: 100%;
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-family: Abel;
}
.pagenotfound-head {
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
.pagenotfound-text {
    font-size: 18px;
    padding: 30px;
    text-align: center;
}
.pagenotfound-link {
    display: inline-block;
    background: var(--buttonBackgroundColor);
    color: var(--buttonFontColor);
    width: 180px;
    border-radius: 4px;
}
.pagenotfound-link .button-text span {
    font-size: 14px;
}
@media only screen and (max-width: 767px){
    .pagenotfound {
        padding: 80px 15px;
    }
}

/*shake*/
.pshake{-webkit-animation-name:shake;animation-name:shake}
.panimated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}
}
@-ms-keyframes shake_box{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}
}
@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}
}
/*ball-pulse*/
@keyframes ball-pulse{0%,100%,60%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
30%{-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);transform:scale(.01);opacity:.1}
}
@-o-keyframes ball-pulse{0%,100%,60%{-o-transform:scale(1);transform:scale(1);opacity:1}
30%{-o-transform:scale(.01);transform:scale(.01);opacity:.1}
}
@-moz-keyframes ball-pulse{0%,100%,60%{-moz-transform:scale(1);transform:scale(1);opacity:1}
30%{-moz-transform:scale(.01);transform:scale(.01);opacity:.1}
}
@-webkit-keyframes ball-pulse{0%,100%,60%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
30%{-webkit-transform:scale(.01);transform:scale(.01);opacity:.1}
}
/*bounceIn*/
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-moz-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.9);-moz-transform:scale(1.9);-o-transform:scale(1.9);transform:scale(1.9);-ms-transform:scale(1.9);}
100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.9);transform:scale(1.9);}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-o-transform:scale(1.9);transform:scale(1.9);}
100%{opacity:1;-o-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3);transform:scale(.3);}
50%{opacity:1;-moz-transform:scale(1.9);transform:scale(1.9);}
100%{opacity:1;-moz-transform:scale(1);transform:scale(1);}
}
@-ms-keyframes bounceIn{0%{opacity:0;transform:scale(.3);-ms-transform:scale(.3);}
50%{opacity:1;transform:scale(1.9);-ms-transform:scale(1.9);}
100%{opacity:1;transform:scale(1);-ms-transform:scale(1);}
}

/*image loading*/
@keyframes skeleton-translate {
	100% {
		transform: translateX(100%)
	}
}

@-webkit-keyframes slider-from-right-animation {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slider-from-right-animation {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


.flags { float:left; margin:0 5px 0 0; }
.flags:before { float: left; border-radius: 30px; width: 16px; height: 16px; background-image: url(../images/flags.png); background-position: 0 -1999px; content: ''; -webkit-box-shadow: 0 1px 0 rgba(34,34,34,.1); -moz-box-shadow: 0 1px 0 rgba(34,34,34,.1);  box-shadow: 0 1px 0 rgba(34,34,34,.1); }
.flags:before{box-shadow:none}.flag-no_country:before{background-position:-25px -1775px}.flag-northen-ireland:before{background-position:-25px -1795px}.flag-catalonia-36:before{background-position:0 -850px}.flag-european-union-63:before{background-position:0 -1550px}.flag-scotland:before{background-position:-50px -445px}.flag-vatican-city:before{background-position:-50px -1000px}.flag-wales:before{background-position:-50px -1545px}.flag-ae:before{background-position:-2px -27px}.flag-af:before{background-position:-2px -53px}.flag-ag:before{background-position:-2px -78px}.flag-ai:before{background-position:-2px -102px}.flag-al:before{background-position:-2px -128px}.flag-am:before{background-position:-2px -153px}.flag-an:before{background-position:-2px -178px}.flag-ao:before{background-position:-2px -203px}.flag-aq:before{background-position:-2px -228px}.flag-ar:before{background-position:-2px -253px}.flag-at:before{background-position:-2px -278px}.flag-au:before{background-position:-2px -303px}.flag-aw:before{background-position:-2px -328px}.flag-az:before{background-position:-2px -353px}.flag-ba:before{background-position:-2px -378px}.flag-bb:before{background-position:-2px -403px}.flag-bd:before{background-position:-2px -428px}.flag-be:before{background-position:-2px -453px}.flag-bf:before{background-position:-2px -478px}.flag-bg:before{background-position:-2px -503px}.flag-bh:before{background-position:-2px -528px}.flag-bi:before{background-position:-2px -553px}.flag-bj:before{background-position:-2px -578px}.flag-bm:before{background-position:-2px -603px}.flag-bn:before{background-position:-2px -628px}.flag-bo:before{background-position:-2px -653px}.flag-br:before{background-position:-2px -678px}.flag-bs:before{background-position:-2px -703px}.flag-bt:before{background-position:-2px -728px}.flag-bw:before{background-position:-2px -753px}.flag-by:before{background-position:-2px -778px}.flag-bz:before{background-position:-2px -803px}.flag-ca:before{background-position:-2px -828px}.flag-cd:before{background-position:-2px -878px}.flag-cf:before{background-position:-2px -903px}.flag-cg:before{background-position:-2px -928px}.flag-ch:before{background-position:-2px -952px}.flag-ci:before{background-position:-2px -978px}.flag-cl:before{background-position:-2px -1003px}.flag-cm:before{background-position:-2px -1028px}.flag-cn:before{background-position:-2px -1053px}.flag-co:before{background-position:-2px -1078px}.flag-cr:before{background-position:-2px -1103px}.flag-cu:before{background-position:-2px -1128px}.flag-cv:before{background-position:-2px -1153px}.flag-cy:before{background-position:-2px -1178px}.flag-cz:before{background-position:-2px -1203px}.flag-de:before{background-position:-2px -1228px}.flag-dj:before{background-position:-2px -1253px}.flag-dk:before{background-position:-2px -1278px}.flag-dm:before{background-position:-2px -1303px}.flag-do:before{background-position:-2px -1328px}.flag-dz:before{background-position:-2px -1353px}.flag-ec:before{background-position:-2px -1378px}.flag-ee:before{background-position:-2px -1403px}.flag-eg:before{background-position:-2px -1428px}.flag-eh:before{background-position:-2px -1453px}.flag-er:before{background-position:-2px -1478px}.flag-es:before{background-position:-2px -1503px}.flag-et:before{background-position:-2px -1528px}.flag-fi:before{background-position:0 -1578px}.flag-fj:before{background-position:-2px -1603px}.flag-fk:before{background-position:-2px -1628px}.flag-fo:before{background-position:-2px -1653px}.flag-fr:before{background-position:-2px -1678px}.flag-ga:before{background-position:-2px -1703px}.flag-gb:before{background-position:-2px -1727px}.flag-gb2:before{background-position:-2px -1753px}.flag-gd:before{background-position:-2px -1778px}.flag-ge:before{background-position:-2px -1803px}.flag-gf:before{background-position:-2px -1828px}.flag-gg:before{background-position:-2px -1853px}.flag-gh:before{background-position:-2px -1878px}.flag-gi:before{background-position:-2px -1903px}.flag-gl:before{background-position:-2px -1928px}.flag-gm:before{background-position:-2px -1953px}.flag-gn:before{background-position:-2px -1978px}.flag-gp:before{background-position:-27px -3px}.flag-gq:before{background-position:-27px -27px}.flag-gr:before{background-position:-27px -53px}.flag-gt:before{background-position:-27px -78px}.flag-gw:before{background-position:-27px -103px}.flag-gy:before{background-position:-27px -128px}.flag-hk:before{background-position:-27px -153px}.flag-hn:before{background-position:-27px -178px}.flag-hr:before{background-position:-27px -203px}.flag-ht:before{background-position:-27px -228px}.flag-hu:before{background-position:-27px -253px}.flag-id:before{background-position:-27px -278px}.flag-ie:before{background-position:-27px -303px}.flag-il:before{background-position:-27px -328px}.flag-im:before{background-position:-3px -2px}.flag-in:before{background-position:-27px -353px}.flag-iq:before{background-position:-27px -378px}.flag-ir:before{background-position:-27px -403px}.flag-is:before{background-position:-27px -428px}.flag-it:before{background-position:-27px -453px}.flag-je:before{background-position:-27px -478px}.flag-jm:before{background-position:-27px -503px}.flag-jo:before{background-position:-27px -528px}.flag-jp:before{background-position:-27px -553px}.flag-ke:before{background-position:-27px -578px}.flag-kg:before{background-position:-27px -603px}.flag-kh:before{background-position:-25px -628px}.flag-ki:before{background-position:-27px -653px}.flag-km:before{background-position:-27px -678px}.flag-kn:before{background-position:-27px -703px}.flag-kp:before{background-position:-27px -728px}.flag-kr:before{background-position:-27px -753px}.flag-kw:before{background-position:-27px -778px}.flag-ky:before{background-position:-27px -803px}.flag-kz:before{background-position:-27px -828px}.flag-la:before{background-position:-27px -853px}.flag-lb:before{background-position:-27px -878px}.flag-lc:before{background-position:-27px -903px}.flag-li:before{background-position:-27px -928px}.flag-lk:before{background-position:-25px -950px}.flag-lr:before{background-position:-27px -978px}.flag-ls:before{background-position:-27px -1003px}.flag-lt:before{background-position:-27px -1028px}.flag-lu:before{background-position:-27px -1053px}.flag-lv:before{background-position:-27px -1078px}.flag-ly:before{background-position:-27px -1103px}.flag-ma:before{background-position:-27px -1128px}.flag-mc:before{background-position:-27px -1153px}.flag-md:before{background-position:-27px -1178px}.flag-me:before{background-position:-27px -1203px}.flag-mg:before{background-position:-27px -1228px}.flag-mh:before{background-position:-27px -1253px}.flag-mk:before{background-position:-27px -1278px}.flag-ml:before{background-position:-27px -1303px}.flag-mm:before{background-position:-27px -1328px}.flag-mn:before{background-position:-27px -1353px}.flag-mo:before{background-position:-27px -1378px}.flag-mr:before{background-position:-27px -1403px}.flag-ms:before{background-position:-27px -1428px}.flag-mt:before{background-position:-27px -1453px}.flag-mu:before{background-position:-27px -1478px}.flag-mv:before{background-position:-27px -1503px}.flag-mw:before{background-position:-27px -1528px}.flag-mx:before{background-position:-27px -1553px}.flag-my:before{background-position:-27px -1578px}.flag-mz:before{background-position:-27px -1603px}.flag-na:before{background-position:-27px -1628px}.flag-ne:before{background-position:-27px -1653px}.flag-ng:before{background-position:-27px -1678px}.flag-ni:before{background-position:-27px -1703px}.flag-nl:before{background-position:-27px -1728px}.flag-no:before{background-position:-27px -1753px}.flag-np:before{background-position:-27px -1823px}.flag-nr:before{background-position:-27px -1848px}.flag-nz:before{background-position:-27px -1873px}.flag-om:before{background-position:-27px -1898px}.flag-pa:before{background-position:-27px -1923px}.flag-pe:before{background-position:-27px -1948px}.flag-pg:before{background-position:-27px -1973px}.flag-ph:before{background-position:-52px -3px}.flag-pk:before{background-position:-52px -27px}.flag-pl:before{background-position:-52px -53px}.flag-pm:before{background-position:-52px -78px}.flag-pr:before{background-position:-52px -103px}.flag-ps:before{background-position:-52px -128px}.flag-pt:before{background-position:-52px -153px}.flag-pw:before{background-position:-52px -178px}.flag-py:before{background-position:-52px -203px}.flag-qa:before{background-position:-52px -228px}.flag-re:before{background-position:-52px -253px}.flag-ro:before{background-position:-52px -278px}.flag-rs:before{background-position:-52px -298px}.flag-ru:before{background-position:-52px -323px}.flag-rw:before{background-position:-50px -348px}.flag-sa:before{background-position:-52px -373px}.flag-sb:before{background-position:-52px -398px}.flag-sc:before{background-position:-52px -423px}.flag-sd:before{background-position:-52px -473px}.flag-se:before{background-position:-52px -498px}.flag-sg:before{background-position:-52px -523px}.flag-sh:before{background-position:-52px -548px}.flag-si:before{background-position:-52px -573px}.flag-sj:before{background-position:-52px -598px}.flag-sk:before{background-position:-52px -623px}.flag-sl:before{background-position:-52px -648px}.flag-sm:before{background-position:-52px -673px}.flag-sn:before{background-position:-52px -698px}.flag-so:before{background-position:-52px -723px}.flag-sr:before{background-position:-52px -748px}.flag-st:before{background-position:-52px -773px}.flag-sv:before{background-position:-52px -798px}.flag-sy:before{background-position:-52px -823px}.flag-sz:before{background-position:-52px -848px}.flag-tc:before{background-position:-52px -873px}.flag-td:before{background-position:-52px -898px}.flag-tg:before{background-position:-52px -923px}.flag-th:before{background-position:-52px -948px}.flag-tj:before{background-position:-52px -973px}.flag-tl:before{background-position:-52px -998px}.flag-tm:before{background-position:-52px -1023px}.flag-tn:before{background-position:-52px -1048px}.flag-to:before{background-position:-52px -1073px}.flag-tr:before{background-position:-52px -1098px}.flag-tt:before{background-position:-52px -1123px}.flag-tv:before{background-position:-52px -1148px}.flag-tw:before{background-position:-52px -1173px}.flag-tz:before{background-position:-52px -1198px}.flag-ua:before{background-position:-52px -1223px}.flag-ug:before{background-position:-52px -1248px}.flag-us:before{background-position:-52px -1273px}.flag-uy:before{background-position:-52px -1298px}.flag-uz:before{background-position:-52px -1323px}.flag-va:before{background-position:-57px -1348px}.flag-vc:before{background-position:-52px -1398px}.flag-ve:before{background-position:-52px -1423px}.flag-vg:before{background-position:-52px -1448px}.flag-vi:before{background-position:-52px -1473px}.flag-vn:before{background-position:-52px -1498px}.flag-vu:before{background-position:-52px -1523px}.flag-ws:before{background-position:-52px -1573px}.flag-ye:before{background-position:-52px -1598px}.flag-za:before{background-position:-52px -1623px}.flag-zm:before{background-position:-52px -1648px}.flag-zw:before{background-position:-52px -1673px}.flag-mq:before{background-position:-52px -1728px}.flag-ad:before{background-position:-52px -1753px}.flag-kv:before,.flag-kosovo:before{background-position:-52px -1698px}.flag-br_int:before{background-position:-52px -1778px}.flag-cx:before{background-position:-52px -1803px}.flag-bv:before{background-position:-27px -1753px}.flag-cc:before{background-position:-52px -1828px}.flag-ck:before{background-position:-52px -1853px}.flag-pf:before{background-position:-52px -1878px}.flag-tf:before{background-position:-52px -1901px}.flag-hm:before{background-position:-52px -1926px}.flag-fm:before{background-position:-52px -1953px}.flag-nc:before{background-position:-52px -1978px}.flag-nu:before{background-position:-76px 0}.flag-nf:before{background-position:-78px -27px}.flag-mp:before{background-position:-78px -53px}.flag-pn:before{background-position:-76px -75px}.flag-tk:before{background-position:-76px -102px}.flag-um:before{background-position:-53px -1273px}.flag-wf:before{background-position:-82px -128px}.flag-zr:before{background-position:-78px -153px}.flag-ic:before{background-position:-78px -178px}.flag-xc:before{background-position:-78px -203px}.flag-io:before{background-position:-76px -228px}.flag-gu:before{background-position:-76px -253px}.flag-ss:before{background-position:-76px -278px}.flag-xb:before{background-position:-76px -303px}.flag-xe:before{background-position:-76px -328px}.flag-xm:before{background-position:-76px -353px}.flag-xn:before{background-position:-76px -378px}.flag-xs:before{background-position:-76px -403px}.flag-xy:before{background-position:-76px -428px}.flag-xt:before{background-position:-76px -453px}.flag-ff:before{background-position:-76px -478px}.flag-as:before{background-position:-52px -1273px}.flag-ax:before{background-position:0 -1578px}