* {
	outline: none;
	}

/* ::selection {background: orange; color: white;} */

article, aside, details, div, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, blockquote, dl, dt, dd, button, input {
	margin: 0;
	padding: 0;

	}

a, a:hover, a:active, a:visited {text-decoration: none; outline: none !important;}

.clear {
	clear:both;
	float: none !important;
	margin: 0 !important;
}


a {
	color: #f26222;
}

a:hover {
    text-decoration: underline;
}

html, body {
    height: 100%;
}

body {
	font-family: Arial;
	font-size:62.5%; /*1em is 10px */
	margin-right: 0 !important;
}

.center {
	width: 1000px;
	margin: 0 auto;
}

#wrap {
    min-height: 100%;
}

form {
    display: inline-block;
    vertical-align: middle;
}

#main {
    padding-bottom: 365px; /* must be equal to footer's height */
}

body:before {   /* old(real) Opera browser fix */
    content: "";
    float: left;
    height: 100%;
    margin-top: -32767px;
    width: 0;
}

a.msgs:hover {
  color: rgb(242, 98, 34);
  text-decoration: none;
}
/*
.fancybox-lock {
	overflow: visible;
}
*/

.fancybox-overlay {
	overflow: hidden !important;
}

img {
	max-height: 100%;
	max-width: 100%;
}

ul { list-style-type: none;}


h1 {font-size:22px;}
h2 {font-size:21px;}
h3 {font-size:20px;}
h4 {font-size:19px;}
h5 {font-size:18px;}
h6 {font-size:17px;}

/* ------------------------------------ GENERAL ------------------------------------- */

.right {
	float: right;
}

.left {
	float: left;
}

.none {
    float: none;
    clear: both;
}

.hidden, .hide, #ibchip {
    display: none;
}

.hidden.fancybox {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.vanish {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.no-border {  border: none !important;}
.no-right {   border-right: none !important;}
.no-left {    border-left: none !important;}
.no-bottom {    border-bottom: none !important;}
.no-top {    border-top: none !important;}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.red {    color: red;   }
.green {    color: green;   }
.blue {     color: blue;    }
.orange { color: #f26222; }

.ss { font-size: 10px; color: yellow;}
.sm { font-size: 14px; color: green;}
.sl { font-size: 20px; color: red;}
.sx { font-size: 30px; color: white;}

.bgr-black {background: #26272a;}
.bgr-white {background: white;}
.bgr-gray {background: #eaeaea;}
.bgr-lightgray {background: #f9f9f9;}
.tabulation {
	display: inline-block;
	width: 10px;
}

.uppercase {
    text-transform: uppercase !important;
}

.yellow {
	color: #F5CD0E !important;
	border-color: #F5CD0E !important;
}

.white {
	color: #fff !important;
	border-color: #fff !important;
	background: #fff !important;
}

/* ERROR SUCCESS */
.error404 {
    background: url(../i/404.png) center center no-repeat;
    background-size:contain;
    max-width: 340px;
    width:100%;
    height: 67%;
    height: 240px;
    margin: 40px auto 60px;
}

.errorText {
    font: normal 50px/60px 'Roboto';
    font-family: Roboto, 'PT Sans';
    color: #44464a;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 50px;
}

.errorText a {
    font: 20px/22px 'Roboto';
    color: #777777;
    margin: 50px 30px;
    display: inline-block;
}

.error, .success, .info, .warning {
	position: relative;
	width: auto;
	margin: 20px 0px;
	padding: 10px 15px;
	font: 14px/18px "PT Sans", Arial, sans-serif;
}

.info {
    color: #000;
    background: #ADDDFD;
}

.warning {
    background: #F5EAB1;
    color: #8A190D;
}

.error {
	color: #c0392b;
	background: #f5b7b1;
}

.errorlist li {
    color: #C00;
    margin: 5px 0;
}

.success {
	color: #0c7e3c;
	background: #a9dfbf;
}

.error ul, .success ul, .info ul, .warning ul {
	list-style-type: disc;
	list-style-position: inside;
}

.error a:hover, .success a:hover, .field-error a { text-decoration: underline; }

.close {
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 2em;
	color: #000000;
}

.messages .info + .info,
.messages .warning + .warning,
.messages .error + .error,
.messages .success + .success {
    margin-top:-30px;
}

/* INPUT types and FANCYFIELDS input[type="text"],input[type="email"],input[type="password"],input[type="data"] */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font: normal 14px/26px 'PT Sans';
}
.input,.ffSelectWrapper, textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px 15px;
    box-shadow: 0;
    display: inline-block;
    font: normal 14px/32px 'PT Sans';
    color: #44464a;
    height: 32px;
}

.ffSelectWrapper {
    padding: 0;
    width: 185px;
}

.ffSelect a{
    display: block;
    padding: 0 10px;
    font: normal 11px/27px Arial;
    white-space: nowrap;
    overflow: hidden;
    color: #355B76;
}

.ffSelect a span {
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    width: 90%;
    overflow: hidden;
}


.ffSelectMenuWrapper {
    background: white;
    border: 1px solid #929292;
    width: 100%;
    border-top: 0;
    margin-top: -1px;
    margin-left: -1px;
}

header .ffSelectMenuWrapper {
    background: #EBE9E9;
    border: 1px solid #C5C5C5;
    border-top:0;
    text-transform: uppercase;
    font: normal 10px/27px Arial;
    color: #777;
}

.ffSelectMenuWrapper ul span {
    display: block;
    padding: 0 10px;
    cursor: pointer;

}

.ffSelectMenuWrapper ul li:hover {
    background: rgb(53,91,118);
    background: rgba(53,91,118,0.14);
}
header .ffSelectMenuWrapper ul li:hover {
    background: #777;
    color: white;
}

.ffRadio, ffCheckbox {
   cursor: pointer;
}

/*
.radio.ffRadioWrapper a {
    color: #32495e;
    font:bold 16px/36px 'PT Sans';
    display:block;
    vertical-align: middle;
    padding-left:30px;
    position: relative;
    z-index: 1;
}

.radio .ffRadio {
    width: 19px;
    height: 19px;
    background: #adb6bf;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 9px;
}

.radio.ffRadioWrapper.on .ffRadio {
    background:url(../i/sprite-icons.png) -1px -434px no-repeat #32495E;
}
*/

.column.options {
    width: 450px;
    float: left;
}

.column.card-column {
    width: 520px;
    width: 450px;
    float: right;
}

.column.card-column.none {
    width: 100%;
    float:none;
}

#SINGLE,#THREE,#IRREGULAR, #uitabs .bgr-white > .center > div {
    padding: 50px 0;
}
#SINGLE .column, #uitabs .bgr-white > .center > div .column {position: relative;}

/* article */
.text-page article {
    padding: 20px 0 100px;
}

article, p, article p, article ul, article ol {
    color: #44464a;
    font: normal 14px/22px "PT Sans";
}

article ul, article ol {
    list-style-position: inside;
}

article ul, article ol, article p {
    margin: 10px 0;
}
article ul {
    list-style-type: disc;
}

article a:hover {
    text-decoration: underline;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: Arial;
    font-weight: normal;
    margin: 5px 0;
    color: #44464a;
}

article a {
    color: #f56209;
}

article.top {
    margin: 35px 0;
}

.title-block {
    background: #44464a;
    border-top: 6px solid #ccc;
    border-bottom: 6px solid #ccc;
    min-height: 100px;
}

.breadcrumps {
    font: normal 14px/20px 'PT Sans';
    margin-top: 16px;
    color: #b8b8b8;
}

.breadcrumps a {
    color: #b8b8b8;
}

.pagetitle {
    font: normal 35px/52px 'PT Sans';
    padding-bottom: 12px;
    color: white;
    display: inline-block;
    border-bottom: 6px solid #f26222;
    margin-bottom: -6px;
}



/*  END GENERAL */



/* ------------------------------------ HEADER ------------------------------------- */
header {
/* 	position: fixed; */
	top:0;
	width: 100%;
	z-index: 999;
}

.push {
/*     height: header-height; */
}


.topline {
    display: block;
    background: #f56209;
    height: 3px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: 	 all 0.2s linear;
    -o-transition: 	 all 0.2s linear;
    transition: 		 all 0.2s linear;
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.topline.expanded {
    height: 42px;
    cursor: pointer;
    position: fixed;
}

.topline.expanded + .header-top {
    padding-top: 3px;
}

.topline span {
    font: normal 13px/42px 'PT Sans';
    color: white;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 35px;
    background: url(../i/spritex30.png) left 10px no-repeat;
    height: 42px;
}

.header-top {
    background: #ebe9e9;
    min-height: 30px;
    font: normal 12px/30px 'PT Sans';
    color: #777777;
}

.country {
    text-transform: uppercase;
}
span.country.right-separator {display: none;}
.change {
    text-transform: none;
}

.right-separator {
    border-right: 1px solid #777777;
    padding-right: 7px;
    margin-right: 2px;
}

.msgs span {
    background: #F26222;
    border-radius: 33px;
    color: #FFF;
    height: 17px;
    padding: 3px 8px;
    margin-left: 4px;
}

.language > a, .language > input {
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -999em;
    margin-left: 5px;
    border: 0;
    opacity: 1;
}

.language > a:hover, .language > input:hover, .language > a.active, .language > input.active {
    opacity: 0.5;
}

.langbg { background: url(../i/_sprite_flags.png) 0 center no-repeat; }
.langen { background: url(../i/_sprite_flags.png) -22px center no-repeat; }
.langde { background: url(../i/_sprite_flags.png) -44px center no-repeat; }
.langit { background: url(../i/_sprite_flags.png) -66px center no-repeat; }
.langfr { background: url(../i/_sprite_flags.png) -88px center no-repeat; }

.ffSelectWrapper.change-lang {
    border: 0;
    height: 30px;
    background: none;
    vertical-align: top;
    width: auto;
    min-width: 100px;
}

.ffSelectWrapper.change-lang a {
    line-height: 30px;
    text-transform: uppercase;
    background: url(../i/sprite.png) right -26px no-repeat;
    color: #777777;
}

.social.right {
    text-align: right;
}

.fb, .tw, .yt, .in, .gp {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -999em;
    vertical-align: middle;
    background: url(../i/sprite.png) no-repeat;
}

.fb { background-position: center -59px; }
.tw { background-position: center -89px; }
.yt { background-position: center -119px; }

.fb:hover { background-position: center -148px; }
.tw:hover { background-position: center -176px; }
.yt:hover { background-position: center -203px; }

.phone {
    background:url(../i/sprite.png) 7px -852px no-repeat #d4d2d2;
    display: inline-block;
    vertical-align: top;
    padding-left: 38px;
    padding-right: 10px;
    color: #777777;
    font: normal 13px/30px 'Roboto';
    height: 30px;
}

.header-bottom {
    background: white;
    min-height: 104px;
}

.logo.left {
    margin-top: 12px;
}


nav {
    display: block;
    /* width: 445px; */
    float: left;
    margin-left: 20px;
    margin-top: 42px;
    vertical-align: bottom;
}

nav ul {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

nav ul li {
/*     width: 25%; */
    padding: 0 3.5%;
    padding: 0 15px;
    float: left;
}

nav ul li a {
    display: inline-block;
    font:600 18px/54px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    border-bottom: 8px solid transparent;
}

nav ul li.active a,
nav ul li a.active,
nav ul li a:hover {
    border-bottom: 8px solid #f56209;
    text-decoration: none;
}


.right-side {
    display: inline-block;
    vertical-align: top;
    /* max-width: 400px; */
    float: right;
}

.site-options {
    display: inline-block;
    background: #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
}

.btn-big, .btn-orange {
    font: normal 12px/48px 'PT Sans';
    display: inline-block;
    border-radius: 7px;
    border-radius: 4px;
    border: 0;
}

.site-options > a, .btn-orange {
    font-size: 13px;
    color: white;
    background: #f26222;
    padding: 2px 16px 0 16px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.user-operator .breadcrumps {
    display: none;
}

.user-operator .title-block {
    min-height: 70px;
    padding-top: 10px;
}

.user-operator .site-options > span {
    padding: 0 10px;
}
.site-options > span {
    min-width: 166px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.site-options > span a {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    color: #777777;
    display: inline-block;
}

.btn-big.gray {
    line-height: 40px !important;
    margin-top: 3px;
}

.supnav {
    text-align: right;
}

.supnav a {
    color: #777777;
    font: normal 13px/36px 'PT Sans';
    text-transform: uppercase;

}

.supnav a:hover {
    text-decoration: none;
    color: #f26222;
}




#worldmap {
    display: none;
    width: 100%;
    padding: 30px 0;
    width:720px;
    background: url(../i/worldmap.png) 175px center no-repeat #f7f6f6;
}

#worldmap a {
    display: block;
    font: bold 20px/30px 'PT Sans';
    color: #44464a;
    text-transform: uppercase;
    padding: 0 30px;
}

#worldmap a:hover {
    color: #f26222;
    text-decoration: none;
}
/* ------------------------------------ END HEADER ------------------------------------- */

/* ------------------------------------ FOOTER ------------------------------------- */


footer {
    position: relative;
    margin-top: -365px;
    height: 365px;
    clear: both;
    background: url(../i/footer.jpg) #eaeaea no-repeat center top;
}

.column.third {
    width: 37%;
    display: inline-block;
    vertical-align: top;
}

footer .column.left {
    width: 45%;
    padding-right: 5%;
}

.column.third.small {
    width: 29%;
}
.column.third.text-center {
    width: 33%;
}

footer .title {
    font: bold 20px/30px 'PT Sans';
    color: #454545;
    margin: 20px 0 10px;
}

footer .column > div > a {
    font: normal 14px/18px 'PT Sans';
    color: #454545;
    width: 100%;
    padding: 6px 0;
    display: inline-block;
}

footer .third .column {
    text-align: left;
}

.badge {
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.57);
    padding-top:30px;
}

.s-cards {
    margin: 10px 0 25px;
}

.s-cards a {
    font: normal 18px/18px 'PT Sans';
    color: #f26222;
    display: inline-block;
}

.dot {
    background: url(../i/sprite.png) right -235px no-repeat;
    padding-right: 30px;
    margin-right: 5px;
}

footer .logo {
    margin-bottom: 10px;
    display: inline-block;
}

.badge p {
    font: normal 13px/20px 'PT Sans';
    color: #777777;
    margin: 10px 0;
}

.s-cards + p + a {
    color: #f26222;
    font: normal 13px/20px 'PT Sans';
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.badge + div {
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.57);
    margin-top: 5px;
    text-align: left;
    padding-left: 30px;
    display: none;
}

.ivuWorks {
    margin-top: 10px;
    margin-top: 20px;
    font-size: 13px;
    padding-bottom: 10px;
}

footer .country {
    background: url(../i/globe2.png) left no-repeat;
    padding-left: 45px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-transform: none;
    color: #777777;
    display: inline-block;
    text-align: left;
}

footer .country span {
    font-size: 13px;
}
/* ------------------------------------ END FOOTER ------------------------------------- */


/* ------------------------------------ INDEX PAGE ------------------------------------- */

.tag-cloud {
    cursor: move;
    text-align: center;
}

.tag-cloud a {
    color: white;
    float: left;
    margin: 5px;
}

.column {
    width: 50%;
}

/*
.slider {
    min-height: 400px;
}
*/


.slider > a {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
/*     min-height: 400px;     */
    display: block;
    float: left;
}

.slider img {
    vertical-align: middle;
}

.slider > a:after {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.prev, .next {
    display: inline-block;
    width: 60px;
    height: 400px;
    top:0;
    position: absolute;
    background: url(../i/arrows.png) 12px center no-repeat ;
    left:-60px;
    opacity: 0;
     -webkit-transition: all 0.2s linear;
     -moz-transition: 	 all 0.2s linear;
     -o-transition: 	 all 0.2s linear;
     transition: 		 all 0.2s linear;
}

.bgr-gray .prev, .bgr-gray .next {
    background-image: url(../i/arrows2.png);
}

.slider-wrapper, .index-top .center {
    position: relative;
}

.slider-wrapper .prev,
.slider-wrapper .next {
    opacity: 0.5;
}
.bgr-gray .prev:hover, .bgr-gray .next:hover,
.index-top:hover .prev,
.index-top:hover .next {
    opacity: 1;
}

.index-top .caroufredsel_wrapper, .index-top .slider,.slider > a {
    max-height: 400px;
}

.next {
    background-position: -48px center;
    left:100%;
    right: -60px;
}

.index-top {
    padding-top: 30px;
    background: url(../i/sliderbgr.jpg) repeat-x center center #26272A;
}

.banner {
    height: 84px;
    background: black;
}
.banner .center {
        position: relative;
}

.banner .banner-title {
    color: white;
    font:normal 20px/40px 'PT Sans';
    padding-top: 8px;
}

.banner p {
    color: #979797;
    font: normal 14px/24px 'PT Sans';
    text-transform: uppercase;
}
.btn-blue {
    font: bold 17px/50px 'PT Sans';
    color: white;
    background: #156193;
    margin: 17px 0;
    text-transform: uppercase;
    padding: 0 20px;
    border-radius: 4px;
    display: inline-block;
}

.btn-blue:hover {
    text-decoration: none;
    background:#f26222 ;
}

.banner .btn-blue {
    position:absolute;
    right: 0;
    top:0;
}

.banner .btn-blue.btn2 {
    right: 195px;
}





.index-title {
    text-align: center;
    font: 300 30px/36px 'PT Sans';
    color: black;
    padding: 45px 0 20px;

    text-indent: -999em;
    padding: 20px 0;
}

.index-text {
    font: normal 18px/26px 'PT Sans';
    color: #464646;
    text-align: center;
    padding: 10px 0 20px;
    display: none;
}

.marker {
    background: #f26222;
    padding: 4px 16px 6px;
    color: white;
    white-space: nowrap;
}

.steps {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin:15px 0 50px;
    background: url(../i/steps_mapv2.png) center 4px no-repeat;
}

.steps a {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}

.steps .steps1,
.steps .steps2,
.steps .steps3 {
    vertical-align: top;
    margin-top: 100px;
}

.steps a img {
    vertical-align: top;
}

.steps a span {
    font: normal 19px/24px 'PT Sans';
    color: #156193;
    height: 30px;
    margin-top: 30px;
    display: inline-block;
}

.steps a.steps4 {
    width: 39%;
}

.steps a.steps4 span {
    margin-top: 10px;
}

.pricetag {
    font: normal 20px/50px 'PT Sans';
    color: #f26222;
    border: 1px solid #f26222;
/*     border-bottom: 0; */
    display: inline-block;
    padding: 0 25px;
    border-radius: 4px;
    text-align: center;
    float: right;
    position: absolute;
    top: -20px;
    right: 45px;
    right: 15%;
    margin: auto;
    display: none;
}

.pricetag small {
  display: block;
  font-size: 12px;
  line-height: 13px;
}








.companies {
    background: url(../i/companies0.jpg) center bottom no-repeat;
    min-height: 136px;
    padding-top: 80px;
}

.companies .center {
    text-align: center;
}

/*
.companies .center:after {
    height: 210px;
    display: inline-block;
    content: "";
    vertical-align: middle;
}
*/

/*
.companies span {
    display: inline-block;
    vertical-align: middle;
    width: 19%;
    margin-top: 25px;
}
*/

.companies span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
/* ------------------------------------ END INDEX ------------------------------------- */










/*                                          CONFIGURATOR */


.guide {
    position: fixed;
    left: 5px;
    bottom: -40px;
    font: normal 15px/13px 'PT Sans';
    color: #FFF;
    padding: 9px 26px;
    border: 1px solid #000;
    border-bottom: 0;
    opacity: 0.8;
    background: #f26222;
    border:0;
    bottom: 0 !important;
     -webkit-transition: all 0.4s linear;
     -moz-transition: 	 all 0.4s linear;
     -o-transition: 	 all 0.4s linear;
     transition: 		 all 0.4s linear;
}

.guide.show {
    bottom: 0;
}

.guide:hover {
     background: #F26222;
}

.introjs-tooltiptext {
    font: normal 14px/18px 'PT Sans';
}

.wrap-form {
    display: block;
    padding-bottom: 20px;
}

#configurator {
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    perspective: 900px;
    -webkit-transform: scale(1) translateY(-0px);
    -moz-transform: scale(1) translateY(-0px);
    -o-transform: scale(1) translateY(-0px);
    transform: scale(1) translateY(-0px);
     -webkit-transition: all 0.3s linear;
     -moz-transition: 	 all 0.3s linear;
     -o-transition: 	 all 0.3s linear;
     transition: 		 all 0.3s linear;


}

#configurator-wrap  {
    margin: 85px 0 30px;
     -webkit-transition: all 0.3s linear;
     -moz-transition: 	 all 0.3s linear;
     -o-transition: 	 all 0.3s linear;
     transition: 		 all 0.3s linear;
    width: 100%;
    background: url(../i/repeat-y-dot.png) 49.9% top repeat-y;
    border-bottom: 0;
}

#configurator-wrap.fixed  {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 11;
    background: #F9F8F9;
    margin: auto;
    max-height: 212px;
    height: 200px;
    overflow: hidden;
    border-bottom: 1px solid #F26222;
    border-bottom: 1px solid #cccccc;
}

#configurator-wrap.fixed #configurator {
    -webkit-transform-origin: center 40px;
    -moz-transform-origin:    center 40px;
    -o-transform-origin:      center 40px;
    transform-origin:         center 40px;
    -webkit-transform: scale(0.55);
    -moz-transform:    scale(0.55);
    -o-transform:      scale(0.55);
    transform:         scale(0.55);
    max-width: 1000px;
    margin: 0 auto;
}

