/** Font Includes **/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap&subset=latin-ext');

a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body,
canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed,
fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol,
output, p, pre, q, ruby, s, samp, section, small, span, sub, summary, sup, table, tbody, td,
textarea, tfoot, th, thead, time, tr, tt, ul, var, video {margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:after, blockquote:before, q:after, q:before {content:'';content:none}
i {font-style:normal;}
body {width:100%;height:100%;margin:0;padding:0;background:#FFF;line-height:1;font-family: 'PT Sans', sans-serif;font-weight:400;overflow-x:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
.richText .richText-editor ul, .richText .richText-editor ol{list-style: disc !important;}
table {border-collapse:collapse;border-spacing: 0}
a {display:block;text-decoration:none;}
img {border:0;max-width:100%;height:auto;display:block;}
:focus {outline:0}
.priceAndButtons a{display: inline;}
.bottomArea .preInfo{    float: left;
    width: 100%;
    background: #daedf7;
    border: 1px solid #bee8f0;
    color: #31708f;
    padding: 12px 24px 12px 24px;
    line-height: 24px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;}
.site-wrapper {position:relative;}
.container {width:1160px;margin:0 auto;position:relative;}
.middleArea .questions .item .rightText span.summary{line-height: 20px;}
/** Header **/
header {position:relative;z-index:55;float:left;width:100%;height:130px;-webkit-box-shadow:0px 0px 7px 3px rgba(111,89,140,0.35);-moz-box-shadow:0px 0px 7px 3px rgba(111,89,140,0.35);box-shadow:0px 0px 7px 3px rgba(111,89,140,0.35);}
header .topBar {float:left;width:100%;height:50px;background-color:#222;}
header .topBar span.client {float:left;line-height:50px;color:#FFF;font-size:14px;letter-spacing:1px;position:relative;padding-left:37px;}
header .topBar span.client:before {position:absolute;top:13px;left:0;content:"";width:25px;height:25px;background:url("../img/icons/whatsapp.png")no-repeat;}
header .topBar ul.buttonBoxes {float:right;width:240px;height:50px;background-color:#333;}
header .topBar ul.buttonBoxes li {float:left;width:50%;height:50px;background-color:#333;cursor:pointer;}
header .topBar ul.buttonBoxes li i {float:left;height:20px;}
header .topBar ul.buttonBoxes li.login i {width:19px;margin:16px 14px 0 21px;background:url("../img/icons/user.png")no-repeat;}
header .topBar ul.buttonBoxes li.basket i {position:relative;width:20px;margin:16px 15px 0 28px;background:url("../img/icons/basket.png")no-repeat;}
header .topBar ul.buttonBoxes li.basket i p {position:absolute;top:-8px;right:-10px;text-align:center;color:#FFF;font-size:12px;font-weight:bold;line-height:16px;width:16px;height:16px;background:#f67500;border-radius:100%;}
header .topBar ul.buttonBoxes li span {float:left;line-height:50px;text-transform:uppercase;color:#fff;font-weight:bold;font-size:12px;letter-spacing:1.1px;}
header .mainBar {float:left;width:100%;height:80px;background-color:#f6f7fa;}
header .mainBar .logo {float:left;}
header .mainBar .flyMeToTicket {float:right;transition: box-shadow .3s;height:38px;margin-left:28px;background:#79609b;color:#FFF;font-size:12px;font-weight:bold;color:#fff;margin-top:21px;height:38px;line-height:38px;text-transform:uppercase;padding:0 40px;border-radius:3px;letter-spacing:1.3px;-webkit-box-shadow:0px 0px 14px 7px rgba(121,96,156,0.2);-moz-box-shadow:0px 0px 14px 7px rgba(121,96,156,0.2);box-shadow:0px 0px 14px 7px rgba(121,96,156,0.2);}
header .mainBar .flyMeToTicket:hover {box-shadow:0px 0px 14px 7px rgba(121,96,156,0.4);transition: box-shadow .3s;}
header .mainBar ul.nav {float:right;}
header .mainBar ul.nav li {float:left;line-height:80px;position:relative;}
header .mainBar ul.nav li a {color:#3c3c3c;font-size:14px;padding:0 16px;font-weight:bold;text-transform:uppercase;position:relative;}
header .mainBar ul.nav li a:hover {color:#5e4482;}
header .mainBar ul.nav li.active a {color:#79609b;}
header .mainBar ul.nav li.menu-item-has-children.active a:after {background:url("../img/icons/navArrowActive.png")no-repeat;}
header .mainBar ul.nav li.has-mega-menu {position:initial;}
header .mainBar ul.nav li.has-mega-menu.active a:after {background:url("../img/icons/navArrowActive.png")no-repeat;}
header .mainBar ul.nav li ul.sub-menu {font-family:'Nunito', sans-serif;box-sizing:border-box;position:absolute;list-style:none;top:75px;left:0;min-width:260px;white-space:nowrap;z-index:999;background:#f6f7fa;margin:0;border:0;-webkit-box-shadow:0 5px 40px rgba(0,0,0,.15);-moz-box-shadow:0 5px 40px rgba(0,0,0,.15);box-shadow:0 5px 40px rgba(0,0,0,.15);-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);transition:.3s;padding:30px 30px;border-radius:3px;opacity:0;visibility:hidden;}
header .mainBar ul.nav li ul.sub-menu:before {position:absolute;left:0;top:0;content:"";width:100%;height:5px;background:#79609b;border-radius:3px 3px 0 0;}
header .mainBar ul.nav li ul.sub-menu li {width:100%;float:left;padding:0 0;height:38px;line-height:38px;}
header .mainBar ul.nav li ul.sub-menu li a {text-transform:none;font-size:15px;color:#79609b;font-weight:700;padding-left:30px;}
header .mainBar ul.nav li ul.sub-menu li a:before {position:absolute;left:0;top:0;bottom:0;content:"";width:3px;height:100%;background:#dacdec;}
header .mainBar ul.nav li ul.sub-menu li a:hover:before {background:#79609b;}
header .mainBar ul.nav li ul.sub-menu li a:hover {color:#5e4482;}
header .mainBar ul.nav li ul.sub-menu li a:after {display:none}
header .mainBar ul.nav li:hover ul.sub-menu {opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
header .mainBar ul.nav li.menu-item-has-children a:after {content:"";float:right;width:7px;height:4px;background:url("../img/icons/navArrow.png")no-repeat;position:absolute;top:37px;right:3px;}
header .mainBar ul.nav li.has-mega-menu a:after{content:"";float:right;width:7px;height:4px;background:url("../img/icons/navArrow.png")no-repeat;position:absolute;top:37px;right:3px;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper {position:absolute;width:1160px;left:0;top:75px;padding:20px 20px 0 20px;height:255px;z-index:2;border-radius:3px;background:#f6f7fa;-webkit-box-shadow:0px 0px 20px 10px rgba(121,96,156,0.2);-moz-box-shadow:0px 0px 20px 10px rgba(121,96,156,0.2);box-shadow:0px 0px 20px 10px rgba(121,96,156,0.2);border-top:5px solid #79609b;opacity:0;transition:.3s;visibility:hidden;-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes {float:left;width:100%;font-family:'Nunito', sans-serif;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme {float:left;width:100%;text-align:center;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme a {padding:0;line-height:initial;float:left;width:100%;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme a:after {display:none;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme a.themeThumb {float:left;width:170px;height:160px;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme a.themeName {float:left;width:100%;text-align:center;padding-top:10px;font-weight:900;color:#2c2c2c;font-size:17px;text-transform:none;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme a.themeName:hover {color:#79609b;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .itemTheme span.themeDesc {float:left;padding-top:2px;width:100%;text-align:center;line-height:initial;color:#898989;font-size:14px;text-transform:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .owl-nav {display:block!important;}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .owl-nav .owl-prev span {text-indent:-99999px;position:absolute;left:-20px;top:62px;width:25px;height:36px;background-color:#f6f7fa;background-image:url("../img/icons/mmArrow.png");background-position:0 0;transition:background-position .2s;-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);}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .owl-nav .owl-next span {text-indent:-99999px;position:absolute;right:-20px;top:62px;width:25px;height:36px;background-color:#f6f7fa;background-image:url("../img/icons/mmArrow.png");background-position:0 0;transition:background-position .2s;transform:rotate(180deg);-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);}
header .mainBar ul.nav li.has-mega-menu .megaMenuWrapper .megaMenuThemes .owl-nav span:hover {background-position:0 -36px;transition:background-position .2s;}
header .mainBar ul.nav li.has-mega-menu:hover .megaMenuWrapper {opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
header .mainBar ul.nav li.new:before {position:absolute;top:17px;right:18px;display:inline-table;padding:0 8px 0 7px;border-radius:6px;content:"Yeni";font-family: 'PT Sans', sans-serif;background:#f67500;color:#FFF;height:14px;line-height:14px;text-align:center;font-size:11px;}
header .mainBar ul.nav li.count:before {position:absolute;top:17px;right:18px;display:inline-table;padding:0 6px 0 4px;border-radius:6px;content:"+22";font-family: 'PT Sans', sans-serif;background:#63517d;color:#FFF;height:14px;line-height:14px;text-align:center;font-size:11px;}

/* My Basket */
header .topBar .myBasket {position:absolute;opacity:0;visibility:hidden;transition:.3s;-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);z-index:99;right:0;top:50px;width:240px;background:#fff;padding:6px 0 20px 0;-webkit-box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);-moz-box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
header .topBar .myBasket.toggle {opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
header .topBar .myBasket:before {position:absolute;right:50px;top:-6px;content:"";width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #ffffff transparent;}
header .topBar .myBasket .product {float:left;width:100%;padding:15px 20px;border-bottom:1px solid #cfcfcf;}
header .topBar .myBasket .product:last-child {border-bottom:none;}
header .topBar .myBasket .product a.thumb {float:left;width:77px;height:67px;border-radius:2px;overflow:hidden;}
header .topBar .myBasket .product .text {float:right;width:calc(100% - 91px);height:67px;}
header .topBar .myBasket .product .text a.name {float:left;width:100%;color:#222;font-size:14px;font-weight:700;padding-top:11px;max-height: 40px;overflow: hidden;}
header .topBar .myBasket .product .text span {float:left;width:100%;color:#222;font-size:14px;padding-top:7px;width: 90px;}
header .topBar .myBasket .product .text a.remove {float:right;transition:200ms;width:19px;height:19px;background:url("../img/icons/basketCancel.png")no-repeat;margin-top:13px;}
header .topBar .myBasket .product .text a.remove:hover {transform:rotate(360deg);transition:200ms;}
header .topBar .myBasket a.buyNow {float:left;width:calc(100% - 40px);height:38px;margin:9px 0 0 20px;font-size:14px;color:#fff;letter-spacing:0.1px;line-height:38px;text-align:center;border-radius:3px;color:#FFF;background: #f67500;background: -moz-linear-gradient(top,  #f67500 0%, #e8540f 100%);background: -webkit-linear-gradient(top,  #f67500 0%,#e8540f 100%);background: linear-gradient(to bottom,  #f67500 0%,#e8540f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67500', endColorstr='#e8540f',GradientType=0 );}
header .topBar .myBasket a.buyNow:hover {opacity:0.9;}

header .topBar .bildirim {position:absolute;opacity:0;visibility:hidden;transition:.3s;-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);z-index:99;right:100px;top:50px;width:240px;background:#fff;padding:6px 0 20px 0;-webkit-box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);-moz-box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
header .topBar .bildirim.toggle {opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
header .topBar .bildirim:before {position:absolute;right:50px;top:-6px;content:"";width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #ffffff transparent;}
header .topBar .bildirim .product {float:left;width:100%;padding:15px 20px;border-bottom:1px solid #cfcfcf;}
header .topBar .bildirim .product:last-child {border-bottom:none;}
header .topBar .bildirim .product a.thumb {float:left;width:77px;height:67px;border-radius:2px;overflow:hidden;}
header .topBar .bildirim .product .text {float:right;width:calc(100% - 91px);height:67px;}
header .topBar .bildirim .product .text a.name {float:left;width:100%;color:#222;font-size:14px;font-weight:700;padding-top:11px;}
header .topBar .bildirim .product .text span {float:left;width:100%;color:#222;font-size:14px;padding-top:7px;}
header .topBar .bildirim .product .text a.remove {float:right;transition:200ms;width:19px;height:19px;background:url("../img/icons/basketCancel.png")no-repeat;margin-top:2px;}
header .topBar .bildirim .product .text a.remove:hover {transform:rotate(360deg);transition:200ms;}
header .topBar .bildirim a.buyNow {float:left;width:calc(100% - 40px);height:38px;margin:9px 0 0 20px;font-size:14px;color:#fff;letter-spacing:0.1px;line-height:38px;text-align:center;border-radius:3px;color:#FFF;background: #f67500;background: -moz-linear-gradient(top,  #f67500 0%, #e8540f 100%);background: -webkit-linear-gradient(top,  #f67500 0%,#e8540f 100%);background: linear-gradient(to bottom,  #f67500 0%,#e8540f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67500', endColorstr='#e8540f',GradientType=0 );}
header .topBar .bildirim a.buyNow:hover {opacity:0.9;}
/* Login Box */
header .topBar .loginBox {position:absolute;opacity:0;visibility:hidden;transition:.3s;-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);z-index:99;right:0;top:50px;width:240px;background:#fff;padding:20px 19px 20px 19px;-webkit-box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);-moz-box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);box-shadow: 0px 0px 5px 0px rgba(134,134,134,0.47);border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
header .topBar .loginBox.toggle {opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
header .topBar .loginBox:before {position:absolute;left:76px;top:-6px;content:"";width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #ffffff transparent;}
header .topBar .loginBox input {height:40px;float:left;letter-spacing:0.1px;width:100%;padding:0 15px;font-family: 'PT Sans', sans-serif;font-size:14px;color:#989898;border:1px solid #d3d3d3;border-radius:3px;-webkit-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);-moz-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);}
header .topBar .loginBox input:focus {background:#fafafa;}
header .topBar .loginBox input:first-child {margin-bottom:9px;}
header .topBar .loginBox .formBottom {float:left;width:100%;margin-top:16px;}
header .topBar .loginBox input.submit {height:38px;border:none;color:#fff;width:auto;cursor:pointer;background:#7a619c;background:-moz-linear-gradient(top,  #7a619c 0%, #6a518b 100%);background:-webkit-linear-gradient(top,  #7a619c 0%,#6a518b 100%);background:linear-gradient(to bottom,  #7a619c 0%,#6a518b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a619c', endColorstr='#6a518b',GradientType=0 );}
header .topBar .loginBox input.submit:hover {opacity:0.9;}
header .topBar .loginBox a.pass {float:right;line-height:38px;height:38px;color:#79609b;font-size:14px;}
header .topBar .loginBox a.pass:hover {text-decoration:underline;}
header .topBar .loginBox p.or {float:left;width:100%;text-align:center;color:#989898;font-size:14px;padding:0 13px;background:#fff;position:relative;margin-top:5px;}
header .topBar .loginBox p.or:before {position:absolute;content:"";left:0;top:7px;width:calc(50% - 26px);height:1px;background:#d3d3d3;}
header .topBar .loginBox p.or:after {position:absolute;content:"";right:0;top:7px;width:calc(50% - 26px);height:1px;background:#d3d3d3;}
header .topBar .loginBox .signIn {float:left;width:calc(100% - 0px);height:38px;margin:19px 0 0 0px;font-size:14px;color:#fff;letter-spacing:0.1px;line-height:38px;text-align:center;border-radius:3px;color:#FFF;background: #f67500;background: -moz-linear-gradient(top,  #f67500 0%, #e8540f 100%);background: -webkit-linear-gradient(top,  #f67500 0%,#e8540f 100%);background: linear-gradient(to bottom,  #f67500 0%,#e8540f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67500', endColorstr='#e8540f',GradientType=0 );}
header .topBar .loginBox .signIn:hover {opacity:0.9;}

/** Search Box **/
.searchBox {float:left;position:relative;font-family: 'Nunito', sans-serif;left:0;top:0;right:0;width: 100%;height:210px;margin: 0;
-webkit-animation: slide 50s linear infinite;animation: slide 50s linear infinite;will-change: background-position;
background-size: contain;background: url("../img/bg/searchTheme.png")center center #705990;-webkit-animation: sidedownscroll 40s linear infinite;animation: sidedownscroll 40s linear infinite;}
.searchBox:before {}
@-webkit-keyframes sidedownscroll{
	0%{
		background-position:0 0
	}
	100%{
		background-position:-2000px 2000px
	}
}

@keyframes sidedownscroll{
	0%{
		background-position:0 0
	}
	100%{
		background-position:-2000px 2000px
	}
}
.searchBox .themeSearchBox {width:calc(100% - 405px);padding:10px;margin:70px auto;height:70px;background:rgba(80, 56, 112, 0.5);border-radius:3px;}
.searchBox .themeSearchBox .submit {float:right;cursor:pointer;width:150px;font-weight:bold;font-family: 'Nunito', sans-serif;font-size:18px;height:100%;background:#f67500;border-radius:0 3px 3px 0;color:#FFF;}
.searchBox .themeSearchBox .text {float:left;width:calc(100% - 150px);height:100%;font-size:18px;color:#898989;border-radius:3px 0 0 3px;padding:0 20px;}
.searchBox .themeSearchBox .text::placeholder {font-family: 'Nunito', sans-serif;font-size:18px;color:#898989;}

/** Our Themes **/
.ourThemes {display:block;width:100%;font-family: 'Nunito', sans-serif;padding-bottom:80px;height:auto;overflow:hidden;}
.blockTitle {width:100%;float:left;text-align:center;padding:81px 0 0 0;height:auto;}
.blockTitle p {width:100%;float:left;color:#3b3762;font-size:14px;font-weight:700;text-transform:Uppercase;}
.blockTitle span {width:100%;float:left;color:#3b3762;font-size:30px;font-weight:800;margin-top:15px;}
.blockTitle h1 {width:100%;float:left;color:#3b3762;font-size:30px;font-weight:800;margin-top:15px;}
.ourThemes .themeList {float:left;width:100%;padding-top:44px;overflow:hidden;}
.ourThemes .themeList .theme {float:left;width:calc(33.33% - 16.613px);margin-right:24px;height:290px;}
.ourThemes .themeList .theme:nth-child(-n+5) {margin-bottom:24px;}
.ourThemes .themeList .theme:nth-child(3n) {margin-right:0;}
.ourThemes .themeList .theme:nth-child(9) {margin-bottom:24px;}
.ourThemes .themeList .theme:nth-child(12) {margin-bottom:24px;}
.ourThemes .themeList .theme .themeThumb {float:left;width:100%;height:162px;overflow:hidden;}
.ourThemes .themeList .theme .themeThumb img {width:auto;max-width:initial;min-width:100%;min-height:162px;}
.ourThemes .themeList .theme .details {float:left;width:100%;height:128px;border-right:1px solid #efeefc;border-left:1px solid #efeefc;border-bottom:1px solid #efeefc;border-radius:0 0 3px 3px;padding:0 20px 0 20px;}
.ourThemes .themeList .theme .details a.themeName {float:left;width:100%;color:#222;font-size:16px;font-weight:bold;padding:16px 0 7px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ourThemes .themeList .theme .details a.themeName h2, .ourThemes .themeList .theme .details a.themeName h3, .ourThemes .themeList .theme .details a.themeName h4, .ourThemes .themeList .theme .details a.themeName h5, .ourThemes .themeList .theme .details a.themeName h6{float:left;width:100%;color:#222;font-size:16px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ourThemes .themeList .theme .details .themeDesc {float:left;width:100%;color:#898989;font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ourThemes .themeList .theme .details .priceAndButtons {float:left;width:100%;margin-top:20px;height:40px;}
.ourThemes .themeList .theme .details .priceAndButtons span.price {float:left;width:40%;}
.ourThemes .themeList .theme .details .priceAndButtons span.price b {float:left;font-size:20px;font-weight:800;position:relative;margin-top:3px;}
.ourThemes .themeList .theme .details .priceAndButtons span.price b i {position:absolute;right:-18px;top:1px;font-size:14px;}
.ourThemes .themeList .theme .details .priceAndButtons span.price p {float:left;width:100%;color:#818181;font-size:14px;margin-top:1px;}
.ourThemes .themeList .theme .details .priceAndButtons a.seeTheDemo {float:right;width:110.73px;border:1px solid #cdcdcd;height:40px;border-radius:3px;text-align:center;line-height:40px;padding:0 3px;font-size:14px;color:#000;font-weight:700;}
.ourThemes .themeList .theme .details .priceAndButtons a.seeTheDemo:hover {color:#FFF;border:none;background: #f67400;background: -moz-linear-gradient(left,  #f67400 0%, #f49a00 100%);background: -webkit-linear-gradient(left,  #f67400 0%,#f49a00 100%);background: linear-gradient(to right,  #f67400 0%,#f49a00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67400', endColorstr='#f49a00',GradientType=1 );}
.ourThemes .themeList .theme .details .priceAndButtons .basket {float:right;background-image:url("../img/icons/our-themes-basket.png");background-position:0 0;border:1px solid #cdcdcd;width:39px;height:40px;border-radius:3px;transition:background-position .2s;margin-left:9px;cursor:pointer;}
.ourThemes .themeList .theme .details .priceAndButtons .basket:hover {background-position:0 -40px;border-color:#79609b;background-color:#79609b;transition:background-position .2s;}
.ourThemes .themeList .theme .details a.themeName:hover{color: #f67500;}
.ourThemes .themeList .theme .details a.themeName h2:hover, .ourThemes .themeList .theme .details a.themeName h3:hover, .ourThemes .themeList .theme .details a.themeName h4:hover, .ourThemes .themeList .theme .details a.themeName h5:hover, .ourThemes .themeList .theme .details a.themeName h6:hover{color: #f67500}
/** Info Boxes **/
.infoBoxes {float:left;width:100%;background:#f9f8ff;padding:0 0 0px 0;font-family: 'Nunito', sans-serif;position:relative;}
.infoBoxes .cloud {position:absolute;left:0;bottom:-140px;right:0;content:"";left:0;width:100%;margin:0;min-height:140px;height:140px;background:url("../img/bg/infoArea.png")repeat-x center center #fff;will-change: background-position;background-size: contain;-webkit-animation: cloud 25s linear infinite;animation: cloud 25s linear infinite;}

@-webkit-keyframes cloud{
	0%{
		background-position:0 0
	}
	100%{
		background-position:1000px 0px;
	}
}

@keyframes cloud{
	0%{
		background-position:0 0
	}
	100%{
		background-position:1000px 0px;
	}
}
.infoBoxes .infoBoxesWrapper {float:left;width:100%;padding-top:30px;    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;}
.infoBoxes .infoBoxesWrapper.product .infoBox {float:none;min-height:270px;display:inline-block;width:calc(33.33% - 5px);}
.infoBoxes .infoBoxesWrapper .infoBox {float:left;width:calc(33.33% - 0px);text-align:center;padding:0 10px;margin-bottom:45px;}
.infoBoxes .infoBoxesWrapper .infoBox i {width:100%;text-align:center;}
.infoBoxes .infoBoxesWrapper .infoBox i img {margin:0 auto;}
.infoBoxes .infoBoxesWrapper .infoBox b {width:100%;float:left;color:#3b3762;font-size:20px;font-weight:bold;padding-top:11px;}
.infoBoxes .infoBoxesWrapper .infoBox h3 {width:100%;float:left;color:#3b3762;font-size:20px;font-weight:bold;padding-top:11px;}
.infoBoxes .infoBoxesWrapper .infoBox h4 {width:100%;float:left;color:#3b3762;font-size:20px;font-weight:bold;padding-top:11px;}
.infoBoxes .infoBoxesWrapper .infoBox h5 {width:100%;float:left;color:#3b3762;font-size:20px;font-weight:bold;padding-top:11px;}
.infoBoxes .infoBoxesWrapper .infoBox span {width:100%;float:left;color:#696687;font-size:17px;line-height:27px;margin-top:6px;}

/* Premium Theme */
.premiumTheme {float:left;width:100%;padding:210px 0 58px 0;background:#fff;font-family: 'Nunito', sans-serif;}
.premiumTheme .yourPThemeImg {float:right;}
.standartInfoText {float:left;width:calc(100% - 740px);margin-top:37px;}
.standartInfoText span.top {float:left;width:100%;font-size:14px;color:#3b3762;font-weight:600;margin-bottom:14px;}
.standartInfoText b.top {float:left;width:100%;font-size:30px;color:#3b3762;font-weight:900;margin-bottom:10px;}
.standartInfoText p.top {float:left;width:100%;font-size:18px;color:#696687;font-weight:400;line-height:27px;}
.standartInfoText p.top strong {font-weight:700;color:#79609b;}
.standartInfoText ul {float:left;width:100%;margin-top:31px;}
.standartInfoText ul li {float:left;width:100%;color:#696687;font-size:17px;font-weight:600;line-height:27px;margin-bottom:18px;position:relative;padding-left:46px;}
.standartInfoText ul li a {display:inline-block;color:#f67600;font-weight:800;}
.standartInfoText ul li a:hover {text-decoration:underline;}
.standartInfoText ul li:last-child {margin-bottom:0;}
.standartInfoText ul li:before {position:absolute;left:0;top:2px;content:"";width:32px;height:32px;background:url("../img/icons/right-1.png")no-repeat;}
.standartInfoText ul li:nth-child(2):before {background:url("../img/icons/right-2.png")no-repeat;}
.standartInfoText ul li:nth-child(3):before {background:url("../img/icons/right-3.png")no-repeat;}
.standartInfoText a.takeOffer {float:left;margin-top:32px;transition:box-shadow .6s;height:48px;line-height:48px;padding:0 23px;font-size:12px;color:#FFF;font-weight:900;letter-spacing:0.5px;border-radius:3px;-webkit-box-shadow: 0px 0px 15px 7.5px rgba(246,52,0,0.2);-moz-box-shadow: 0px 0px 20px 10px rgba(246,52,0,0.2);box-shadow: 0px 0px 20px 10px rgba(246,52,0,0.2);background:#f49a00;background:-moz-linear-gradient(left,  #f49a00 0%, #f67400 100%);background:-webkit-linear-gradient(left,  #f49a00 0%,#f67400 100%);background:linear-gradient(to right,  #f49a00 0%,#f67400 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a00', endColorstr='#f67400',GradientType=1 );}
.standartInfoText a.takeOffer:hover {transition:box-shadow .6s;box-shadow: 0px 0px 22px 12px rgba(246,52,0,0.26);}

/* Opportunity Packages */
.oppPackages {float:left;width:100%;padding:58px 0 0 0;background:#fff;font-family: 'Nunito', sans-serif;}
.oppPackages .blockTitle {padding:0 0 0 0;}
.oppPackages .packagesWrapper {float:left;width:100%;padding:50px 0;}
.oppPackages .packagesWrapper .package {float:left;width:33.33%;height:528px;text-align:center;padding:53px 0 0 0;}
.oppPackages .packagesWrapper .package:nth-child(2) {background:#fffcf6;}
.oppPackages .packagesWrapper .package:nth-child(2) .packagePriceWrap:before {border:4px solid #fe9462;border-top-color:#f1eeeb;}
.oppPackages .packagesWrapper .package:nth-child(2) .packagePriceWrap .packagePrice {background: #f2a02e;background: -moz-linear-gradient(left,  #f2a02e 0%, #fb7733 100%);background: -webkit-linear-gradient(left,  #f2a02e 0%,#fb7733 100%);background: linear-gradient(to right,  #f2a02e 0%,#fb7733 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a02e', endColorstr='#fb7733',GradientType=1 );}
.oppPackages .packagesWrapper .package:nth-child(2) .packagePriceWrap .packagePrice .turn {background: #f2a02e!important;background: -moz-linear-gradient(left,  #f2a02e 0%, #fb7733 100%)!important;background: -webkit-linear-gradient(left,  #f2a02e 0%,#fb7733 100%)!important;background: linear-gradient(to right,  #f2a02e 0%,#fb7733 100%)!important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a02e', endColorstr='#fb7733',GradientType=1 )!important;}
.oppPackages .packagesWrapper .package:nth-child(2) .text a.buyPackage {background: #f49a00;background: -moz-linear-gradient(left,  #f49a00 0%, #f67400 100%);background: -webkit-linear-gradient(left,  #f49a00 0%,#f67400 100%);background: linear-gradient(to right,  #f49a00 0%,#f67400 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a00', endColorstr='#f67400',GradientType=1 );-webkit-box-shadow: 0px 0px 20px 10px rgba(250,195,105,0.22);-moz-box-shadow: 0px 0px 20px 10px rgba(250,195,105,0.22);box-shadow: 0px 0px 20px 10px rgba(250,195,105,0.22);}
.oppPackages .packagesWrapper .package:nth-child(2) .text a.buyPackage:hover {background: #f49a00;background: -moz-linear-gradient(left,  #f49a00 0%, #f49a00 100%);background: -webkit-linear-gradient(left,  #f49a00 0%,#f49a00 100%);background: linear-gradient(to right,  #f49a00 0%,#f49a00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a00', endColorstr='#f49a00',GradientType=1 );-webkit-box-shadow: 0px 0px 23px 12px rgba(250,195,105,0.22);-moz-box-shadow: 0px 0px 23px 12px rgba(250,195,105,0.22);box-shadow: 0px 0px 23px 12px rgba(250,195,105,0.22);}
.oppPackages .packagesWrapper .package .packagePriceWrap {width:168px;height:168px;text-align:center;display:inline-block;margin:0 auto;position:relative;padding:8px;}
.oppPackages .packagesWrapper .package .packagePriceWrap:before {transition:all .5s;position:absolute;width:100%;height:100%;content:"";top:0;left:0;right:0;border:4px solid #9376bb;border-top-color:#f1eeeb;border-radius:75%;transform:rotate(-45deg);}
.oppPackages .packagesWrapper .package:hover .packagePriceWrap:before {transform:rotate(125deg);}
.oppPackages .packagesWrapper .package .packagePriceWrap .packagePrice {transition:all .7s;float:left;text-align:center;margin:4px;width:100%;height:100%;border-radius:100%;background: #9575c1;background: -moz-linear-gradient(left,  #9575c1 0%, #79609b 100%);background: -webkit-linear-gradient(left,  #9575c1 0%,#79609b 100%);background: linear-gradient(to right,  #9575c1 0%,#79609b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575c1', endColorstr='#79609b',GradientType=1 );}
.oppPackages .packagesWrapper .package .packagePriceWrap span {top:-60%;text-align:center;display:inline-block;color:#FFF;font-size:30px;font-weight:800;position:relative;}
.oppPackages .packagesWrapper .package .packagePriceWrap span:before {position:absolute;right:-19px;top:2px;content:"TL";font-size:15px;color:#FFF;font-weight:800;}
.oppPackages .packagesWrapper .package .packagePriceWrap .packagePrice .turn:first-child {position:absolute;right:17px;top:6px;width:22px;height:22px;border-radius:100%;background: #9575c1;background: -moz-linear-gradient(left,  #9575c1 0%, #79609b 100%);background: -webkit-linear-gradient(left,  #9575c1 0%,#79609b 100%);background: linear-gradient(to right,  #9575c1 0%,#79609b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575c1', endColorstr='#79609b',GradientType=1 );}
.oppPackages .packagesWrapper .package .packagePriceWrap .packagePrice .turn:nth-child(2) {position:absolute;left:6px;bottom:11px;width:44px;height:44px;border-radius:100%;background: #9575c1;background: -moz-linear-gradient(left,  #9575c1 0%, #79609b 100%);background: -webkit-linear-gradient(left,  #9575c1 0%,#79609b 100%);background: linear-gradient(to right,  #9575c1 0%,#79609b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575c1', endColorstr='#79609b',GradientType=1 );}
.oppPackages .packagesWrapper .package .text {float:left;width:100%;margin-top:15px;}
.oppPackages .packagesWrapper .package .text strong {float:left;width:100%;font-size:24px;color:#3b3762;font-weight:800;}
.oppPackages .packagesWrapper .package .text ul {float:left;width:100%;margin-top:14px;margin-bottom:39px;}
.oppPackages .packagesWrapper .package .text ul li {float:left;width:100%;font-size:17px;color:#696687;font-weight:600;height:32px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.oppPackages .packagesWrapper .package .text a.buyPackage {transition:all .4s;height:48px;width:160px;letter-spacing:0.5px;display:inline-block;margin:0 auto;line-height:48px;color:#FFF;font-size:12px;font-weight:800;border-radius:3px;background: #9575c1;background: -moz-linear-gradient(left,  #9575c1 0%, #79609b 100%);background: -webkit-linear-gradient(left,  #9575c1 0%,#79609b 100%);background: linear-gradient(to right,  #9575c1 0%,#79609b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575c1', endColorstr='#79609b',GradientType=1 );-webkit-box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);-moz-box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);}
.oppPackages .packagesWrapper .package .text a.buyPackage:hover {transition:all .4s;background: #9575c1;background: -moz-linear-gradient(left,  #9575c1 0%, #9575c1 100%);background: -webkit-linear-gradient(left,  #9575c1 0%,#9575c1 100%);background: linear-gradient(to right,  #9575c1 0%,#9575c1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575c1', endColorstr='#9575c1',GradientType=1 );-webkit-box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);-moz-box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);}

/* Free Questions */
.freeQuestions {float:left;width:100%;padding:209px 0 85px 0;background:#f9f8ff;font-family: 'Nunito', sans-serif;position:relative;}
.freeQuestions .cloud {position:absolute;left:0;top:0;right:0;content:"";left:0;width:100%;margin:0;min-height:160px;height:160px;background:url("../img/bg/freeQuest.png")repeat-x center center;will-change: background-position;background-size: contain;-webkit-animation: cloud 25s linear infinite;animation: cloud 25s linear infinite;}

.freeQuestions .freeQuestImg {float:left;}
.freeQuestions .standartInfoText {float:right;width:calc(100% - 740px);margin-top:0;}

/* Blog Posts */
.blogPosts {float:left;width:100%;padding:0px 0 85px 0;background:#fff;font-family: 'Nunito', sans-serif;position:relative;}
.blogPosts .blockTitle {padding-top:76px;}
.blogPosts .blogPostsWrapper {float:left;width:100%;padding:44px 0;}
.blogPosts .blogPostsWrapper .post {float:left;width:calc(33% - 12.8px);margin-right:25px;}
.blogPosts .blogPostsWrapper .post:nth-child(3n) {margin-right:0;}
.blogPosts .blogPostsWrapper .post a.thumb {float:left;width:100%;height:auto;overflow:hidden;border-radius:3px;}
.blogPosts .blogPostsWrapper .post a.thumb img {min-width:100%;height:auto;}
.blogPosts .blogPostsWrapper .post a.title {float:left;width:100%;color:#3b3762;font-size:20px;font-weight:800;line-height:26px;padding-top:19px;}
.blogPosts .blogPostsWrapper .post span {float:left;width:100%;padding-top:21px;}
.blogPosts .blogPostsWrapper .post span a {float:left;font-size:12px;color:#79609b;font-weight:800;}
.blogPosts .blogPostsWrapper .post span p {float:left;font-size:12px;color:#ababab;font-weight:800;text-transform:uppercase;position:relative;padding-left:25px;margin-left:19px;}
.blogPosts .blogPostsWrapper .post span p:before {position:absolute;left:0;top:3px;content:"";width:5px;height:5px;border-radius:100%;background:#ababab;}

/* Quintet */
.quintet {float:left;width:100%;padding:0px 0 73px 0;background:#fff;font-family: 'Nunito', sans-serif;}
.quintet .quintetWrapper {float:left;width:100%;}
.quintet .quintetWrapper .box {float:left;width:20%;text-align:center;}
.quintet .quintetWrapper .box .boxImg {float:left;width:100%;}
.quintet .quintetWrapper .box .boxImg img {margin:0 auto}
.quintet .quintetWrapper .box p {float:left;width:100%;font-size:14px;color:#3b3762;font-weight:700;padding:28px 0 14px 0}
.quintet .quintetWrapper .box span {float:left;width:100%;font-size:24px;color:#3b3762;font-weight:800;}

/* Footer */
.footer {float:left;width:100%;position:relative;background:#f9f8ff;padding:69px 0 60px 0;font-family: 'Nunito', sans-serif;}
.footer:before {position:absolute;top:-6px;left:0;right:0;content:"";width:100%;height:6px;background:url("../img/bg/colorful.png")repeat-x left;}
.footer .logo {float:left;width:100%;margin-bottom:23px;}
.footer .footerArea {float:left;}
.footer .footerArea strong {float:left;width:100%;font-size:20px;font-weight:800;color:#696687;}
.footer .footerArea h5 {float:left;width:100%;font-size:20px;font-weight:800;color:#696687;}
.footer .footerArea.text {width:37.208%;margin-right:66px;}
.footer .footerArea.text p {float:left;width:100%;font-size:17px;line-height:27px;font-weight:600;color:#696687;padding-top:20px;}
.footer .footerArea.text h6 {float:left;width:100%;font-size:17px;line-height:27px;font-weight:600;color:#696687;padding-top:20px;}
.footer .footerArea.contact {width:16.639%;margin-right:66px;}
.footer .footerArea.contact span {float:left;width:100%;margin-top:24px;font-weight:600;height:47px;position:relative;padding-left:52px;line-height:23.5px;font-size:17px;color:#696687;}
.footer .footerArea.contact span:before {position:absolute;top:0;left:0;content:"";width:37px;height:47px;background:url("../img/icons/contact.png")no-repeat;}
.footer .footerArea.contact ul {float:left;width:100%;margin-top:60px;}
.footer .footerArea.contact ul li {float:left;margin-right:30px;}
.footer .footerArea.contact ul li:last-child {float:left;margin-right:0;}
.footer .footerArea.contact ul li.in a {background:url("../img/icons/in.png")no-repeat;width:17px;}
.footer .footerArea.contact ul li.fb a {background:url("../img/icons/fb.png")no-repeat;width:9px;}
.footer .footerArea.contact ul li.tw a {background:url("../img/icons/tw.png")no-repeat;width:17px;}
.footer .footerArea.contact ul li.git a {background:url("../img/icons/git.png")no-repeat;width:16px;}
.footer .footerArea.contact ul li a {background-position:0 0;transition:all .3s;height:16px;}
.footer .footerArea.contact ul li a:hover {background-position:0 -16px;transition:all .3s;}
.footer .footerArea.subscribe {width:34.7%;}
.footer .footerArea.subscribe .subscribeBox {float:right;width:calc(100% - 0px);height:46px;margin-top:25px;position:relative;padding-left:87px}
.footer .footerArea.subscribe .subscribeBox:before {position:absolute;left:0px;top:0;content:"";background:url("../img/icons/plane.png")no-repeat;width:53px;height:47px;}
.footer .footerArea.subscribe .subscribeBox .subscribe {padding:0 17px;border-radius:3px 0 0 3px;font-weight:600;font-family: 'Nunito', sans-serif;float:left;width:calc(100% - 145px);height:46px;border:none;font-size:14px;color:#696687;}
.footer .footerArea.subscribe .subscribeBox .subscribe::placeholder {font-family: 'Nunito', sans-serif;font-weight:600;font-size:14px;color:#696687;}
.footer .footerArea.subscribe .subscribeBox .submit {letter-spacing:0.5px;cursor:pointer;border-radius:0 3px 3px 0;float:right;width:145px;font-size:12px;font-weight:900;font-family: 'Nunito', sans-serif;height:46px;color:#FFF;text-align:center;background: #f49a00;background: -moz-linear-gradient(left,  #f49a00 0%, #f67400 100%);background: -webkit-linear-gradient(left,  #f49a00 0%,#f67400 100%);background: linear-gradient(to right,  #f49a00 0%,#f67400 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a00', endColorstr='#f67400',GradientType=1 );}
.footer .footerArea.subscribe h4 {float:right;padding-top:62px;width:100%;text-align:right;font-size:15px;color:#696687;font-weight:600;}
.footer .footerArea.subscribe h4 b {font-weight:800;}

/* Theme Detail Page */
.themeDetailsPage {width:100%;float:left;background:#f9f8ff;}
.themeDetailsHead {padding:41px 0 0 0;float:left;width:100%;background-image:url("../img/bg/themeDetailsHead.png");background-position:center center;background-size:cover;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;position:relative;height:688px;}
.themeDetailsHead .textButtons {float:left;width:calc(100% - 320px);padding-right:76px;}
.themeDetailsHead .textButtons span.desc, .themeDetailsHead .textButtons h1, .themeDetailsHead .textButtons p {font-family:'Nunito', sans-serif;}
.themeDetailsHead .textButtons h1 {float:left;width:100%;margin-top:43px;font-size:14px;color:#bcb9b2;font-weight:700;}
.themeDetailsHead .textButtons h2 {float:left;width:100%;margin-top:17px;font-size:30px;color:#fff;font-weight:800;line-height:45px;}
.themeDetailsHead .textButtons span {float:left;width:100%;margin-top:14px;font-size:17px;color:#fff;font-weight:400;line-height:30px;}
.themeDetailsHead .textButtons ul.buttons {float:left;width:100%;margin-top:29px;}
.themeDetailsHead .textButtons ul.buttons li {transition:box-shadow .4s;text-align:center;float:left;width:200px;height:44px;line-height:44px;background:#7c939e;margin-right:20px;border-radius:3px;-webkit-box-shadow: 0px 10px 20px 0px rgba(121,96,156,0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(121,96,156,0.2);box-shadow: 0px 10px 20px 0px rgba(121,96,156,0.2);}
.themeDetailsHead .textButtons ul.buttons li:hover {-webkit-box-shadow: 0px 0px 18px 8px rgba(121,96,156,0.2);-moz-box-shadow: 0px 0px 18px 8px rgba(121,96,156,0.2);box-shadow: 0px 0px 18px 8px rgba(121,96,156,0.2);transition:box-shadow .4s;opacity:0.9;}
.themeDetailsHead .textButtons ul.buttons li a {color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;}
.themeDetailsHead .textButtons ul.buttons li p {position:relative;display:inline-block;height:44px;}
.themeDetailsHead .textButtons ul.buttons li p:before {position:absolute;content:"";top:12px;left:0;}
.themeDetailsHead .textButtons ul.buttons li.demo p {padding-left:44px;}
.themeDetailsHead .textButtons ul.buttons li.demo p:before {width:31px;height:21px;background:url("../img/icons/themeDemo.png")no-repeat;}
.themeDetailsHead .textButtons ul.buttons li.feature {background:#3a9ff1;}
.themeDetailsHead .textButtons ul.buttons li.feature p {padding-left:44px;}
.themeDetailsHead .textButtons ul.buttons li.feature p:before {width:31px;height:21px;background:url("../img/icons/themeFeature.png")no-repeat;}
.themeDetailsHead .textButtons ul.buttons li.addBasket {margin-right:0;background:#ee502a;}
.themeDetailsHead .textButtons ul.buttons li.addBasket p {padding-left:33px;}
.themeDetailsHead .textButtons ul.buttons li.addBasket p:before {width:20px;height:20px;background:url("../img/icons/themeBasket.png")no-repeat;}
.singleUrun p:before {width:20px !important;height:20px !important;background:url("../img/icons/themeBasket.png")no-repeat !important;}
.themeDetailsHead .themeImage {float:right;width:320px;}
.themeDetailsHead .themeImage.birhaber img {position:relative;right:1px;width:373px;max-width:373px;height:649px}
.themeDetailsPage .infoBoxes {background:#f9f8ff;}
.themeDetailsPage .infoBoxes .blockTitle {padding:67px 0 0 0;}
.standartInfoText a.watchVideo {float:left;margin-top:32px;transition:box-shadow .6s;line-height:50px;font-size:12px;color:#5e5a79;font-weight:900;letter-spacing:0.5px;}
.standartInfoText a.watchVideo i {position:relative;float:left;height:50px;width:50px;border-radius:100%;margin-right:15px;background: #f49a00;background: -moz-linear-gradient(left, #f49a00 0%, #f67400 100%);background: -webkit-linear-gradient(left, #f49a00 0%,#f67400 100%);background: linear-gradient(to right, #f49a00 0%,#f67400 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a00', endColorstr='#f67400',GradientType=1 );}
.standartInfoText a.watchVideo:hover i:before {transform:rotate(360deg);transition:300ms;}
.standartInfoText a.watchVideo i:before {transition:300ms;position:absolute;content:"";left:50%;top:50%;margin:-12px 0 0 -12px;cursor:pointer;height:24px;color:#fff;width:24px;background-image:url("../img/icons/play.svg");background-size:contain;}
.standartInfoText a.watchVideo:hover {transition:box-shadow .6s;}
.premiumTheme.video {padding:0 0 58px 0;}
.premiumTheme.video .standartInfoText {padding-top:210px;}
.premiumTheme.video .yourPThemeImg {padding-top:87px;}
.oppPackages.theme-details .package:first-child {background:#f9f8ff;width:calc(33.33% - 25px);}
.oppPackages.theme-details .package:nth-child(2) {width:calc(33.33% + 50px);padding-top:73px;border-radius:3px;height:568px;position:relative;top:-20px;background: #efa72d;background: -moz-linear-gradient(top,  #efa72d 0%, #fb7b33 100%);background: -webkit-linear-gradient(top,  #efa72d 0%,#fb7b33 100%);background: linear-gradient(to bottom,  #efa72d 0%,#fb7b33 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa72d', endColorstr='#fb7b33',GradientType=0 );}
.oppPackages.theme-details .package:last-child {background:#f0fffc;width:calc(33.33% - 25px);}
.oppPackages.theme-details .package .text span.price {float:left;margin-top:38px;padding:0 24.09px 17px 0;width:100%;text-align:center;font-size:60px;font-weight:800;position:relative;}
.oppPackages.theme-details .package .text span.price:after {position:absolute;content:"TL";top:6px;color:#79609c;font-size:20px;font-weight:900;}
.oppPackages.theme-details .package:first-child .text span.price {color:#79609c;}
.oppPackages.theme-details .package:first-child .text span.price:after {color:#79609c;}
.oppPackages.theme-details .package:nth-child(2) .text span.price {color:#fff;}
.oppPackages.theme-details .package:nth-child(2) .text span.price:after {color:#fff;}
.oppPackages.theme-details .package:last-child .text span.price {color:#3dc37b;}
.oppPackages.theme-details .package:last-child .text span.price:after {color:#3dc37b;}
.oppPackages.theme-details .package:nth-child(2) .text ul li {color:#FFF;}
.oppPackages.theme-details .package:nth-child(2) .text strong {color:#FFF;}
.oppPackages.theme-details .package:last-child .text a.buyPackage {background:#5fdb96;background:-moz-linear-gradient(left,  #5fdb96 0%, #3dc37b 100%);background:-webkit-linear-gradient(left,  #5fdb96 0%,#3dc37b 100%);background:linear-gradient(to right,  #5fdb96 0%,#3dc37b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fdb96', endColorstr='#3dc37b',GradientType=1 );}
.oppPackages.theme-details .package:nth-child(2) .text a.buyPackage {background:#FFF;color:#fb7b33;}
.oppPackages.theme-details .package:nth-child(2) .text a.buyPackage:hover {background:#FFF;color:#fb7b33;}
.quintet.theme-details .quintetWrapper {padding-top:60px;}

/* Contact Page */
.contactPage {float:left;width:100%;background:#FFF;font-family:'Nunito', sans-serif;}
.pageTemplateHead {float:left;width:100%;text-align:center;height:210px;background:url("../img/bg/contactHead.png")repeat-x center center #79609b;}
.sellpageTemplateHead {    margin-bottom: 40px;float:left;width:100%;text-align:center;height:95px;background:url("../img/bg/sellheadbg.png")repeat-x center center;display:flex;align-items: center;justify-content: center;}
.pageTemplateHead h1 {float:left;width:100%;font-weight:600;color:#FFF;font-size:14px;text-transform:uppercase;margin-top:55px;}
.sellpageTemplateHead h1 {float:left;width:100%;font-weight:600;color:#FFF;font-size:14px;text-transform:uppercase;margin-top:55px;}
.pageTemplateHead .headTitle {float:left;width:100%;font-weight:600;color:#FFF;font-size:14px;text-transform:uppercase;margin-top:55px;}
.selloverlay {
    position: fixed;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    background-color: rgba(55,79,104,.90);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all .35s ease-in-out;
}
.sellbasvuru,
.sellodeme {
    position: fixed;
    top: 164px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 1158px;
    height: 644px;
    z-index: 9999;
    border-radius: 3px;
    display: flex;
align-items: flex-start;
justify-content: space-between;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out;
font-family: 'Nunito';
}
.sellbasvuru-right .logo span {
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    width: 58px;
    text-align: center;
    background-color: #785F9A;
    color: #fff;
    border-radius: 3px;
    margin-left: 10px;
}

.sellbasvuru-right .logo a {
    display: flex;
    align-items: center;
}

.sellbasvuru.active,
.selloverlay.active,
.sellkosul.active,
.sellodeme.active {
    visibility: visible;
    opacity: 1;
}

.sellbasvuru-right ul li svg {
  position: absolute;
  left: 0;
  top: 6px;
}

.sellbasvuru-left {
    width: 644px;
    height: 100%;
    background-image: url(../img/bg/sellbasvurubg2.svg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    background-position: center;
}
.sellbasvuru-close {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -36px;
    top: -36px;
    cursor: pointer;
}

.sellbasvuru-right {
    padding: 7px 40px 30px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 510px;
    flex-direction: column;
}
.sellbasvuru-row {
    width: 100%;
    margin-bottom: 19px;
    position: relative;
}

.sellbasvuru-row svg {
    position: absolute;
    right: 15px;
    top: 21px;
    user-select: none;
    pointer-events: none;
}

.sellbasvuru-row input,.sellbasvuru-row select,.sellbasvuru-row textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #B5B5B6;
    background-color: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #A0A0A0;
    padding: 0 15px;
    -webkit-appearance:none;
    appearance:none;
}

.sellbasvuru-row input:focus,.sellbasvuru-row textarea:focus,.sellbasvuru-row select:focus {
    box-shadow: 0 0 5px rgba(0,0,0,.26);
}
.sellbasvuru-row input:focus,.sellbasvuru-row textarea:focus,.sellbasvuru-row select:focus {
    box-shadow: 0 0 5px rgba(0,0,0,.26);
}

.sellbasvuru-row textarea {height: 178px;resize: none;padding-top: 19px;}
.sellbasvuru-right button {
    color: #fff;
    font-size: 14.89px;
    font-weight: 700;
    background-color: #785F9A;
    border-radius: 3px;
    height: 44px;
    line-height: 44px;
    border: 0;
    padding: 0 18px;
    float: right;
}

.sellbasvuru-row input::placeholder,.sellbasvuru-row textarea::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #A0A0A0;
}

.sellbasvuru-right .logo {
    float: unset;
}
.sell-panel-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 3px;
    background-image: linear-gradient(47deg, #79609B, #9473C0);
    height: 140px;
    padding: 0 30px;
    position: relative;
    overflow: hidden;
    margin: 0 0 40px 0;
}.toppanelri {
    position: absolute;
    right: -60px;
    top: -22px;
}
.spt-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}

.spt-left svg {
    margin-right: 26px;
}
.spt-left h2 {
    margin-bottom: 10px;
    font-size: 23.88px;
    font-weight: 800;
}

.spt-left p {
    font-size: 13.93px;
    font-weight: 800;
    color: #EBDCFF;
}

.spt-left p b {
    color: #fff;
}
.spt-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 9;
}

.spt-right a {
    background-color: #fff;
    color: #000;
    font-size: 14.89px;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    box-shadow: 0 6px 10px rgba(62,64,93,.20);
    text-align: center;
    display: flex;
min-width: 200px;
align-items: center;
justify-content: center;
margin-right: 10px;
transition: transform .35s ease-in-out;
}

.sell-ref-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 70px;
}

.refinput {
    width: 564px;
    height: 72px;
    position: relative;
    padding: 10px;
}

.sell-ref-link h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
}

.sell-ref-link>p {
    font-size: 16px;
    font-weight: 600;
    color: #6385A6;
    line-height: 18px;
    margin: 21px 0 45px 0;
}

.sgi-bottom span i {
    font-style: normal;
}

.refinput>img {
    position: absolute;
    top: 0;
    left: 0;
}

.refinput-in {
    background-color: #fff;
    width: 100%;
    height: 52px;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.yourref ul,
.yourref .orderDetails {
    float: unset!important;
}
.yourref-in {
  margin-top: 21px;
  display: none;
}

.yourref-in.active {
  display: block;
}

.refinput-in p {
  cursor: pointer;
}

.refinput-in p b {
    position: absolute;
    transition: opacity 0.3s;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    content: "";
    color: #fff;
    width: auto;
    background: rgba(124, 147, 158, 1);
    top: -29px;
    left: 50%;
    height: 22px;
    padding: 0 7px;
    border-radius: 3px;
    line-height: 22px;
    font-size: 12px;
    width: max-content;
    transform: translateX(-50%);
}

.refinput-in span.active {
    padding: 4px 0;
    color: #fff;
    background: #3390FF;
}

.refinput-in p b.active {
    visibility: visible;
    opacity: 1;
}

.refinput-in p b:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(124, 147, 158, 1) transparent transparent transparent;
}
.yourref-in ul.orderDetailsHead li.date {
    width: 184px;
}


.yourref-in ul.orderDetailsHead li.userur {
    width: 202px;
}

.yourref-in ul.orderDetailsHead li.product {
    width: 158px;
}
.yourref-in ul.orderDetailsHead li.total {
    width: 107px;
}
.yourref-in ul.orderDetailsHead li.komis {
    width: 185px;
}
.yourref-in ul.orderDetailsHead li.statuee {
    width: 136px;
    text-align: right;
    padding-right: 30px;
}
.yourref-in ul.orderDetailsHead li.statuee .ordh2-info {
    margin-right: -30px;
}

.ordh2-info p {
    position: absolute;
    transition: opacity 0.3s;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    content: "";
    color: #fff;
    width: auto;
    background: rgba(124, 147, 158, 0.72);
    top: -5px;
    left: 50%;
    height: 22px;
    padding: 0 7px;
    border-radius: 3px;
    line-height: 22px;
    font-size: 12px;
    width: max-content;
    transform: translateX(-50%);
    min-width: max-content;
display: block;
white-space: nowrap;
}

.sellkosul {
    position: fixed;
    top: 164px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 1158px;
    height: 680px;
    z-index: 9999;
    border-radius: 3px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
     visibility: hidden;
    opacity: 0;
    transition: all .35s ease-in-out;
    font-family: 'Nunito';
    max-width: calc(100% - 40px);
}
.stkom {
    display: flex;
    font-size: 18px;
    font-weight: 800;
    position: relative;
    margin-top: 20px;
    height: 50px;
    border: 2px dashed #715694;
    width: 100%;
    border-radius: 60px;
    align-items: center;
    justify-content: flex-end;
}

.stkom p {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.sellkosul .sellbasvuru-left {
    width: 528px;
}

.sellkosul .sellbasvuru-right {
    width: 630px;
overflow: hidden;
height: 680px;
justify-content: flex-start;
overflow-y: scroll;
}

.sellbasvuru-right ul li {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    letter-spacing: .10px;
    margin-bottom: 12px;
    position: relative;
padding-left: 37px;
}

.ordh2-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 71px;
    width: auto;
    float: right;
    cursor: pointer;
    position: relative;
}

.ordh2-info:hover p {
    visibility: visible;
    opacity: 1;
}

.ordh2-info p:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(124, 147, 158, 0.72) transparent transparent transparent;
}

.yourref-in ul.orderDetailsHead li.proc {
    width: 127px;
    text-align: right;
}
.refinput-in p {
    position: absolute;
    right: 13px;
    top: 11px;
}

.yourref .orderDetails ul.pInfos {
  background-color: #fff;
}

.refinput-in p img {
    cursor: pointer!important;
    user-select: none;
    pointer-events: none;
}

ul.orderDetailsHead.ordh2 {
    background: #fff;
    height: 71px;
    border-color: #F2F5F8;
}

.ordh1 {
    border-radius: 3px 3px 0 0;
}

ul.orderDetailsHead.ordh2 li {
    height: 71px;
    line-height: 71px;
}

.ordh2 li.komis {
    color: #FD6721;
}

.ordh2 li.userur {
    color: #44AC4C;
}

ul.ordh2 ul li {
    font-weight: 700;
}

ul.orderDetailsHead.ordh2 li {
    font-weight: 700;
}

ul.orderDetailsHead.ordh2 li.product,ul.orderDetailsHead.ordh2 li.total {
    font-weight: 400;
}

li.statuee b {
    color: #fff;
    background: #44AC4C;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 3px;
    padding: 0 11px;
    display: inline-block;
}

li.statuee b.onaylanmadi {
    background-color: #EE502A;
}

li.statuee b.iadeedildi {
    background-color: #3A9FF1;
}

li.ordh2info {
    width: 100%;
    height: 105px!important;
    line-height: 105px!important;
    padding-top: 30px;
}

li.ordh2info span {
    color: #79609B;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    display: block;
    background-color: #DADEF7;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
}

.refinput-in span {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.spt-right a:last-child {
    margin-right: 0;
}

.spt-right a svg {
    margin-right: 11px;
}

a.hbas {
    color: #fff;
    background-color: #EC9F28;
    padding: 0 15px;
}

.spt-right a:hover {
    transform: translateY(-5px);
}
.sell-grid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 55px;
}

.sell-grid-in {
    flex: 0 0 25%;
    max-width: calc(25% - 15px);
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #E1E8ED;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-direction: column;
    padding-top: 31px;
    position: relative;
    overflow: hidden;
}

.boti {
    position: absolute;
    bottom: -60px;
    pointer-events: none;
    left: -178px;
}

.boti img {
    max-width: unset;
}

.sgi-top {
    width: 48px;
    height: 48px;
    background-color: #79609B;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
}

.sgi-bottom span {
    font-size: 48px;
    font-weight: 800;
    color: #79609B;
}

.sgi-bottom h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
        margin: 19px 0 9px 0;
}

.yt-ri li u {
    text-decoration: none;
}

ul.orderDetailsHead.ordh2 li i {
    font-style: normal;
    font-size: 15px;
    font-weight: 800;
    color: #000;
    display: none;
}

.sgi-bottom p {
    font-size: 13.98px;
    font-weight: 600;
    color: #7C939E;
    line-height: 20px;
}

.sgi-bottom {
    padding: 0 33px;
        margin-bottom: 100px;
        position: relative;
        z-index: 99;
        margin-top: 20px;
}
.yourref {
    background-color: #C2CFDD;
    width: 100%;
    padding: 30px 0;
}

.yourref-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yourref-title svg {
    margin-right: 15px;
}

.yourref-title h1 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}
.yourref {
    background-color: #C2CFDD;
    width: 100%;
    padding: 30px 0;
}

.yourref-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yourref-title svg {
    margin-right: 15px;
}

.yourref-title h1 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.yt-ri ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.yt-ri ul li {
    background-color: #8EA8BF;
    border-radius: 3px;
    height: 36px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    margin-right: 10px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 600;
    transition: background-color .2s ease-in-out;
}

.yt-ri li b {
    width: 36px;
    height: 36px;
    border-radius: 3px 0 0 3px;
    background-color: #6385A6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 15px;
    transition: background-color .2s ease-in-out;
}

.yt-ri li:hover {
    background-color: #6385A6;
}

.yt-ri li:hover b {
    background-color: #48647D;
}

.yt-ri li b svg {
    margin: 0;
}

.yt-ri ul li:last-child {
    margin-right: 0;
}
.pageTemplateHead h2 {float:left;width:100%;font-weight:800;color:#FFF;font-size:30px;margin-top:15px;}
.sellpageTemplateHead h2 {float:left;width:100%;font-weight:800;color:#FFF;font-size:30px;margin-top:0;}
.pageTemplateHead .headDesc {float:left;width:100%;font-weight:800;color:#FFF;font-size:30px;margin-top:15px;}
.pageTemplateHead p {float:left;width:100%;font-weight:500;color:#FFF;font-size:18px;margin-top:18px;}
.contactPage .contactInfos {float:left;width:100%;padding:80px 0 503px 0;position:relative;}
.contactPage .contactInfos:before {position:absolute;content:"";top:0;z-index:99;left:0;right:0;width:100%;height:948px;background:url("../img/vectors/contactPage.png")no-repeat center center;}
.contactPage .contactInfos .contactPart {float:left;width:calc(33.33%);position:relative;z-index:100;}
.contactPage .contactInfos .contactPart span.country {float:left;width:100%;height:24px;margin-bottom:30px;line-height:24px;padding-left:46px;color:#3b3762;font-size:14px;font-weight:800;position:relative;}
.contactPage .contactInfos .contactPart span.country:before {position:absolute;left:0;top:0;content:"";width:36px;height:24px;}
.contactPage .contactInfos .contactPart span.country.turkey:before {background:url("../img/icons/turkey.png")no-repeat;}
.contactPage .contactInfos .contactPart span.country.china:before {background:url("../img/icons/china.png")no-repeat;}
.contactPage .contactInfos .contactPart span.country.russia:before {background:url("../img/icons/russia.png")no-repeat;}
.contactPage .contactInfos .contactPart .address {float:left;width:100%;}
.contactPage .contactInfos .contactPart .address i {float:left;width:32px;margin-right:14px;height:32px;border-radius:100%;position:relative;background: #8779f2;background: -moz-linear-gradient(left,  #8779f2 0%, #6855ec 100%);background: -webkit-linear-gradient(left,  #8779f2 0%,#6855ec 100%);background: linear-gradient(to right,  #8779f2 0%,#6855ec 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8779f2', endColorstr='#6855ec',GradientType=1 );}
.contactPage .contactInfos .contactPart .address i:before {position:absolute;top:50%;left:50%;width:16px;height:19px;margin:-9.5px 0 0 -8px;content:"";background:url("../img/icons/address.png")no-repeat;}
.contactPage .contactInfos .contactPart .address span {width:calc(100% - 146px);font-size:17px;font-weight:600;float:left;color:#696687;line-height:27px;}
.contactPage .contactInfos .contactPart .phone {float:left;width:100%;margin-top:18px;}
.contactPage .contactInfos .contactPart .phone i {float:left;width:32px;margin-right:14px;height:32px;border-radius:100%;position:relative;background: #f3a000;background: -moz-linear-gradient(left,  #f3a000 0%, #f66f00 100%);background: -webkit-linear-gradient(left,  #f3a000 0%,#f66f00 100%);background: linear-gradient(to right,  #f3a000 0%,#f66f00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3a000', endColorstr='#f66f00',GradientType=1 );}
.contactPage .contactInfos .contactPart .phone i:before {position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;content:"";background:url("../img/icons/phone.png")no-repeat;}
.contactPage .contactInfos .contactPart .phone span {width:calc(100% - 146px);font-size:17px;font-weight:600;float:left;color:#696687;line-height:27px;}
.contactPage .contactInfos .contactPart .mail {float:left;width:100%;margin-top:18px;}
.contactPage .contactInfos .contactPart .mail i {float:left;width:32px;margin-right:14px;height:32px;border-radius:100%;position:relative;background: #6defa6;background: -moz-linear-gradient(left,  #6defa6 0%, #30c97a 100%);background: -webkit-linear-gradient(left,  #6defa6 0%,#30c97a 100%);background: linear-gradient(to right,  #6defa6 0%,#30c97a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6defa6', endColorstr='#30c97a',GradientType=1 );}
.contactPage .contactInfos .contactPart .mail i:before {position:absolute;top:50%;left:50%;width:18px;height:13px;margin:-6.5px 0 0 -9px;content:"";background:url("../img/icons/mail.png")no-repeat;}
.contactPage .contactInfos .contactPart .mail span {width:calc(100% - 146px);font-size:17px;font-weight:600;float:left;color:#696687;line-height:27px;}
.contactPage .contactInfos .contactPart a.sendMessage {transition:all .4s;height:48px;width:160px;letter-spacing:0.5px;display:inline-block;margin-top:30px;text-align:center;line-height:48px;color:#FFF;font-size:12px;font-weight:800;border-radius:3px;-webkit-box-shadow: 0px 0px 20px 10px rgba(250,195,105,0.22);-moz-box-shadow: 0px 0px 20px 10px rgba(250,195,105,0.22);box-shadow:0px 0px 20px 10px rgba(250,195,105,0.22);background:#f49a00;background:-moz-linear-gradient(left, #f49a00 0%, #f67400 100%);background:-webkit-linear-gradient(left, #f49a00 0%,#f67400 100%);background:linear-gradient(to right, #f49a00 0%,#f67400 100%);}
.contactPage .contactInfos .contactPart a.sendMessage:hover {background: #f49a00;background: -moz-linear-gradient(left,  #f49a00 0%, #f49a00 100%);background: -webkit-linear-gradient(left,  #f49a00 0%,#f49a00 100%);background: linear-gradient(to right,  #f49a00 0%,#f49a00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a00', endColorstr='#f49a00',GradientType=1 );-webkit-box-shadow: 0px 0px 23px 12px rgba(250,195,105,0.22);-moz-box-shadow: 0px 0px 23px 12px rgba(250,195,105,0.22);box-shadow: 0px 0px 23px 12px rgba(250,195,105,0.22);}

/* Question - Answer */
.questionSearchBox {width:calc(100% - 405px);padding:10px;margin:0 auto;margin-top:70px;height:70px;background:rgba(80, 56, 112, 0.5);border-radius:3px;}
.questionSearchBox.blog {width:calc(100% - 374px)!important;}
.questionSearchBox .submit {transition:800ms;float:right;cursor:pointer;width:150px;font-weight:bold;font-family: 'Nunito', sans-serif;font-size:18px;height:100%;background:#f67500;border-radius:0 3px 3px 0;color:#FFF;}
.submitBottom {transition:display .800ms;opacity:0;visibility:hidden;cursor:pointer;width:150px;margin:20px auto;height:50px;display:inline-table;font-weight:bold;font-family: 'Nunito', sans-serif;font-size:18px;background:#f67500;border-radius:3px;color:#FFF;}
.submitBottom.op:hover {opacity:0.95;}
.submitBottom.op {opacity:1;visibility:visible;}
.questionSearchBox .text {float:left;width:calc(100% - 150px);height:100%;font-size:18px;color:#898989;border-radius:3px 0 0 3px;padding:0 20px;}
.questionSearchBox .textT {transition:800ms;float:left;width:100%;}
.questionSearchBox .text.full {width:calc(100% - 0px);}
.questionSearchBox .text::placeholder {font-family: 'Nunito', sans-serif;font-size:18px;color:#898989;}
.questionSearchBox i.close {position:absolute;display:none;transition:200ms;right:203px;width:27px;height:27px;top:-40px;color:#FFF;background:url("../img/icons/notClose.png")no-repeat center center rgba(80, 56, 112, 0.5);cursor:pointer;border-radius:3px;}
.questionSearchBox i.close:hover {transform:rotate(180deg);transition:200ms;}
.pageTemplateHead.quest.postActive .questionSearchBox i.close {display:block;}
.pageTemplateHead.quest {transition:300ms;height:304px;background:url("../img/bg/pageHead.png")repeat-x center center #79609b;}
.pageTemplateHead.quest.postActive {height:450px;background:url("../img/bg/pageHead.png") top center #79609b;transition:800ms}
.pageTemplateHead.quest .questionSearchBox {display:flex;}
.pageTemplateHead.quest p {margin-bottom:23px;}
.pageTemplateHead .questDrop {width:100%;height:auto;position:relative;}
.pageTemplateHead .questPostWrapper {opacity:0;visibility:hidden;border-radius:3px;height:175px;background:rgba(80, 56, 112, 0.5);padding:10px;width:calc(100% - 405px);margin:0 auto;margin-top:15px;}
.pageTemplateHead .questPostWrapper.on {opacity:1;visibility:visible;}
.pageTemplateHead .questPostWrapper textarea {float:left;max-height:115px;resize:none;border-radius:3px 3px 0 0px;background:#FFF;width:100%;height:115px;padding:20px 20px;font-family: 'Nunito', sans-serif;font-size:18px;color:#898989;overflow:hidden;}
.pageTemplateHead .questPostWrapper textarea::placeholder {font-family: 'Nunito', sans-serif;font-size:18px;color:#898989;}
.pageTemplateHead .questPostWrapper .bottom {float:left;width:100%;height:40px;background:#e3d7f3;float:left;}
.pageTemplateHead .questPostWrapper .bottom .questSelect {float:left;}
.pageTemplateHead .questPostWrapper .bottom .questSelect:hover {background-color:rgba(0, 0, 0, 0.03);}
.pageTemplateHead .questPostWrapper .bottom .questSelect {position: relative;display:inline-block;}
.pageTemplateHead .questPostWrapper .bottom .questSelect select {display: none;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-selected {font-size:18px;font-weight:600;text-transform:uppercase;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-selected:after {position: absolute;content: "";top: 24px;right: 19px;width:7px;height:4px;background:url("../img/icons/triangle.png")no-repeat;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent;top: 22.5px;transform:rotate(180deg);}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items div,.pageTemplateHead .questPostWrapper .bottom .questSelect .select-selected {font-family: 'Nunito', sans-serif;color:#886baf;height:40px;line-height:40px;padding: 0px 20px 0 20px;border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;border-right:1px solid rgba(0, 0, 0, 0.1);font-size:13px;font-weight:700;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items {position:absolute;background-color:#e3d7f3;top: 100%;left: 0;right: 0;z-index: 99;text-align:left;max-height:200px;overflow:auto;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items div:first-child{border-top:transparent;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items div {border-right:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items::-webkit-scrollbar-track{background-color: #F5F5F5;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items::-webkit-scrollbar{width:8px;background-color: #F5F5F5;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items::-webkit-scrollbar-thumb{background-color:rgba(80, 56, 112, 0.5);}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-hide {display: none;}
.pageTemplateHead .questPostWrapper .bottom .questSelect .select-items div:hover, .pageTemplateHead .questPostWrapper .bottom .questSelect .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
.pageTemplateHead .questPostWrapper .bottom .addPhoto {float:right;border:none;background:url("../img/icons/addPhoto.png")no-repeat center center;margin-right:10px;height:40px;width:40px;cursor:pointer;text-indent:-9999px;}
.questAnswerPage {float:left;width:100%;background:#f6f8fa;text-align:center;font-family:'Nunito', sans-serif;position:relative;padding-bottom:448px;}
.questAnswerPage:before {position:absolute;content:"";top:287px;left:0;right:0;width:100%;height:765px;background:url("../img/bg/quest.png")no-repeat center center #f6f8fa;}
.questAnswerPage span {float:left;width:100%;position:relative;color:#24292e;font-size:35px;font-weight:800;line-height:40px;padding:194px 0 14px 0;}
.questAnswerPage span:before {position:absolute;content:"";border-radius:2px;width:4px;height:128px;top:40px;left:50%;margin-left:-2px;background: #a794c1;background: -moz-linear-gradient(top,  #a794c1 0%, #79609b 100%);background: -webkit-linear-gradient(top,  #a794c1 0%,#79609b 100%);background: linear-gradient(to bottom,  #a794c1 0%,#79609b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a794c1', endColorstr='#79609b',GradientType=0 );}
.questAnswerPage p {float:left;width:100%;position:relative;color:#584177;font-size:18px;font-weight:600;line-height:27px;padding-bottom:200px;}
.questAnswerPage p:before {position:absolute;content:"";border-radius:2px;width:4px;height:128px;bottom:40px;left:50%;margin-left:-2px;background: #a794c1;background: -moz-linear-gradient(top,  #a794c1 0%, #79609b 100%);background: -webkit-linear-gradient(top,  #a794c1 0%,#79609b 100%);background: linear-gradient(to bottom,  #a794c1 0%,#79609b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a794c1', endColorstr='#79609b',GradientType=0 );}
.features {width:100%;background:#f6f8fa;float:left;padding:18px 0 89px 0;font-family: 'Nunito', sans-serif;}
.features .feature {float:left;width:33.33%;text-align:center;padding:78px 20px 0 20px;}
.features .feature i img {display:block;margin:0 auto;}
.features .feature span {width:100%;float:left;font-size:18px;font-weight:700;color:#24292e;line-height:30px;margin:17px 0 3px 0;}
.features .feature p {width:100%;float:left;font-size:16px;font-weight:600;color:#6a737d;line-height:27px;}

/* User Profile */
.userPageHead {float:left;width:100%;position:relative;height:95px;background:#212121;text-align:center;font-family:'Nunito', sans-serif;}
.userPageHead:before {position: absolute;left:0;right:0;top:0;content:"";width:100%;height:100%;background:url("../img/bg/searchTheme.png")repeat-x center top;}
.userPageHead h1 {line-height:95px;color:#FFF;font-size:24px;font-weight:700;}
.userProfilePageTop {float:left;width:100%;background:#f6f8fa;font-family:'Nunito', sans-serif;padding:40px 0 40px 0;}
.userProfilePageTop .threeBoxes {float:left;width:100%;}
.userProfilePageTop .threeBoxes .box {float:left;width:calc(33.33% - 12.62px);height:300px;padding:28px 30px 30px 30px;border:1px solid #e1e8ed;background:#FFF;border-radius:3px;margin-right:18px;}
.userProfilePageTop .threeBoxes .box:last-child {margin-right:0;}
.userProfilePageTop .threeBoxes .box .head {float:left;width:100%;margin-bottom:28px;}
.userProfilePageTop .threeBoxes .box .head span {float:left;color:#7c939e;font-size:22px;font-weight:700;}
.userProfilePageTop .threeBoxes .box .head a {position:relative;}
.userProfilePageTop .threeBoxes .box .head a.edit {float:right;width:16px;height:16px;background-image:url("../img/icons/edit.png");background-position:0 0;margin-top:3px;transition:background-position .15s;}
.userProfilePageTop .threeBoxes .box .head a.edit:hover {background-position:0 -16px;transition:background-position .15s;}
.userProfilePageTop .threeBoxes .box .head a.go {float:right;width:22px;height:22px;background-image:url("../img/icons/goSprite.png");background-position:0 0;transition:background-position .15s;}
.userProfilePageTop .threeBoxes .box .head a.go:hover {background-position:0 -22px;transition:background-position .15s;}
.userProfilePageTop .threeBoxes .box .head a p.tooltip {transition: opacity 0.3s;visibility:hidden;opacity:0;position:absolute;content:"";color:#fff;width:100px;background:rgba(124, 147, 158, 0.72);top:-30px;left:50%;margin-left:-50px;height:22px;padding:0 7px;border-radius:3px;line-height:22px;font-size:12px;}
.userProfilePageTop .threeBoxes .box .head a.go p.tooltip {width:112.5px;margin-left:-56.25px;}
.userProfilePageTop .threeBoxes .box .head a.affiliate p.tooltip {width:128px;margin-left:-64px;}
.userProfilePageTop .threeBoxes .box .head a p.tooltip:after {content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color: rgba(124, 147, 158, 0.72) transparent transparent transparent;}
.userProfilePageTop .threeBoxes .box .head a:hover p.tooltip {visibility:visible;opacity:1;}
.userProfilePageTop .threeBoxes .box ul {float:left;width:calc(100% + 60px);border-bottom:2px solid #f2f5f8;margin-left:-30px;padding:0 30px 14px 30px;}
.userProfilePageTop .threeBoxes .box ul li {line-height:33px;float:left;width:100%;height:33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.userProfilePageTop .threeBoxes .box ul li p {float:left;width:100%;font-size:15px;color:#7c939e;font-weight:600;}
.userProfilePageTop .threeBoxes .box ul li p b {text-transform:uppercase;color:#000;font-weight:800;}
.userProfilePageTop .threeBoxes .box .notice {background:#daedf7;color:#31708f;font-size:15px;font-weight:600;border-radius:3px;border:1px solid #bee8f0;float:left;width:100%;margin-top:29px;height:46px;line-height:46px;padding:0 20px;}
.userProfilePageTop .threeBoxes .box .products {float:left;width:calc(100% + 21px);height:189px;margin-top:8px;overflow:auto;}
.userProfilePageTop .threeBoxes .box .products::-webkit-scrollbar-track{background-color:#efefef;}
.userProfilePageTop .threeBoxes .box .products::-webkit-scrollbar{width:12px;background-color:#efefef;}
.userProfilePageTop .threeBoxes .box .products::-webkit-scrollbar-thumb{background-color:#ee502a;}
.userProfilePageTop .threeBoxes .box .products .product {float:left;width:calc(100% - 10px);height:85px;background:#fafafa;border:1px solid #e1e8ed;border-radius:3px;margin-bottom:19px;padding:19px 28px 20px 28px;position:relative;overflow:hidden;}
.userProfilePageTop .threeBoxes .box .products .product:last-child {margin-bottom:0;}
.userProfilePageTop .threeBoxes .box .products .product .p-thumb {float:left;width:44px;height:44px;border-radius:3px;}
.userProfilePageTop .threeBoxes .box .products .product .p-text {float:right;height:44px;width:calc(100% - 59px);}
.userProfilePageTop .threeBoxes .box .products .product .p-text .themeName {float:left;width:100%;font-size:15px;color:#ee502a;font-weight:700;margin-top:4px;}
.userProfilePageTop .threeBoxes .box .products .product .p-text .textBottom {float:left;width:100%;margin-top:8px;}
.userProfilePageTop .threeBoxes .box .products .product .p-text .textBottom p {float:left;font-size:14px;color:#2db74e;font-weight:700;}
.userProfilePageTop .threeBoxes .box .products .product .p-text .textBottom b {float:right;font-size:14px;color:#7c939e;font-weight:700;margin-left:16px;}
.userProfilePageTop .threeBoxes .box .products .product .p-details-go {opacity:0;visibility:hidden;float:left;width:100%;height:85px;background:rgba(238, 80, 42, 0.92);position:absolute;top:0;left:0;right:0;text-align:center;color:#FFF;}
.userProfilePageTop .threeBoxes .box .products .product .p-details-go span {display:inline-block;line-height:85px;font-size:15px;font-weight:700;height:22px;position:relative;padding-right:37px;}
.userProfilePageTop .threeBoxes .box .products .product .p-details-go span:after {position:absolute;content:"";background:url("../img/icons/goW.png")no-repeat;width:22px;height:22px;right:0;top:30px;}
.userProfilePageTop .threeBoxes .box .products .product:hover {border:none;}
.userProfilePageTop .threeBoxes .box .products .product:hover>.p-details-go {opacity:1;visibility:visible;}
.userProfilePageTop .threeBoxes .box .stats {float:left;width:100%;margin-top:20px;}
.userProfilePageTop .threeBoxes .box .stats p {float:left;width:100%;font-size:15px;color:#7c939e;font-weight:600;height:33px;line-height:33px;}
.userProfilePageTop .threeBoxes .box .stats p b {font-weight:800;color:#39ba77;}
.userProfilePageTop .threeBoxes .box .stats p:nth-child(2) b {color:#ee502a;}
.userProfilePageTop .fiveBoxes {float:left;width:100%;margin-top:20px;}
.userProfilePageTop .fiveBoxes .box {float:left;width:calc(20% - 16px);margin-right:20px;background:#FFF;border:1px solid #e1e8ed;height:186px;border-radius:3px;text-align:center;}
.userProfilePageTop .fiveBoxes .box:last-child {margin-right:0;}
.userProfilePageTop .fiveBoxes .box span {float:left;width:100%;color:#39ba76;font-weight:700;}
.userProfilePageTop .fiveBoxes .box span.count {font-size:64px;margin-top:22px;}
.userProfilePageTop .fiveBoxes .box span.desc {font-size:15px;margin-top:6px;margin-bottom:27px;}
.userProfilePageTop .fiveBoxes .box a {float:left;width:100%;height:50px;background:#fafafa;color:#7c939e;font-size:12px;font-weight:800;line-height:50px;border-top:1px solid #e1e8ed;position:relative;}
.userProfilePageTop .fiveBoxes .box a:before {position:absolute;content:"";width: 22px;height: 22px;background: url("../img/icons/go.png")no-repeat;right:29px;top:13px;}
.userProfilePageTop .fiveBoxes .box a p {float:left;width:calc(100% - 45px);text-align:center;}
.userProfilePageTop .fiveBoxes .box a:hover {background:#7c939e;color:#FFF;border-top:none;}
.userProfilePageTop .fiveBoxes .box a:hover:before {background: url("../img/icons/goW.png")no-repeat;}
.userProfilePageTop .fiveBoxes .box.plugin span {color:#ee502a;}
.userProfilePageTop .fiveBoxes .box.plugin a:hover {background:#ee502a;}
.userProfilePageTop .fiveBoxes .box.bot span {color:#3a9ff1;}
.userProfilePageTop .fiveBoxes .box.bot a:hover {background:#3a9ff1;}
.userProfilePageTop .fiveBoxes .box.tickets span {color:#79609b;}
.userProfilePageTop .fiveBoxes .box.tickets a:hover {background:#79609b;}
.userProfilePageTop .fiveBoxes .box.invoice span {color:#1486bb;}
.userProfilePageTop .fiveBoxes .box.invoice a:hover {background:#1486bb;}
.supportNot {background:#c2cfdd;float:left;width:100%;padding:54px 0 40px 0;font-family:'Nunito', sans-serif;}
.supportNot .headline {float:left;height:37px;width:100%;margin-bottom:21px;}
.supportNot .headline span {float:left;line-height:37px;color:#f6f8fa;font-size:26px;font-weight:700;position:relative;padding-left:50px;}
.supportNot .headline span:before {position:absolute;content:"";left:1px;top:6px;width:27px;height:24px;background:url("../img/icons/support.png")no-repeat;}
.supportNot .headline ul {float:right;}
.supportNot .headline ul li {float:left;}
.supportNot .headline ul li a {height:37px;line-height:37px;text-transform:uppercase;margin-right:20px;color:#FFF;background:#8ea8bf;font-size:14px;font-weight:700;border-radius:3px;overflow:hidden;}
.supportNot .headline ul li a p {padding:0 10px;float:left;}
.supportNot .headline ul li a i {height:37px;width:37px;background:url("../img/icons/show.png")no-repeat center center #6385a6;float:left;}
.supportNot .headline ul li:hover a i {background:url("../img/icons/show.png")no-repeat center center #48647d;}
.supportNot .headline ul li:hover a {background:#6385a6;}
.supportNot .headline ul li.newTicket a i {background:url("../img/icons/plus.png")no-repeat center center #6385a6;}
.supportNot .headline ul li.newTicket:hover a i {background-color:#48647d;}
.supportNot .headline ul li:last-child a {margin-right:0}
.supportNot .ticketBox {float:left;width:100%;background:#fff;border-radius:3px;padding:0 0px 31px 0px;overflow:hidden;}
.supportNot .ticketBox ul.boxHead {float:left;width:100%;height:px;background:#fafafa;border-bottom:1px solid #e1e8ed;padding:0 30px;height:60px;}
.supportNot .ticketBox ul.boxHead li {float:left;line-height:60px;font-size:15px;font-weight:800;color:#000;}
.supportNot .ticketBox ul.boxHead li:last-child {float:right;}
.tickets {float:left;width:100%;}
.tickets .ticket {float:left;width:100%;height:72px;border-bottom:2px solid #f2f5f8;}
.tickets .ticket:hover {background:#fafafa;}
.tickets .ticket a {float:left;width:100%;height:72px;padding:0 30px;}
.tickets .ticket:last-child {border-bottom:none;}
.tickets .ticket span {float:left;line-height:72px;font-size:15px;color:#000;font-weight:600;}
.tickets .ticket span.ticketID {font-weight:800;}
.tickets .ticket span.ticketTitle {margin-left:20px;}
.tickets .ticket span.ticketStatus {float:right;}
.tickets .ticket span.ticketStatus p {display:inline-block;height:28px;margin-left:10px;line-height:28px;color:#FFF;padding:0 9px 0 9px;border-radius:3px;font-size:14px;}
.tickets .ticket span.ticketStatus p.open {background:#44ac4c;}
.tickets .ticket span.ticketStatus p.answered {background:#79609b;}
.tickets .ticket span.ticketStatus p.customerResponse {background:#fd6721;}
.tickets .ticket span.ticketStatus p.closed {background:#3a9ff1;}
.tickets .ticket span.ticketStatus p.proposal {background:#ff7181;}
.tickets .ticket span.ticketStatus p.processing {background:#39ba76;}
.tickets .ticket span.ticketUpdate {float:right;width:150px;text-align:right;}
.ticket-notification {float:left;width:calc(100% - 60px);height:46px;background:#dadef7;margin-left:30px;text-align:center;line-height:46px;border-radius:3px;border:1px solid #becdf0;font-size:15px;color:#79609b;font-weight:600;}

/* User Profile Edit */
.userProfilePage {float:left;width:100%;background:#f6f8fa;padding:40px 0 40px 0;font-family:'Nunito', sans-serif;}
.userProfilePage .leftPanel {float:left;width:290px;}
.userProfilePage .leftPanel .userBox {float:left;text-align:center;width:100%;margin-bottom:20px;height:240px;background:#765e98;border-radius:3px;background:url("../img/bg/userBox.png")repeat-x center center #79609b;padding-top:40px;}
.userProfilePage .leftPanel .userBox i.avatar {display:block;width:81px;height:81px;margin:0 auto;background:url("../img/icons/avatar.png")no-repeat;}
.userProfilePage .leftPanel .userBox span {float:left;width:100%;color:#FFF;}
.userProfilePage .leftPanel .userBox span.name {font-size:22px;font-weight:700;margin-top:23px;}
.userProfilePage .leftPanel .userBox span.mail {font-size:16px;font-weight:600;margin-top:18px;}
.userProfilePage .leftPanel .userNav {float:left;width:100%;background:#ffffff;border:1px solid #e1e8ed;border-radius:3px;}
.userProfilePage .leftPanel .userNav li {float:left;width:100%;padding:0 26px;height:55px;line-height:55px;border-bottom:2px solid #f2f5f8;}
.userProfilePage .leftPanel .userNav li:last-child {border-bottom:none;}
.userProfilePage .leftPanel .userNav li a {font-size:15px;color:#7c939e;font-weight:600;position:relative;padding-left:31px;}
.userProfilePage .leftPanel .userNav li a:before {position:absolute;content:"";transition:background-position .2s;background-position:0 0;}
.userProfilePage .leftPanel .userNav li.manage a:before {top:19px;left:3px;width:14px;height:14px;background-image:url("../img/icons/manage.png");}
.userProfilePage .leftPanel .userNav li.products a:before {top:22px;left:1px;width:15px;height:10px;background:url("../img/icons/products.png");}
.userProfilePage .leftPanel .userNav li.ticket a:before {top:19px;left:2px;width:13px;height:13px;background:url("../img/icons/ticket.png");}
.userProfilePage .leftPanel .userNav li.affiliate a:before {top:20px;left:0;width:15px;height:12px;background:url("../img/icons/affiliate.png");}
.userProfilePage .leftPanel .userNav li.logout a:before {top:20px;left:2px;width:10px;height:10px;background:url("../img/icons/logout.png");}
.userProfilePage .leftPanel .userNav li.active a {color:#79609b}
.userProfilePage .leftPanel .userNav li a:hover {color:#79609b}
.userProfilePage .leftPanel .userNav li:hover a:before {transition:background-position .2s;}
.userProfilePage .leftPanel .userNav li.manage:hover a:before, .userProfilePage .leftPanel .userNav li.manage.active a:before {background-position:0 14px;}
.userProfilePage .leftPanel .userNav li.products:hover a:before, .userProfilePage .leftPanel .userNav li.products.active a:before {background-position:0 10px;}
.userProfilePage .leftPanel .userNav li.ticket:hover a:before, .userProfilePage .leftPanel .userNav li.ticket.active a:before {background-position:0 13px;}
.userProfilePage .leftPanel .userNav li.affiliate:hover a:before, .userProfilePage .leftPanel .userNav li.affiliate.active a:before {background-position:0 12px;}
.userProfilePage .leftPanel .userNav li.logout:hover a:before, .userProfilePage .leftPanel .userNav li.logout.active a:before {background-position:0 10px;}
.userProfilePage .leftPanel .newTicketButton {float:left;width:100%;height:36px;background:#79609b;margin-bottom:20px;border-radius:3px;overflow:hidden;}
.userProfilePage .leftPanel .newTicketButton:hover i {background-color:#584376;}
.userProfilePage .leftPanel .newTicketButton:hover span {background-color:#6c538d;}
.userProfilePage .leftPanel .newTicketButton i {float:left;width:36px;height:36px;background:url("../img/icons/plus.png")no-repeat center center #6c538d;}
.userProfilePage .leftPanel .newTicketButton span {float:right;width:calc(100% - 36px);height:36px;text-align:center;color:#fff;line-height:36px;font-size:14px;font-weight:700;}
.userProfilePage .userContent {float:right;width:calc(100% - 310px);background:#fff;border:1px solid #e1e8ed;border-radius:3px;}
.userProfilePage .userContent.userInfos {padding:0 30px 44px 30px;}
.userProfilePage .userContent.products .headline {padding:0 30px 0 30px}
.userProfilePage .userContent .headline {float:left;width:100%;height:76px;margin-bottom:13px;}
.userProfilePage .userContent .headline span.title {float:left;font-size:22px;font-weight:700;color:#7c939e;line-height:76px;}
.userProfilePage .userContent .userMainContent .userInfos {float:left;width:100%;}
.userProfilePage .userContent .userMainContent .userInfos input {float:left;width:100%;border:1px solid #d3d3d3;font-size:14px;color:#989898;font-family:'Nunito', sans-serif;-webkit-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);-moz-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);}
.userProfilePage .userContent .userMainContent .userInfos input:focus, .userProfilePage .userContent .userMainContent .userInfos textarea:focus {background:#fafafa;}
.userProfilePage .userContent .userMainContent .userInfos .halfInput {float:left;width:calc(50% - 11.5px);height:48px;border-radius:3.5px;padding:0 15px;}
.userProfilePage .userContent .userMainContent .userInfos .right {float:right;}
.userProfilePage .userContent .userMainContent .userInfos .bMargin {margin-bottom:19px;}
.userProfilePage .userContent .userMainContent .userInfos textarea {-webkit-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);-moz-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);float:left;margin-top:19px;padding:15px 15px;min-width:100%;max-width:100%;width:100%;height:78px;border-radius:3.5px;border:1px solid #d3d3d3;font-size:14px;color:#989898;font-family:'Nunito', sans-serif;}
.userProfilePage .userContent .userMainContent .userInfos .password {float:left;margin-right:18px;width:calc(33.33% - 12px);margin-top:19px;height:48px;border-radius:3.5px;padding:0 15px;}
.userProfilePage .userContent .userMainContent .userInfos .newpwdr {margin-right:0;}
.userProfilePage .userContent .userMainContent .userInfos .submit {float:left;background:#39ba77;margin-top:20px;height:38px;width:240px;text-align:center;color:#FFF;border:none;font-size:12px;font-weight:700;font-family: 'PT Sans', sans-serif;letter-spacing:1.1px;cursor:pointer;border-radius:3px;-webkit-box-shadow: 0px 10px 20px 0px rgba(57,186,119,0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(57,186,119,0.2);box-shadow: 0px 10px 20px 0px rgba(57,186,119,0.2);}
.userProfilePage .userContent .userMainContent .userInfos .submit:hover {background:#35aa6d}
.userProfilePage .userContent .userMainContent .check {float:left;width:100%;height:46px;padding:0 22px;font-size:15px;font-weight:600;line-height:46px;border-radius:3px;margin-top:20px;}
.userProfilePage .userContent .userMainContent .check.successful {background:#dcf7da;color:#35aa6d;border:1px solid #caf0be;}
.userProfilePage .userContent .userMainContent .check.warning {background:#f7ddda;color:#cc0202;border:1px solid #f0bec2;}

/* Products Page */
ul.productsHeadline {float:left;width:100%;height:60px;background:#fafafa;border-bottom:1px solid #e1e8ed;padding:0 30px;}
ul.productsHeadline li {float:left;line-height:60px;font-size:15px;font-weight:800;color:#000;}
ul.productsHeadline li.order {width:250px;}
ul.productsHeadline li.detail {width:85px;}
ul.productsHeadline li.download {margin-left:350.2px;}
.userProfilePage .orders {float:left;width:100%;}
.userProfilePage .orders ul.orderItem {float:left;width:100%;height:73px;border-bottom:2px solid #f2f5f8;padding:0 30px;}
.userProfilePage .orders ul.orderItem:last-child {border-bottom:none;}
.userProfilePage .orders ul.orderItem li {float:left;line-height:73px;}
.userProfilePage .orders ul.orderItem li.order {width:250px;}
.userProfilePage .orders ul.orderItem li.order b.orderID {color:#79609b;font-size:15px;font-weight:800;width:54px;margin-right:21px;}
.userProfilePage .orders ul.orderItem li.order span {color:#000;font-size:15px;font-weight:600;}
.userProfilePage .orders ul.orderItem li.view a {background:#e24728;color:#FFF;height: 28px;
    line-height: 29px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 22px;
    padding: 0 10px;}
    .user-p-page .orders ul.orderItem li.view a:hover {
    background: #d03a1d;
}
.userProfilePage .orders ul.orderItem li.view a:hover {background:hsl(10deg 76% 42%);}
.userProfilePage .orders ul.orderItem li.desk {display:block;}
.userProfilePage .orders ul.orderItem li.mobile {display:none;}
.userProfilePage ul li.download {float:right!important;}
.userProfilePage ul li.download a {background:#39ba76;height:28px;margin-top:22px;border-radius:3px;color:#FFF;overflow:hidden;line-height:28px;}
.userProfilePage ul li.download a i {float:left;background:#33a569;width:32px;height:28px;position:relative;}
.userProfilePage ul li.download a i:before {position:absolute;content:"";width:100%;height:100%;background:url("../img/icons/order-download.png")no-repeat;top:50%;left:50%;margin:-8px 0 0 -8px;}
.userProfilePage ul li.download a p {float:right;width:calc(100% - 32px);font-size:14px;font-weight:600;padding:0 12px;}
.userProfilePage ul li.download a:hover {background:#33a569;}
.userProfilePage ul li.download a:hover i {background:#2e8758;}

/* Order Details */
ul.orderDetailsHead {float:left;width:100%;height:60px;background:#fafafa;border-bottom:1px solid #e1e8ed;padding:0 30px;}
ul.orderDetailsHead li {float:left;line-height:60px;font-size:15px;font-weight:800;color:#000;}
ul.orderDetailsHead li.date {width:154px;}
ul.orderDetailsHead li.product {width:167px;}
ul.orderDetailsHead li.total {width:155px;}
ul.orderDetailsHead li.download {float:right;}
.orderDetails {float:left;width:100%;}
.orderDetails ul.pInfos {float:left;width:100%;height:73px;border-bottom:2px solid #f2f5f8;padding:0 30px;}
.orderDetails ul.pInfos li {float:left;line-height:73px;color:#000;font-size:15px;font-weight:600;}
.orderDetails ul.pInfos li.date {width:154px;font-weight:800;color:#79609b;}
.orderDetails ul.pInfos li.product {width:167px;}
.orderDetails ul.pInfos li.total {width:280px;}
.orderDetails ul.pInfos li.download {float:right;}
.orderDetails .bottomArea {float:left;width:100%;padding:30px 30px 48px 30px;}
.orderDetails .bottomArea .statsInfos {float:left;width:100%;background:#daf7e8;color:#33a569;font-size:15px;font-weight:600;border:1px solid #bef0cf;text-align:center;height:46px;border-radius:3px;line-height:46px;padding:0 30px;}


@keyframes animationFramesOne{
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}


@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

/* Support Notifications Page */
ul.ticketFilter {float:right;margin-top:20px;}
ul.ticketFilter li {float:left;height:30px;background:#8ea8bf;margin-left:10px;text-align:center;border-radius:3px;overflow:hidden;}
ul.ticketFilter li a {color:#fff;line-height:30px;font-size:14px;font-weight:700;}
ul.ticketFilter li:first-child {margin-left:0;}
ul.ticketFilter li i {float:left;width:32px;height:30px;background:#6385a6;}
ul.ticketFilter li p {float:right;padding:0 10px;height:30px;}
ul.ticketFilter li a:hover i {background-color:#48647d;}
ul.ticketFilter li a:hover p {background:#6385a6;}
.userProfilePage .userContent .headline.support-not {margin-bottom:0px!important;}
.userMainContent.support-not ul.productsHeadline li.status {float:right;}
.userMainContent.support-not .tickets .ticket span.ticketTheme {width:120px;margin-left:55px;font-size:15px;font-weight:800;color:#6385a6;}
.userMainContent.support-not .tickets .ticket span.ticketTitle {width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.userMainContent.support-not {padding-bottom:30px;float:left;}

/* Support Log Page */
.userMainContent.support-log {padding:0 30px 30px 30px;float:left;width:100%;}
.userMainContent.support-log .closedNot {float:left;width:100%;height:46px;background:#f7e1da;text-align:center;line-height:46px;border:1px solid #f0c1be;font-size:15px;color:#ee502a;font-weight:600;border-radius:3px;}
.ticketDetails {float:left;width:100%;}
.ticketDetails .ticketTitle {float:left;width:100%;height:65px;line-height:65px;border-bottom:2px solid #f2f5f8;color:#57657f;font-size:25px;font-weight:800;overflow:hidden;}
.ticketDetails ul.others {float:left;width:100%;height:74px;margin-top:21px;}
.ticketDetails ul.others li {display:inline-table;float:left;}
.ticketDetails ul.others li.name {width:120px;}
.ticketDetails ul.others li.date {width:230px;}
.ticketDetails ul.others li.update {width:168px;}
.ticketDetails ul.others li.priority {width:108px;}
.ticketDetails ul.others li.status {width:118px;}
.ticketDetails ul.others li span {float:left;width:100%;font-size:15px;color:#57657f;font-weight:600;line-height:26px;}
.ticketDetails ul.others li b {float:left;width:100%;font-size:15px;color:#57657f;font-weight:800;}
.ticketDetails ul.ticketButtons {float:left;width:100%;}
.ticketDetails ul.ticketButtons li {float:left;height:36px;line-height:36px;border-radius:3px;overflow:hidden;}
.ticketDetails ul.ticketButtons li a, .ticketDetails ul.ticketButtons li span {display:inline-block;font-size:14px;color:#fff;font-weight:700;}
.ticketDetails ul.ticketButtons li a i, .ticketDetails ul.ticketButtons li span i {float:left;width:36px;height:36px;}
.ticketDetails ul.ticketButtons li a p, .ticketDetails ul.ticketButtons li span p {float:right;width:calc(100% - 36px);height:36px;padding:0 14px;}
.ticketDetails ul.ticketButtons li.reply {float:left;background:#79609b;cursor:pointer;}
.ticketDetails ul.ticketButtons li.reply:hover {background-color:#6c538d;}
.ticketDetails ul.ticketButtons li.reply span i {background:url("../img/icons/pen.png")no-repeat center center #6c538d;}
.ticketDetails ul.ticketButtons li.reply:hover span i {background-color:#584376;}
.ticketDetails ul.ticketButtons li.closeTicket {float:right;background:#ee502a;}
.ticketDetails ul.ticketButtons li.closeTicket:hover {background-color:#e34a25;}
.ticketDetails ul.ticketButtons li.closeTicket a i {background:url("../img/icons/notClose.png")no-repeat center center #e13f18;}
.ticketDetails ul.ticketButtons li.closeTicket:hover a i {background-color:#dc3d17;}
.ticketMessages {float:left;width:100%;margin-top:20px;}
.ticketMessages .ticketMessage {float:left;width:100%;border:3px solid #f2f5f8;border-radius:3px;padding:15px 12px 15px 12px;margin-bottom:28px;}
.ticketMessages .ticketMessage:last-child {margin-bottom:0;}
.ticketMessages .ticketMessage.admin {border:3px solid #39ba76;}
.ticketMessages .ticketMessage.admin .head i {background:url("../img/icons/clientAdmin.png")no-repeat center center #eee;}
.ticketMessages .ticketMessage .head {float:left;width:100%;height:54px;background:#fafafa;border-radius:3px;overflow:hidden;line-height:54px;padding-right:21px;}
.ticketMessages .ticketMessage .head i {float:left;width:54px;height:54px;background:url("../img/icons/client.png")no-repeat center center #eee;}
.ticketMessages .ticketMessage .head span {float:left;color:#57657f;font-size:15px;font-weight:700}
.ticketMessages .ticketMessage .head span.author {margin-left:18px;}
.ticketMessages .ticketMessage .head span.date {float:right;}
.ticketMessages .ticketMessage p.ticketText {float:left;width:100%;line-height:26px;font-size:15px;color:#57657f;font-weight:600;padding:28px 14px 11px 14px;}
.ticketMessages .ticketMessage.admin p.ticketText {padding:28px 14px 27px 14px;}
.ticketMessages .ticketMessage.admin p.ticketTextAdmin {float:left;width:100%;line-height:26px;font-size:15px;color:#57657f;font-weight:600;padding:34px 14px 0 14px;position:relative;}
.ticketMessages .ticketMessage.admin p.ticketTextAdmin:before {position:absolute;width:calc(100% - 28px);height:2px;content:"";background:#f2f5f8;top:0;left:14px;right:0;}

/* New Ticket Page */
.userMainContent .new-ticket {float:left;width:100%;}
.userMainContent .new-ticket input {float:left;border:1px solid #d3d3d3;height:48px;padding:0 15px;color:#989898;font-size:14px;font-weight:600;border-radius:3px;font-family:'Nunito', sans-serif;-webkit-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);-moz-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);}
.userMainContent .new-ticket input::placeholder {color:#989898;font-size:14px;font-weight:600;font-family:'Nunito', sans-serif;}
.userMainContent .new-ticket input.title {width:100%;margin-bottom:19px;}
.userMainContent .new-ticket input.title:focus {background:#fafafa;}
.userMainContent .new-ticket .ticketSelect {position: relative;display:inline-block;width:calc(50% - 11.5px);}
.userMainContent .new-ticket .ticketSelect.priority {float:right;}
.userMainContent .new-ticket .ticketSelect select {display: none;}
.userMainContent .new-ticket .ticketSelect .select-selected {background-color:#fff;font-size:18px;font-weight:700;}
.userMainContent .new-ticket .ticketSelect .select-selected:after {position:absolute;content:"";cursor:pointer;top:1px;right:1px;width:41px;height:46px;background:url("../img/icons/ticketSelect.png")no-repeat center center #fafafa;border-left:1px solid #d3d3d3;}
.userMainContent .new-ticket .ticketSelect .select-selected.select-arrow-active:after {}
.userMainContent .new-ticket .ticketSelect .select-items div {color: #fff;height:42px;border-bottom:1px solid #f2f5f8;line-height:42px;padding: 0px 40px 0 15px;cursor: pointer;color:#989898;font-size:14px;font-weight:600;}
.userMainContent .new-ticket .ticketSelect .select-items div:last-child {border-bottom:none;}
.userMainContent .new-ticket .ticketSelect .select-selected {border:1px solid #d3d3d3;padding:0 15px;height:48px;line-height:48px;color:#989898;font-size:14px;font-weight:600;border-radius:3px;font-family:'Nunito', sans-serif;-webkit-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);-moz-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);}
.userMainContent .new-ticket .ticketSelect .select-items {position: absolute;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:#fff;top: 100%;left: 0;right: 0;z-index: 99;border:1px solid #e1e8ed;}
.userMainContent .new-ticket .ticketSelect .select-hide {display: none;}
.userMainContent .new-ticket .ticketSelect .select-items div:hover, .userMainContent .new-ticket .ticketSelect .same-as-selected {background-color: rgba(0, 0, 0, 0.02);}
.userMainContent .new-ticket .richText {float:left;width:100%;height:248px;margin-top:19px;border:1px solid #d3d3d3;border-radius:3px;-webkit-box-shadow: 0px 1px 0px 0px rgba(245,245,245,1);-moz-box-shadow:0px 1px 0px 0px rgba(245,245,245,1);box-shadow:0px 1px 0px 0px rgba(245,245,245,1);}
.userMainContent .new-ticket.log {display:none;margin-bottom:20px;}
.userMainContent .new-ticket.log .richText {margin-top:0;}
.userMainContent .new-ticket .richText .richText-toolbar {position:absolute;bottom:0;left:0;background:#fafafa;height:56px;border-bottom:none;}
.userMainContent .new-ticket .richText .richText-toolbar:before {position:absolute;content:"";top:0;left:0;width:calc(100% + 45px);height:1px;background:#d3d3d3;}
.userMainContent .new-ticket .richText .richText-editor {overflow-y:hidden;color:#989898;line-height:24px;
font-family:'Nunito', sans-serif;border:none;height:191px;max-height:191px;}
.userMainContent .new-ticket .richText .richText-editor i {font-style:italic!important;}
.userMainContent .new-ticket .richText .richText-help {display:none;}
.userMainContent .new-ticket .richText .richText-redo, .userMainContent .new-ticket .richText .richText-undo {display:none;}
.userMainContent .new-ticket .richText .richText-toolbar>ul>li>a .richText-dropdown-outer .richText-dropdown {top:-175px;z-index:99}
.userMainContent .new-ticket .richText .richText-toolbar>ul {height:56px;float:left;width:100%;}
.userMainContent .new-ticket .richText .richText-toolbar>ul>li {height:56px;float:left;}
.userMainContent .new-ticket .richText .richText-toolbar>ul>li>a {height:56px;border-right:none;padding:20px 13px 20px 13px;color:#797a7c;position:relative;}
.userMainContent .new-ticket .richText .richText-toolbar>ul>li>a:before {position:absolute;content:"";right:0;top:14px;height:28px;width:1px;background:#dadce0;}
.userMainContent .new-ticket .richText .richText-toolbar>ul>li:last-child a:before {display:none;}
.userMainContent .new-ticket .richText .richText-toolbar>ul>li>a:hover {background:transparent;}
.userMainContent .new-ticket span.preInfo {float:left;width:100%;background:#daedf7;border:1px solid #bee8f0;color:#31708f;margin:20px 0;padding:12px 24px 12px 24px;line-height:24px;border-radius:3px;font-size:15px;font-weight:600;}
.userMainContent .new-ticket .submit {float:left;background:#39ba77;height:38px;color:#FFF;border:none;border-radius:3px;padding:0 25px;font-size:12px;font-weight:700;font-family: 'PT Sans', sans-serif;letter-spacing:1.1px;cursor:pointer;-webkit-box-shadow: 0px 10px 20px 0px rgba(57,186,119,0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(57,186,119,0.2);box-shadow: 0px 10px 20px 0px rgba(57,186,119,0.2);}
.userMainContent .new-ticket .submit:hover {background:#35aa6d;}

/* Support Created Page */
.userContent.support-created {height:593px;text-align:center;padding:0 130px;}
.userContent.support-created span.not-created {float:left;width:100%;color:#39ba76;font-size:32px;font-weight:700;margin-top:190px;}
.userContent.support-created p.not-created {float:left;width:100%;color:#7c939e;font-size:18px;font-weight:700;line-height:27px;margin-top:29px;}
.userContent.support-created a.show-not {display:inline-block;line-height:50px;padding:0 66px 0 29px;height:50px;background:#fafafa;border:1px solid #e1e8ed;border-radius:3px;margin:0 auto;font-size:18px;font-weight:700;color:#7c939e;margin-top:32px;position:relative;}
.userContent.support-created a.show-not:after {transition:background-position .2s;position:absolute;content:"";right:30px;top:14px;width:22px;height:22px;background-image:url("../img/icons/created-not.png");background-position:0 0;}
.userContent.support-created a.show-not:hover {color:#39ba76;}
.userContent.support-created a.show-not:hover:after {background-position:0 22px;transition:background-position .2s;}

/* Campaign */
.campaign {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(40, 23, 64, 0.85);z-index:999;}
.campaign .campaign-round {position:absolute;top:171px;left:50%;margin-left:-332px;width:664px;height:619px;background:url("../img/bg/campaign.png")no-repeat;}
.campaign .campaign-round .campaign-inner {width:592px;margin:0 auto;padding:50px 0;}
.campaign .campaign-round .campaign-inner ul {float:left;padding:0 70px;width:100%;margin-top:139px;height:90px;}
.campaign .campaign-round .campaign-inner ul li {float:left;width:calc(50% - 0px);color:#2c2c2c;font-size:17px;height:90px;position:relative;padding-top:7px;}
.campaign .campaign-round .campaign-inner ul li:last-child {float:right;padding-left:39px;}
.campaign .campaign-round .campaign-inner ul li:last-child:before {position:absolute;left:-10px;top:0;width:2px;content:"";height:90px;background:#c5bad2;}
.campaign .campaign-round .campaign-inner ul li b {font-weight:700;}
.campaign .campaign-round .campaign-inner ul li p.price {display:inline-block;text-decoration:line-through;}
.campaign .campaign-round .campaign-inner ul li p.price span {font-size:14px;}
.campaign .campaign-round .campaign-inner ul li p.priceBig {width:100%;text-align:left;margin-top:15px;padding-left:3px;font-size:50px;font-weight:900;color:#fdb13c;font-family:'Nunito', sans-serif;}
.campaign .campaign-round .campaign-inner ul li p.priceBig i {font-size:27px;font-weight:800;}
.campaign .campaign-round .campaign-inner .countDown {float:left;width:100%;text-align:center;color:#79609b;font-size:45px;font-weight:700;letter-spacing:0.75px;padding-right:19px;margin-top:31px;}
.campaign .campaign-round .campaign-inner .countDown p {display:inline-block;position:relative;}
.campaign .campaign-round .campaign-inner .countDown p:after {position:absolute;bottom:-28px;right:0;left:0;font-size:14px;color:#a4a4a4;font-weight:400;text-align:center;}
.campaign .campaign-round .campaign-inner .countDown p.day:after {content:"GÃœN";}
.campaign .campaign-round .campaign-inner .countDown p.hours:after {content:"SAAT";}
.campaign .campaign-round .campaign-inner .countDown p.minutes:after {content:"DAKÄ°KA";}
.campaign .campaign-round .campaign-inner .countDown p.seconds:after {content:"SANÄ°YE";}
.campaign .campaign-round .campaign-inner a.detail-button {float:left;position:relative;left:50%;margin-top:75px;margin-left:-91.16px;font-weight:700;font-size:16px;height:60px;color:#FFF;background:#fdb13c;line-height:60px;border-radius:3px;padding:0 30px;}
.campaign .campaign-round .campaign-inner a.detail-button:hover {opacity:0.9;}
.campaign .campaign-round .campaign-inner i.close {width:36px;height:36px;transition:300ms;background:url("../img/icons/campaign-close.png")no-repeat center center #fff;border-radius:100%;position:absolute;right:146px;top:28px;cursor:pointer;}
.campaign .campaign-round .campaign-inner i.close:hover {transform:rotate(360deg);transition:300ms;}

/* Question System Page */
.questionSystem {float:left;width:100%;padding:41px 0 41px 0;background:#f6f8fa;}
.questionSystem .headBox {float:left;width:100%;height:48px;background:#79609b;border-radius:3px;-webkit-box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);-moz-box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);box-shadow: 0px 0px 20px 10px rgba(121,96,156,0.2);}
.questionSystem .headBox ul {float:left;margin-left:18px;}
.questionSystem .headBox ul li {float:left;cursor:pointer;margin-right:8px;position:relative;}
.questionSystem .headBox ul li.active:before {position:absolute;content:"";bottom:0;width:100%;height:3px;background:#f67500}
.questionSystem .headBox ul li a {height:48px;line-height:48px;color:#FFF;font-size:12px;font-weight:700;letter-spacing:1.1px;padding:0 12px;}
.questionSystem .headBox span {float:right;height:48px;line-height:48px;color:#FFF;font-size:12px;font-weight:700;letter-spacing:1.1px;width:300px;text-align:center;background:#6e5590;position:relative;}
.questionSystem .headBox span:after {position:absolute;content:"";bottom:-7px;width: 0;left:50%;margin-left:-3.5px;height: 0;border-style: solid;border-width: 7px 8px 0 8px;border-color: #6e5590 transparent transparent transparent;}
.questionsBlocks {float:left;width:100%;margin-top:20px;font-family:'Nunito', sans-serif;}
.questionsBlocks .leftArea {float:left;width:200px;}
.questionsBlocks .leftArea ul.categories {float:left;width:100%;background:#fff;border:1px solid #e1e8ed;border-radius:3px;}
.questionsBlocks .leftArea ul.categories li {float:left;width:100%;}
.questionsBlocks .leftArea ul.categories li a {float:left;width:100%;line-height:55px;height:55px;color:#000;font-size:15px;font-weight:600;padding:0 20px;border-bottom:2px solid #f2f5f8;}
.questionsBlocks .leftArea ul.categories li:last-child a {border-bottom:none;}
.questionsBlocks .leftArea ul.categories li.active a {color:#79609b}
.questionsBlocks .leftArea ul.categories li:hover a {color:#79609b}
.questionsBlocks .middleArea {float:left;width:calc(100% - 538px);margin-left:19px;}
.middleArea .questions {float:left;width:100%;}
.middleArea .questions .item {float:left;width:100%;background:#fff;border:1px solid #e1e8ed;border-radius:3px;padding:27px 29px 29px 29px;margin-bottom:19px;}
.middleArea .questions .item:last-child {margin-bottom:0;}
.middleArea .questions .item .leftText {float:left;width:46px;text-align:center;}
.middleArea .questions .item .leftText span {float:left;width:100%;font-size:18px;color:#a9a9a9;font-weight:700;}
.middleArea .questions .item .leftText b {float:left;width:100%;font-size:14px;color:#a9a9a9;font-weight:700;margin-top:8px;}
.middleArea .questions .item .rightText {float:right;width:calc(100% - 74px);}
.middleArea .questions .item .rightText a.title {float:left;width:100%;color:#000;font-size:18px;font-weight:700;}
.middleArea .questions .item .rightText span.summary {float:left;width:100%;margin-top:13px;color:#929292;font-size:15px;font-weight:600;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.middleArea .questions .item .rightText ul {float:left;width:100%;margin-top:14px;}
.middleArea .questions .item .rightText ul li {float:left;line-height:26px;height:26px;font-size:10px;font-weight:700;color:#727272;}
.middleArea .questions .item .rightText ul li.status {margin-right:13px;border-radius:15px;padding:0 17px;}
.middleArea .questions .item .rightText ul li.status.green {border:1px solid #caf0be;background:#dcf7da;color:#35aa6d;}
.middleArea .questions .item .rightText ul li.status.red {border:1px solid #f0bec2;background:#f7ddda;color:#cc0202;}
.middleArea .pagination {display:inline-block;text-align:center;width:100%;height:40px;background:#fff;border:1px solid #e1e8ed;border-radius:3px;margin-top:19px;overflow:hidden;}
.middleArea .pagination ul {display: table;margin: auto;}
.middleArea .pagination li {text-align:center;display:inline-table;}
.middleArea .pagination li a {line-height:40px;font-size:15px;color:#000;text-align:center;font-weight:600;display:inline-block;width:39px;border-left:1px solid #e1e8ed;position:relative;}
.middleArea .pagination li.active a {color:#fff;background:#79609b;}
.middleArea .pagination li:last-child a {border-right:1px solid #e1e8ed;}
.questionsBlocks .rightArea {float:right;width:300px;}
.questionsBlocks .rightArea .sideQuestions {float:right;width:300px;background:#fff;border:1px solid #e1e8ed;border-radius:3px;padding-bottom:20px;}
.questionsBlocks .rightArea .sideQuestions .item {float:left;width:100%;padding:20px 20px 6px 20px;}
.questionsBlocks .rightArea .sideQuestions .item a.avatar {float:left;width:50px;height:50px;border-radius:100%;overflow:hidden;}
.questionsBlocks .rightArea .sideQuestions .item .text {float:right;width:calc(100% - 64px);}
.questionsBlocks .rightArea .sideQuestions .item .text a.title {float:left;width:100%;color:#000;margin-top:4px;font-size:15px;font-weight:700;line-height:20px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.questionsBlocks .rightArea .sideQuestions .item .text span {float:left;width:100%;color:#797979;font-weight:600;font-size:12px;margin-top:9px;}

/* Basket Page */
.basketPage {float:left;width:100%;background:#fff;padding-bottom:50px;font-family:'Nunito', sans-serif;}
.basketPage .basketOptions {float:left;width:calc(100% - 417px);}
.basketPage .basketOptions .title {float:left;width:100%;height:95px;text-align:center;padding-top:37px;}
.basketPage .basketOptions .title span {font-size:20px;font-weight:700;color:#000;}
.basketPage .basketOptions .basketBox {float:left;width:100%;border:1px solid #e1e8ed;border-radius:3px;}
.basketPage .basketOptions .basketBox .top {float:left;width:100%;padding:3px 30px 35px 30px;}
.basketPage .basketOptions .basketBox .matter {float:left;width:100%;height:44px;position:relative;padding-left:38px;margin-top:27px;}
.basketPage .basketOptions .basketBox .matter:before {position:absolute;content:"";width:22px;height:22px;top:10px;left:0;background:url("../img/icons/jet.png")no-repeat;}
.basketPage .basketOptions .basketBox .matter ul {width:calc(100% - 255px);float:left;}
.basketPage .basketOptions .basketBox .matter ul li {width:100%;float:left;}
.basketPage .basketOptions .basketBox .matter ul li b {width:100%;float:left;font-size:15px;color:#000;font-weight:700;margin-top:5px;}
.basketPage .basketOptions .basketBox .matter ul li span {width:100%;float:left;color:#7c939e;font-size:14px;font-weight:600;margin-top:8px;}
.basketPage .basketOptions .basketBox .matter .price {width:90px;float:right;height:44px;padding-right:20px;text-align:right;}
.basketPage .basketOptions .basketBox .matter .price.mobile {display:none;}
.basketPage .basketOptions .basketBox .matter .price.two span {float:left;width:100%;color:#7c939e;font-size:13px;font-weight:700;text-decoration: line-through;margin-top:6px;}
.basketPage .basketOptions .basketBox .matter .price b {float:left;width:100%;color:#2db74e;font-size:16px;font-weight:700;}
.basketPage .basketOptions .basketBox .matter .price.two b {margin-top:6px;}
.basketPage .basketOptions .basketBox .matter .price.one b {line-height:44px;}
.basketPage .basketOptions .basketBox .matter a.addBasket {float:right;width:160px;height:44px;line-height:44px;background:#ee502a;border-radius:3px;text-align:center;font-size:12px;font-weight:700;font-family: 'PT Sans', sans-serif;letter-spacing:1.1px;color:#FFF;-webkit-box-shadow: 0px 0px 20px 5px rgba(121,96,156,0.2);-moz-box-shadow: 0px 0px 20px 5px rgba(121,96,156,0.2);box-shadow: 0px 0px 20px 5px rgba(121,96,156,0.2);}
.basketPage .basketOptions .basketBox .matter a.addBasket:hover {opacity:0.9;}
.basketPage .basketOptions .basketBox .matter a.addBasket p {position:relative;display:inline-block;height:44px;padding-left:32px;}
.basketPage .basketOptions .basketBox .matter a.addBasket p:before {width:20px;height:20px;background:url("../img/icons/themeBasket.png")no-repeat;position:absolute;content:"";top:12px;left:0;}
.basketPage .basketOptions .basketBox .matter .free {float:right;width:160px;height:44px;line-height:44px;background:#7c939e;border-radius:3px;text-align:center;font-size:12px;font-weight:700;font-family: 'PT Sans', sans-serif;letter-spacing:1.1px;color:#FFF;-webkit-box-shadow: 0px 0px 20px 5px rgba(121,96,156,0.2);-moz-box-shadow: 0px 0px 20px 5px rgba(121,96,156,0.2);box-shadow: 0px 0px 20px 5px rgba(121,96,156,0.2);}
.basketPage .basketOptions .basketBox .others {float:left;width:100%;padding:3px 30px 35px 30px;background:#fafafa;position:relative;}
.basketPage .basketOptions .basketBox .others:before, .basketPage .basketOptions .basketBox .others:after {position:absolute;content:"";top:0;width:calc(50% - 71px);height:1px;background:#e0e1e1;}
.basketPage .basketOptions .basketBox .others:before {left:0;}
.basketPage .basketOptions .basketBox .others:after {right:0;}
.basketPage .basketOptions .basketBox .others span.addToTitle {position:absolute;width:142px;text-align:center;top:-6px;left:50%;margin-left:-71px;font-size:14px;font-weight:600;color:#7c939e;}
.basketPage .basketRightBox {float:right;width:398px;}
.basketPage .basketRightBox .title {float:left;width:100%;height:95px;text-align:center;padding-top:37px;}
.basketPage .basketRightBox .title span {font-size:20px;font-weight:700;color:#000;}
.basketPage .basketRightBox .title span b {color:#ee502a;}
.basketPage .basketRightBox .basketNoProduct {background:#fafafa;margin-bottom:10px;border:1px solid #e1e8ed;float:left;width:100%;text-align:center;height:116px;line-height:116px;border-radius:3px;font-size:14px;color:#000;font-weight:600;}
.basketPage .basketRightBox .basketProducts {float:left;width:100%;margin-bottom:14px;border-bottom:1px dashed #cfd8dc;padding-bottom:14px;}
.basketPage .basketRightBox .basketProducts .basketItem {background:#fafafa;margin-bottom:10px;border:1px solid #e1e8ed;float:left;width:100%;padding:19px 30px 21px 30px;height:116px;border-radius:3px;position:relative;}
.basketPage .basketRightBox .basketProducts .basketItem:last-child {margin-bottom:0;}
.basketPage .basketRightBox .basketProducts .basketItem a.thumb {float:left;width:44px;height:44px;border-radius:3px;overflow:hidden;}
.basketPage .basketRightBox .basketProducts .basketItem .text {float:right;width:calc(100% - 59px);height:44px;}
.basketPage .basketRightBox .basketProducts .basketItem .text a {float:left;width:100%;color:#ee502a;font-size:15px;font-weight:700;margin-top:4px;}
.basketPage .basketRightBox .basketProducts .basketItem .text span {float:left;width:100%;color:#7c939e;font-size:14px;font-weight:600;margin-top:8px;}
.basketPage .basketRightBox .basketProducts .basketItem .bText {float:left;width:100%;font-size:14px;color:#ee502a;font-weight:600;margin-top:19px;}
.basketPage .basketRightBox .basketProducts .basketItem .bText b {float:right;color:#2db74e;font-weight:700;}
.basketPage .basketRightBox .basketProducts .basketItem a.remove {position:absolute;transition:all 300ms;width:12px;height:12px;background-image:url("../img/icons/basket-remove.png");background-position:0 0;top:14px;right:14px;cursor:pointer;}
.basketPage .basketRightBox .basketProducts .basketItem a.remove:hover {background-position:0 12px;transition:all 300ms;}
.basketPage .basketRightBox .statsAndButton {float:left;width:100%;margin-bottom:22px;}
.basketPage .basketRightBox .statsAndButton .total {float:left;border-radius:3px;font-size:14px;color:#000;font-weight:700;width:100%;height:61px;padding:25px 30px 0 30px;border-left:1px solid #e1e8ed;border-right:1px solid #e1e8ed;border-top:1px solid #e1e8ed;-webkit-box-shadow: 0px 0px 9px 0px rgba(124,147,158,0.2);-moz-box-shadow: 0px 0px 9px 0px rgba(124,147,158,0.2);box-shadow: 0px 0px 9px 0px rgba(124,147,158,0.2);position:relative;}
.basketPage .basketRightBox .statsAndButton .total:after {position:Absolute;content:"";width:100%;left:0;height:15px;background:#fff;bottom:0;z-index:2}
.basketPage .basketRightBox .statsAndButton .total b {float:right;color:#2db74e;}
.basketPage .basketRightBox .statsAndButton a.keepShopping {float:left;width:100%;height:54px;line-height:54px;background:#ee502a;border-bottom-left-radius:3px;border-bottom-right-radius:3px;text-align:center;font-size:12px;font-weight:700;font-family:'PT Sans', sans-serif;letter-spacing:1.1px;color:#FFF;-webkit-box-shadow: 0px 0px 15px 5px rgba(238,80,42,0.2);-moz-box-shadow: 0px 0px 15px 5px rgba(238,80,42,0.2);box-shadow: 0px 0px 15px 5px rgba(238,80,42,0.2);}
.basketPage .basketRightBox .statsAndButton a.keepShopping p {position: relative;display:inline-block;height:44px;padding-left:36px;z-index:1;}
.basketPage .basketRightBox .statsAndButton a.keepShopping p:before {width:22px;height:22px;background:url("../img/icons/keeping-shopping.png")no-repeat;position:absolute;content:"";top:15px;left:0;}
.basketPage .basketRightBox .statsAndButton a.keepShopping:hover {opacity:0.9;}
.basketPage .basketRightBox .basketFeatures {float:left;width:100%;}
.basketPage .basketRightBox .basketFeatures li {float:left;width:50%;text-align:center;}
.basketPage .basketRightBox .basketFeatures li:nth-last-child(-n+2) {margin-top:19px;}
.basketPage .basketRightBox .basketFeatures li i {float:left;width:100%;}
.basketPage .basketRightBox .basketFeatures li i img {margin:0 auto;}
.basketPage .basketRightBox .basketFeatures li span {float:left;width:100%;font-size:14px;color:#7c939e;font-weight:600;line-height:20px;margin-top:8px;}

/* Development Log */
.developmentLog {float:left;width:100%;background:#fff;padding:40px 0 554px 0;position:relative;}
.developmentLog:before {position:absolute;content:"";width:662px;height:511px;bottom:-13px;left:50%;margin-left:-331px;background:url("../img/vectors/developmentLog.png")no-repeat;z-index:99;}
.developmentLog:after {position:absolute;content:"";width:915px;height:795px;top:0;right:0;background:url("../img/vectors/developmentLog2.png")no-repeat;}
.developmentLog .accordion {float:left;width:100%;position:relative;z-index:9;}
.developmentLog .accordion .accordionHead {float:left;width:100%;height:51px;border:1px solid #e1e8ed;background:#fafafa;border-bottom:none;cursor:pointer;}
.developmentLog .accordion:first-child .accordionHead {border-top-left-radius:3px;border-top-right-radius:3px;}
.developmentLog .accordion.toggle:first-child .accordionHead {border-bottom:1px solid #e1e8ed;}
.developmentLog .accordion:last-child .accordionHead {border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #e1e8ed;}
.developmentLog .accordion.toggle .accordionHead {border-bottom:1px solid #e1e8ed}
.developmentLog .accordion:last-child .accordionContent {border-bottom:1px solid #e1e8ed;}
.developmentLog .accordion:nth-child(even) .accordionHead span.title {background:#fafafa;}
.developmentLog .accordion .accordionHead span.date {float:left;width:158px;border-right:1px solid #e1e8ed;text-align:center;font-size:15px;font-weight:800;color:#79609b;height:49px;padding-top:19px;}
.developmentLog .accordion .accordionHead span.title {float:left;width:calc(100% - 382px);padding:0 30px;background:#fff;border-right:1px solid #e1e8ed;text-align:left;font-size:15px;font-weight:600;color:#222222;height:49px;padding-top:19px;}
.developmentLog .accordion .accordionHead span.details {cursor:pointer;float:right;height:49px;width:224px;text-align:center;font-size:12px;font-weight:800;color:#7c939e;}
.developmentLog .accordion .accordionHead span.details p {position: relative;display: inline-block;height:49px;padding-right:39px;padding-top:19px;z-index: 1;}
.developmentLog .accordion .accordionHead span.details p:before {width:22px;height:22px;background:url("../img/icons/accordion.png")no-repeat;position:absolute;content:"";top:15px;right:0;}
.developmentLog .accordion.toggle .accordionHead span.details p:before {background:url("../img/icons/accordion2.png")no-repeat;}
.developmentLog .accordion ul.accordionContent {float:left;width:100%;display:none;border-left:1px solid #e1e8ed;border-right:1px solid #e1e8ed;padding:9px 30px 9px 30px;}
.developmentLog .accordion ul.accordionContent li {float:left;width:100%;padding:17px 0;border-bottom:1px solid #e1e8ed;}
.developmentLog .accordion ul.accordionContent li:last-child {border-bottom:none;}
.developmentLog .accordion ul.accordionContent i {float:left;width:30px;height:28px;background:#79609b;color:#FFF;text-align:center;line-height:28px;font-size:15px;font-weight:600;border-radius:3px;}
.developmentLog .accordion ul.accordionContent p {float:right;width:calc(100% - 49px);font-size:15px;color:#222222;font-weight:600;line-height:22px;padding-top:3px;}
.developmentLog .accordion.toggle ul.accordionContent {display:block!important;}
.developmentLog .accordion.toggle .accordionHead span.details p {color:#4d5255;}

/* Blog */
.blogWrapper {float:left;width:100%;background:#f6f8fa;font-family:'Nunito', sans-serif;}
.blogWrapper .container {width:790px;position:relative;top:-35px;}
.blogWrapper .blogPPosts {float:left;width:100%;background:transparent;}
.blogWrapper .blogPPosts .blogContent {margin-bottom:35px;}
.blogWrapper .blogPPosts .blogContent:last-child {margin-bottom:0px;}
.blogWrapper .blogContent {float:left;width:100%;}
.blogWrapper .blogContent .thumbnail {float:left;width:100%;height:366px;border-radius:3px 3px 0 0;overflow:hidden;}
.blogWrapper .blogContent .thumbnail img {min-width:100%;max-height:100%;}
.blogWrapper .blogContent .white {float:left;width:100%;border-radius:0 0 3px 3px;background:#fff;padding:35px 75px 45px 79px;-webkit-box-shadow: 0px 0px 40px 0px rgba(94,94,152,0.06);-moz-box-shadow: 0px 0px 40px 0px rgba(94,94,152,0.06);box-shadow: 0px 0px 40px 0px rgba(94,94,152,0.06);}
.blogWrapper .blogContent .white span.dateAndAuthor {float:left;width:100%;color:#3e3f5e;font-size:16px;font-weight:700;margin-top: 5px;}
.blogWrapper .blogContent .white span.dateAndAuthor b {color:#afb0c0;padding-left:28px;}
.blogWrapper .blogContent .white p.summary {float:left;width:100%;font-size:16px;color:#3e3f5e;line-height:30px;margin-top:16px;}
.blogWrapper .blogContent .white .contentMain {float:left;width:100%;margin-top:40px;}
.blogWrapper .blogContent .white .leftContent {float:left;width:40px;text-align:center;margin-top:10px;}
.blogWrapper .blogContent .white .leftContent i.avatar {float:left;width:40px;height:40px;border-radius:100%;background:#6263f6;position:relative;overflow:hidden;}
.blogWrapper .blogContent .white .leftContent i.avatar img {min-width:100%;min-height:40px;width:auto}
.blogWrapper .blogContent .white .leftContent span {float:left;width:100%;color:#3e3f5e;font-size:10px;font-weight:900;margin-top:28px;}
.blogWrapper .blogContent .white .leftContent ul {float:left;width:100%;margin-top:26px;}
.blogWrapper .blogContent .white .leftContent ul li {float:left;width:100%;width:40px;height:40px;background:#FFF;border-radius:10px;-webkit-box-shadow:0px 6px 20px 0px rgba(94,94,152,0.12);-moz-box-shadow:0px 6px 20px 0px rgba(94,94,152,0.12);box-shadow:0px 6px 20px 0px rgba(94,94,152,0.12);}
.blogWrapper .blogContent .white .leftContent ul li a {float:left;}
.blogWrapper .blogContent .white .leftContent ul li.fb {margin-bottom:18px;}
.blogWrapper .blogContent .white .leftContent ul li a {position:relative;width:100%;height:100%;}
.blogWrapper .blogContent .white .leftContent ul li a:before {position:absolute;top:50%;left:50%;width:40px;height:40px;content:"";}
.blogWrapper .blogContent .white .leftContent ul li.fb a:before {background:url("../img/icons/blog-fb.png")no-repeat;margin:-6px 0 0 -6px;}
.blogWrapper .blogContent .white .leftContent ul li.tw a:before {background:url("../img/icons/blog-tw.png")no-repeat;margin:-6px 0 0 -5px;}
.blogWrapper .blogContent .white .content {float:right;width:calc(100% - 82px);}
.blogWrapper .blogContent .white .content h2.blog-title {float:left;width:100%;font-size:45px;color:#3e3f5e;font-weight:800;line-height:48px;margin-bottom:12px;}
.blogWrapper .blogContent .white .content h1.blog-title {float:left;width:100%;font-size:45px;color:#3e3f5e;font-weight:800;line-height:48px;margin-bottom:12px;}
.blogWrapper .blogContent .white .content p {float:left;width:100%;font-size:16px;color:#3e3f5e;font-weight:500;line-height:30px;margin-bottom:17px;}
.blogWrapper .blogContent .white .content b {font-weight:700;}
.blogWrapper .blogContent .white .content h3 {float:left;width:100%;font-size:35px;color:#3e3f5e;font-weight:800;line-height:38px;margin-bottom:12px;}
.blogWrapper .blogContent .white .content h4 {float:left;width:100%;font-size:30px;color:#3e3f5e;font-weight:800;line-height:38px;margin-bottom:12px;}
.blogWrapper .blogContent .white .content img {float:left;min-width:100%;margin-top:4px;margin-bottom:23px;}
.blogWrapper .blogContent .white .content .tags {float:left;width:100%;}
.blogWrapper .blogContent .white .content .tags a {float:left;height:30px;margin:3px 10px 10px 0;text-transform:uppercase;background:#79609b;color:#FFF;padding:0 17px;line-height:30px;border-radius:14px;font-size:12px;font-weight:700;}
.blogWrapper .blogContent .white .content .tags a:hover {background:#624589;}
.blogWrapper .blog-pagenavi {float:left;width:100%;text-align:center;margin-top:32px;}
.blogWrapper .blog-pagenavi ul {display:table;margin:auto;}
.blogWrapper .blog-pagenavi ul li {float:left;}
.blogWrapper .blog-pagenavi ul li a {color:#3e3f5e;font-size:12px;font-weight:800;background:#f4ecff;width:44px;height:44px;line-height:44px;border-radius:100%;float:left;margin:0 5px 0 5px;}
.blogWrapper .blog-pagenavi ul li.active a {color:#fff;background:#79609b;}
.blogWrapper .blog-pagenavi ul li:hover a {color:#fff;background:#e0d4f0;}

/* SÄ±gn In Page */
.signInPage {float:left;width:100%;background:#fff;padding:0 0 93px 0;font-family:'Nunito', sans-serif;}
.signInPage .signInRightBox {float:right;width:400px;}
.signInPage .signInRightBox .title {float:left;width:100%;text-align:center;height:95px;padding-top:38px;}
.signInPage .signInRightBox .title span {font-size:20px;color:#000;font-weight:700;}
.signInPage .signInRightBox .signInBB {float:left;width:100%;background:#fafafa;border:1px solid #e1e8ed;border-radius:3px;padding:57px 83.5px 33px 83.5px;}
.signInPage .signInRightBox .signInBB.basket2 {height:320px;}
.signInPage .signInRightBox .signInBB span.price {float:left;width:100%;text-align:center;font-size:32px;color:#222;font-weight:900;}
.signInPage .signInRightBox .signInBB span.price b {color:#ee502a;font-weight:600;}
.signInPage .signInRightBox .signInBB ul {float:left;width:100%;margin-top:36px;}
.signInPage .signInRightBox .signInBB ul li {float:left;width:100%;font-size:15px;font-weight:600;color:#222;}
.signInPage .signInRightBox .signInBB ul li:last-child {margin-top:21px;}
.signInPage .signInRightBox .signInBB ul li span {float:left;}
.signInPage .signInRightBox .signInBB ul li p {float:right;}
.signInPage .signInRightBox .signInBB .finishShopping {float:left;margin-top:28px;font-family: 'PT Sans', sans-serif;width:100%;height:48px;text-align:center;background:#ee502a;color:#FFF;letter-spacing:1.1px;font-weight:700;font-size:12px;border-radius:3px;cursor:pointer;-webkit-box-shadow:0px 6px 10px 0px rgba(238,80,42,0.2);-moz-box-shadow:0px 6px 10px 0px rgba(238,80,42,0.2);box-shadow:0px 6px 10px 0px rgba(238,80,42,0.2);}
.signInPage .signInRightBox .signInBB .finishShopping:hover {opacity:0.9;}
.signInPage .LeftOptions {float:left;width:calc(100% - 432px);}
.signInPage .LeftOptions.basket2 {width:calc(100% - 418px);}
.signInPage .LeftOptions .title {float:left;width:100%;text-align:center;height:95px;padding-top:38px;}
.signInPage .LeftOptions .title span {display:inline-block;font-size:20px;color:#000;font-weight:700;}
.signInPage .LeftOptions .title span a {display:inline-block;color:#ee502a;}
.signInPage .LeftOptions .title span em {display:inline-block;color:#79609b;font-style:normal;}
.signInPage .LeftOptions .signInForm {float:left;width:100%;}
.signInPage .LeftOptions .signInForm label.input {float:left;width:calc(50% - 9.5px);position:relative;}
.signInPage .LeftOptions .signInForm label.input span {position:absolute;top:-6px;left:15px;font-size:12px;color:#afb0c0;font-weight:600;padding:0 5px;background:#fff;}
.signInPage .LeftOptions .signInForm label.input:nth-last-child(-n+2) {margin-top:19px;}
.signInPage .LeftOptions .signInForm label.input input {float:left;width:100%;border:1px solid #dedeea;height:48px;border-radius:3px;padding:0 20px;font-size:14px;color:#3e3f5e;font-weight:900;font-family: 'PT Sans', sans-serif;}
.signInPage .LeftOptions .signInForm label.input input::placeholder {font-size:14px;color:#3e3f5e;font-weight:900;font-family: 'PT Sans', sans-serif;}
.signInPage .LeftOptions .signInForm label.input:nth-child(even) {float:right;}
.signInPage .LeftOptions .signInForm label.input input:focus {background:#fafafa;}
.signInPage .LeftOptions .signInForm .paymentOption {float:left;width:100%;margin-top:29px;padding-top:29px;border-top:1px solid #dedeea;}
.signInPage .LeftOptions .signInForm .paymentOption label {font-family: 'PT Sans', sans-serif;float:left;width:calc(50% - 12.5px);height:113px;background:#fff;border:1px solid #e1e8ed;cursor:pointer;border-radius:3px;padding:20px;position:relative;}
.signInPage .LeftOptions .signInForm .paymentOption label:last-child {float:right;}
.signInPage .LeftOptions .signInForm .paymentOption label input[type=radio]{visibility: hidden;opacity: 0;}
.signInPage .LeftOptions .signInForm .paymentOption label .example-radio input {}
.signInPage .LeftOptions .signInForm .paymentOption label .checkmark-radio {position:absolute;top:4;left:20px;height:22px;width:22px;background-color:#fff;border-radius:50%;border:1px solid #dfdfea;}
.signInPage .LeftOptions .signInForm .paymentOption label input:checked ~ .checkmark-radio {border:6px solid #ee502a;}
.signInPage .LeftOptions .signInForm .paymentOption label input:checked ~ .checkmark-radio:after {display:block;}
.signInPage .LeftOptions .signInForm .paymentOption label span.bold {position:absolute;left:55px;top:24px;font-size:16px;color:#222;font-weight:800;width:calc(100% - 78px);}
.signInPage .LeftOptions .signInForm .paymentOption label p {width:100%;font-size:14px;color:#222;line-height:20px;padding-top:22px;}
.signInPage .LeftOptions .basketProductsList2 {width:100%;float:left;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 {width:100%;float:left;border:1px solid #e1e8ed;height:100px;padding:19px 30px 19px 30px;margin-bottom:10px;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2:last-child {margin-bottom:0;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 a.thumb {float:left;width:94px;height:60px;border-radius:3px;overflow:hidden;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 a.thumb img {min-width:100%;min-height:60px;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .text {float:left;width:332px;height:60px;padding-left:22px;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .text span {float:left;width:100%;font-size:15px;color:#000;font-weight:700;margin-top:7px;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .text b {float:left;width:100%;font-size:14px;color:#7c939e;font-weight:600;line-height:18px;margin-top:6px;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .numberP {float:left;width:76px;height:48px;border:1px solid #dedeea;border-radius:3px;position:relative;margin-top:10px;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .numberP input {float:left;width:47px;height:48px;background:transparent;padding:0 7px;text-align:center;font-size:14px;color:#3e3f5e;font-weight:700;font-family:'Nunito', sans-serif;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .numberP input::placeholder {font-size:14px;color:#3e3f5e;font-weight:700;font-family:'Nunito', sans-serif;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .numberP i {width:8px;height:5px;background:url("../img/icons/basket-crease.png")no-repeat;position:absolute;right:19px;top:11px;cursor:pointer;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 .numberP i.decrease {top:30px;transform:rotate(180deg);}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 span.price {float:left;height:48px;margin-top:10px;line-height:48px;padding-left:41px;font-size:16px;color:#2db74e;font-weight:700;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 a.basketButton {transition:300ms;margin:24px 0 0 0;float:right;width:20px;height:20px;background:url("../img/icons/basket-button.png")no-repeat;background-position:0 0;}
.signInPage .LeftOptions .basketProductsList2 .basketPI2 a.basketButton:hover {background-position:0 -20px;transition:300ms;}
.signInPage .LeftOptions .updateNumber {float:right;background:#7c939e;height:44px;color:#FFF;margin-top:20px;padding:0 29px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1.1px;font-family: 'PT Sans', sans-serif;-webkit-box-shadow:0px 10px 20px 0px rgba(124,147,158,0.2);-moz-box-shadow:0px 10px 20px 0px rgba(124,147,158,0.2);box-shadow:0px 10px 20px 0px rgba(124,147,158,0.2);}
.signInPage .LeftOptions .updateNumber:hover {opacity:0.9;}

/* Mobile Box */
.mobileBox {float:left;width:242px;transition:left, .4s;height:100%;background:#FFF;z-index:99999;position:fixed;top:0;left:-150%;padding:5px 0 30px 0;display:none;}
.mobileBox:before {position:fixed;content:"";width:calc(100% - 242px);height:100%;left:-100%;top:0;background:rgba(34, 34, 34, 0.8);}
.mobileBox.toggle {display:inline-block;transition:left, .4s;left:0;}
.mobileBox.toggle:before {left:242px;}
.mobileBox .mbLogo {float:left;width:100%;height:66px;background:#fff;padding:0 22px;}
.mobileBox .mbTicket {float:left;width:100%;height:78px;background:#f6f7fa;border-bottom:1px solid #e8e6f5;padding:0 22px;}
.mobileBox .mbTicket a {float:right;transition:box-shadow .3s;height:38px;text-align:center;width:100%;background:#79609b;color:#FFF;font-size:12px;font-weight:bold;margin-top:20px;height:38px;line-height:38px;text-transform:uppercase;border-radius:3px;letter-spacing:1.3px;-webkit-box-shadow:0px 0px 14px 7px rgba(121,96,156,0.2);-moz-box-shadow:0px 0px 14px 7px rgba(121,96,156,0.2);box-shadow:0px 0px 14px 7px rgba(121,96,156,0.2);}
.mobileBox .mbLogo img {height:66px;}
.mobileBox ul {float:left;width:100%;margin-top:10px;padding:0 22px;}
.mobileBox ul li {float:left;width:100%;}
.mobileBox ul li a {color:#3c3c3c;font-size:14px;font-weight:800;text-transform:uppercase;line-height:30px;}
.mobileBox i.logoutmn {position:absolute;top:15px;right:-18px;width:36px;height:36px;background:url("../img/icons/m-Logout.png")no-repeat center center #f8fafb;cursor:pointer;border-radius:100%;box-shadow:0px 20px 40px 0px rgba(0,0,0,0.15);}
.mobileBurger {display:none;position:absolute;left:20px;top:30px;cursor:pointer;height:24px;color:#000;width:24px;background-image:url("../img/icons/menu.svg");}
.mobileUser {display:none;position:absolute;left:60px;top:31.5px;background:url("../img/icons/userM.svg")no-repeat center center;width:22px;height:20px;cursor:pointer;}
.shoppingCartMobile {display:none;position:absolute;right:20px;top:30px;cursor:pointer;height:24px;color:#000;width:24px;background-image:url("../img/icons/shopping-bag.svg");background-size:contain;}
.shoppingCartMobile i {position:absolute;content:"";
    top: -6px;
    right: -8px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    width: 16px;
    height: 16px;
    background: #f67500;
    border-radius: 100%;}
.ticketMobile {display:none;position:absolute;right:60px;top:30px;cursor:pointer;height:24px;color:#000;width:24px;background-image:url("../img/icons/send.svg");background-size:contain;}
.topBar .mText {display:none;line-height:50px;text-align:left;color:#FFF;font-size:14px;letter-spacing:1px;position:relative;padding-left:37px;}
.topBar .mText:before {position:absolute;top:13px;left:0;content:"";width:25px;height:25px;background:url("../img/icons/whatsapp.png")no-repeat;}
.tickets .ticket span.ticketTitleMobile {display:none;}
.orderDetails ul.pInfosMobile {display:none;}
.orderDetails span.productNumb {display:none;}

.btMusteriKaydi {float:left;width:100%;padding:0px 0 140px 0;background:#fbfbfe;position:relative;}
.btMusteriKaydi .container {position:relative;}
.btMusteriKaydi .container:before {position:absolute;top:0;left:516px;content:"";width:1439px;height:565px;background:url("../img/bg/btMusteriBG.png")no-repeat right;}
.btMusteriKaydi .text {float:left;width:calc(100% - 540px);font-family:'Nunito', sans-serif;position:relative;z-index:3;margin-top:111px;}
.btMusteriKaydi .text h2 {float:left;width:100%;font-size:43px;color:#3b3762;line-height:50px;font-weight:800;}
.btMusteriKaydi .text h2 strong {color:#f2555e;font-weight:800;}
.btMusteriKaydi .text span {float:left;width:100%;font-size:17px;color:#696687;font-weight:400;margin-top:26px;}
.btMusteriKaydi .form {margin-right:30px;width:480px;overflow:hidden;height:428px;float:right;background:#fff;margin-top:84px;position:relative;z-index:2;border-radius:10px;-webkit-box-shadow:-3px 3px 35px 0px rgba(169,174,193,0.34);-moz-box-shadow:-3px 3px 35px 0px rgba(169,174,193,0.34);box-shadow:-3px 3px 35px 0px rgba(169,174,193,0.34);}
.btMusteriKaydi .logo {float:left;margin:0 auto;width:100%;padding:29px 0 15px 0;}
.btMusteriKaydi .logo img {margin:0 auto;}
.btMusteriKaydi .kayitForm {width:100%;padding:0 40px 22px 40px;}
.btMusteriKaydi .kayitForm label {width:calc(50% - 6px);float:left;margin-top:14px;}
.btMusteriKaydi .kayitForm label:nth-child(even) {float:right;}
.btMusteriKaydi .kayitForm label input {width:100%;display:inline-block;height:48px;border:1px solid #b5b5b6;padding:0 18px;border-radius:5px;color:#a0a0a0;font-size:15px;font-weight:400;font-family:'PT Sans', sans-serif;}
.btMusteriKaydi .kayitForm label input.texthalf {transition:.3s}
.btMusteriKaydi .kayitForm label input.texthalf:focus {border-color:#1d87fc;transition:.3s;-webkit-box-shadow: 0px 0px 0px 3px rgba(186,219,254,1);-moz-box-shadow:0px 0px 0px 3px rgba(186,219,254,1);box-shadow:0px 0px 0px 3px rgba(186,219,254,1);}
.btMusteriKaydi .kayitForm label input::placeholder {color:#a0a0a0;font-size:15px;font-weight:400;font-family:'PT Sans', sans-serif;}
.btMusteriKaydi .kayitForm label.submit {width:100%;float:left;margin-top:20px;}
.btMusteriKaydi .kayitForm label.submit input {width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;float:left;height:47px;background:#1065dc;text-align:center;color:#FFF;font-size:18px;font-weight:700;font-family:'PT Sans', sans-serif;border:none;cursor:pointer;}
.btMusteriKaydi .kayitForm label.submit input:hover {background:#0a5bcd;}
.btMusteriKaydi .loginHref {width:calc(100% - 0px);float:left;height:70px;background:#f8f9fc;margin-top:22px;padding:0 40px;text-align:center;}
.btMusteriKaydi .loginHref span {line-height:70px;font-size:14px;font-weight:700;color:#000;}
.btMusteriKaydi .loginHref span a {display:inline-block;color:#70288e;}
.btMusteriKaydi .loginHref span a:hover {text-decoration:underline;}

.watchVideoWrap {position:fixed;top:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.89);z-index:9999;display:none}
.watchVideoWrap .videoWrap {position:absolute;width:1000px;height:550px;top:50%;left:50%;margin:-275px 0 0 -500px;}
.watchVideoWrap .videoWrap iframe {width:100%;height:100%;}
.watchVideoWrap .videoWrap .wvClose {position:absolute;top:-30px;transition:300ms;right:0;width:12px;height:12px;background:url("../img/icons/wvClose.png")no-repeat;cursor:pointer;}
.watchVideoWrap .videoWrap .wvClose:hover {transform:rotate(360deg);transition:300ms;}
.blogWrapper .blogContent .white .content h2{    float: left;
    width: 100%;
    font-size: 37px;
    color: #3e3f5e;
    font-weight: 800;
    line-height: 38px;
    margin-bottom: 12px;}


/* dÃ¶kÃ¼man anasayfa */

.dokuman-main-top {
    width: 100%;
    height: 350px;
    background-color: #E5EEF7;
    padding-top: 70px;
    position: relative;
}

.dokuman-main-top .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.dokuman-main-top h1 {
    color: #242628;
    font-size: 30px;
    font-weight: 800;
}

.dokuman-main-top:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg/dmbg.png);
}

.dmt-in {
  width: 100%;
  max-width: 977px;
  position: relative;
}

input,
select,
textarea {
       outline: none;
       background-clip: padding-box;
       box-shadow: none;
}

.dmt-in input {
    height: 78px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(171,195,214,.21);
    font-size: 16px;
    font-weight: 600;
    color: #ADB8BD;
    padding-left: 33px;
    margin-top: 36px;
}

.dmt-in input::placeholder {
    color: #ADB8BD;
}

.dmi-features {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: -42px;
    z-index: 1;
    position: relative;
    margin-bottom: 41px;
    flex-wrap: wrap;
}

.dmi-features .dmi-f {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.21);
    padding: 25px 25px 45px 25px;
    flex: 0 0 33%;
    max-width: calc(33% - 16px);
    margin-bottom: 32px;
}

.dokuman-plug {
    width: 100%;
    margin-bottom: 50px;
    display: none!important;
}

.dokuman-plug ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dokuman-plug ul li:not(:last-child) {
    width: 110px;
}

.dokuman-plug ul li {
    height: 110px;
    display: flex;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.21);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: transform .3s ease-in-out;
}

.dokuman-plug ul li:hover {
    transform: translateY(-8px);
}

h2.dokuman-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .25px;
    color: #15212A;
    margin-bottom: 26px;
}

.dokuman-plug ul li p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .25px;
    color: #595E62;
    margin-top: 21px;
    display: block;
}

.dokuman-plug ul li:last-child {
    width: 72px;
    cursor: pointer;
    position: relative;
}

.dokuman-plug ul li .ttb-q {
    right: 0;
    left: unset;
    display: block!important;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}

.dokuman-plug ul li .ttb-q p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 30px;
    padding-top: 25px;
    margin: 0;
}

.dokuman-plug ul li .ttb-q svg {
    left: unset;
    right: 23px;
    margin: 0;
}

.dokuman-plug ul li:hover .ttb-q {
    visibility: visible;
    opacity: 1;
}

.dmt-in img,.dmt-in svg {
    position: absolute;
    right: 33px;
    top: 65px;
}

.dmi-f h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .25px;
    color: #15212A;
    margin: 13px 0 12px 0;
}

.dmi-f p {
    font-size: 14px;
    letter-spacing: .25px;
    color: #757B7F;
    line-height: 24px;
    margin-bottom: 19px;
}

.dmi-f a {
    color: #79609b;
    font-size: 14px;
    letter-spacing: .25px;
    font-weight: 400;
}

.dmi-f:nth-child(2) a {
    color: #E24728
}

.dmi-f:nth-child(3) a {
    color: #af39b6;
}

.dmi-f:nth-child(4) a {
    color: #353BCE;
}

.dmi-f:nth-child(5) a {
    color: #FB943F;
}

.dmi-f:nth-child(6) a {
    color: #35BCAD;
}

.dmi-f a svg {
    margin-left: 7px;
    transition: transform .2s ease-in-out;
}

.dmi-f a:hover svg {
    transform: translateX(5px);
}

.dokuman-middle {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 69px;
}

.dmid-left {
    width: 541px;
}

.dmid-right {
    width: calc(100% - 586px);
}

.dmid-left ul li {
    width: 100%;
    display: block;
}

.dmid-left ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    padding: 26px 29px 22px 29px;
    border-bottom: 1px solid #E6EFF5;
}

.dmid-left ul li a:hover h3 {
    color: #79609b;
}

.dmid-left ul {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.21);
    overflow: hidden;
}

.dmid-left ul li:last-child a {
    border-bottom: 0;
}

.dt-info h3 {
    font-size: 16px;
    letter-spacing: .25px;
    font-weight: 600;
    color: #15212A;
    transition: color .2s ease-in-out;
}

.dt-info p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    color: #757B7F;
    line-height: 24px;
    margin-top: 13px;
}

.dt-info {
    margin-left: 25px;
}

.dmid-right ul li {
    display: block;
    margin-bottom: 21px;
}

.dmid-right ul li a {
    color: #79609b;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .25px;
    margin-bottom: 9px;
    display: block;
}

.dmid-right ul {
    padding-top: 27px;
}

.dmid-right ul li p {
    color: #757B7F;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .25px;
}

.dmi-f-img {
    height: 45px;
}

.dokuman-up {
    position: fixed;
    left: 50%;
    top: 234px;
    width: 800px;
    min-height: 380px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(171,195,214,.21);
    z-index: 999;
    transform: translate(-50%);
    padding: 38px 0;
    display: none;
    max-width: calc(100% - 40px);
}

.dokuman-up-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.dokuman-up-input {
    padding: 0 25px;
    position: relative;
}

.dokuman-up-input input {
    width: 100%;
    height: 44px;
    background-color: #F4F8FB;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 600;
    color: #8C9EA6;
    padding: 0 21px;
    border: 1px solid transparent;
    padding-right: 45px;
}

.dokuman-up-input input:focus {
    border-color: #79609b;
}

.dokuman-up-input input::placeholder {
    color: #8C9EA6;
}

.dokuman-up-input img {
    position: absolute;
    right: 46px;
    top: 50%;
    margin-top: -8.5px;
}

.dokuman-up-in {
    padding: 28px 0 0 0;
    border-top: 1px solid #EEF1F3;
    margin-top: 30px;
}

.dokuman-up-in h3 {
    color: #79609b;
    font-size: 16px;
    font-weight: 700;
    margin-left: 28px;
    margin-bottom: 10px;
}

.dokuman-up-in ul li {
    display: block;
    width: 100%;
}

.dokuman-up-in ul li a,
.dokuman-up-searching>a {
    display: block;
    width: 100%;
    min-height: 44px;
    line-height: 26px;
    padding-left: 63px;
    font-size: 16px;
    color: #15212A;
    transition: all .2s ease-in-out;
    position: relative;
    padding-top: 8px;
    padding-right: 18px;
}

.dokuman-up-searching,.dokuman-up-best {
    max-height: 466px;
    overflow-y: scroll;
}



.dokuman-up-searching::-webkit-scrollbar,
.dokuman-up-best::-webkit-scrollbar {
    width: 5px;
    right: 2px;
}

.dokuman-up-searching::-webkit-scrollbar-track,
.dokuman-up-best::-webkit-scrollbar-track {
    background: #F4F8FB;
    box-shadow: unset;
    border-radius: 10px;
}

.dokuman-up-searching::-webkit-scrollbar-thumb,
.dokuman-up-best::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: unset;
    background-color: #79609b;
}

.sellkosul .sellbasvuru-right::-webkit-scrollbar {
    width: 5px;
    right: 2px;
}

.sellkosul .sellbasvuru-right::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: unset;
    border-radius: 10px;
}

.sellkosul .sellbasvuru-right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: unset;
    background-color: transparent;
}

.dokuman-up-searching>a {
    color: #DF4C4D;
    padding-top: 11px;
}

.dokuman-up-in ul li a:hover {
    background-color: #F4F8FB;
    color: #79609b;
}

.dokuman-up-in ul li a:before,
.dokuman-up-searching>a:before {
    content: "";
    position: absolute;
    left: 28px;
    top: 14px;
    background-image: url(../img/bg/dmb.png);
    width: 17px;
    height: 17px;
}


.dokuman-up-searching>a:before {
    background-image: url(../img/bg/dmr.png);
}




.dokuman-up-searching,
.dokuman-up-searching>a,
.dokuman-up-searching ul {
    display: none;
}

.breadcrumb.bg2 {padding: 28px 0;background-color: #E5EEF7;background-color: #111C25;padding: 42px 0;}
.breadcrumb.bg2 ul li a,.breadcrumb.bg2 .brnewnb {color:#8DA1B2;font-size: 16px;padding: 0;}
.breadcrumb.bg2 ul li:last-child a {color:#fff;font-weight: 600;font-size: 16px;}


/* dokuman detay */
.dokuman-detay .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 22px;
}
.brtop-ck {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.breadcrumb.bg2 ul li {
    float: left;
}
.breadcrumb.bg2 ul li:not(:last-child) a:after {
    content: "/";
    display: inline-block;
    margin: 0 10px;
}

.dd-left {
    width: 100%;
    max-width: calc(100% - 930px);
    padding: 41px 0 0 0;
}

.dd-right {
    width: 100%;
    max-width: 900px;
    box-shadow: 0 2px 4px rgba(0,0,0,.21);
    padding: 28px 43px 28px 55px;
    background: #fff;
    margin-bottom: 30px;
}

.dd-left ul li {
    display: block;
    margin-bottom: 27px;
}

.dd-left ul li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    color: #6E7E86;
    position: relative;
    line-height: 24px;
}

.dd-left ul li a.active {
    color: #222;
}

.dd-left ul li a:before {content: "";position: absolute;left: -22px;top: -5px;background-color: #79609b;width: 4px;height: calc(100% + 10px);opacity: 0;}
.dd-left ul li a:hover:before,
.dd-left ul li a.active:before {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.dd-left ul {
    position: relative;
}

.dd-left ul:before {content: "";position: absolute;left: -22px;top: -4px;background-color: #D0D5D8;width: 2px;height: calc(100% + 9px);}

.dd-right h1 {
    color: #15212A;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 38px;
    margin-bottom: 10px;
}

.dd-right p,.dd-right ol li {
    color: #333B41;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 26px;
    margin-bottom: 16px;
    list-style: outside;
}

.dd-right ol li {
    margin-bottom: 12px;
}

.dd-right ol li:last-child {
    margin-bottom: 21px;
}

.dd-right img {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 22px;
}

.dd-right ol li {
    margin-left: 17px;
}

.dd-right p b {
    font-weight: 800;
}

.dd-right p a {
    color: #79609b;
    font-style: italic;
    text-decoration: underline;
}


.dd-right code {
    background-color: #15212A;
    border-radius: 4px;
    color: #A6E22E;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 26px;
    display: block;
    margin-bottom: 30px;
    padding: 13px 18px;
}

.dd-right a.linked {
    text-decoration: none;
    font-style: normal;
    color: #333B41;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 26px;
    display: inline-block;
    border-radius: 4px;
    padding: 0 12px;
    margin: 0 9px;
    background-color: #E6EFF5;
}

.dd-right p>a.linked:first-child {
    margin-left: 0;
}
#updateForm {
    width: 100%;
    padding: 25px;
    padding-top: 0px;
    clear: both;
    padding-bottom: 70px;
}#updateForm.upbfrm {
    padding-bottom: 30px;
}
form#updateForm.upbfrm input.primary {
    background: #79609b!important;
}
p.warning-alert {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    line-height: 24px;
    padding: 11px 30px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin: 20px 0;
    position: relative;
}
#updateForm .form-group {
    margin-bottom: 10px;
}
#updateForm input[type='text'] {
    float: left;
    border: 1px solid #E9E9F3;
    height: 48px;
    padding-left: 10px;
    width: 100%;
    color: #989898;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    background-color: #F9F9FD;
}
p.warning-alert {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    line-height: 24px;
    padding: 11px 30px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    margin: 20px 0;
    position: relative;
}
.pwa:before {
    border-width: 0 10px 11px;
    content: '';
    border-style: solid;
    display: block;
    border-color: transparent transparent #f8d7da;
    top: -10px;
    width: auto;
    margin-bottom: -17px;
    position: absolute;
    left: 50%;
    margin-left: -11px;
}
.upbfrm input {
    margin-top: 10px!important;
}
.products .statsInfos {
    max-width: calc(100% - 60px);
    margin: 0px 30px 30px 30px;
    float: left;
    width: 100%;
    background: #daf7e8;
    color: #33a569;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #bef0cf;
    text-align: center;
    border-radius: 3px;
    line-height: 24px;
    padding: 11px 30px;
}
.sell-checkout {
  height: 38px;
line-height: 38px;
background-color: #FD6721;
text-align: center;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
position: absolute;
top: 0;
padding: 0 17px;
box-shadow: 0 6px 10px rgb(253 103 33 / 20%);
font-size: 14.89px;
font-weight: 700;
cursor: pointer;
transform: translate(-50%,-50%);
z-index: 1;
left: 50%;
white-space: nowrap;
}

.sell-checkout:hover {
    opacity: .9;
}

.sell-grid-in-out {
    flex: 0 0 25%;
    max-width: calc(25% - 15px);
    position: relative;
}

.sell-grid-in-out .sell-grid-in {
    flex: 0 0 100%;
    max-width: 100%;
}

.sell-checkout svg {
    margin-right: 10px;
}
.cookies {
    z-index: 999;
}


.newPop-overlay {
  backdrop-filter: blur(6px);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgb(55 79 104 / 73%);
    z-index: 999;
    transition: all .35s ease-in-out;
}
.newPop {
    position: fixed;
    width: 408px;
    border-radius: 10px;
    padding: 39px 0 20px 0;
    background-image: url(../img/bg/newpopbg.png);
    background-repeat: no-repeat;
    top: 50%;
left: 50%;
margin-left: -204px;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-family: 'Nunito';
margin-top: -321px;
}
.newPopClose {
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
}

.newPop h2 {
    color: #C8EBFE;
    font-weight: 800;
    font-size: 28px;
    letter-spacing: -.10px;
    margin-top: 18px;
    margin-bottom: 3px;
}

.newPop .newPopTop p {
    letter-spacing: -.10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.newPopTop {
    text-align: right;
    margin-bottom: 5px;
}
.newPop ul li span {
    font-size: 18px;
    letter-spacing: -.10px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.newPop ul li b {
    font-weight: 800;
    font-size: 34px;
    letter-spacing: -.10px;
    color: #62B4F9;
}

.newPop ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 35px;
}

a.newpopview {
    background-color: #FFB302;
    color: #fff;
    text-align: center;
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    color: #fff;
    letter-spacing: -.10px;
    font-weight: 700;
    font-size: 18px;
    padding: 0 22px;
    text-decoration: none;
    margin-bottom: 15px;
    margin-top: 32px;
    transition: transform .35s ease-in-out;
}

.newPopClose img {
    cursor: pointer!important;
    user-select: none;
    pointer-events: none;
}

a.newpopview:hover {
    transform: translateY(-5px);
}

.newPop>p {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.10px;
    color: #fff;
}

.newPop>p a {
    display: inline-block;
    color: #FFB302;
    text-decoration: none;
}
.stkom .ordh2-info {
    margin-right: 20px;
}

.stkom .ordh2-info p {
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
}