#configurator-wrap.fixed .configurator-rotator {
    -webkit-filter: grayscale(0.5);
    -moz-filter: grayscale(0.5);
    filter: grayscale(0.5);
    opacity: 0.7;
}

.youChose {
    position: absolute;
    left: -400px;
    left: -360px;
    font: bold 32px/42px 'PT Sans';
    color: #44464A;
    text-transform: uppercase;
    width: 250px;
    height: 200px;
    border-right: 1px solid black;
    top:50px;
    -webkit-transform: scale(1.50);
    -moz-transform:    scale(1.50);
    -o-transform:      scale(1.50);
    transform:         scale(1.50);
    display: none;
}

.please {
    display: block;
    width: 160px;
    padding: 0 27px;
    height: 66px;
    height: 80px;
    position: absolute;
    bottom: 0;
    font: bold 14px/22px 'PT Sans';
    text-transform: uppercase;
    color: #44464A;
    word-break: break-word;
}

.fixed .youChose {
    display: block;
}

.fixed .configurator > p, .fixed .fold {
    display: none;
}

#configurator-wrap #configurator.ui-draggable {
    left: 0 !important;
    top: 0 !important;
    background: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    width: auto;
    height: auto;
    color: #777;
    font-weight: normal;
}
.ui-button .ui-button-text {
    font: normal 10px/12px 'PT Sans';
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    color: white;
    background: #F26222;
    border:1px solid #F26222;
}

#colorpicker + button span {
    padding: 0 !important;
}
#colorpicker + button span img {
    display: none;
}

.configurator-rotator {
    width: 516px;
    width: 485px;
    width: 100%;
    height: 305px;
    border: 0;
    left:0 !important;
    top:0 !important;
    position: relative;
    display: inline-block;
    -webkit-transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transform-origin: center center;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transform-origin: center center;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    transform-origin: center center;
    transform-style: preserve-3d;
    transform: rotateY(0deg);

     -webkit-transition: all 0.2s linear;
     -moz-transition: 	 all 0.2s linear;
     -o-transition: 	 all 0.2s linear;
     transition: 		 all 0.2s linear;

}

.configurator {
    background: url(../i/card.png) left top no-repeat;
    background-size: contain !important;
    width: 516px;
    height: 324px;
    width: 485px;
    height: 305px;
    position: absolute;
    z-index: 2;
    border-radius: 20px;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: center top;
    -webkit-backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: center top;
    -moz-backface-visibility: hidden;
    -o-transform-style: preserve-3d;
    -o-transform-origin: center top;
    -o-backface-visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: center top;
    backface-visibility: hidden;
/*     overflow: hidden; */
}

html[lang="en"] .configurator {
    background: url(../i/card_en.png) left top no-repeat;
}
.bgr-layer > img {
    max-height: 1000%;
    min-height: 100%;
    min-width: 100%;
    outline: 0;
    border: 0;
    opacity: 0;
}

.configurator.back {
    background: url(../i/card.png) left top no-repeat;
    background-size: contain !important;
/*
    -webkit-transform-origin: center center;
    -webkit-transform: rotateY(-180deg) translateZ(1px);
    -moz-transform-origin: center center;
    -moz-transform: rotateY(-180deg) translateZ(1px);
    -o-transform-origin: center center;
    -o-transform: rotateY(-180deg) translateZ(1px);
    transform-origin: center center;
    transform: rotateY(-180deg) translateZ(1px);
*/
    position:absolute;
    right: 0;
}

#back {
    z-index: 1;
}

.layer.cursor {
    cursor: grab;
    cursor: -webkit-grabbing;
    cursor: -moz-grab;
}

.layer {
    position: absolute;
    top:1px;
    top:0px;
    left: 1px;
    right: 3px;
    bottom: 3px;
    text-align: center;
    border-radius: 19px 18px 20px 20px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
}

.layer > div.generalFX {
    position: absolute;
    top:210px;
    top:185px;
    left: 28px;
    left: 20px;
}

.layer div.generalFX + div.generalFX {
    left: 253px;
}

.layer div .btn-orange {
    font: normal 14px/46px 'PT Sans';
    height: 46px;
    border-radius: 4px;
    color: white;
    width: 210px;
    padding: 0;
    background: #fff;
    color: black;
}
.layer div .btn-orange:hover {
    background-color: #E2E2E2;
}

.layer div.generalFX p {
    font: normal 14px/24px 'PT Sans';
    color: #44464a;
    color: #fff;
    margin-top: 5px;
}

.layer div.generalFX p span.orange {
    color: white;
}

.layer > div.generalFX > button {
    position: absolute;
    top:20px;
    right:0px;
    width: 0;
    height: 0;
}

.ui-colorpicker, .ui-dialog.ui-colorpicker {
    margin-top: -237px;
    margin-left: -40px;
    border: 1px solid #777;
    padding: 2px;
    z-index: 15 !important;
}

.ui-colorpicker .ui-widget-header {
    font: bold 14px/16px 'PT Sans';
    color: #777;
    background: #fff;
    border: 0;
    margin-bottom: 5px;
}

.ui-colorpicker.ui-dialog .ui-dialog-titlebar-close span {
    background: url(images/ui-icons_222222_256x240.png) -96px -129px !important;
}

.ui-colorpicker.ui-dialog .ui-dialog-titlebar-close {    border: 0 !important; padding: 1px !important; }


a.clear {
    position: absolute;
    top: -25px;
    right: 50px;
    z-index: 5;
    border-radius: 5px 5px 5px 0;
    color: #f26222;
    font: normal 12px/16px 'PT Sans';
    height: 26px;
    text-align: center;
    display: inline-block;
    display: none;
    z-index: 1;
}

.back a.clear {
    right: auto;
    left: 50px;
}

a.clear:hover {
    text-decoration: none;
}



.upload {
    background: url(../i/upload.png) 540px 24px no-repeat;
    float: right;
    padding-right: 180px;
    padding-left: 50px;
    border-left: 1px solid #CCC;
    margin: 0 auto;
    height: 160px;
    text-align: center;

}

.upload.hasFiles {
    background-position: 540px -125px;
}

.upload .btn.btn-orange {
    height: auto;
    line-height: 20px;
    padding: 15px 0;
/*     margin-bottom: 10px; */
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.upload:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.upload p {
    font: bold 12px/20px 'PT Sans';
    color: #44464a;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #adadad;
    padding: 4px 28px;
    border-radius: 6px;
    margin-left: -10px;

}

.op6 .column.left {
    width: 310px;
}

.ahref {
    display: inline-block;
    font: normal 12px/30px 'PT Sans';
    top: -3px;
    position: relative;
}

.option.op1 {
    position: relative;
}

.cp-fixed.fix,
.count-price.fixed.fix {
    position: fixed;
    top:0px;
    right: 0;
    left: 0;
    width: 1000px;
    margin: auto;
    z-index: 12;

}

#LEAFLETS .cp-fixed {
    display: none;
}

#LEAFLETS .cp-fixed.fix {
    display: block;
}

#LEAFLETS .option.op2 {
    margin-bottom: 40px;
}

.noright {
    height: 200px;
    cursor: pointer;
}

.noright .fixed {
    right: 55px !important;
}

.cp-fixed .count-price.fixed {
    position: absolute;
    right: -165px;
    margin: auto;
    top:0px;
    z-index: 12;
    font: normal 17px/24px 'PT Sans';
    color: #44464a;
    min-width: 0;
    width: auto;
    height: auto;
    margin-top: 0;
         -webkit-transition: right 0.2s linear;
     -moz-transition: 	 right 0.2s linear;
     -o-transition: 	 right 0.2s linear;
     transition: 		 right 0.2s linear;

}

.cp-fixed.fix .count-price.fixed {
    top:25px;
    background: #ffffff;
}


.cp-fixed > div {
    right:-165px;
}

.count-price.fixed > *, .count-price.fixed .pricetag {
    line-height: 26px;
    padding: 13px 5px;
    height: auto;
}
.count-price.fixed .count-cards {
    line-height: 20px;
    padding: 15px 10px;
}



.count-price {
    min-width: 248px;
    height: 178px;
    border: 2px solid #f26222;
    float: right;
    margin-top: 50px;
    border-radius: 17px;
    font: bold 24px/35px 'PT Sans';
    overflow: hidden;
}

.count-price > * {
    height: 50%;
    text-align: center;
    line-height: 90px;
    text-transform: uppercase;
}

.count-cards {
    color: #44464a;
    background: white;
}

.count-price .pricetag {
    background: #f26222;
    color: white;
    position: static;
    display: block;
    padding: 0;
    margin: 0;
    float: none;
    top:auto;
    right: auto;
    left: auto;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.count-price.bw {
    border-color:#777777;
    height: auto;
    margin-top: -25px;
    float: right;
}

.count-price.bw .count-cards {
    color: #44464a;
    font-size: 19px;
}

.count-price.bw .pricetag {
    background:#777777;
    border-color:#777777;
}

.count-price.bw > * {
    line-height: 60px;
    height: auto;
}

.address-list {
    background: url(../i/repeat-y.png) 50% top repeat-y;
    margin: 30px 0px 0;
}

.address-list > div {
    display: inline-block;
    vertical-align: top;
    width: 47%;
}
.address-list > div > div {
    white-space: nowrap;
}

.add-new {
    background: url(../i/sprite.png) left -531px no-repeat;
    display: inline-block;
    font: bold 14px/22px 'PT Sans';
    color: #f26222;
    padding-left: 32px;
    text-transform: uppercase;
}

.address-list > .column > div {
    margin-bottom: 10px;
}

.address-list  .profile-title {
    font-size: 17px;
}

.btn-conf {
    margin: 40px 0 50px;
}

.logged-in {
    padding: 0px 0 20px;
}

.address-list .ffRadioWrapper {
    width: 100%;
}

.address-list .ffRadioWrapper a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}

/*  POPUPS  */

#pop-add-addr, #pop-add-invoice-data {
    display: none;
    background: #f7f6f6;
    max-width: 480px;
    padding: 20px 0px 20px 30px;
}

/*
#pop-add-addr .column:nth-child(2n) > *, #pop-add-invoice-data .column:nth-child(2n) > *{
    margin-left: 30px;
}
*/

/*
#pop-add-addr .column > * , #pop-add-invoice-data .column > * {
    text-align: left;
}
*/

#pop-add-addr .profile-title , #pop-add-invoice-data .profile-title,
#pop-add-addr .error , #pop-add-invoice-data .error {
    margin-right: 30px;
}
#pop-add-addr .form label , #pop-add-invoice-data .form label {
    margin-top: 10px;
    width: 206px;
}

#pop-add-addr .form .fullwidth , #pop-add-invoice-data .form .fullwidth {
    width: 100%;
    max-width: 460px;
    max-width: 426px;
}

#pop-add-addr .user-data .btn-orange, #pop-add-invoice-data .user-data .btn-orange {
    margin: 20px 0;
}

/* #pop-add-addr .user-data .singleline, #pop-add-invoice-data .user-data .singleline {  */
.singleline.column .ffRadioWrapper a, .singleline.column .ffCheckboxWrapper a {
    width: 195px;
    line-height:22px;
}

.singleline.column .ffRadio, .singleline.column .ffCheckbox {
    vertical-align: top;
}

.singleline.column {
    margin-top: 23px;
}

.fancybox-skin {
    border-radius: 0;
    padding: 10px !important;
    background: white;
}

.hasBorder .fancybox-skin {
    border-radius: 25px;
    padding: 20px !important;
}

.op3.small .column.left {
    width: 15%;
}

.rfid {
    margin-bottom: 50px;
}

.rfid .column.left {
    width: auto;
    margin-right: 40px;
    text-transform: uppercase;
}

.samplepopup {
    max-width: 600px;
    min-width: 320px;
    display: none;
}

/* #pop-add-addr */


/* #pop-add-invoice-data */










/*                       THREE CARDS */

#THREE .configurator {
    background-image:  url(../i/cardx3.png);
}

#THREE .bgr-layer > img {
    width: 159px;
    min-width: 159px;
    border-radius: 18px 23px 23px 20px;
    float: left;
}

#THREE .bgr-layer > img+img {
    width: 162px;
}
#THREE .bgr-layer > img+img+img {
    width: 160px;
    border-radius: 22px 17px 20px 22px;
}

#THREE .layer {
    border-radius: 18px 16px 20px 20px;
}
/*
#THREE .op4 {
    margin-top: 85px;
}
*/


.ffRadioWrapper.unavailable .ffRadio {
    background-position: center -673px;
}

.ffRadioWrapper.unavailable a {
    text-transform: uppercase;
}

.op3.unavailable .column {
    width: 100%;
}
/*                  END  THREE CARDS */


/*                      IRREGULAR CARDS */
#IRREGULAR .op8 .helptext2 {
    width: 48%;
}

#IRREGULAR .op8 .sizes p {
    font: normal 12px/33px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    margin: 10px 0;
}

#IRREGULAR .op8 .sizes {
    font: bold 16px/22px 'PT Sans';
    color: #494848;
    text-transform: uppercase;
}


#IRREGULAR .op8 .sizes div+div {
    margin-left: 50px;
}
#IRREGULAR .op8 .sizes div {
    display: inline-block;
    vertical-align: middle;
}

#IRREGULAR .op8 .sizes input {
    width: 108px;
    margin-right: 5px;
    text-align: center;
    padding: 0;
}

#IRREGULAR .op8 .sizes span {
    text-transform: none;
}
#IRREGULAR .op8 .sizes label {
    display: block;
    margin: 8px;
    margin-left: 52px;
}

#IRREGULAR .design.option, #LEAFLETS .design.option {
    margin-top: 40px;
}

#IRREGULAR .op4 {
    margin-top: 34px;
}
#IRREGULAR .op5 {
    margin-left:0;
}

#IRREGULAR .column.card-column {
    width: 480px;
}

.subtitle .help {
    margin: 0;
}

.sizes {
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 18px 25px 30px;
    padding: 8px 25px 20px;
}

.card-width span.icon, .card-height span.icon{
    background: url(../i/spritex30.png) no-repeat 1px -195px;
    width: 35px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}
.card-height span.icon {
    background-position: 3px -237px;
}

/*                END   IRREGULAR CARDS */


/* LEAFLETS  */
#LEAFLETS .types .ffRadioWrapper a{
    color: #777777;
    font: bold 14px/22px 'PT Sans';
    width: 87%;
}

/*
.types .ffRadio {
    vertical-align: top
}
*/

#LEAFLETS .main-choice {
    float: left;
    width: 320px;
    text-align: center;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
}
#LEAFLETS .main-choice > div {
    float: none;
    display: inline-block;
    width: 195px;
}
.quantity-help {
    font: normal 11px/14px 'PT Sans';
    padding: 5px 0 0px;
    vertical-align: top;
    clear: both;
    color: #44464A;
}
.types .column .radio, .types .column .radio_conf {
    display: block;
}

.types .column {
    padding-bottom: 20px;
}

.types .column > div {
    overflow: auto;
}

.types .column > div > a, .types .column > a > .bgimage {
    background-image: url(../i/spriteXleaflets122016.png);
    background-repeat: no-repeat;
    min-height: 280px;
    cursor: pointer;
    display: inline-block;
    width: 200px;
    float: right;
}

.types .t1 > div,
.types .t3 > div,
.types .t5 > div,
.types .t7 > div,
.types .t9 > div,
.types .t11> div {
    border-right: 1px solid #ccc;
}

.types .t2 > div,
.types .t4 > div,
.types .t6 > div,
.types .t8 > div,
.types .t10> div,
.types .t12> div {
    padding-left: 30px;
}

.types hr {
    width: 100%;
    height: 1px;
    border: 0;
    background: #ccc;
    margin: 10px 0 20px;
    clear: both;
    display: block;
}

.types .column p {
    width: 52%;
    margin: 10px 0 20px;
    float: left;
}

.t1 > div > a,.t1 > a > .bgimage  {    background-position: right 0;}
.t2 > div > a,.t2 > a > .bgimage  {    background-position: right -248px;}
.t3 > div > a,.t3 > a > .bgimage  {    background-position: right -520px;}
.t4 > div > a,.t4 > a > .bgimage  {    background-position: right -820px;}
.t5 > div > a,.t5 > a > .bgimage  {    background-position: right -1190px;}
.t6 > div > a,.t6 > a > .bgimage  {    background-position: right -1567px;}
.t7 > div > a,.t7 > a > .bgimage  {    background-position: right -1905px;}



/*      GAME CARDS         */
.option.singlerow .left,.singlerow .left {
    float: left;
    display: inline-block;
    width: auto;
}
.option.singlerow .ffRadioWrapper a {
    font-size: 14px;
}

.singlerow .ahref {
    top:0;
    float: left;
}

#GAMECARDS .main-choice > div {
    float: none;
    text-align: center;
    display: inline-block;
}

#GAMECARDS .singlerow .ahref {
    float: none;
    vertical-align: top;
}

.op7 > p {
    margin-top: -20px;
}


.ui-colorpicker-swatches {
    height: auto;
    overflow-x: hidden;
}
.ui-colorpicker-swatch {
    width: 100%;
    height: 18px;
    line-height: 18px;
    color: white;
    padding-left: 1%;
    text-align: left;
    max-width: 151px;
    float: left;
    border: 0;
    font-size: 0 !important;
}

.pad+div+div {
    color: black;
}

button.pad, div.ui-colorpicker-swatch[title="Silver"], div.ui-colorpicker-swatch[title="Gold"] {
    display: block !important;
    width: 100% !important;
    height: 18px !important;
    background: url(../i/card-silver.jpg) center no-repeat !important;
    border: 0 !important;
    font: normal 10px/18px 'PT Sans' !important;
    max-width: 305px;
}

button.pad-golden, div.ui-colorpicker-swatch[title="Gold"] {
    background: url(../i/card-gold.jpg) center no-repeat !important;
}

.ui-colorpicker-swatch, div.ui-colorpicker-swatch[title="Silver"], div.ui-colorpicker-swatch[title="Gold"] {
    font-size: 0 !important;
    max-width: 151px;
}


.ui-colorpicker-swatch:nth-child(4){
    color: black;
}

.note {
    font: normal 10px/35px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    padding-left: 25px;
    background: url(../i/sprite.png) left -702px no-repeat;
    width: 460px;
}

#configurator-wrap .note {
    float: left;
}

.note + .note {
    float: right;
    margin-left: 30px
}

.design.option {
    margin-bottom: 50px;
}

.infobox {
    padding: 15px;
    border-radius: 4px;
    background: url(../i/exclamation.png) 15px center no-repeat #e2e2e2;
    padding-left: 70px;
}

.infobox.information {
    background: url(../i/info.png) 15px 20px no-repeat #e2e2e2;
}

.ib2, .ib3, .ib4, .ib5, .ib6 {
    display: none;
}

.configurator > p {
    font: bold 25px/35px 'PT Sans';
    color: #f46620;
    text-transform: uppercase;
    position: absolute;
    top:-40px;
}

.configurator.back > p {
    right: 0;
}

.fold {
    position: absolute;
    background: url(../i/fold.png) center bottom no-repeat;
    width: 150px;
    font: normal 17px/30px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    top:-42px;
    padding-bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: none !important;
}

.split {
    margin-bottom: 30px;
}

.split .column.options {
    width: 480px;
    float: left;
    padding-right: 19px;
    border-right: 1px solid #ccc;
}

.split .card-column {
    width: 480px;
    float: right;
}

.split .op3.small .column {
    width: auto;
    margin-right: 25px;
    margin-bottom: 0;
    padding: 10px 0;
}

.split .op3.small .help {
    margin-bottom: 0;
    height: 27px;
    vertical-align: middle;

}

.op-worktime {
    margin-bottom: 50px;
}
.option.op-worktime .column {
  font: bold 14px/1.1 'PT Sans';
  color: #777;
}

.option.op-worktime .update_days {
    font-size: 17px;
    color: #F26222;
}

.option.op-worktime .ffRadioWrapper.radio_conf {
    margin-bottom: 5px;
}

.upload-field .uf-wrap {
    margin-bottom: 14px;
    display: block;
    clear: both;
}

.upload-field .btn.btn-orange {
    width: 93px;
    display: inline-block;
    vertical-align: top;
}

.file-text {
    width: 300px;
    padding: 0 15px;
    font: normal 14px/32px 'PT Sans';
    color: #777777;
    height: 33px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vertical-align {
    border-top:1px solid #e2e2e2;
    padding-top: 50px;
}

.vertical-align * {
    display: inline-block;
    vertical-align: middle;
}

.endprice .btn-conf.btn {
    width: auto;
    margin: 0;
    padding: 20px 40px;
    height: auto;
    font: normal 23px/22px 'PT Sans' !important;
}

.endprice {
    background: #f26222;
    border: 2px solid #f26222;
    border-radius: 15px;
    position: relative;
}

.endprice div {
    padding: 22px 30px;
    border-radius: 13px;
    background: white;
    font: normal 23px/22px 'PT Sans';
    color: #777777;
    text-align: left;
}

.endprice div div {
  padding: 10px 0 0;
}

.endprice b+small {font-weight: bold;}

.vertical-align > span {
    font: normal 40px/22px 'PT Sans';
    color: #777777;
    display: inline-block;
    margin: 0 10px;
}

.endprice small {
  font-size: 12px;
    line-height: 13px;
/*   vertical-align: bottom; */
}

.endprice div div * {
    vertical-align: bottom;
}

.card-end-price, .ship-end-price {
    background: #ebe9e9;
    padding: 80px 35px 20px 35px;
    border-radius: 15px;
    font: normal 20px/22px 'PT Sans';
    color: #777777;
}

.card-end-price span, .ship-end-price span {
    vertical-align: bottom;
}

.card-end-price {
    background: url(../i/cardfromEND.png) center 23px no-repeat #ebe9e9;
}

.ship-end-price {
    background: url(../i/cardfromEND.png) center -153px no-repeat #ebe9e9;
}

/*                                  END CONFIGURATOR */

/*   FIELDS   LOGIN REGISTER  */

.unlogged .column {
    width: 48.7%;
    padding: 0px 0;
}

.unlogged .column > p {
    color: #777777;
    font: normal 14px/24px 'PT Sans';
    margin-bottom: 20px;
    height: 100px;
}

.form .input {
    width: 176px;
    border-radius: 5px;
}

.btn.btn-orange {
    text-transform: uppercase;
    font: normal 14px/35px 'PT Sans';
    height: 35px;
    width: 208px;
    padding: 0;
    text-align: center;
    color: white;
}

li li .inactive {
    cursor: default;
}

/*
.disabled, .btn-orange.disabled, btn.btn-orange.disabled {
    background: #777;
}
*/


.endprice em {
    font: normal 12px/20px 'PT Sans';
    position: absolute;
    color: #FFF;
    bottom: 3px;
    right: 0;
    padding: 0 40px;
    text-align: center;
    width: 200px;
    display: none;
}

.disabled + em {
    display: block;
}

.endprice .btn-conf.btn.disabled {
    /* background: #757575; */
    opacity: 0.5;
    border-radius: 0 14px 14px 0;
    padding: 22px 40px;
    cursor: default;
}

.endprice:after {
    content: "";
    clear: both;
    display: block;
}


.form.centered > span {
    width: 100%;
    display: inline-block;
    margin: 12px 0;
}

.form label {
    color: #777777;
    font: bold 14px/35px 'PT Sans';
    display: inline-block;
}

.form.centered label {
    width: 140px;
    padding-right: 34px;
    text-align: right;
}

.unlogged {
    padding-bottom: 40px;
}

body .form .tight {
    margin: 0px 0;
}

.user-data .column > span.tight {
    margin-top: 10px;
}

.tight > a, .ui-widget textarea {
    font: normal 14px/28px 'PT Sans';
    color: #44464a;
}

.ui-widget textarea {
    line-height: 16px;
}

.accept-terms.tight .ffCheckboxWrapper a {
        padding-right: 0;
}
.accept-terms.tight > a {
    color: #f26222;
}

.ajax-fields {
    position: relative;
}

.ajax-fields .subtitle {
    padding-top: 40px;
}

.overlay {
    background: url(../i/loading-bgr.png);
    position: absolute;
    left:0;
    right: 0;
    bottom: 0;
    top:0;
    display: none;
}

.overlay .loading {
    display: inline-block;
    width: 99%;
    vertical-align: middle;
    text-align: center;
}

.overlay:after {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    content: "";
}

.overlay p {
    font: normal 25px/35px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    margin-top: 20px;
}

/*
.css {
    display: inline-block;
    width: 130px;
    height: 130px;
      -webkit-animation: ajax 2s linear infinite;
      -moz-animation:    ajax 2s linear infinite;
      -o-animation:      ajax 2s linear infinite;
      animation:         ajax 2s linear infinite;
}

@-webkit-keyframes ajax {
    0%  { -webkit-transform: rotate( 0deg) }
    11.9% { -webkit-transform: rotate( 0deg) }
    12% { -webkit-transform: rotate(45deg) }
    23.9% { -webkit-transform: rotate(45deg) }
    24% { -webkit-transform: rotate(90deg) }
    35.9% { -webkit-transform: rotate(90deg) }
    36% { -webkit-transform: rotate(135deg) }
    47.9% { -webkit-transform: rotate(135deg) }
    48% { -webkit-transform: rotate(180deg) }
    59.9% { -webkit-transform: rotate(180deg) }
    60% { -webkit-transform: rotate(225deg) }
    71.9% { -webkit-transform: rotate(225deg) }
    72% { -webkit-transform: rotate(260deg) }
    83.9% { -webkit-transform: rotate(260deg) }
    84% { -webkit-transform: rotate(305deg) }
    100% { -webkit-transform: rotate(305deg) }
}
*/

.accept-terms > *{
    font: bold 14px/16px 'PT Sans';
    vertical-align: middle;
}


.slider-wrapper {
    padding-bottom: 25px;
}

.slider-wrapper .slider > div {
    float: left;
    position: relative;
    height: 520px;
}

.slider-wrapper .slider div > a {
    display: block;
    text-align: center;
    height: 480px;
}

.slider a:hover {
    text-decoration: none;
}

.cardtype-title {
    font: normal 30px/30px 'PT Sans';
    color: #f26222;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: none;
}

.slider .btn-orange {
    position: absolute;
    bottom: 10px;
    right: 6px;
}

.btn-orange:hover {
    text-decoration: none;
}

.pagination {
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 0; right: 0;
    margin: auto;
    text-align: center;
    z-index: 3;
}

.pagination a {
    display: inline-block;
    background: #b3b3b3;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    text-indent: -999em;
    margin: 0 3px;
}
.pagination a.selected {
    background: #807f7f;
    background: #F15922;    
}

.user-data {
 /*    width: 94%; */
}

.user-data .btn-orange {
    margin: 40px 0;
    border-radius: 4px;
}

textarea {
    height: 101px;
    line-height: 16px;
    padding: 10px;
    width: 186px;
    resize: none;
}

.form span {
    position: relative;
}

.form span .errorlist {
    position: absolute;
}

.quad {
    width: 25%;
    display: inline-block;
    vertical-align: bottom;
}

.form .quad > span {
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.form .quad label {
    display: block;
}

.select_conf .ffSelect > a,
.select .ffSelect > a {
    font: normal 14px/34px 'PT Sans';
    color: #44464a;
    text-transform: none;
    padding-left: 10px;
    display: inline-block;
}
/* END FIELDS*/










/**/ /**/  /**/         /* -------------- CONFIGURATOR ------------  */

.graytitle {
    color: #777777;
    font: bold 20px/70px 'PT Sans';
    text-align: center;
    text-transform: uppercase;
}

/* UI dismentle */
#uitabs {
    padding: 0;
    border-radius: 0;
    border: 0;
}

#uitabs .errorlist {left: 174px; margin-top: -4px;
    font-size: 10px;
    line-height: 10px;
    text-transform: none;
}

#uitabs > .bgr-lightgray .center >  ul > li, .ui-widget-header {
    border: 0;
    background: #f26222;
}

#uitabs.ui-tabs .ui-tabs-nav, #uitabs > .bgr-lightgray .center >  ul > li {
    padding: 0;
    text-align: center;
}


#uitabs .ui-widget-header, #uitabs > .bgr-lightgray .center >  ul > li {
    background: 0;
    border: 0;
    font-weight: normal;
}


#uitabs.ui-tabs .ui-tabs-nav li, #uitabs > .bgr-lightgray .center >  ul > li  {
    margin: 0;
    padding: 20px 0.82%;
    width: 19%;
    border: 0;
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

#uitabs.ui-tabs .ui-tabs-nav li a, #uitabs > .bgr-lightgray .center >  ul > li  a {
    padding: 0;
    float: none;
    text-align: center;
    display: inline-block;
    color: #777777;
    font: normal 17px/26px 'PT Sans';
    display: inline-block;
    text-transform: uppercase;
    width: 172px;
    height: 112px;
    border-radius: 15px;
    border:1px solid #777777;
    text-decoration: none;
}

#uitabs > .bgr-lightgray .center > ul > li:first-child  a {
    width: 164px;
}
#uitabs > .bgr-lightgray .center > ul > li+li+li  a {
    width: 162px;
}

#uitabs > .bgr-lightgray .center > ul > li.gamecards {
    width: 14%;
}

#uitabs > .bgr-lightgray .center > ul > li.gamecards a{
    width: 80px;
}

#uitabs.ui-tabs .ui-tabs-nav li.triple a, #uitabs > .bgr-lightgray .center >  ul > li.triple a {
    background: url(../i/cards-x3v4.png) center center no-repeat;
    border: 0;
}
#uitabs.ui-tabs .ui-tabs-nav li.ui-state-default.ui-tabs-active.ui-state-active a, #uitabs > .bgr-lightgray .center >  ul > li.active a {
    background: url(../i/cards-x1a.png) center center no-repeat;
    color: white;
    border: 0;
}
#uitabs.ui-tabs .ui-tabs-nav li.triple.ui-state-default.ui-tabs-active.ui-state-active a, #uitabs > .bgr-lightgray .center >  ul > li.triple.active a {
    color: white;
    background: url(../i/cards-x3v4a.png) center center no-repeat;
    border: 0;
}

#uitabs > .bgr-lightgray .center > ul > li.leaflets a {
    background: url(../i/card-listovki.png) center center no-repeat;
    border: 0;
}

#uitabs > .bgr-lightgray .center > ul > li.leaflets.active a {
    background: url(../i/card-listovkia.png) center center no-repeat;
}

#uitabs .bgr-lightgray .center > ul > li a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}
#uitabs a:after {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    content: "";
}

#uitabs .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, #uitabs > .bgr-lightgray .center >  ul > li:hover {
    background: 0;
}

#uitabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, #uitabs > .bgr-lightgray .center >  ul > li.active {
    border: 0;
    background: white;
}

#uitabs.ui-tabs .ui-tabs-nav li+li+li a, #uitabs > .bgr-lightgray  .center > ul > li+li+li a {
    border: 1px solid #777777;
}

/*
#uitabs.ui-tabs .ui-tabs-nav li+li+li.ui-state-active a, #uitabs > .bgr-lightgray  ul > li+li+li.active a {
    background: #777777;
    border: 1px solid #777777;
}
*/

.subtitle, .op1 .ffRadioWrapper a{
    color: #777777;
    font: bold 20px/30px 'PT Sans';
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    word-break: break-word;
}

.subtitle small {
    font-size: 100%;
    text-transform: lowercase;
}

.caps label, .caps .ffRadioWrapper a {
    text-transform: uppercase;
}

.subtitle.middle {
    text-align: center;
}

.op1 .left > div {float: left;}

.op1 .subtitle {
    margin-bottom: 20px;
}

.op1 .ffRadioWrapper a {
    padding-left: 8px;
    padding-bottom: 0;
    margin: 0;
    border: 0;
    font-size: 17px;
}

.op1 .left > div {
    margin-right: 40px;
    margin-right: 24px;
}

.ffRadioWrapper, .ffCheckboxWrapper {
    display: inline-block;
    vertical-align: middle;
}

.ffRadioWrapper.disabled , .ffCheckboxWrapper.disabled {
    opacity: 0.5;
}

.help {
    width: 20px;
    height: 30px;
    background: url(../i/sprite.png) center -407px no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 4px;
    cursor: pointer;
    position: relative;
}

.help span {
    position: absolute;
    display: inline-block;
    bottom: 30px;
    left:20px;
    background: #44464a;
    font: normal 14px/20px 'PT Sans';
    color: white;
    border-radius: 5px 5px 5px 0px;
    padding: 5px 7px;
    min-width: 140px;
    min-height: 23px;
    z-index: 7;
    display: none;
}

.help.show {
    background: url(../i/sprite.png) center -474px no-repeat;
}

.help.show span {
    display: inline-block;
}

.help img {
    width: 200px;
    height: 200px;
    min-width: 200px;
    min-height: 200px;
}

.help a {
    color: white;
    font: normal 12px/12px 'PT Sans';
    position: absolute;
    top:2px;
    right:7px;
    display: inline-block;
    height: 3px;
    width: 3px;
}

.help a:hover {
    color: #F26222;
    text-decoration: none;
}

.help span:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 10px;
    background: url(../i/sprite.png) center -510px no-repeat;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.side .help {
    left: 73px;
    top: -3px;
}

.subtitle span {
    display: inline-block;
    background: #f26222;
    border-radius: 40px;
    width: 27px;
    height: 27px;
    text-align: center;
    color: white;
    font: normal 20px/28px 'PT Sans';
    margin-right: 10px;
}

.subtitle.middle {
    position: relative;
}

.subtitle .side_A, .subtitle .side_B {
    font: normal 25px/22px 'PT Sans';
    color: #ccc;
    background: 0;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: auto;
}

.subtitle .side_B {
    left: auto;
    right: 0;
}


.ffRadioWrapper > *, .ffCheckboxWrapper > * {
    display: inline-block;
    vertical-align: middle;
}

.ffRadioWrapper a, .ffCheckboxWrapper a {
    font-weight: normal;
    font: bold 14px/30px 'PT Sans';
    color: #777;
    padding-left: 10px;
    padding-right: 10px;
}

.option .ffRadioWrapper a, .option .ffCheckboxWrapper a {
    padding-right: 0;
}

.ffRadioWrapper a:hover, .ffCheckboxWrapper a:hover {
    text-decoration: none;
}

.ffRadio, .ffCheckbox {
    width: 22px;
    height: 30px;
    background: url(../i/sprite.png) center -316px no-repeat;
    display: inline-block;
    cursor: pointer;
}

.ffRadioWrapper.on .ffRadio {
    background-position:  center -283px;
}
.ffCheckboxWrapper.on .ffCheckbox {
    background-position:  center -349px;
}

.main-choice {
    background: #e2e2e2;
    border-radius: 10px;
    padding: 18px;
    text-align: center;
    float: right;
    width: 40%;
}

.op1 .left {
    width: 55%;
}

.main-choice > div {
    float: left;
    width: 50%;
}

.main-choice > div label {
    font: bold 20px/20px 'PT Sans';
    margin-bottom: 10px;
    color: #494848;
    text-transform: uppercase;
    display: block;
}

.minus, .plus {
    display: inline-block;
    vertical-align: baseline;
    background: #f26222;
    border-radius: 40px;
    width: 18px;
    height: 18px;
    margin-top: 7px;
    text-align: center;
    color: white !important;
    font: normal 20px/17px 'PT Sans';
    float: left;
    padding: 0;
    background: url(../i/sprite.png) center -619px no-repeat;
    text-indent: -999em;
}
/*
.plus {
    line-height: 19px;
}
*/
.minus:hover, .plus:hover {
     text-decoration: none;
}

.plus {
    background-position: center -646px;
}

.main-choice input, .main-choice .select a,
.pantones a,
.main-choice .select_conf a {
    background: white;
    float: left;
    margin: 0 9px;
    width: 102px;
    font: bold 17px/34px 'PT Sans';
    text-align: center;
}

.main-choice .select,
.main-choice .select_conf {
    width: 150px;
}

.select, .select_conf, .pantones {
    background: white;
    width: 206px;
}

.pantones {width: 250px;}
.pantones .ffSelect a span {
    text-align: left;
}


.pantones .ffSelectMenuWrapper,
.select_conf .ffSelectMenuWrapper,
.select .ffSelectMenuWrapper {
    border: 1px solid #CCC;
    border-top:0;
}

.pantones .ffSelect a,
.select_conf .ffSelect a,
.select .ffSelect a {
    width: 78%;
    padding-right: 36px;
    display: inline-block;
    background: url(../i/sprite.png) 178px -377px no-repeat;
}

.pantones .ffSelectMenuMidBG,
.select_conf .ffSelectMenuMidBG,
.select .ffSelectMenuMidBG {
    font-size: 12px;
    text-transform: none;
}

.main-choice .select_conf .ffSelect a,
.main-choice .select .ffSelect a {
    width: 70%;
}

.pantones .ffSelect a,
.main-choice .select_conf .ffSelect a,
.main-choice .select .ffSelect a {
    background: url(../i/sprite.png) 112px -375px no-repeat;
    padding-left: 0;
}

.pantones .ffSelect a {
    background-position: 207px -375px;
    font: bold 14px/34px 'PT Sans';
    color: #777;
}

.ffSelectWrapper.select .ffSelectMenuWrapper {
    max-height: 200px;
    overflow: auto;
    top: 32px !important;
    padding-top: 2px;    
}

/*
.select_conf .ffSelect,
.select .ffSelect {
    z-index: 1 !important;
}
*/
.pantones .ffSelect a span,
.select_conf .ffSelect a span,
.select .ffSelect a span {
    border-right: 1px solid #CCC;
    width: 100%;
}

.pantones.sito {
    margin-bottom: 10px;
}

.column.options > *, .op1.option {
    margin-bottom: 38px;
}

.colorwrap {
    margin-bottom: 50px;
}

.op1.option {
    margin-bottom: 58px;
}


.op2 .column label {
    font: bold 17px/22px 'PT Sans';
    color: #777777;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.op2 .column {
    float: left;
}

.suboption {
    display: none;
}

.suboption > div, .pantone-names {
    padding-left: 20px;
    border-left:1px solid #d6d6d6;
    margin-left: 10px;
}

.pantone-names, .suboption {
    display: none;
    margin-bottom: 10px;
}

.on ~ .pantone-names, .on ~ .suboption {
    display: block;
}

.pantone-names input {
    display: block;
    height: 27px;
    line-height:25px;
    margin-bottom: 5px;
    display: none;
}

.personalization .ffRadioWrapper a,.personalization .ffCheckboxWrapper a,
.others .ffRadioWrapper a,.others .ffCheckboxWrapper a {
    max-width: 160px;
    vertical-align: text-top;
    line-height: 17px;
    margin-top: -8px;
    padding-top: 5px;
}

.personalization .suboption .ffRadioWrapper a {
    width: 140px;
}

.split .op5 .column, .split .op6 .column{
    min-height: 48px;
}


.suboptions .ffSelectWrapper,
.pantone-names .ffSelectWrapper {
    width: 180px;
}

.suboptions .pantones .ffSelect a,
.pantone-names .pantones .ffSelect a {
    background-position: 142px -375px;
    width: 76%;
}


#magnet {
    position: absolute;
    bottom: 80px;
    height: 100px;
    width: 100%;
    background: black;
    left: 0;
    display: none;

}

.control {
    z-index: 3;
    position: relative;
}

.option .ffCheckboxWrapper,
.option .ffRadioWrapper {
    margin-bottom: 8px;
}
.option .column {
    float: left;
}

.switch-sides {
    margin-left: 20px;
    margin-bottom: 5px;
    height: 10px;
    position: relative;
    z-index: -10;
}

.switch-sides > span {
    display: inline-block;
    margin-right: 10px;
}

button.side {
    background: url(../i/cardsmini.png) no-repeat 0 -41px;
    border: 0;
    height: 30px;
    font: bold 13px/18px 'PT Sans';
    color: #44464a;
    text-transform: uppercase;
    width: 73px;
    position: relative;
    top:-33px;
    vertical-align: top;
    cursor: default;
}

/* .front.side:hover, .active.front.side {    background-position: 0 0px; color: #f26222;  } */
.back.side {    background-position: 0 -112px; }
/* .back.side:hover, .active.back.side {    background-position: 0 -72px; color: #f26222; } */

button.side > span.help {    text-transform: none;}
button.side > span {
    position: absolute;
    top:2px;
    left: 38px;
}



.op3 .column {
    width: 33%;
}

.column.options .op2 {
    margin-bottom: 60px;
}

.tworows .ffCheckboxWrapper a {
    font: bold 14px/18px 'PT Sans';
    width: 130px;
    position: relative;
    top:8px;
}

.op4 {
    margin-top: 35px;
}

/*
.op5, .op6 {
    margin-top: 35px;
    -webkit-columns: 2 230px;
    -moz-columns: 2 230px;
    -o-columns: 2 230px;
    columns: 2 230px;
}

.op5 .column, .op6 .column {
    float: none;
    width: auto;
}
*/

.op6 .ffRadioWrapper a {
    text-transform: uppercase;
}

.op7 {
/*
    margin-top: 40px;
     width: 720px;
    float: left;
*/
    margin-bottom:30px;
}

.op7 .subtitle {
    margin-bottom: 60px;
}

.op7 > div {
    float: left;
    margin-right: 35px;
    position: relative;
}

.op7 > div+div+div {
    margin-right: 0;
}

.op7 .ffRadioWrapper {
    border: 2px solid #ebe9e9;
    background: #ebe9e9;
    border-radius: 12px;
    position: relative;
    z-index: 3;
}

.op7 .ffRadioWrapper.on {
    border: 2px solid #f26222;
    background: white;
}

.op7 .ffRadioWrapper .ffRadio{
    display: none;
}

.op7 .ffRadioWrapper a {
    text-transform: uppercase;
    padding: 0px;
    width: 200px;
    height: 78px;
    text-align: center;
    font: normal 17px/78px 'PT Sans';
    color: #44464a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.op7 > div > span {
    font: bold 13px/22px 'PT Sans';
    color: white;
    text-transform: uppercase;
    position:absolute;
    z-index: 2;
    top:-20px;
    right: -15px;
    display: inline-block;
    width: 50px;
    text-align: center;
    display: none;
}

.op7normal  {
    font-size: 10px !important;
}

.op7 > div > span + span {
    height: 50px;
    background: #777777;
    border-radius: 70px;
    top:-32px;
    right: -15px;
    z-index: 1;
}

.op7 > div > .ffRadioWrapper.on + span + span {
    background: #f26222;
}

.align-top {
    vertical-align: top;
}

.op8 {
    margin: 20px 0;
}

.op8 .subtitle {
    margin-bottom: 20px;
}

.op8 > p {
    width: 29%;
}

.op8 textarea {
    width: 65%;
    height: 110px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}
/* =============== EFFECTS */

/* .generalFX{} */
.card_fx {
    position: absolute;
    display: none;
    margin: 12px;
    cursor: move;
}
#FX_magnet,.FX_magnet, .FX_magnet2  {
    height: 69px;
    width: 100%;
    background: black;
    top:0px !important;
    left: 0;
    margin: 18px 0 !important;
}

.FX_magnet.gold {
    background: #b67e00;
}
.FX_magnet.silver {
    background: #a9a8ab;
}

.FX_magnet.pos2 {
    bottom: 0 !important;
    top:auto !important;
}

.FX_QR, .FX_QR_B{
    width: 86px;
    height: 91px;
    bottom: 20px;
    right: 20px;
    background: url(../i/FX_QR.jpg) center center no-repeat;
}

.FX_sito {
    width: 67px;
    height: 67px;
    top: 20px;
    left: 20px;
    background: url(../i/FX_sito.png) center center no-repeat;
}
.FX_hologram {
    width: 110px;
    height: 78px;
    bottom: 110px;
    right: 20px;
    background: url(../i/FX_hologram.png) center center no-repeat;
}
.FX_photo {
    width: 75px;
    height: 105px;
    bottom: 190px;
    right: 20px;
    background: url(../i/FX_photo.jpg) center center no-repeat;

}
.FX_graphical {
    width: 150px;
    height: 55px;
    top:20px;
    left: 24px;
    background: url(../i/FX_graphical.png) center center no-repeat;
}
.FX_emboss {
    width: 294px;
    height: 63px;
    left:20px;
    bottom: 30px;
    background: url(../i/FX_emboss.png) center center no-repeat;
}
.FX_scratch {
    left:30px;
    top:126px;
    width: 157px;
    height: 44px;
    background: url(../i/FX_scratch.png) center center no-repeat;
}
.FX_signature {
    left: 48px;
    top: 126px;
    width: 396px;
    height: 59px;
    background: url(../i/FX_signature.png) center center no-repeat;
}
.FX_hotprint {
    right: 15px;
    bottom: 15px;
    width: 306px;
    height: 83px;
    background:  url(../i/FX_hotprint.png) center center no-repeat;
}
.FX_microtext {
    right: 102px;
    bottom: 30px;
    width: 162px;
    height: 150px;
    margin: -50px 20px;    
    background:  url(../i/FX_microtext.png) center center no-repeat;
}
.FX_barcode {
    left:40px;
    bottom: 30px;
    width: 180px;
    height: 60px;
    background: url(../i/FX_barcode.png) center center no-repeat;
}

.FX_silkscreen {
    left:80px;
    bottom: 80px;
    width: 272px;
    height: 65px;
    background: url(../i/FX_silkscreen.png) center center no-repeat;
}

.FX_uv {
    left:30px;
    bottom: 30px;
    width: 183px;
    height: 183px;
    background: url(../i/FX_uv.png) center center no-repeat;
}

#THREE .FX_silkscreen {
    left:0;
    bottom: 0;
    background-size: cover;
    width: 50px;
    height: 205px;
    background: url(../i/FX_silkscreen_t.png) center center no-repeat;
}

#THREE .FX_hotprint {
    width: 55px;
    height: 190px;
    background:  url(../i/FX_hotprint_t.png) center center no-repeat;
}

#THREE .FX_microtext {
    right: -13px !important;
    left: auto !important;
    width: 140px;
    background-size: contain;
}

.FX_printover {
    left:0px;
    bottom: 0px;
    width: 308px;
    height: 53px;
    margin: 4px 10px;
    background: url(../i/FX_printover.png) center center no-repeat;
}

.introjs-helperNumberLayer {
    top:-19px;
    left: -18px;
}

/* TRIPLE FX */
.tripleFX-wrap {
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
}

.tripleFX {
    width: 159px;
    min-width: 159px;
    border-radius: 23px;
    float: left;
    height: 100%;
    border-radius: 18px;
    position: relative;
}
.tripleFX+.tripleFX {
    width: 162px;
}

.tripleFX+.tripleFX+.tripleFX {
    width: 160px;
}



.FX_QR_t {
    background: url(../i/FX_QR_small.png) center center no-repeat;
    width: 57px;
    height: 57px;
    bottom: 70px;
    left:46px;
}

.FX_photo {
    left: 26px;
    top: 48px;
}

.FX_hole {
    width: 20px;
    height: 20px;
    background:url(../i/FX_hole_small.png) center center no-repeat;
    display: block;
    display: none;
    top:20px;
    left: 20px;
    right: auto;
}

.FX_hole2 {
    left: auto;
    right: 20px;
}

#SINGLE .FX_hole2 {
    left: auto !important;
}

#THREE .FX_hole {
    top:0 !important;
    left: 58px !important;
}

#THREE .FX_hole2 {
    right: 58px !important;
    left: auto !important;
}


#THREE .FX_hole1.tpos2 {   left:0 !important; }
#THREE .FX_hole2.tpos2 {   right:0 !important; left: auto !important; }
#THREE .FX_hole1.tpos3 {   right: 0 !important; left: auto !important; }
#THREE .FX_hole2.tpos3 {   left:0 !important; }


.FX_graphical_t {
    width: 114px;
    height: 45px;
    background: url(../i/FX_graphical_small.png) no-repeat center center;
    left: 25px;
    bottom: 15px;
}

.FX_scratch_t {
    width: 90px;
    height: 230px;
    background: url(../i/FX_scratch_small.png) center center no-repeat;
    top:33px;
    left: 30px;
}

.FX_signature_t {
    width: 39px;
    height: 210px;
    background: url(../i/FX_signature_small.png) no-repeat center center;
    top:50px;
    left: 39px;
}

.FX_barcode_t {
    width: 45px;
    height: 180px;
    background: url(../i/FX_barcode_small.png) center center no-repeat;
    top:50px;
    left: 50px;
}


#SINGLE .FX_ellipse, .FX_ellipse.FX_hole {
    width:74px;
    height: 15px;
    left:190px;
    top:10px;
    background: url(../i/FX_hole_ellipse.png) center center no-repeat;
}

#back .FX_ellipse {
    right: 190px;
}

#back .FX_euro {
    right: 157px;
}

#SINGLE .FX_euro, .FX_euro.FX_hole {
    width: 146px;
    height: 40px;
    left:154px;
    top:10px;
    background: url(../i/FX_eurohole.png) center center no-repeat;
}

.flipleft {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
}

.flipright {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right 0;
       -moz-transform-origin: right 0;
         -o-transform-origin: right 0;
            transform-origin: right 0;

}


#back .flipleft {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right 0;
       -moz-transform-origin: right 0;
         -o-transform-origin: right 0;
            transform-origin: right 0;
}

#back .flipright {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left 0;
       -moz-transform-origin: left 0;
         -o-transform-origin: left 0;
            transform-origin: left 0;
}


#SINGLE .FX_hole_standart {
    width: 25px;
    height: 25px;
    left:1px;
    top:1px;
    background: url(../i/FX_hole_standart.png) center center no-repeat;
}


.FX_uv_t {
    left:5px;
    bottom: 50px;
    width: 123px;
    height: 123px;
    background: url(../i/FX_uv_t.png) center center no-repeat;
}


/**/ /**/  /**/         /* -------------- END CONFIGURATOR ------------  */



      /* -------------- CONFIRMATION ------------  */
      #order-confirmation {
          border-bottom: 1px solid #ccc;
          margin-bottom: 40px;
          padding-bottom: 10px;
      }
      #order-confirmation .order-info {
          margin-top: -25px;
          padding-bottom: 40px;
      }
      #order-confirmation .order {
          margin-top:20px;
          margin-bottom: 30px;
          background: url(../i/repeat-y-b.jpg) 61% 0 repeat-y #E2E2E2;
      }
      #order-confirmation .infobox {
          background-color: transparent;
          width: 60%;
          display: inline-block;
          vertical-align: middle;
          color: #777777;
          font: normal 15px/22px 'PT Sans';
      }
      #order-confirmation .btn.btn-gray {
          margin: 0 40px 0 20px;
      }
      .confirm-title {
          font: 500 28px/30px 'PT Sans';
          color: #535559;
          padding: 20px 34px 0;
          text-transform: uppercase;

      }
      #order-confirmation .order-info .count-price {
          height: auto;
          background: white;
          position: relative;
          width: 100%;
          display: block;
          margin: 0 20px 30px;
          width: auto;
          line-height: 30px;
          top:auto;
          left: auto;
          float: none;
      }
      #order-confirmation .order-info .count-price .pricetag {
          border-radius: 0;
      }
      #order-confirmation .order-info .count-price .pricetag {
          position: relative;
          top:auto;
          left: auto;
          font: normal 26px/36px 'PT Sans';
          padding: 20px;
      }
      #order-confirmation .order-info .count-cards.small  {
          font: normal 18px/35px 'PT Sans';
          padding: 20px;
      }
      #order-confirmation .order-info .count-cards small {
          text-transform: lowercase;
      }
      #order-confirmation .endprice .btn-conf.btn {
          text-align: center;
          font: normal 20px/22px 'PT Sans' !important;
          width: 258px;
      }
      #order-confirmation .endprice {
          margin: 20px;
      }
      #order-confirmation .endprice div {
          padding: 20px 30px;
          width: 66%;
          text-align: center;
      }
      #order-confirmation .btn.btn-gray {
          padding: 0 20px;
          background: #777777;
      }
      #order-confirmation .order-info strong {
          color: #44464a;
          font: bold 17px/22px 'PT Sans';
          font-style: italic;
      }
      #order-confirmation .details .subtitle {
          margin-bottom: 0;
      }

      .confirmation-block {
          display: none;
      }

      #overlay.overlay {
          background-color: #EBE9E9;
          z-index: 3000;
          position: fixed;
      }

      #order-confirmation .order-info .count-cards {
          line-height: 78px;
      }
      /* -------------- END CONFIRMATION ------------  */



/* LOGIN PAGE */

.login-page .column {
    width: 48%;
    padding: 25px 0 50px;
}

.login-page .column.right {
    padding-left: 2%;
    border-left: 1px solid #ccc;
    min-height: 500px;
    margin-bottom: -100px;
}

/* END LOGIN PAGE */


/* REGIster PAGE */

.register-page {
    padding: 0px 0 150px;
}

.register-page .quad span:first-child {
    margin-top: 0;
}

.register-page .subtitle {
    margin-top: 30px;
}

.register-page .btn-orange {
    margin: 0;
}

.user-data .column.no-top > span {
    margin-top: 0;
}

.register-page .form label {
    display: block;
}

/* END REGISTER PAGE */


/*              ASIDE                                   */

aside {
    float: left;
    width: 240px;
    padding-right: 9px;
/*    border-right: 1px solid #ccc;*/
    padding-bottom: 100px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.aside-title {
    background: url(../i/sprite.png) 0 -442px repeat-x;
    margin: 20px 0 10px;
}

.aside-title > * {
    display: inline-block;
    background: white;
    padding-right: 5px;
}

aside > ul > li:first-child {
    margin: 20px 0 auto;
}

aside > ul > li {
    margin-bottom: 4px;
}

aside ul li a {
    width: 100%;
    display: inline-block;
}

aside > ul > li > a {
    width: 100%;
    display: inline-block;
    font: bold 16px/22px 'PT Sans';
    color: #050505;
    text-transform: uppercase;
    padding: 4px 0;
}

aside > ul > li > ul li a {
    font: normal 14px/24px 'PT Sans';
    color: #44464a;

}

aside > ul > li > ul {
    max-height: 0;
    /* display: none; */
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: 	all 0.3s linear;
    -o-transition: 	    all 0.3s linear;
    transition: 		all 0.3s linear;
}
aside > ul > li ul.expand {  max-height: 300px; overflow: auto;    }

ul.expand ul li {
    padding-left: 20px;
    background: url(../i/bullet.png) left 7px no-repeat;
}

ul.expand ul li:last-child{
    margin-bottom: 5px;
}

aside ul li.active > a,
aside ul li > a.active,
aside ul li > a:hover,
.ajax-pagination li.active > a,
.ajax-pagination li > a.active,
.ajax-pagination li > a:hover {
    color: #f26222;
    text-decoration: none;
}

aside ul li li > a.inactive:hover,
.ajax-pagination li li > a.inactive:hover {
    color: #44464A;
}

aside ul li.active > ul, aside ul li a.active + ul {
    max-height: 30000px; overflow: auto;
}

aside ::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

aside ::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

aside ::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

/*              END     ASIDE                                   */






/*              CARD LISTS                                   */

.center.repeat-y {
    background: url('../i/repeat-y.png') repeat-y 250px;
}

.right.container {
   width: 750px;
}

.card-list {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.card-list li {
    float: left;
    margin-left: 30px;
    margin-bottom: 15px;
}

.card-list li a {
    display: inline-block;
    width: 220px;
    height: 192px;
    overflow: hidden;
    vertical-align: top;
}

.card-list li .text a {
    width: auto;
    height: auto;
}

.card-list li a .img-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    height: 141px;
    border-radius: 4px;
    overflow: hidden;
    vertical-align: top;
}
.card-list li a .img-wrap:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.card-list li a .img-wrap img {
    display: inline-block;
    vertical-align: middle;
}

.card-list li a .text {
    width: 100%;
    font: normal 16px/24px 'PT Sans';
    padding-top: 4px;
    color: #f26222;
    display: inline-block;
    position: relative;
}

.card-list li a:hover .btn-onhover {
    display: inline-block;
}

/*
.card-list li a:hover .img-wrap > img:first-child {
    display: none;
}

.card-list li a:hover .text {
    color: transparent;
    color: white;
}
*/

.card-list li a .text .btn-onhover .btn-orange {
    font-size: 0;
    background: transparent;
    color: #F26222;
     -webkit-transition: all 0.2s linear;
     -moz-transition: 	 all 0.2s linear;
     -o-transition: 	 all 0.2s linear;
     transition: 		 all 0.2s linear;

}

.card-list li a:hover .text .btn-onhover .btn-orange {
    margin-top: 4px;
    font-size: 14px;
     -webkit-transition: all 0.2s linear;
     -moz-transition: 	 all 0.2s linear;
     -o-transition: 	 all 0.2s linear;
     transition: 		 all 0.2s linear;
}

.text .btn-onhover .btn-orange:hover {
    text-decoration: underline;
}

.card-list li a .text .btn-onhover {
    background: none;
}


.card-list.leaflet {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.card-list.portfolio.leaflet .btn.btn-orange {
    height: 40px;
    line-height: 40px;
    top:140px;
}
.card-list.portfolio.leaflet .btn-onhover span{
    margin-top: 45px;
}

.card-list.leaflet.portfolio li a.fancybox .btn-onhover {
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card-list.leaflet.portfolio li .img-wrap {
    height: 217px;
}

.card-list.leaflet.portfolio li .text {
    padding-top: 10px;
}

.card-list.portfolio.leaflet li:hover a.fancybox .btn-onhover{
    border: 1px solid #CCC;
}

.btn-onhover {
    position: absolute;
    left:0;
    right: 0;
    bottom: 0;
    top:0;
    background: url(../i/loading-bgr.png);
    background: #f9f9f9;
    text-align: center;
    display: none;
}

.btn-onhover .btn-orange {
    margin-top: 55px;
    font-size: 13px;
    width: 194px;
}

.ajax-pagination {
    display: inline-block;
    float: right;
    margin: 10px 0 30px;
}

.ajax-pagination li {
    float: left;
    margin: 0 2px;
}

.ajax-pagination li a {
    color: #777777;
    font: normal 16px/22px 'PT Sans';
    text-transform: uppercase;
}

.ajax-pagination li.small a{
    font-size: 12px;
    line-height: 25px;
    margin: 0 3px;
}

.in-orders.ajax-pagination li a{
    padding: 0 3px;
}
.in-orders.ajax-pagination li.small a{
    line-height: 20px;
}

.in-orders.ajax-pagination {
    margin-top: -40px;
}



/*  portfolio   */

.card-list.portfolio li {
    position: relative;
    font-size: 0;
}

.card-list.portfolio li a.fancybox {
    width: 345px;
    height: auto;
    cursor: url(../i/zoom_small.png), auto;
}

.card-list.portfolio li a.btn {
    position: absolute;
    left:0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    top: 125px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    width: 240px;
    text-align: center;
    display: none;
}

.card-list li a:hover + a.btn {
    display: inline-block;
}
.card-list li a.btn:hover {
    display: inline-block;
}

.card-list.portfolio li .text {
    display: block;
    color: #F26222;
    font: normal 16px/22px 'PT Sans';
    max-width: 345px;
    overflow: hidden;
    height: 50px;
    padding-top: 5px;
    text-overflow: ellipsis;
}

.card-list.portfolio li .img-wrap {
    width: 345px;
    height: 217px;
}

.card-list.portfolio .btn-onhover span {
    background: url(../i/zoom.png) no-repeat left center;
    display: inline-block;
    font: normal 13px/20px 'PT Sans';
    color: #777777;
    padding: 10px 0;
    padding-left: 80px;
    margin-top:35px;
    text-transform:uppercase;
    min-height: 56px;
}

.card-list.portfolio li {
    margin-bottom: 30px;
}

.card-list.portfolio  li a .text {
    padding-top: 6px;
}




.card-list.playcards {
    display: block;
    width: auto;
    height: auto;
    overflow: auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.card-list.playcards li {
    margin-left: 30px;
}
.card-list.playcards li a {
    width: 169px;
    width: 350px;
    height: 286px;
    margin-bottom: 15px;
    position: relative;
}

.card-list.playcards li a .btn-onhover {
    border-radius: 10px;
    max-height: 235px;
}

.card-list.playcards .btn-onhover span {
    margin-top: 50px;
}

.card-list.playcards li a.btn {
    height: 40px;
    line-height: 40px;
    top:155px;
}

.card-list.playcards li a .img-wrap {
    width: 169px;
    height: 235px;
    border-radius: 10px;
}

.card-list.playcards li a .img-wrap + .img-wrap {
    margin-left: 7px;
}

.card-list.playcards .btn-onhover .btn-orange {
    width: 44%;
    margin-top: 55%;
    margin: 39% 4% 0;
    height: 100px;
    line-height: 100px;
}


.card-list.types a:hover {
    text-decoration: none;
}

.card-list.types span:first-child {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.card-list.types a:hover span:first-child {
    color: #F26222;
}

.card-list.types span {
    color: #777777;
    font: normal 14px/22px 'PT Sans';
    display: inline-block;
}

.card-list.types span.l-text {
    width: 180px;
    width: 57%;
}

.card-list.types hr {
    margin: 10px 0;
}
.card-list.types {
    margin-left: 30px;
    margin-bottom: 10px;
    border-bottom: 0;
    width: auto;
}

.card-list.types .column {
    width: 48%;
    margin-bottom: 10px;
}

.card-list.types .column:nth-of-type(odd) {
    border-right: 1px solid #CCC;
    padding-right: 1%;
}
.card-list.types .column:nth-of-type(even) {
    padding-left: 2%;
}
.types .column > a > .bgimage {
    width: 137px;
    background-image: url(../i/spriteXleaflets2.png);
    display: inline-block;
    min-height: 0;
    position: relative;
}
.t1 > a > .bgimage {background-position: center top; height: 210px;    top:-10px;}
.t2 > a > .bgimage {background-position: center -220px; height: 75px;  top:50px;}
.t3 > a > .bgimage {background-position: center -312px; height: 152px; top:-10px;}
.t4 > a > .bgimage {background-position: center -480px; height: 200px; top:-10px;}
.t5 > a > .bgimage {background-position: center -700px; height: 244px; top:-30px;}
.t6 > a > .bgimage {background-position: center -985px; height: 224px; top:-10px;}
.t7 > a > .bgimage {background-position: center -1200px;height: 200px; top:-5px;}


/* new cardlist left right front-back */
.card-list.portfolio.bothsides li {
    display: block;
    float: none;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}

.card-list.portfolio.bothsides .text {
    max-width: 900px;
    height: auto;
    margin-top: 10px;
}

.card-list.portfolio.bothsides .text a {
    display: block;
}

.card-list.portfolio.bothsides li .left {
    position: relative;
}

.card-list.portfolio.bothsides li .left + .left {
    margin-left: 30px;
}

.card-list {
    border-bottom: 0;
    margin-bottom: 0;
}

.ajax-pagination {
    margin-top: -0px;
}

.card-list.portfolio.bothsides li .left a.fancybox .btn-onhover {
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card-list.portfolio.bothsides li .left:hover a.fancybox .btn-onhover{
    border: 1px solid #ccc;
}

/*              END CARD LISTS                                   */

.inner-card-wrap .card-info-inner {
    padding: 20px;
}

.detail-text {
    margin: 30px 0 20px;
}

.card-info-inner a.btn.btn-orange.btn-big {
    width: auto;
    padding: 10px 30px;
    font-size: 18px;
}
.inner-card-wrap .card-list.portfolio .btn-onhover span {
    margin-top: 75px;
    padding: 20px 0;
    padding-left: 80px;
    min-height: 36px;    
}

.inner-card-wrap .card-list.portfolio.singleitem li {
    float: none;
    margin: 0 auto;
}

.inner-card-wrap .card-list.portfolio.singleitem li a.fancybox {
    margin: 0 auto;
    display: block;
}

.inner-card-wrap .card-list.portfolio.singleitem li {
    margin-bottom: 20px;
}

.inner-card-wrap .card-list.portfolio.bothsides li,
.inner-card-wrap .card-list.playcards {
    border-bottom: 0;
    margin-bottom: 0;
}

/*              PROFILE PAGE (5 tabs)                                   */
#profile-tabs {
    padding: 15px 0 60px;
    background: none;
    border: 0;
}

#profile-tabs > ul {
    margin-bottom: 17px;
    border: 0;
    border-bottom: 3px solid #ccc;
}

#profile-tabs .ui-widget-header{
    background: 0;
}

#profile-tabs.ui-tabs .ui-tabs-nav li, #profile-tabs > ul li {
    background: white;
    border: 1px solid #ccc;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    margin-right: 6px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;

}

#profile-tabs.ui-tabs .ui-tabs-nav,#profile-tabs > ul {
    padding: 0;
    border-radius: 0;
}

#profile-tabs.ui-tabs .ui-tabs-nav li a, #profile-tabs > ul li a {
    font: normal 13px/22px 'PT Sans';
    color: #777777;
    padding: 4px 20px;
    text-transform: uppercase;
    display: inline-block;
}

#profile-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a, #profile-tabs > ul li:hover a {
    background: #F26222;
    border: 1px solid #f26222;
}
#profile-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a,
#profile-tabs.ui-tabs .ui-tabs-nav li.ui-state-active a,
#profile-tabs > ul li:hover a,
#profile-tabs > ul li.active a {
    font: normal 13px/22px 'PT Sans';
    color: white;
    border: 0;
    text-decoration: none;
    padding: 4px 20px;
}

#profile-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover.ui-state-active a,
#profile-tabs.ui-tabs .ui-tabs-nav li.ui-state-active a,
#profile-tabs > ul li.active a {
    padding: 8px 20px;
    background: #F26222;
    border: 1px solid #f26222;
}

#profile-tabs.ui-tabs .ui-tabs-nav li.ui-state-active,
#profile-tabs > ul li.active {
    border: 0;
}

#profile-tabs > div {
    padding: 0;
}

.order {
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
    margin-bottom: 50px;
}

.order hr {
    border: 0;
    height: 1px;
    background: #BEBEBE;
    margin: 20px 0;
}

.order-info, .order-details {
    width: 38%;
    float: left;
    position: relative;
}

.order-info .subtitle {
    padding: 15px 20px;
    padding-bottom: 0;
}

.order-details {
    width: 62%;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    text-align: center;
}

.profile .subtitle, #profile-tabs .subtitle {
    color: #44464a;
    font-weight: 500;
    border: 0;
}

.order-info address, .order .user-defined-data {
    font: normal 14px/22px 'PT Sans';
    color: #44464a;
    font-style: italic;
    padding:0 20px;
}

.order-info .user-defined-data, .paymethods {
    padding: 20px;
}

.user-defined-data .active {
    background-image: url(../i/sprite.png);
    background-position: -0px -561px;
    background-repeat: no-repeat;
}

.msgs .user-defined-data a:hover {
    text-decoration: none;
    color:#f26222;
}

.msgs ul.user-defined-data li a+a {
    float:right;
    position: relative;
}

.order-info .subtitle {
    margin-bottom: 10px;
}

.status {
    background: #535559;
    color: white;
    width: 38%;
    height: 100px;
    font: normal 20px/22px 'PT Sans';
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
}

a.status:hover {
    text-decoration: none;
    background: #F26222;
}

.status > span {
    vertical-align: middle;
}
.status:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%;
}

.sticky {
    background: #44464a;
    color: white;
    display: inline-block;
    border-radius: 0 0px 5px 5px;
}

.sticky div {
    color: #f9f9f9;
    font: normal 14px/50px 'PT Sans';
    text-transform: uppercase;
    padding: 0 40px;
    float: left;
}

.sticky div+div {
    margin-left: -20px;
}

.details {
    text-align: left;
    padding: 20px;
    padding-left: 40px;
}

.details .column {
    display: inline-block;
    vertical-align: top;
    font: normal 14px/22px 'PT Sans';
    color: #535559;
}

.details .subtitle {
    padding-bottom: 0;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.prop {
    font: normal 14px/22px 'PT Sans';
    color: #535559;
}

.prop small {
    margin-left: 10px;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}

.order-footer .contact {
    display: inline-block;
    vertical-align: bottom;
    width: 62%;
}
.order-footer .contact small {
    display: block;
}

.order-footer .btn {
    height: auto;
    line-height: 16px;
    padding: 18px 0;
    padding-left: 80px;
    text-align: left;
    background: url(../i/headphones.png) 15px 10px no-repeat #F26222;
    background: url(../i/mail.png) 16px 17px no-repeat #F26222;
    float: right;
    margin-right: 20px;
    margin-bottom: 15px;
}

.noicon.order-footer .btn {
    background-image: none;
    padding: 18px 10px;
    float: none;
    margin: 15px 0;
    text-align: center;
}

.minh4 {
    min-height: 400px;
}

.paymethods {
    background: white;
    display: block;
}

.paymethods .subtitle {
    margin-bottom: 5px;
}

.paymethods .ffRadioWrapper a{
    color: #535559;
    text-transform: uppercase;
    font: bold 12px/30px 'PT Sans';
    height: 30px;
    width: 125px;
}

.paymethods span+span .ffRadioWrapper {
    margin-left: 14px;
}

.paymethods .epay.ffRadioWrapper a {
    background: url(../i/paymethods_old.png) -117px -3px no-repeat;
    width: 95px;
    text-indent: -999em;
}

.paymethods .easypay.ffRadioWrapper a {
    background: url(../i/paymethod_easy.png) 10px -0px no-repeat;
    width: 40px;
    background-clip: content-box;
    text-indent: -999em;
}

.paymethods .visa.ffRadioWrapper a {
    background: url(../i/paymethod_visa.png) 5px -0px no-repeat;
    width: 290px;
    text-indent: -999em;
}

.paymethods .paypal.ffRadioWrapper a {
    background: url(../i/paymethods_old.png) 7px -92px no-repeat;
    text-indent: -999em;
}

.paymethods span {
    display: inline-block;
}

.sticky div span {
    font-size: 20px;
    text-transform: none;
}


/*      TAB2        */
.order-wrap {
    background: #e2e2e2;
    min-height: 140px;
    margin-bottom: 10px;
    position: relative;
}

.order-wrap .order-info, .order-wrap .order-details {
    padding: 20px;
    width: 30%;
    border: 0;
}

.orders-all .order-wrap .order-info {
    min-height: 155px;
}

.order-wrap .order-details {
    width: 40%;
    padding-bottom: 0;
}

.order-wrap .subtitle,.order-wrap address  {
    padding: 0;
    font-size: 14px;
    letter-spacing: -0.02em;
}


.order-wrap .subtitle {
    font-size: 17px;
    line-height: 24px;
}

.order-date {
    text-align: left;
    color: #44464a;
    font: normal 14px/22px 'PT Sans';
    text-transform: uppercase;
    padding: 2px 10px 12px;
}

.order-wrap .sticky {
    width: 360px;
    padding: 0 15px;
    border-radius: 5px;
    height: 60px;
}

.order-wrap .sticky div {
    padding: 0;
    width: 50%;
    float: left;
    text-align: left;
    margin: 0;
    line-height: 58px;
}

.invoice-dl, .psheet {
    font: bold 14px/34px 'PT Sans';
    margin: 12px 0 10px;
    color: #44464a;
    text-transform: uppercase;
    float: left;
    padding-left: 30px;
    background: url(../i/sprite.png) 3px -741px no-repeat;
}

.psheet:hover, .invoice-dl:hover {
    color: #F26222;
    text-decoration: none;
}

.invoice-dl:hover {
    background-position: 3px -781px;
}

.psheet {
      background: url(../i/spritex30.png) 3px -149px no-repeat;
      margin-left: 15px;
      padding-left: 35px;
}

.reorder {
    background:url(../i/truck.png) center 19px #44464a no-repeat;
    font: bold 14px/14px 'PT Sans';
    color: white;
    text-transform: uppercase;
    float: right;
    width: 214px;
    text-align: center;
    padding: 105px 0 20px;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
}

.reorder:after {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.36);
}

.reorder span {
    color: white;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}

.reorder:hover {
    background-color: #F26222;
    background-color: #000;
    text-decoration: none;
}

.reorder .btn-orange {
    width: 178px;
}

#orders-old .orders-all  {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#orders-old .ajax-pagination  {
    margin: 20px 0 0;
}



/*      tab3 user-data     */
#invoice .form .quad > span:first-child,
#delivery .form .quad > span:first-child,
#user-data .form .quad > span:first-child,
#change-password .form .quad > span:first-child {
    margin-top: 0;
}

#user-data .btn-orange {
    margin: 30px 0;
}

.table {
    display: table;
    width: 100%;
    background: url(../i/repeat-y.png) 50% top repeat-y;
    padding-top: 20px;
    margin-top:-20px;
    height: 500px;
    margin-bottom: -100px;
}

.td {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-right: 20px;
}

.td + .td {
    padding-left: 20px;
}

.user-data .column {
    display: inline-block;
    vertical-align: top;
}

.user-data .column > span {
    margin-top: 20px;
    display: inline-block;
}

.profile-title {
    color: #777777;
    font: normal 20px/41px 'PT Sans';
    text-transform: uppercase;
}

.underline {
    border-bottom: 1px solid #ccc;
}

ul.user-defined-data {
    background: #f5f5f5;
    margin-top: 10px;
}

ul.user-defined-data li {
    position: relative;
}

ul.user-defined-data li:nth-child(odd) {
    background-color: #cccccc;
}

ul.user-defined-data li a {
    display: inline-block;
    padding: 10px 100px 10px 20px;
    font: normal 15px/22px 'PT Sans';
    color: #44464a;
}

ul.user-defined-data li a+a {
    font: normal 12px/22px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top:0;
    padding: 10px 20px;
}

#invoice .form.user-data .profile-title,
#delivery .form.user-data .profile-title {
    margin: 40px 0 20px;
}

.singleline {
    display: inline-block;
    vertical-align: top;
    margin-top: 42px;
}

.no-orders {
    padding-right: 350px;
    display: block;
    background: url(../i/no-orders.jpg) 94% center no-repeat;
    min-height: 220px;
    margin: 20px 0;
}
.no-orders strong {
    color: #44464a;
    font: normal 30px/40px 'PT Sans';
    padding-top: 20px;
    padding-bottom: 10px;
    display: inline-block;
}

.no-orders p {
    color: #777777;
    font: normal 14px/24px 'PT Sans';
    padding-bottom: 20px;
}

/*              END PROFILE PAGE (5 tabs)                                   */


/*              PAYMENT PAGE                                   */


.payments-page {
    padding-top: 25px;
    padding-bottom: 50px;
}

.pay-by {
    background: #e2e2e2;
    border-radius: 6px;
    color: #44464a;
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.pay-by .left, .pay-by .right {
    vertical-align: middle;
    display: table-cell;
}

.pay-by .left {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 15px;
    float: none;
    text-align: center;
}

.pay-by .order-info {
    min-width: 250px;
    width: auto;
    float: none;
}

.pay-by .order-info > img {
    margin-right: 40px;
}

.pay-by .order-info > img, .pay-by .order-info > img + div {
    display: inline-block;
    vertical-align: middle;
}

.pay-by .order-info .sticky {
    border-radius: 6px;
}

.pay-by .order-info .subtitle {
    font: normal 17px/22px 'PT Sans';
    color: #44464a;
    text-align: center;
    width: 100%;
    padding: 0;
    width: auto;
    border: 0;
}

.pay-by .order-info .subtitle strong {
    display: block;
}

.pay-by .sticky div {
    vertical-align: middle;
}

.pay-by .sticky div span {
    display: inline-block;
    vertical-align:top;
    padding-left: 3px;
}

.align-vertical {
    height: 100%;
}

.pay-by .order-info, .align-vertical {
    display: inline-block;
    vertical-align: middle;
}

.pay-by-info {
    padding: 20px;
    background: #d6d6d6;
    float: none;
    margin-left: 285px;
    text-align: center;
}

.pay-by-info .subtitle {
    font: bold 17px/22px 'PT Sans';
    color: #44464a;
    text-transform: none;
    text-align: center;
    border-bottom: 0;
}

.pay-by-info .column {
    font: bold 14px/22px 'PT Sans';
    color: #44464a;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 43%;
    margin-bottom: 10px;
}

.pay-by-info .column span {
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
}

.pay-by-info .column span {
    width: 70px;
}

.pay-by-info .column+.column span {
    width: 90px;
}

.imp-note {
    display: inline-block;
    vertical-align: middle;
    font: normal 14px/22px 'PT Sans';
    border: 1px solid #44464a;
    padding: 5px 15px;
    margin-top: 20px;
}

.pay-by .order-info .subtitle strong {
    margin-top: 5px;
}

.imp-note strong {
    text-transform: uppercase;
}

.easypay-code {
    background: white;
    color: #44464a;
    font: bold 30px/32px 'PT Sans';
    letter-spacing:12px;
    padding: 10px 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
}

.pay-by-info > a.easypay-link {
    color: #44464a;
    font: normal 14px/24px 'PT Sans';
    display: inline-block;
    vertical-align: bottom;
    background: url(../i/map_small.png) right center no-repeat;
    padding-right: 45px;
    margin-top: 20px;
}

.epay-button.btn {
    font: bold 30px/58px 'PT Sans';
    color: white;
    letter-spacing: 10px;
    width: auto;
    padding: 0 100px;
    height: 58px;
    margin-bottom: 20px;
}

.payments-page .infobox {
    background: url(../i/upload-success.png) 15px 20px no-repeat #E2E2E2;
    padding-left: 70px;
    margin:0 0 20px;
    min-height: 45px;
}

.payments-page .infobox .title {
    text-transform: uppercase;
    font: bold 18px/24px 'PT Sans';
    color: #44464a;
}

.payments-page .infobox.cancelled {
    background-image: url(../i/upload-error.png);
}
/*              END PAYMENT PAGE                                   */




/*              CHAT PAGE                                   */
.chat-wrap {
    margin: 10px 0 20px;
}

.chat-wrap > div {
    border-radius: 5px;
    overflow: hidden;
    margin-top: 20px;
}

.user {
  font: bold 17px/37px 'PT Sans';
  color: #44464a;
  padding: 4px 15px 0px 50px;
  background: url(../i/spritex30.png) 9px -41px no-repeat;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.client .user {
  background-position: 9px -95px;
  max-width: 75%;
}

.chat-head {
    border-bottom: 1px solid #44464a;
    max-height: 55px;
}

.post-date {
  background: #44464a;
  color: white;
  float: right;
  text-align: center;
  font: normal 12px/16px 'PT Sans';
  padding: 5px 13px 6px;
}

.chat-body {
    padding: 20px 25px;
}

.client {
    background: #dcdada;
}
.operator {
    background: #ebe9e9;
}

.chat .order-details {
    border: 0;
    margin: 0;
}

.chat .right.column {
    width: 300px;
    background: #ebe9e9;
    margin-top: 20px;
    margin-bottom: 70px;
    border-radius: 5px;
}

.chat .left.column {
    width: 680px;
}

.chat-wrap > div .hasAttachment {
    background: url(../i/spritex30.png) 81% -144px no-repeat;
}

.attached-file {
    background: url(../i/file.png) left 0 no-repeat;
    padding-left: 65px;
    font: bold 14px/40px 'PT Sans';
    display: block;
    height: 40px;
    color: #44464a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 15px 0 10px;
}

.chat .order-details {
    width: 100%;
}

.chat .sticky {
    width: 100%;
    font: normal 20px/50px 'PT Sans';
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}
.chat .details {
    padding: 0;
}
.chat .details .column {
    display: block;
    width: auto;
    padding: 0 20px;
}
.chat .details .subtitle {
    border-bottom: 0;
    color: #535559;
    font-weight: normal;
}

.total {
    border-top: 3px solid #44464a;
    margin:20px 20px 0;
    padding: 10px 0;
}

.total div {
    font: normal 14px/30px 'PT Sans';
    text-transform: uppercase;
}

.total div span {
    font-weight: bold;
    font-size: 20px;
}

.add-comment {
    width: 100%;
    margin: 10px 0;
}

.add-comment > p {
    font: normal 15px/22px 'PT Sans';
    color: #777777;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.add-comment .btn {
    margin: 15px 0;
}

.browse-file {
    font: bold 14px/34px 'PT Sans';
    color: black;
    text-transform: uppercase;
    padding-left: 20px;
    margin: 10px 0;
    display: inline-block;
    vertical-align: middle;
}

/*              END     CHAT PAGE                                   */



/*             CONTACTS                                   */


.w20 {width: 20%;}

.w30 {width: 30%;}

.w40 {
    width: 39%;
}

.w50 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.w60 {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.w60 .address {
    width: 33%;
}

.address {
    font: normal 14px/22px 'PT Sans';
    color: #44464A;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
}

.address i {
    display: block;
    padding-top: 17px;
    color: #777;
    font-size: 13px;
}

.address strong {
    font-size: 17px;
    display: block;
}

.address-wrapper {
    margin: 30px 0;
}

.map {
    height: 360px;
}

.space {
    margin: 65px 0 45px;
}



/*              inquiry             */
.inquiry {
    width: 64.5%;
    padding: 30px 3% 40px 1%;
    vertical-align: top;
}
.inquiry.fullwidth {
    width: 100%;
}

.form.inquiry input {
    width: 163px;
}

span.showhide {
    letter-spacing: -3px;
    overflow: hidden;
    cursor: pointer;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: url(../i/plusminus.png) right center no-repeat;
    font-size: 0;
}

span.showhide.opened {
    background-position: left center;
}

.inquiry.fullwidth textarea.input {
    width: 480px;
    width: calc(100% - 30px);
    margin-bottom: 10px;
    height: auto;
}
.inquiry.fullwidth input {
    width: 320px;
    width: calc(100% - 20px);
}

.inquiry.fullwidth .subtitle {
    margin-top: 20px;
}

.inquiry.fullwidth .column div {
    margin-right: 10px;
}
.inquiry.fullwidth .column + .column div {
    margin-right: 0;
    margin-left: 10px; 
}

.inquiry textarea.input {
    width: 603px;
    height: 120px;
    padding-top: 5px;
    font: normal 14px/22px 'PT Sans';
}

.three {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin-bottom: 15px;

}
.inquiry .three + .three {
    margin-left: 3%;
}

.inquiry label {
    display: block;
}

.form.inquiry .errorlist {
    position: relative;
    width: 197px;
}

.inquiry-preview {
    width: 26.4%;
    display: inline-block;
    vertical-align: top;
    border-left:1px solid #cccccc;
    margin-top:64px;
    padding-left: 3%;
    padding-right: 2%
}

.inquiry-preview  .img-wrap {
     max-width: 264px;
     /* max-height: 151px; */
     text-align: center;
     margin: 0 auto;
     margin-bottom: 20px;

}

.inquiry-preview p {
    color: #777777;
}

.inquiry-preview  img {
    vertical-align: top;
}

.card-combinator {
    background: #f9f9f9;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0;
    display: none;
}

.card-combinator .center > .left {
    font: bold 32px/42px 'PT Sans';
    color: #44464a;
    text-transform: uppercase;
    width: 250px;
}

.card-combinator .center > .left span {
    display: block;
    font: bold 18px/22px 'PT Sans';
    margin-top: 2px;
}

.repeat-y .card-list.subtitle {
    padding-left: 30px;
    margin-top: 15px;
}

.card-combinator .center > .right {
    border-left: 1px solid #44464a;
    padding-left: 30px;
    float: left;
}

.pick-side {
    float: left;
}

.pick-side + .pick-side {
    margin-left: 20px;
}

.pick-side span.close {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: -12px;
    top:-12px;
    width: 30px;
    height: 30px;
    background: url(../i/sprite.png) center -822px no-repeat;
}

.pick-side > a {
    border:1px solid transparent;
    width: 213px;
    height: 122px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    position: relative;
}

.pick-side img {
    vertical-align: top;
    border-radius: 5px;
}

.pick-side > a:hover {
    border-color:#c4c4c4;
}

.pick-side > a:hover span {
    display: block;
}

.pick-side p {
    color: #44464a;
    font: bold 17px/32px 'PT Sans';
    text-transform: uppercase;
}

.giant-button {
    margin-top: 34px;
    display: block;
    background:url(../i/conf-card-btn.png) 80px 24px no-repeat #44464a;
    width: 235px;
    padding: 84px 0 14px 0;
    border-radius: 5px;
    color: #f9f9f9;
    font: normal 17px/22px 'PT Sans';
    text-transform: uppercase;
    border: 1px solid #44464a;
    text-align: center;
    margin-left: 30px;
}

.giant-button:hover {
    background-color: #f26222;
    border: 1px solid #f26222;
    text-decoration: none;
}

/* ---- Templates Preview ---- */
div#templates-preview {
	position: fixed;
	top: 10px;
	left: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #3C6C07;
	padding: 0px;
	margin-bottom: 10px;
	z-index: 98710;
	text-align: left;
	opacity: 1;
	font-size: 11px;
	width: 7px;
	height: 7px;
	overflow: hidden;
	text-indent: -9999px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 20px;
}
div#templates-preview:hover {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	opacity: 1;
	width: auto;
	height: auto;
	padding: 10px;
	text-indent: 0;
	cursor: help;
	background-color: #F1F1F1;
}


div#templates-preview small {
    color: #f26222;
    font: bold 9px/22px 'PT Sans';
}
div#templates-preview a:hover {
	color: black;
	text-decoration: underline;
}





/* vvvvvvvvvvvvvv < LANGUAGES FIX > vvvvvvvvvv */

html[lang="it"] nav ul li {
    padding: 0 9px;
}
html[lang="it"] nav ul li a {
    font-size: 17px;
}


/*RU*/
html[lang="ru"] #uitabs > .bgr-lightgray .center > ul > li.gamecards a{
    width: 110px;
}

html[lang="ru"] .cp-fixed .count-price.fixed {
    max-width: 165px;
}
html[lang="ru"] .count-price.fixed > *, html[lang="ru"] .count-price.fixed .pricetag {
    font-size: 15px;
    line-height: 1.2;    
}
html[lang="ru"] .steps {background-image: url(../i/steps_mapv2_ru.png);}

/*EN*/
html[lang="en"] .steps {background-image: url(../i/steps_mapv2_en.png);}

.endprice-nodds {
    padding-bottom: 5px;
}

input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

/* vvvvvvvvvvvvvv < FIXING LANGUAGES END > vvvvvvvvvv */
/* vvvvvvvvvvvvvv < MEDIA QUERIES > vvvvvvvvvv */





@media screen and (min-width:1080px) and (max-width:1360px) {
    .cp-fixed .count-price.fixed {
        right: 0;
        position: relative;
        border-radius: 9px;
    }

    .cp-fixed {
        position: absolute;
        top: 120px;
        right: 40px;
        margin: 0;
        width: auto;
    }
    .count-price.fixed .count-cards {
        padding: 15px 15px;
    }
    .count-price.fixed > * {
        display: inline-block;
        vertical-align: middle;
    }

    .cp-fixed br {display: none;}
    .cp-fixed.fix.noright .count-price.fixed > * {
        float: none;
        display: block;
    }
    .noright .fixed    { right: 20px !important;}
}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:1250px) {
    .steps {
        background-size: contain;
    }

}
@media screen and (max-width:1150px) {
    .prev, .next {
        display: none !important;
    }
    .index-title {
        line-height: 42px;
    }
        .youChose {display: none !important;}
    .noright .fixed {
        right: 100px !important;
    }
    .cp-fixed .count-price.fixed {
        right: 0;
        position: relative;
    }
    .count-price.fixed.fix {
        right: 40%;
        display: block;
    }
    .cp-fixed > div,.cp-fixed .count-price.fixed {
        right: 0;
    }
    #configurator-wrap.fixed #configurator {
        -webkit-transform-origin: 20px 35px;
        -moz-transform-origin: 20px 35px;
        transform-origin: 20px 35px;
        width: 1000px;
        max-width: 1200px;
    }

}


@media screen and (max-width:1080px) { /* fall width */
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pantones, .select_conf, .select, .input, textarea {
        width: 208px !important;
    }
    .op8 textarea.input {
        width: 69% !important;
    }

    .pantones .ffSelect a,
    .select_conf .ffSelect a,
    .select .ffSelect a {
        width: 100%;
    }

    .center {
        width: 100%;
        padding: 0 20px;
    }

    .banner .btn-blue {
        right: 20px;
    }


    .right-side {
        float: right;
    }
    .index-top canvas {
        width: 100%;
        max-width: 500px;
    }
    nav {
        margin-left: 20px;
        width: 375px;
    }
    nav ul li {
        padding: 0 1.9%;
    }
    .companies {
        padding-top: 30px;
    }

    .quad {
        width: 33%;
    }
    .right.container {
        width: 100%;
        padding-left: 250px;
        margin-left: -250px;
    }
    .payments span {
        margin-bottom: 10px;
    }
    .order-footer .btn {
        width: 276px;
    }
    .paymethods span+span .ffRadioWrapper {
        margin-left: 10px;
    }
   .order-wrap {
       height: auto;
       margin-bottom: 20px;
   }
   .order-wrap .btn-black {
       display: block;
        float: none;
        clear: both;
        height: 55px;
        background-position: 65% 9px;
        background-size: 55px;
        line-height: 25px;
        padding: 0px;
        padding-right: 0%;
        width: 100%;
        position: relative;
        margin-top: 10px;
   }
   .order-wrap .order-info, .order-wrap .order-details {
       width: 50%;
   }
   .order-wrap .sticky {
       width: 100%;
       height: auto;
   }
   .order-wrap .sticky div {
       width: 100%;
       height: auto;
       line-height: 30px;
       padding: 5px 0;
   }
   .chat .left.column,.chat .right.column {
       width: 100%;
       margin-bottom: 50px;
   }
   .chat .right.column {
       margin-bottom: 10px;
   }
   .chat .details .column {
       width: 50%;
       display: inline-block;
   }
   #uitabs.ui-tabs .ui-tabs-nav li, #uitabs > .bgr-lightgray .center > ul > li {
       width: 19.5%;
   }
   #uitabs > .bgr-lightgray .center > ul > li:first-child a {
       width: 140px;
       border:0;
   }
   #uitabs > .bgr-lightgray .center > ul > li a {
       width: 170px;
   }
   .main-choice {
       text-align: center;
   }
   .main-choice > div {
      float: none;
      width: auto;
      clear: both;
      text-align: center;
   }
   .pantones .ffSelect a,
   .main-choice .select_conf .ffSelect a,
   .main-choice .select .ffSelect a {
       width: 92%;
       background-position: 165px -375px;
   }

   .num-thick > input {
       float: none;
   }
   .plus {
       float: right;
   }
   .num-thick + div {
       margin-top: 20px;
   }

   .op1 .left > div {
       float: none;
   }
   .upload {
       padding-left: 30px;
       padding-right: 140px;
       background-position: 490px 24px;
   }
   .form.centered label {
       width: 174px;
   }
   .quad.align-top + .quad {
       margin-top: 10px;
   }
   textarea {
       height: 121px;
   }
   .paymethods .ffRadioWrapper a {
       width: 135px;
   }
   #IRREGULAR .op3 div+div {
       margin-left: 0px;
   }
   #IRREGULAR .sizes {
      text-align: center;
      width: 100%;
   }
  #IRREGULAR .op3 .sizes div {
      text-align: left;
  }
  #LEAFLETS .main-choice > div {
      width: 270px;
  }
  #GAMECARDS .main-choice > div {
      display: block;
  }
  .inquiry .three { width: 47%; }
   .inquiry .three + .three {
      margin-left: 0;
  }
  .inquiry textarea.input {
    width: 100% !important;
  }
  .card-list.types {
      margin-left: 0;
  }
  .card-list.types .column:nth-of-type(even) {
      padding-left: 1%;
  }
  .cp-fixed, .count-price.fixed.fix {
      position: relative;
      top:20px;
      right: auto;
      margin: auto;
  }
  .cp-fixed br {display: none;}
      .card-list.portfolio.bothsides li {
        text-align: center;
    }
    .card-list.portfolio.bothsides li .left {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-bottom: 5px;
    }
    .card-list.portfolio.bothsides li .left + .left {margin-left: 0;}
    .ajax-fields {
        padding: 0 20px;
        width: 100%;
    }


}


@media screen and (max-width:1024px) {
    nav {margin-left: 16px;}
    .column.card-column, .column.options, #IRREGULAR .column.card-column {
        width: 100%;
    }
    .op7 { float: none;}
    .count-price {
        float: none;
        margin-top:50px;
    }
    #configurator-wrap {
        margin: 3px auto;
        width: 100%;
    }
    #configurator-wrap.fixed .configurator.back {
        bottom: auto;right: 0;margin-left: 520px;
    }
    #configurator-wrap.fixed .configurator {width: 48%;left: 0 !important;margin: 0;}
    .cp-fixed.fix .count-price.fixed {width: 170px;min-width: 0;}

    .configurator {width: 48%;}
    .card-column {
        padding-top: 20px;
    }
    .layer div.generalFX + div.generalFX {
        right: 20px;
        left: auto;
    }
    .layer div .btn-orange {font: normal 12px/40px 'PT Sans'; height: 40px;}
    .card-column .pricetag {
        margin-top: -40px;
        border-bottom: 1px solid;
    }
    #IRREGULAR .card-column .pricetag {
        margin-top: -0px;
        top:11px;
        right: 0;
    }
    #THREE .op4 {
        margin-top: 35px;
    }
    .option.singlerow .left, .singlerow .left {
        float: none;
        display: block;
    }
    .singlerow .ahref {
        top:-3px;
        float: none;
    }
    .card-list.types hr {
        display: none;
    }
    .card-list.types .column {
        width: 100%;
        padding-left: 1%;
        border: 0 !important;
    }
    .cp-fixed .count-price.fixed {
        min-width: 300px;
    }
    .cp-fixed.fix, .count-price.fixed.fix {
        width: 100%;
        left: auto;
        right: 0;
    }
    .rfid .column.left {
        width: 33%;
    }
    .pay-by .left {
        width: 100%;
        display: block;
    }
    .pay-by .right {
        width: 100%;
        margin: 0;
        display: block;
    }

    .split .column.card-column,
    .split .column.options {
        width: 47%;
                padding-top: 0;
    }
    .file-text {width: 70%;}
    .split .option .column {
        width: 100%;
    }
    .cp-fixed .count-price.fixed {right: 0;}
    .cp-fixed.fix .count-price.fixed {position: absolute;}
}
@media screen and (max-width:980px) {
    #configurator-wrap {background: 0;}
    .configurator {width: 100%;max-width: 512px;margin: auto;left: 0;right: 0;height: 320px;}
     .layer div.generalFX + div.generalFX {
        right: auto;
        left: 250px;
    }
    .fold {display: none;}
    .configurator-rotator {
        height: 700px;
    }
    .configurator.back > p {right: auto; left: 0;}
    .configurator.back {bottom: 0;}
    body .hide980 {
        display: none;
    }
    .companies span {
        width: 24%;
    }
    .logo.left {
        margin: 20px 0 0;
    }
    .right-side {
        margin: 20px auto 20px;
    }
    nav ul li {
        padding: 0 2%;
        text-align: left;
    }
    nav ul li a {
        line-height: 36px;
        margin: 2px 0;
    }
    nav {
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .header-bottom .center {
        text-align: center;
    }
    .header-bottom .center > * {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .banner {
        height: auto;
        min-height: 84px;
    }
    .banner .btn-blue {
        position: relative;
        display: block;
        width: 300px;
        text-align: center;
        margin: 10px auto;
        right: 0;
    }
    .banner {
        padding-bottom: 10px;
    }
    .slider-wrapper {
        padding-bottom: 70px;
    }
    .pagination { bottom: 30px;}
    .paymethods span {
        display: block;
    }
    .paymethods span+span .ffRadioWrapper {
        margin: 0;
    }
    .paymethods .ffRadioWrapper {
        display: block;
    }
    .paymethods .ffRadioWrapper a {
        width: 92% !important;
        padding-top:10px;
        padding-bottom: 10px;
        height: auto;
    }
    .paymethods .epay.ffRadioWrapper a {
        background-position: -117px 8px;
    }
    .paymethods .easypay.ffRadioWrapper a {
        background-position: 10px 10px;
    }
    .paymethods .visa.ffRadioWrapper a {
        background-position: 5px 9px;
    }
    .paymethods .paypal.ffRadioWrapper a {
        background-position:  7px -83px;
    }
   .order-wrap .btn-black {
        background-position: 66% 9px;
    }
    .w60, .w40, .w60 .address {
        width: 49%;
    }
    .option .column {
        width: 50%;
    }
    .upload a, .upload p {
        display: block;
        margin-top: 10px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .upload {
        background-position: 265px 24px;
    }
    .upload.hasFiles {
        background-position: 265px -125px;
    }
    .op7 {
        width: 100%;
    }
    .table label {
        display: block;
        background: 0;
    }
    .endprice {
        margin-top: 20px;
    }
}
@media screen and (min-width:940px) {
    footer .third .column.left {
        display: block !important;
    }
}
@media screen and (max-width:940px) {
    .column, .login-page .column {
        width: 100%;
    }
    .register-page .column .column {
        width: 47%;
    }
    .register-page article.column {
        margin: 30px 0 20px;
    }

    .register-page input {
        display: block;
    }
    .login-page .column.right {
        border:0;
        padding-left: 0;
    }
    .form.centered label {
        text-align: left;
    }
/*
    .form.centered > span.tight > label {
        display: none;
    }
*/
    .index-top {
        background: #26272A;
    }
    .steps {
        background: url(../i/steps_map_2.png) no-repeat center top;
        background-size: contain;
    }
    html[lang="en"] .steps {background-image: url(../i/steps_map_2_en.png);}
    html[lang="ru"] .steps {background-image: url(../i/steps_map_2_ru.png);}
    .steps a {
        width: 30%;
    }
    .steps4 {
        margin-top: 50px;
    }
    footer .third .column {
        display: none;
        margin-bottom: 20px;
    }
    .center .column.third {
        width: 49%;
    }
    footer {
        height: auto;
    }
    .column.third:first-child .title {
        cursor: pointer;
    }
    .column.third:first-child .title:after {
        content: "";
        background: url(../i/sprite.png) no-repeat right -26px;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .column.third:first-child {
        width: 100%;
    }
    .column.third.small .title {
        margin-top: 0;
    }
    #profile-tabs.ui-tabs .ui-tabs-nav li a {
        padding: 4px 9px !important;
    }
    .order .order-info, .order .order-details, .order .status, .order .contact {
        width: 50%;
    }
    .order .order-footer .btn {
        width: 100%;
        margin: 0;
        border-radius: 0;
        height: 100px;
        padding-top: 35px;
        padding-left: 100px;
        background-position: 35px 30px;
    }
    .order .order-footer .btn small {
        display: block;
    }
    .order-wrap .btn-black {
        background-position: 67% 9px;
    }
    #pop-add-addr         .form label,
    #pop-add-invoice-data .form label{ margin-top:0;}

    #pop-add-addr .column, #pop-add-invoice-data .column {
        margin-top: 10px;
    }
    #pop-add-addr .form span .errorlist, #pop-add-invoice-data .form span .errorlist {
        top:22px;
    }
    #pop-add-addr .form .fullwidth, #pop-add-invoice-data .form .fullwidth {
        max-width: 1000px;
        width: 100% !important;
    }
    #pop-add-addr, #pop-add-invoice-data {
        padding:20px;
    }
    .singleline.column .ffRadioWrapper, .singleline.column .ffCheckboxWrapper,     .singleline.column > span {
       width: 100%;
       }
    .singleline.column .ffRadioWrapper a, .singleline.column .ffCheckboxWrapper a {
        width: auto;
    }
    .user-data .singleline.column > span {
        margin-top: 0;
    }
    .singleline.column > span {
        margin-top: 0;
    }
    #uitabs.ui-tabs .ui-tabs-nav li, #uitabs > .bgr-lightgray .center > ul > li, #uitabs > .bgr-lightgray .center > ul > li.gamecards {
        width: 100%;
        padding: 10px 0;
    }
    #uitabs.ui-tabs .ui-tabs-nav li a br, #uitabs > .bgr-lightgray .center > ul > li a br {
        display: none;
    }
    #uitabs.ui-tabs .ui-tabs-nav li a, #uitabs > .bgr-lightgray .center > ul > li a {
        height: 30px;
        width: auto !important;
        background-size: contain;
    }
    #uitabs.ui-tabs .ui-tabs-nav li.ui-state-active a, #uitabs > .bgr-lightgray .center > ul > li.active a {
        height: 112px;
        padding: 0 20px;
    }
    #uitabs.ui-tabs .ui-tabs-nav li+li+li a, #uitabs > .bgr-lightgray .center > ul > li+li+li a {
        border: 0;
    }
    #uitabs > .bgr-lightgray > .center {
        padding: 0;
    }

    .types .column {
        width: 100%;
    }
    .types .column div { border: 0;padding-left: 0;}
    .types hr {display: none;}
    .control .count-price {
        width: 100%;
        margin:-10px 0 80px;
        border-radius: 6px;
    }

    .control .count-price br {
        display: none;
    }

    .control .count-price > *,.control .count-price.fixed .pricetag {
        padding: 10px 0;
        margin-top: 0;
        border-bottom: 0;
    }
    #profile-tabs.ui-tabs .ui-tabs-nav li, #profile-tabs > ul li {
        width: 100%;
        margin: 0;
    }
    #profile-tabs.ui-tabs .ui-tabs-nav li a, #profile-tabs > ul li a {
        width: 100%;
    }
    .file-text {width: 50%;}
}



@media screen and (max-width:880px) {
    .right-side .supnav { display: block;direction: ltr; text-align: center;}
    .site-options {direction: ltr;}
    .right-side { direction: rtl;   margin: 0 0 10px; }
    .slider-wrapper .caroufredsel_wrapper {
        padding-bottom: 110px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .slider .btn-orange {
        bottom: -80px;
        right: 0;
        left:0;
        margin: auto;
    }
    .quad {
        padding-bottom: 15px;
    }
    #profile-tabs.ui-tabs .ui-tabs-nav li, #profile-tabs.ui-tabs .ui-tabs-nav li a {
        width: 100%;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .sticky {
        width: 100%;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

   .sticky div {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        margin: 0 !important;
    }
    .order-wrap .btn-black {
        background-position: 68% 9px;
    }
    #uitabs.ui-tabs .ui-tabs-nav li.ui-state-active a, #uitabs > .bgr-lightgray .center > ul > li.active a,
    #uitabs.ui-tabs .ui-tabs-nav li+li+li.ui-state-active a, #uitabs > .bgr-lightgray .center > ul > li+li+li.active a {
        background: #777;
        width: 100% !important;
        padding: 10px 0;
        height: 80px;
        border-radius: 0;
        border: 0;
    }
    #uitabs .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, #uitabs > .bgr-lightgray .center > ul > li.active {
        padding: 0;
        background: #777777;
        border: 0;
    }
    #uitabs.ui-tabs .ui-tabs-nav li+li a, #uitabs > .bgr-lightgray .center > ul > li+li a {
        background: 0 !important;
        border: 0;
        width: 100% !important;
    }
    #uitabs.ui-tabs .ui-tabs-nav li a, #uitabs > .bgr-lightgray .center > ul > li a {
        border: 0;
    }

    #worldmap {
        width: 100%;
        background-image: none;
    }
    .card-list.playcards {
        margin-left: 0;
    }
    #configurator-wrap.fixed, .cp-fixed.fix {
        height: 150px;
        top:0;
        font-size: 15px;
    }
    .count-price .pricetag {
        font-size: 15px;
    }
    .cp-fixed.fix .count-price.fixed {top:6px;right: 10px !important;margin: 0; max-width: 300px; position: absolute;}
    #configurator-wrap.fixed #configurator {
        transform-origin: left 10px;
        -webkit-transform: scale(0.45);
        -moz-transform: scale(0.45);
        -o-transform: scale(0.45);
        transform: scale(0.45);

    }
}

@media screen and (max-width:800px) {
   .quad {
        width: 50%;
    }
    .order-wrap .btn-black {
        background-position: 70% 9px;
    }
    .address-list {
        background: 0;
    }
    .address-list > .column {
        width: 100%;
        margin: 20px 0;
    }
    .unlogged .column {
        width: 100%;
    }
    .quad.align-top + .quad {
       margin-top: 0px;
   }
    .op8 textarea.input {
        width: 69% !important; /* SO FAR */
    }
    .inquiry, .inquiry-preview {
        width: 100%;
        border-left:0;
        padding-left: 20px;
        margin-top:0px;
    }
    .inquiry-preview {
        padding-bottom: 50px;
    }
    .pay-by-info .column {
        width: 100%;
        margin-bottom: 0;
    }
    .pay-by-info .column span {
        width: 100px !important;
    }
    .pay-by .sticky div {text-align: center;}
    .mangetic-stripe .op3.small .column.left {
        width: 100% !important;
    }
}
@media screen and (max-width:767px) {
    .op7 > div {
        float: none;
        width: 210px;
        margin: 0 auto 40px !important;
    }
    .upload {
        border-left: 0;
        width: 100%;
        text-align: left;
        background: 0;
        float: none;
        margin: 0;
        padding: 0;
    }
    .upload .btn.btn-orange {
        width: 100%;
        background: url("../i/upload.png") no-repeat scroll right -300px #F26222;
/*         background-size: contain; */
        text-align: left;
        padding: 15px;
        padding-left: 20px;
    }

    .upload.hasFiles .btn.btn-orange {
        background-position: right -396px;
    }
    .upload p {
        display: none;
    }
    .op1 .left {
        width: 100%;
        float:none;
    }
    .main-choice {
        width: 100%;
        margin-top: 20px;
    }
    .main-choice > div {
        max-width: 288px;
        margin: 10px auto 0;
    }
    #LEAFLETS .main-choice {
        margin: 0 auto 20px;
        float: none;
        clear: both;
    }
    .op3.small .column.left {
        width: 25%;
    }
    .desktop {
        display: none;
    }
    .social > span, .fb,.tw,.yt {
        display: none;
    }

}

@media screen and (min-width:768px) {
    .mobile {
        display: none;
    }
}

@media screen and (max-width:746px) {
    .w60, .w40 {
        width: 100%;
    }
    .address i {
        padding-top: 10px;
    }
    .table {
        display: block;
        height: auto;
        margin-bottom: 0;
        background: 0;
        padding-bottom: 0;
    }
    .td {
        display: block;
        width: 100%;
    }
    .td + .td {
        padding: 0;
        padding-top: 100px;
    }
    .inquiry .three {
        width: 49%;
    }
    .errorText {
        font-size:40px;
    }
    .social.right {
        width: auto;
    }
}

@media screen and (max-width:680px) {
    .column.third {
        width: 100% !important;
    }
    .column.third.small div {
        width: 50%;
        display: block;
        float: left;
    }
    .order-wrap .btn-black {
        background-position: 73% 9px;
    }
    .op8 > p {
        width: 100%;
        margin-bottom: 15px;
    }
    .op8 textarea.input {
        width: 100% !important;
    }
    .badge {
        margin-top: 20px;
    }
    .user-defined-data .active {
        background: 0;
        border-left: 3px solid #F26222;
    }
    .card-list.portfolio li {
        margin-left: 0;
    }
    .center.repeat-y {
        background: 0;
    }
    .no-orders {
        background-size: 35%;
        padding-right: 37%;
    }
    .card-list.playcards {
        text-align: center;
    }
    .card-list.playcards li {
        float: none;
        display: inline-block;
    }
}

@media screen and (max-width:648px) { /* fall of aside */
    body .hide648 {
        display: none;
    }
    .companies span {
        width: 32%;
    }
    .index-title {
        line-height: 30px;
        font-size: 28px;
        padding-bottom: 10px;
        padding-top: 15px;
    }
    .marker {
        padding: 2px 16px 2px;
    }
    .steps {
        background: url(../i/steps_map_m.png) no-repeat center 0px;
    }
    html[lang="en"] .steps {
        background: url(../i/steps_map_m_en.png) no-repeat center 0px;
    }
    html[lang="ru"] .steps {
        background: url(../i/steps_map_m_ru.png) no-repeat center 0px;
    }
    .steps a.steps1 {
        padding-top: 80px;
    }
    .steps a.steps4 {
        padding-bottom: 150px;
        padding-top: 30px;
        min-width: 245px;
    }
    .steps a {
        width: 100%;
        margin-top: 30px !important;
    }
    .steps a span {
        margin-top: 0;
    }
    nav {
        margin-left: 0;
        padding-top: 20px;
        margin: 0 auto;
    }
	.header-bottom .center > * {
    	width: 100%;
	}
	nav ul li {
    	float: none;
    	display: inline-block;
	}
	aside {
    	width: 100%;
    	border: 0;
    	padding-bottom: 0px;
	}
	.aside-title {
    	cursor: pointer;
    	margin: 10px 0;
	}
	.aside-title:first-child {
    	margin-top: 30px;
	}
	.aside-title > * {
	    padding-left: 30px;
    	background: url(../i/sprite.png) 0 -378px no-repeat white;
	}
	.right.container {
    	margin: 0;
    	padding: 0;
	}
	aside ul li {
         -webkit-transition: all 0.3s linear;
         -moz-transition: 	 all 0.3s linear;
         -o-transition: 	 all 0.3s linear;
         transition: 		 all 0.3s linear;
    	width: 100%;
	}
/*
	aside .expanded+ul {
    	display: inline-block;
    	max-height: 900px;
	}
*/
	.card-list {
    	margin-top: 0px;
    	text-align: center;
	}
	.card-list li {
    	float: none;
    	display: inline-block;
    	vertical-align: top;
	}
    .order .order-info, .order .order-details, .order .status, .order .contact {
        width: 100%;
    }
    .order-details {
        border: 0;
        margin: 0;
    }
    .order .order-footer .btn {
        padding-left: 43%;
        background-position: 34% 30px;
    }
    .order-wrap .btn-black {
        background-position: 80% 9px;
    }
    .order-wrap .order-info, .order-wrap .order-details {
        width: 100%;
    }
    .order-wrap .sticky {
        background: 0;
        font-weight: bold;
        color: black;
    }
    .order-wrap .sticky div {
    /*     font-weight: bold; */
        color: black;
        line-height: 28px;
        line-height: 16px;
    }
    .order-wrap .order-date,.order-wrap .sticky {
        padding-left: 0;
        padding-bottom: 0;
    }
   .card-column .pricetag {
       margin-top: 0;
   }
   .singleline {
       display: block;
       margin: 0;
   }

   .user-data .btn-orange {
       margin: 30px 0 20px;
   }
   .errorText {
        font-size:35px;
    }
    .errorText a{
        font-size:18px;
        margin: 20px 0;
        display: block;
    }
    .card-list.types .column {
        text-align: left;
        margin-bottom: 20px;
    }
    .cp-fixed.fix .count-price.fixed,
    .cp-fixed .count-price.fixed{
        width: 100% !important;
        max-width: 1000px !important;
        left: 0 !important;
        right: 0 !important;
        border: 0;
        border-radius: 0;
        line-height: 26px;
        top:0px;

    }
    .cp-fixed .count-price.fixed  > * {
        width: 100% !important;
        max-width: 1000px !important;
        margin: 0;
        border-radius: 0;
        font-size: 13px;
        height: 26px;
        line-height: 26px;
        padding: 0 10px;
        opacity: 0.8;
    }
    #configurator-wrap.fixed #configurator {
        -webkit-transform-origin: 10% 20px;
        -moz-transform-origin:  10% 20px;
        -o-transform-origin: 10% 20px;
        transform-origin: 10% 20px;
    }
}

@media screen and (max-height:550px) {
    #configurator-wrap.fixed {
        max-height: 140px;
    }

    #configurator-wrap.fixed #configurator {
        -webkit-transform-origin: center 15px;
        -moz-transform-origin:    center 15px;
        -o-transform-origin:      center 15px;
        transform-origin:         center 15px;
        -webkit-transform: scale(0.40);
        -moz-transform:    scale(0.40);
        -o-transform:      scale(0.40);
        transform:         scale(0.40);
    }
}

@media screen and (max-width:550px) {
    .hide550 {
        display: none !important;
    }
    .column.no-top {
        padding-top: 10px;
    }
    #configurator-wrap {
       -webkit-transform: scale(0.85);
       -moz-transform: scale(0.85);
       -o-transform: scale(0.85);
       transform: scale(0.85);
   }
   .register-page .column .column, .user-data .column.no-top > span {
        width: 100%;
    }
    .register-page .user-data .btn-orange {
        margin: 10px 0;
    }
    .user-data .column > span span {
        margin-top: 0;
    }
    .register-page input, .epay-button.btn {
        display: block;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .easypay-code, .epay-button.btn {
        letter-spacing: 0;
        font-size: 25px;
    }
    .index-top .right {
        display: none;
    }
    .slider .btn-orange {
        bottom: -100px;
    }
    .inquiry .three {
        width: 100%;
        display: block;
    }
    .no-orders {
        background: 0;
        padding-right: 0;
    }

    .no-orders strong {
        background: url("../i/no-orders.jpg") no-repeat scroll 94% center rgba(0, 0, 0, 0);
        background-size: 20%;
        width: 100%;
        padding-right: 20%;
        font-size: 25px;
        line-height: 30px;
    }

   .errorText {
        font-size:30px;
        line-height: 35px;
    }
    .error404 {
        margin: 20px auto;
    }
    .endprice div {
        width: 100%;
    }
    .card-end-price,.ship-end-price {
        width: 100%;
        margin: 20px 0;
    }
    .split .options.column,.split .card-column.column {
        width: 100%;
        border: 0;
    }
    /* SPECIAL! THIS BEFORE'S CONTENT IS SET FOR MULTILANGUAL PURPOSES INLINE IN A STYLE TAG FOR EVERY CONFIG */
    .split .card-column.column:before {
        display: inline-block;
        width: 100%;
        clear: both;
        font: normal 25px/22px 'PT Sans';
        padding-bottom: 10px;
        padding-top: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #CCC;
        color: #CCC;
        text-transform: uppercase;
        content: "Side B";
    }
    .subtitle .side_B {
        display: none;
    }

}
@media screen and (max-width:510px) {
    .hide500 {
        display: none !important;
    }
    .header-top .center {
        text-align: center;
    }
    .btn-blue, .btn-orange, .btn-gray, .btn, .btn-big {
        width: 100% !important;
        text-align: center;
    }
    .site-options {
        background: none;
    }
    .btn-big.gray {
        background: #e2e2e2;
        margin: 5px 0;
    }
   .slider-wrapper .caroufredsel_wrapper {
        padding-bottom: 110px;
    }
    .slider .btn-orange {
        bottom: -110px;
    }

    .pantones .ffSelect a,
    .select_conf .ffSelect a,
    .select .ffSelect a {
        background-position: 98% -377px;
    }

    .quad, .input,.select,.select_conf, textarea, .table .input, .pantones  {
        width: 100% !important;
    }
    .user-data .column > span {
        display: block;
    }
    .main-choice .select, .main-choice .select_conf,.pantones, .num-thick > input { width: 208px !important;}
    .order-wrap .btn-black {
        background-position: 95% 9px;
    }
   .chat .details .column {
       width: 100%;
       display: block;
   }
   .post-date {
       background: 0;
       color: #44464A;
       float: none;
       text-align: left;
       line-height: 15px;
       padding-top: 0;
   }
   .post-date br {
       display: none;
   }
   .client .user {
       max-width: 100%;
       padding-bottom: 10px;
   }
   .chat-wrap > div .hasAttachment {
       background-position: 95% -139px;
   }
   .chat-head {
       max-height: 200px;
   }
   .op5 {
       margin-left: 0;
   }
   .w60, .w40, .w60 .address, .form,.unlogged .column, .option .column, .chat-head .user {
       width: 100% !important;
   }
   #configurator-wrap {
       -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
       -o-transform: scale(0.8);
       transform: scale(0.8);
   }
   #pop-add-addr .form span .errorlist, #pop-add-invoice-data .form span .errorlist {
        top: 8px;
        right: 0;
    }
   .pagetitle {
       font: normal 30px/40px 'PT Sans';
   }
    #IRREGULAR .op3 .sizes div {
        display: block;
    }
    #IRREGULAR .op3 div .input {
        width: 208px !important;
    }
    #IRREGULAR .op3 .sizes div {
        text-align: center;
    }
    #IRREGULAR .op3 label {
        margin-left: 0;
    }
    #IRREGULAR .op3 label:after {
        content: " (mm)";
        text-transform: none;
    }
    #IRREGULAR .op3 div .input + span {
        display: none;
    }

    .types .column > div {
        height: auto;
    }
    .types .column p {
        width: 100%;
        float: none;
        clear: both;
    }
    .types .column > div > span {
        margin: 0 auto;
        float: none;
        display: block;
    }
    .file-text {width: 100%; margin-bottom: 10px;}
}
@media screen and (max-width:480px) {
    .order .order-footer .btn {
        padding-left: 43%;
        background-position: 30% 30px;
    }
    .column.third.small > div {
        width: 100%;
        margin-bottom: 10px;
    }
   .errorText {
        font-size:20px;
        line-height: 24px;
    }
    .error404 {
        margin: 10px auto;
    }

   .errorText a {
        font-size:15px;
        line-height: 20px;
        margin: 10px 0;
    }
/*
    .ffRadio, .ffCheckbox {
        display: none;
    }

    .ffRadioWrapper.on, .ffCheckboxWrapper.on {
        background: rgba(243,97,34,0.68) !important;
        background: #F26222 !important;
    }
    .paymethods .ffRadioWrapper a {
        background: none !important;
        text-indent: 0 !important;
    }
    .ffRadioWrapper.on a, .ffCheckboxWrapper.on a{
        color: white !important;
    }
*/
    .details {
        padding: 20px;
    }
    .ajax-pagination {
        text-align: center;
        width: 100%;
    }
    .ajax-pagination li {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    #configurator-wrap {
       -webkit-transform: scale(0.75);
       -moz-transform: scale(0.75);
       -o-transform: scale(0.75);
       transform: scale(0.75);
   }
   .address-list .ffRadioWrapper a {
        line-height: 22px;
        overflow: visible;
        text-overflow: inherit;
        white-space: normal;
    }
   .address-list .ffRadio {
       vertical-align: top;
   }
   .tight > label {
       display: none;
   }
   .pricetag {
       position: relative;
       right: auto;
       top:auto !important;
       width: 100%;
       margin-bottom: 40px;
       border-bottom: 1px solid #F26222 !important;
       border-radius: 4px !important;
   }
    .op1 .ffRadioWrapper a {
        font-size: 17px;
    }

}


@media screen and (max-width:450px) {
/*
    nav {
        margin: 20px 0;
    }
*/
    nav ul li {
        display: block;
    }
    nav ul li a {
        border-bottom: 0 !important;
        line-height: 26px;
    }
    nav ul li a.active, nav ul li.active a, nav ul li a:hover {
        color: #F56209;
    }
    .badge {
        padding: 20px;
        margin-top: 10px;
    }
    .dot {
        margin-right: -2px;
        padding-right: 20px;
    }
    .order .order-footer .btn {
        padding-left: 43%;
        background-position: 29% 30px;
    }
    #LEAFLETS .main-choice {
        width: 260px;
    }
    #LEAFLETS .main-choice > div {
        width: 220px;
    }
    .card-list.playcards {
        text-align: center;
    }
}

@media screen and (max-width:430px) {
    #configurator-wrap {
       -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
       -o-transform: scale(0.7);
       transform: scale(0.7);
   }
}
@media screen and (max-width:410px) {
    .social.right { display: none;}
    .order-wrap .btn-black {
        text-align: left;
        padding-left: 20px;
    }
    #configurator-wrap {
       -webkit-transform: scale(0.65);
       -moz-transform: scale(0.65);
       -o-transform: scale(0.65);
       transform: scale(0.65);
   }
  .supnav, .supnav a {
       display: block;
       border: 0;
       margin-left: 0;
       text-align: left;
   }
   .supnav a {
       padding-left: 8px;
   }
   .pagetitle {
       font: normal 25px/35px 'PT Sans';
   }
   .card-list.portfolio.bothsides li .left, .card-list.portfolio li, .card-list.portfolio li a.fancybox, .card-list.portfolio li a.fancybox .img-wrap {
       width: 100%;
   }
   .card-list.portfolio li a.fancybox .img-wrap {
       height: auto;
   }
   .card-list.portfolio li .btn-onhover span  {
       background: 0;
       padding-left: 0;
   }
   .card-list.types span.l-text, .types .column > a > .bgimage {
       width: 100%;
       top:20px;
   }
   .card-list.types .column {
       margin-bottom: 45px;
   }
}

@media screen and (max-width:380px) {
    .logo.left {
        margin-top: 0;
    }

    #configurator-wrap {
       -webkit-transform: scale(0.60);
       -moz-transform: scale(0.60);
       -o-transform: scale(0.60);
       transform: scale(0.60);
   }
   .main-choice .select, .main-choice .select_conf, .pantones, .num-thick > input, #LEAFLETS .main-choice input {
       width: 174px !important;
   }
   .pantones .ffSelect a,
   .main-choice .select_conf .ffSelect a,
   .main-choice .select .ffSelect a {
       background-position: 131px -375px;
   }
   .op1 .ffRadioWrapper a {
        font-size: 15px;
    }
    .main-choice input, .main-choice .select a,    .main-choice input, .main-choice .select_conf a,.pantones a,#LEAFLETS .main-choice, #LEAFLETS .main-choice input {
        margin: 0;
    }

}

@media screen and (max-width:360px) {
    .order .order-footer .btn {
        background-position: 21% 30px;
    }
    .s-cards a {
        font-size: 16px;
    }
    #configurator-wrap {
       -webkit-transform: scale(0.55);
       -moz-transform: scale(0.55);
       -o-transform: scale(0.55);
       transform: scale(0.55);
   }
   #IRREGULAR .op3 div span {
       display: none;
   }
}


@media screen and (max-width:320px) {
    #configurator-wrap {
       -webkit-transform: scale(0.50);
       -moz-transform: scale(0.5);
       -o-transform: scale(0.5);
       transform: scale(0.5);
   }
}
@media screen and (max-width:320px) {
    #configurator-wrap {
        display: none;
   }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}i


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /*ipads*/

}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
   .right-side {
       float: right;
   }
}