::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f7f2e0; border: 1px solid #e7debc; }
::-webkit-scrollbar-thumb { background: #8ac1b2; border: 1px solid #e7debc; }

::selection { background: rgba(138,193,178,.5); }
::-moz-selection { background: rgba(138,193,178,.5); }

.intro-slider ::selection { background: rgba(255,255,255,.7); }
.intro-slider ::-moz-selection { background: rgba(255,255,255,.7); }

body {
	-webkit-text-size-adjust: none;
		    text-size-adjust: none;
	 -webkit-font-smoothing: antialiased;
	 -webkit-tap-highlight-color: rgba(138,193,178,.5);
}

.expandables { -webkit-tap-highlight-color: rgba(138,193,178,0); }
.expandable-title { -webkit-tap-highlight-color: rgba(138,193,178,.5); }

input::-moz-focus-inner { border: 0; padding: 0; margin: -2px 0; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8e959b; }
textarea { -webkit-overflow-scrolling: touch; }

/* ==========================================================================
	# mini header transitions
========================================================================== */
.header {
	-webkit-transition: -webkit-transform .3s ease-in-out, top .3s ease-in-out;
	   -moz-transition: -moz-transform .3s ease-in-out, top .3s ease-in-out;
	    -ms-transition: -ms-transform .3s ease-in-out, top .3s ease-in-out;
	     -o-transition: -o-transform .3s ease-in-out, top .3s ease-in-out;
	        transition: transform .3s ease-in-out, top .3s ease-in-out;
}

.mini-header .header {
	-webkit-transform: translate3d(0,-45px,0);
	   -moz-transform: translate3d(0,-45px,0);
	    -ms-transform: translate3d(0,-45px,0);
	     -o-transform: translate3d(0,-45px,0);
	        transform: translate3d(0,-45px,0);
}

.mini-header .header .shell {
	-webkit-animation: mini_header_header_inner .3s ease-out;
	   -moz-animation: mini_header_header_inner .3s ease-out;
	    -ms-animation: mini_header_header_inner .3s ease-out;
	     -o-animation: mini_header_header_inner .3s ease-out;
	        animation: mini_header_header_inner .3s ease-out;
}

@-webkit-keyframes mini_header_header_inner {
	from { visibility: visible; opacity: 1; }
}

@-moz-keyframes mini_header_header_inner {
	from { visibility: visible; opacity: 1; }
}

@-ms-keyframes mini_header_header_inner {
	from { visibility: visible; opacity: 1; }
}

@-o-keyframes mini_header_header_inner {
	from { visibility: visible; opacity: 1; }
}

@keyframes mini_header_header_inner {
	from { visibility: visible; opacity: 1; }
}

.btn-order-l .btn-circle {
	border-radius: 180px;
	backface-visibility: hidden;
	-webkit-animation: rotate 7s linear infinite;
	   -moz-animation: rotate 7s linear infinite;
		-ms-animation: rotate 7s linear infinite;
		 -o-animation: rotate 7s linear infinite;
			animation: rotate 7s linear infinite;
	-webkit-animation-play-state: paused;
	   -moz-animation-play-state: paused;
		-ms-animation-play-state: paused;
		 -o-animation-play-state: paused;
			animation-play-state: paused;
}

.btn-order-l .btn-circle-inner {
	-webkit-transform: rotate(-170deg) translate3d(0,0,0);
	   -moz-transform: rotate(-170deg) translate3d(0,0,0);
	    -ms-transform: rotate(-170deg) translate3d(0,0,0);
	     -o-transform: rotate(-170deg) translate3d(0,0,0);
	        transform: rotate(-170deg) translate3d(0,0,0);
}

.clock-loading {
	backface-visibility: hidden;
	-webkit-animation: rotate 3s linear infinite;
	   -moz-animation: rotate 3s linear infinite;
		-ms-animation: rotate 3s linear infinite;
		 -o-animation: rotate 3s linear infinite;
			animation: rotate 3s linear infinite;
}

.no-touch .btn-order-l:hover .btn-circle {
	-webkit-animation-play-state: running;
	   -moz-animation-play-state: running;
	    -ms-animation-play-state: running;
	     -o-animation-play-state: running;
	        animation-play-state: running;
}

.no-touch .btn-close:hover .ico-close,
.no-touch .popup .close:hover {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.btn-order-l .btn-circle-container {
	border-radius: 180px;
}

.no-touch .btn-order-l:hover .btn-circle-container {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		 -o-transform: scale(1.05);
			transform: scale(1.05);
}

.section-more h3,
.section-more .section-items img,
.slider-testimonials h5,
.slider-testimonials p {
	-webkit-transform-style: preserve-3d;
}

.slider-generic .slide,
.section-more .section-item,
.slider-testimonials .slide {
	opacity: 0;
}

.flex-control-nav,
.slider-paging,
.checkbox {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}

.flex-control-nav a span,
.slider-paging a span {
	-webkit-transform: scale(.71);
	   -moz-transform: scale(.71);
	    -ms-transform: scale(.71);
	     -o-transform: scale(.71);
	        transform: scale(.71);
}

.form-totals-container,
.order-type .radio {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	    -ms-perspective: 1000px;
	     -o-perspective: 1000px;
	        perspective: 1000px;
}

.form-totals-container {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.box-order .box-front {
	-webkit-transform: translate3d(0,0,1px);
}

.box-order .box-back {
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	     -o-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
}

.box-design-coding .box-back h4,
.box-reveal.box-design-coding {
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	     -o-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
}

.box-only-coding .box-back h4,
.box-reveal.box-only-coding {
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
	    -ms-transform: rotateY(180deg);
	     -o-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

.box-reveal .box-front { opacity: 0; }

.box-reveal .box-back {
	-webkit-transform: rotateY(180deg) translate3d(0,0,-1px);
}

.expanded .ico-arrow {
	-webkit-transform: rotate(90deg) translateX(1px);
	   -moz-transform: rotate(90deg) translateX(1px);
	    -ms-transform: rotate(90deg) translateX(1px);
	     -o-transform: rotate(90deg) translateX(1px);
	        transform: rotate(90deg) translateX(1px);
}

.popup .popup-container {
/* 	-webkit-transform: scale(.3);
   -moz-transform: scale(.3);
    -ms-transform: scale(.3);
     -o-transform: scale(.3);
        transform: scale(.3); */
}

.form-totals {
	-webkit-transform-origin: top right;
	   -moz-transform-origin: top right;
	    -ms-transform-origin: top right;
	     -o-transform-origin: top right;
	        transform-origin: top right;
}

.order-totals-updating {
	-webkit-animation: order_arm .5s ease-out;
	   -moz-animation: order_arm .5s ease-out;
	    -ms-animation: order_arm .5s ease-out;
	     -o-animation: order_arm .5s ease-out;
	        animation: order_arm .5s ease-out;
}

.intro-slider .current .slide-text {
	opacity: 1;
}

.slider-testimonials .slide-current,
.intro-slider .current .slide-text h1,
.intro-slider .current .slide-text p,
.intro-slider .slide1.current .slide-helper,
.intro-slider .slide2.current .slide-helper,
.intro-slider .slide3.current .slide-helper,
.intro-slider .slide5.current .slide-helper {
	opacity: 1;
}

.testimonial {
	opacity: 0;

	-webkit-transform: translateY(40px);
	   -moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		 -o-transform: translateY(40px);
			transform: translateY(40px);
}

.show-testimonial { opacity: 1; }

.intro-slider .current .slide-text .btn { opacity: 1; }

.btn-order-l.btn-show .btn-circle-inner {
	-webkit-transform: rotate(0deg) translate3d(0,0,0);
	   -moz-transform: rotate(0deg) translate3d(0,0,0);
		-ms-transform: rotate(0deg) translate3d(0,0,0);
		 -o-transform: rotate(0deg) translate3d(0,0,0);
			transform: rotate(0deg) translate3d(0,0,0);
}

.section-more .section-item-current,
.slider-testimonials .slide-current,
.flex-control-nav a.flex-active span,
.slider-paging a.current span,
.show-popup,
.intro-slider .current .slide-text h1,
.intro-slider .current .slide-text p,
.intro-slider .current .slide-text .btn,
.intro-slider .slide1.current .slide-helper,
.intro-slider .slide2.current .slide-helper,
.intro-slider .slide3.current .slide-helper,
.intro-slider .slide5.current .slide-helper,
.slider-testimonials .slide-outgoing,
.section-more .section-item-outgoing,
.slider-generic .slide-outgoing,
.show-testimonial {
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	     -o-transform: none;
	        transform: none;

}

.slider-generic .slide-current,
.section-more .section-item-current { opacity: 1; z-index: 2; }



.intro-slider .slide-text h1,
.intro-slider .slide-text p,
.intro-slider .slide-text .btn {
	-webkit-transform: translateY(-30px);
	   -moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		 -o-transform: translateY(-30px);
			transform: translateY(-30px);

	opacity: 0;
}


.intro-slider .outgoing .slide-text h1,
.intro-slider .outgoing .slide-text p,
.intro-slider .outgoing .slide-text .btn {
	-webkit-transform: translateY(30px);
	   -moz-transform: translateY(30px);
		-ms-transform: translateY(30px);
		 -o-transform: translateY(30px);
			transform: translateY(30px);

	opacity: 0;
}



.intro-slider .slide-text,
.intro-slider .outgoing .slide-text {
	opacity: 0;

	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
		-ms-perspective: 1000px;
		 -o-perspective: 1000px;
			perspective: 1000px;
}

.intro-slider .slide1 .slide-helper,
.intro-slider .slide2 .slide-helper,
.intro-slider .slide3 .slide-helper,
.intro-slider .slide5 .slide-helper {
	-webkit-transform-origin: right center;
	   -moz-transform-origin: right center;
		-ms-transform-origin: right center;
		 -o-transform-origin: right center;
			transform-origin: right center;

	-webkit-transform: translate3d(-500px,0,0);
	   -moz-transform: translate3d(-500px,0,0);
		-ms-transform: translate3d(-500px,0,0);
		 -o-transform: translate3d(-500px,0,0);
			transform: translate3d(-500px,0,0);

	opacity: 0;
}

.intro-slider .slide1.current .slide-helper,
.intro-slider .slide2.current .slide-helper,
.intro-slider .slide3.current .slide-helper,
.intro-slider .slide5.current .slide-helper {
	-webkit-animation: slide_helper_in .8s ease-out;
	   -moz-animation: slide_helper_in .8s ease-out;
		-ms-animation: slide_helper_in .8s ease-out;
		 -o-animation: slide_helper_in .8s ease-out;
			animation: slide_helper_in .8s ease-out;
}



.intro-slider .slide1.outgoing .slide-helper,
.intro-slider .slide2.outgoing .slide-helper,
.intro-slider .slide3.outgoing .slide-helper,
.intro-slider .slide5.outgoing .slide-helper {
	-webkit-animation: slide_helper_out .8s ease-in;
	   -moz-animation: slide_helper_out .8s ease-in;
		-ms-animation: slide_helper_out .8s ease-in;
		 -o-animation: slide_helper_out .8s ease-in;
			animation: slide_helper_out .8s ease-in;
}

.intro-slider .slide1.outgoing .slide-mascot-default,
.intro-slider .slide2.outgoing .slide-mascot-default,
.intro-slider .slide3.outgoing .slide-mascot-default,
.intro-slider .slide4.outgoing .slide-mascot,
.intro-slider .slide5.outgoing .slide-mascot-default,
.intro-slider .slide6.outgoing .slide-mascot,
.intro-slider .slide7.outgoing .slide-mascot {
	-webkit-animation: moscot_helper_out .8s ease-out;
	   -moz-animation: moscot_helper_out .8s ease-out;
		-ms-animation: moscot_helper_out .8s ease-out;
		 -o-animation: moscot_helper_out .8s ease-out;
			animation: moscot_helper_out .8s ease-out;
}

.checked .box-design-coding .box-back-girl,
.checked .box-design-coding .box-back-shadow {
	-webkit-transform: translate3d(-164px,0,0);
	   -moz-transform: translate3d(-164px,0,0);
		-ms-transform: translate3d(-164px,0,0);
		 -o-transform: translate3d(-164px,0,0);
			transform: translate3d(-164px,0,0);
}

.checked .box-only-coding .box-back-girl,
.checked .box-only-coding .box-back-shadow {
	-webkit-transform: translate3d(164px,0,0);
	   -moz-transform: translate3d(164px,0,0);
		-ms-transform: translate3d(164px,0,0);
		 -o-transform: translate3d(164px,0,0);
			transform: translate3d(164px,0,0);
}


/* CSS Animations */

@-webkit-keyframes rotate {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rotate {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes rotate {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}

@-o-keyframes rotate {
	from { -o-transform: rotate(0deg); }
	to { -o-transform: rotate(360deg); }
}

@keyframes rotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@-webkit-keyframes order_arm {
	0% { -webkit-transform: translate(0,0); }
	25% { -webkit-transform: translate(-18px,0); }
	50% { -webkit-transform: translate(12px,0); }
	75% { -webkit-transform: translate(-6px,0); }
	100% { -webkit-transform: translate(0,0); }
}

@-moz-keyframes order_arm {
	0% { -moz-transform: translate(0,0); }
	25% { -moz-transform: translate(-18px,0); }
	50% { -moz-transform: translate(12px,0); }
	75% { -moz-transform: translate(-6px,0); }
	100% { -moz-transform: translate(0,0); }
}

@-ms-keyframes order_arm {
	0% { -ms-transform: translate(0,0); }
	25% { -ms-transform: translate(-18px,0); }
	50% { -ms-transform: translate(12px,0); }
	75% { -ms-transform: translate(-6px,0); }
	100% { -ms-transform: translate(0,0); }
}

@-o-keyframes order_arm {
	0% { -o-transform: translate(0,0); }
	25% { -o-transform: translate(-18px,0); }
	50% { -o-transform: translate(12px,0); }
	75% { -o-transform: translate(-6px,0); }
	100% { -o-transform: translate(0,0); }
}

@keyframes order_arm {
	0% { transform: translate(0,0); }
	25% { transform: translate(-18px,0); }
	50% { transform: translate(12px,0); }
	75% { transform: translate(-6px,0); }
	100% { transform: translate(0,0); }
}


/* Slide Right */
@-webkit-keyframes slide_helper_in {
	0% { -webkit-transform: translate3d(-500px,0,0); opacity: 0; }
	100% { -webkit-transform: translate3d(0px,0,0); opacity: 1; }
}

@-moz-keyframes slide_helper_in {
	0% { -moz-transform: translate3d(-500px,0,0); opacity: 0; }
	100% { -moz-transform: translate3d(0px,0,0); opacity: 1; }
}

@-ms-keyframes slide_helper_in {
	0% { -ms-transform: translate3d(-500px,0,0); opacity: 0; }
	100% { -ms-transform: translate3d(0px,0,0); opacity: 1; }
}

@-o-keyframes slide_helper_in {
	0% { -o-transform: translate3d(-500px,0,0); opacity: 0; }
	100% { -o-transform: translate3d(0px,0,0); opacity: 1; }
}

@keyframes slide_helper_in {
	0% { transform: translate3d(-500px,0,0); opacity: 0; }
	100% { transform: translate3d(0px,0,0); opacity: 1; }
}

/* Slide Left */
@-webkit-keyframes slide_helper_out {
	0% { -webkit-transform: none; opacity: 1; }
	50% { -webkit-transform: translate3d(200px,0,0); opacity: 0; }
	100% { -webkit-transform: translate3d(200px,0,0); opacity: 0; }
}

@-moz-keyframes slide_helper_out {
	0% { -moz-transform: none; opacity: 1; }
	50% { -moz-transform: translate3d(200px,0,0); opacity: 0; }
	100% { -moz-transform: translate3d(200px,0,0); opacity: 0; }
}

@-ms-keyframes slide_helper_out {
	0% { -ms-transform: none; opacity: 1; }
	50% { -ms-transform: translate3d(200px,0,0); opacity: 0; }
	100% { -ms-transform: translate3d(200px,0,0); opacity: 0; }
}

@-o-keyframes slide_helper_out {
	0% { -o-transform: none; opacity: 1; }
	50% { -o-transform: translate3d(200px,0,0); opacity: 0; }
	100% { -o-transform: translate3d(200px,0,0); opacity: 0; }
}

@keyframes slide_helper_out {
	0% { transform: none; opacity: 1; }
	50% { transform: translate3d(200px,0,0); opacity: 0; }
	100% { transform: translate3d(200px,0,0); opacity: 0; }
}


/* moscot out animation */
@-webkit-keyframes moscot_helper_out {
	0% { -webkit-transform: translate3d(0,0px,0); }
	30% { -webkit-transform: translate3d(0,20px,0); }
	60% { -webkit-transform: translate3d(0,0px,0); }
	100% { -webkit-transform: translate3d(0,0px,0); }
}

@-moz-keyframes moscot_helper_out {
	0% { -moz-transform: translate3d(0,0px,0); }
	30% { -moz-transform: translate3d(0,20px,0); }
	60% { -moz-transform: translate3d(0,0px,0); }
	100% { -moz-transform: translate3d(0,0px,0); }
}

@-ms-keyframes moscot_helper_out {
	0% { -ms-transform: translate3d(0,0px,0); }
	30% { -ms-transform: translate3d(0,20px,0); }
	60% { -ms-transform: translate3d(0,0px,0); }
	100% { -ms-transform: translate3d(0,0px,0); }
}

@-o-keyframes moscot_helper_out {
	0% { -o-transform: translate3d(0,0px,0); }
	30% { -o-transform: translate3d(0,20px,0); }
	60% { -o-transform: translate3d(0,0px,0); }
	100% { -o-transform: translate3d(0,0px,0); }
}

@keyframes moscot_helper_out {
	0% { transform: translate3d(0,0px,0); }
	30% { transform: translate3d(0,20px,0); }
	60% { transform: translate3d(0,0px,0); }
	100% { transform: translate3d(0,0px,0); }
}


/* ==========================================================================
	# CSS Transitions
========================================================================== */



.btn,
.btn-template-option,
.product-image a {
	-webkit-transition: background-color .15s ease-in;
	   -moz-transition: background-color .15s ease-in;
	    -ms-transition: background-color .15s ease-in;
	     -o-transition: background-color .15s ease-in;
	        transition: background-color .15s ease-in;
}

.btn-outline {
	-webkit-transition: border-color .15s ease-in, color .15s ease-in;
	   -moz-transition: border-color .15s ease-in, color .15s ease-in;
		-ms-transition: border-color .15s ease-in, color .15s ease-in;
		 -o-transition: border-color .15s ease-in, color .15s ease-in;
			transition: border-color .15s ease-in, color .15s ease-in;
}


.ico-brief{
	/*-webkit-transition: top .3s linear, left .3s linear;
	   -moz-transition: top .3s linear, left .3s linear;
	    -ms-transition: top .3s linear, left .3s linear;
	     -o-transition: top .3s linear, left .3s linear;
	        transition: top .3s linear, left .3s linear; */
}

/*.btn-text { position: relative; display: block;  }

@keyframes btn_hover_text {
	0% { top: -20px; opacity: 0; }
	50% { top: 3px; opacity: 1;  }
	100% { top: 0; }
}

.btn:hover .btn-text{
	animation: btn_hover_text .2s ease-in;
}*/


/* ==========================================================================
	# increment field animation
========================================================================== */

/* Up */
@-webkit-keyframes increment_field_up {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:-30px; }
	50% { opacity: 1; left:30px; }
	100% { opacity: 1; left:0; }
}

@-moz-keyframes increment_field_up {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:-30px; }
	50% { opacity: 1; left:30px; }
	100% { opacity: 1; left:0; }
}

@-ms-keyframes increment_field_up {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:-30px; }
	50% { opacity: 1; left:30px; }
	100% { opacity: 1; left:0; }
}

@-o-keyframes increment_field_up {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:-30px; }
	50% { opacity: 1; left:30px; }
	100% { opacity: 1; left:0; }
}

@keyframes increment_field_up {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:-30px; }
	50% { opacity: 1; left:30px; }
	100% { opacity: 1; left:0; }
}

/* Down */
@-webkit-keyframes increment_field_down {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:30px; }
	50% { opacity: 1; left:-30px; }
	100% { opacity: 1; left:0; }
}

@-moz-keyframes increment_field_down {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:30px; }
	50% { opacity: 1; left:-30px; }
	100% { opacity: 1; left:0; }
}

@-ms-keyframes increment_field_down {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:30px; }
	50% { opacity: 1; left:-30px; }
	100% { opacity: 1; left:0; }
}

@-o-keyframes increment_field_down {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:30px; }
	50% { opacity: 1; left:-30px; }
	100% { opacity: 1; left:0; }
}

@keyframes increment_field_down {
	0% { opacity: 1; left:0; }
	49% { opacity: 0; left:30px; }
	50% { opacity: 1; left:-30px; }
	100% { opacity: 1; left:0; }
}

.increment-field-up {
	-webkit-animation: increment_field_up .2s ease-out;
	   -moz-animation: increment_field_up .2s ease-out;
	    -ms-animation: increment_field_up .2s ease-out;
	     -o-animation: increment_field_up .2s ease-out;
	        animation: increment_field_up .2s ease-out;
}

.increment-field-down {
	-webkit-animation: increment_field_down .2s ease-out;
	   -moz-animation: increment_field_down .2s ease-out;
	    -ms-animation: increment_field_down .2s ease-out;
	     -o-animation: increment_field_down .2s ease-out;
	        animation: increment_field_down .2s ease-out;
}

.product-image img {
	-webkit-transition: border-color .15s ease-in;
	   -moz-transition: border-color .15s ease-in;
	    -ms-transition: border-color .15s ease-in;
	     -o-transition: border-color .15s ease-in;
	        transition: border-color .15s ease-in;
}

.btn-close .ico-close,
.expandable .ico-arrow,
.popup .close {
	-webkit-transition: -webkit-transform .2s ease;
	   -moz-transition: -moz-transform .2s ease;
	    -ms-transition: -ms-transform .2s ease;
	     -o-transition: -o-transform .2s ease;
	        transition: transform .2s ease;
}

.btn-order-l .btn-circle-inner,
.box-order {
	-webkit-transition: -webkit-transform .3s ease-in-out;
	   -moz-transition: -moz-transform .3s ease-in-out;
	    -ms-transition: -ms-transform .3s ease-in-out;
	     -o-transition: -o-transform .3s ease-in-out;
	        transition: transform .3s ease-in-out;
}

.btn-ribbon {
	-webkit-transition: padding .2s ease, bottom .2s ease, right .2s ease;
	   -moz-transition: padding .2s ease, bottom .2s ease, right .2s ease;
	    -ms-transition: padding .2s ease, bottom .2s ease, right .2s ease;
	     -o-transition: padding .2s ease, bottom .2s ease, right .2s ease;
	        transition: padding .2s ease, bottom .2s ease, right .2s ease;
}

.footer-nav a,
.nav-tabbed-extended li small {
	-webkit-transition: color .2s ease;
	   -moz-transition: color .2s ease;
	    -ms-transition: color .2s ease;
	     -o-transition: color .2s ease;
	        transition: color .2s ease;
}

.flex-control-nav a span,
.slider-paging a span {
	-webkit-transition: -webkit-transform .2s ease-in-out, background-color .2s linear;
	   -moz-transition: -moz-transform .2s ease-in-out, background-color .2s linear;
	    -ms-transition: -ms-transform .2s ease-in-out, background-color .2s linear;
	     -o-transition: -o-transform .2s ease-in-out, background-color .2s linear;
	        transition: transform .2s ease-in-out, background-color .2s linear;

}

.nav-tabbed-init .nav-tabbed-active {
	-webkit-transition: left .3s ease-in-out, width .3s ease-in-out, background-color .3s linear;
	   -moz-transition: left .3s ease-in-out, width .3s ease-in-out, background-color .3s linear;
	    -ms-transition: left .3s ease-in-out, width .3s ease-in-out, background-color .3s linear;
	     -o-transition: left .3s ease-in-out, width .3s ease-in-out, background-color .3s linear;
	        transition: left .3s ease-in-out, width .3s ease-in-out, background-color .3s linear;

}

.nav-tabbed a,
.intro-slider-nav a,
.nav-tabbed label {
	-webkit-transition: color .4s ease;
	   -moz-transition: color .4s ease;
	    -ms-transition: color .4s ease;
	     -o-transition: color .4s ease;
	        transition: color .4s ease;

}

.field,
.textarea,
.btn-upload,
.order-type p a {
	-webkit-transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
	   -moz-transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
	    -ms-transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
	     -o-transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
	        transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;

}

.custom-checkbox {
	-webkit-transition: background-position .2s ease;
	   -moz-transition: background-position .2s ease;
	    -ms-transition: background-position .2s ease;
	     -o-transition: background-position .2s ease;
	        transition: background-position .2s ease;
}

.popup .popup-container {
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease, margin .5s ease;
	   -moz-transition: opacity .5s ease, -moz-transform .5s ease, margin .5s ease;
	    -ms-transition: opacity .5s ease, -ms-transform .5s ease, margin .5s ease;
	     -o-transition: opacity .5s ease, -o-transform .5s ease, margin .5s ease;
	        transition: opacity .5s ease, transform .5s ease, margin .5s ease;
}

.popup-no-transition {
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
	   -moz-transition: opacity .5s ease, -moz-transform .5s ease;
	    -ms-transition: opacity .5s ease, -ms-transform .5s ease;
	     -o-transition: opacity .5s ease, -o-transform .5s ease;
	        transition: opacity .5s ease, transform .5s ease;
}

.ico-team-member-inner,
.socials a {
	-webkit-transition: opacity .25s ease;
	   -moz-transition: opacity .25s ease;
	    -ms-transition: opacity .25s ease;
	     -o-transition: opacity .25s ease;
	        transition: opacity .25s ease;
}

.pricing-btn {
	-webkit-transition: background-color .2s ease, color .2s ease;
	   -moz-transition: background-color .2s ease, color .2s ease;
	    -ms-transition: background-color .2s ease, color .2s ease;
	     -o-transition: background-color .2s ease, color .2s ease;
	        transition: background-color .2s ease, color .2s ease;
}

.slider-testimonials .slider-clip,
.section-more .section-items-clip {
	-webkit-transition: height .5s ease;
	   -moz-transition: height .5s ease;
	    -ms-transition: height .5s ease;
	     -o-transition: height .5s ease;
	        transition: height .5s ease;

}

.slider-testimonials .slide,
.slider-generic .slide,
.section-more .section-item {
	-webkit-transition: opacity .6s ease;
	   -moz-transition: opacity .6s ease;
	    -ms-transition: opacity .6s ease;
	     -o-transition: opacity .6s ease;
	        transition: opacity .6s ease;

}

.nav li a {
	-webkit-transition: top .1s ease-in, padding .1s ease-in;
	   -moz-transition: top .1s ease-in, padding .1s ease-in;
	    -ms-transition: top .1s ease-in, padding .1s ease-in;
	     -o-transition: top .1s ease-in, padding .1s ease-in;
	        transition: top .1s ease-in, padding .1s ease-in;
}

.intro-slider .slide-text {
	-webkit-transition: opacity .8s linear;
	   -moz-transition: opacity .8s linear;
		-ms-transition: opacity .8s linear;
		 -o-transition: opacity .8s linear;
			transition: opacity .8s linear;
}

.intro-slider .slide-text h1 {
	-webkit-transition: -webkit-transform .8s ease, opacity .8s linear;
	   -moz-transition: -moz-transform .8s ease, opacity .8s linear;
		-ms-transition: -ms-transform .8s ease, opacity .8s linear;
		 -o-transition: -o-transform .8s ease, opacity .8s linear;
			transition: transform .8s ease, opacity .8s linear;
}

.intro-slider .slide-text p {
	-webkit-transition: -webkit-transform .6s ease .2s, opacity .6s linear .2s;
	   -moz-transition: -moz-transform .6s ease .2s, opacity .6s linear .2s;
		-ms-transition: -ms-transform .6s ease .2s, opacity .6s linear .2s;
		 -o-transition: -o-transform .6s ease .2s, opacity .6s linear .2s;
			transition: transform .6s ease .2s, opacity .6s linear .2s;
}

.intro-slider .slide-text .btn {
	-webkit-transition: -webkit-transform .6s ease .4s, opacity .6s linear .4s, background-color .3s ease;
	   -moz-transition: -moz-transform .6s ease .4s, opacity .6s linear .4s, background-color .3s ease;
		-ms-transition: -ms-transform .6s ease .4s, opacity .6s linear .4s, background-color .3s ease;
		 -o-transition: -o-transform .6s ease .4s, opacity .6s linear .4s, background-color .3s ease;
			transition: transform .6s ease .4s, opacity .6s linear .4s, background-color .3s ease;
}

.btn-order-l .btn-circle-container {
	-webkit-transition: -webkit-transform .3s ease;
	   -moz-transition: -moz-transform .3s ease;
		-ms-transition: -ms-transform .3s ease;
		 -o-transition: -o-transform .3s ease;
			transition: transform .3s ease;
}

.box-order .box-back-girl,
.box-order .box-back-shadow {
	-webkit-transition: -webkit-transform .35s ease .15s;
	   -moz-transition: -moz-transform .35s ease .15s;
		-ms-transition: -ms-transform .35s ease .15s;
		 -o-transition: -o-transform .35s ease .15s;
			transition: transform .35s ease .15s;
}

.checked .box-order .box-back-girl,
.checked .box-order .box-back-shadow {
	-webkit-transition: -webkit-transform .35s ease .15s, opacity 0s linear .15s;
	   -moz-transition: -moz-transform .35s ease .15s, opacity 0s linear .15s;
		-ms-transition: -ms-transform .35s ease .15s, opacity 0s linear .15s;
		 -o-transition: -o-transform .35s ease .15s, opacity 0s linear .15s;
			transition: transform .35s ease .15s, opacity 0s linear .15s;
}

.box-order .box-front,
.box-order .box-back,
.box-order .box-back-arm,
.box-order .box-back-hand {
	-webkit-transition: opacity 0s linear .15s;
	   -moz-transition: opacity 0s linear .15s;
		-ms-transition: opacity 0s linear .15s;
		 -o-transition: opacity 0s linear .15s;
			transition: opacity 0s linear .15s;
}

.box-order .box-back-arm {
	-webkit-transform: translate3d(0,0,1px);
}

.ico-animated-label,
.section-works-nav-fixed li a strong,
.btn-risk-free,
.popup-loading.popup-loading-show,
.section-clients-feedback .arrow-more-show,
.no-touch .pricing-btns li:hover .pricing-tip {
	-webkit-transition: opacity .3s ease, visibility 0s linear;
	   -moz-transition: opacity .3s ease, visibility 0s linear;
		-ms-transition: opacity .3s ease, visibility 0s linear;
		 -o-transition: opacity .3s ease, visibility 0s linear;
			transition: opacity .3s ease, visibility 0s linear;
}
.pricing-nav-fixed .ico-animated-label,
.fixed .section-works-nav-fixed li a strong,
.popup-loading,
.section-clients-feedback .arrow-more,
.intro-loading-text,
.pricing-tip {
	-webkit-transition: opacity .3s ease, visibility 0s linear .3s;
	   -moz-transition: opacity .3s ease, visibility 0s linear .3s;
		-ms-transition: opacity .3s ease, visibility 0s linear .3s;
		 -o-transition: opacity .3s ease, visibility 0s linear .3s;
			transition: opacity .3s ease, visibility 0s linear .3s;
}

.testimonial {
	-webkit-transition: -webkit-transform .5s ease-out, opacity .5s linear;
	   -moz-transition:    -moz-transform .5s ease-out, opacity .5s linear;
		-ms-transition: 	-ms-transform .5s ease-out, opacity .5s linear;
		 -o-transition: 	 -o-transform .5s ease-out, opacity .5s linear;
			transition: 		transform .5s ease-out, opacity .5s linear;
}

.ios-device .form-totals-container {
	-webkit-transition: top .3s ease, margin .3s ease;
}

@media screen and (max-width: 1150px) {
	.btn-risk-free {
		-webkit-transition: opacity .3s ease, visibility 0 linear .3s;
		   -moz-transition: opacity .3s ease, visibility 0 linear .3s;
			-ms-transition: opacity .3s ease, visibility 0 linear .3s;
			 -o-transition: opacity .3s ease, visibility 0 linear .3s;
				transition: opacity .3s ease, visibility 0 linear .3s;
	}
}

.clients-image-mask {
	-webkit-transition: left 1s ease, right 1s ease;
	   -moz-transition: left 1s ease, right 1s ease;
		-ms-transition: left 1s ease, right 1s ease;
		 -o-transition: left 1s ease, right 1s ease;
			transition: left 1s ease, right 1s ease;
}

.section-clients-image img {
	opacity: 0;

	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
}

.section-clients-loaded img {
	opacity: 1;

	-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;
}

.section-clients-image img {
	-webkit-transition: -webkit-transform .6s ease, opacity .6s linear;
	   -moz-transition:    -moz-transform .6s ease, opacity .6s linear;
		-ms-transition: 	-ms-transform .6s ease, opacity .6s linear;
		 -o-transition: 	 -o-transform .6s ease, opacity .6s linear;
			transition: 		transform .6s ease, opacity .6s linear;
}

.ios-device .section-more { -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0,0,0); }

.section-nav-bg {
	-webkit-transition: background .3s linear;
	   -moz-transition: background .3s linear;
		-ms-transition: background .3s linear;
		 -o-transition: background .3s linear;
			transition: background .3s linear;
}

.preloading .slide1 .slide-mascot-default {
	-webkit-transform: translate3d(-355px,0,0);
	   -moz-transform: translate3d(-355px,0,0);
		-ms-transform: translate3d(-355px,0,0);
		 -o-transform: translate3d(-355px,0,0);
			transform: translate3d(-355px,0,0);
}

.preloaded .slide1 .slide-mascot-default {
	-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;

	-webkit-transition: -webkit-transform .8s ease;
	   -moz-transition:    -moz-transform .8s ease;
		-ms-transition: 	-ms-transform .8s ease;
		 -o-transition: 	 -o-transform .8s ease;
			transition: 		transform .8s ease;
}

.intro-slider-nav li a {
	-webkit-transform: translate3d(0,20px,0);
	   -moz-transform: translate3d(0,20px,0);
		-ms-transform: translate3d(0,20px,0);
		 -o-transform: translate3d(0,20px,0);
			transform: translate3d(0,20px,0);
}

.loaded .intro-slider-nav li a {
	-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;
}

.intro-slider-nav li a {
	-webkit-transition: opacity .5s linear, -webkit-transform .5s ease;
	   -moz-transition: opacity .5s linear,    -moz-transform .5s ease;
		-ms-transition: opacity .5s linear,  	-ms-transform .5s ease;
		 -o-transition: opacity .5s linear,  	 -o-transform .5s ease;
			transition: opacity .5s linear,  		transform .5s ease;
}

.intro-slider-nav li + li a {
	-webkit-transition-delay: .08s;
	   -moz-transition-delay: .08s;
		-ms-transition-delay: .08s;
		 -o-transition-delay: .08s;
			transition-delay: .08s;
}

.intro-slider-nav li + li + li a {
	-webkit-transition-delay: .16s;
	   -moz-transition-delay: .16s;
		-ms-transition-delay: .16s;
		 -o-transition-delay: .16s;
			transition-delay: .16s;
}

.intro-slider-nav li + li + li + li a {
	-webkit-transition-delay: .24s;
	   -moz-transition-delay: .24s;
		-ms-transition-delay: .24s;
		 -o-transition-delay: .24s;
			transition-delay: .24s;
}

.intro-slider-nav li + li + li + li + li a {
	-webkit-transition-delay: .32s;
	   -moz-transition-delay: .32s;
		-ms-transition-delay: .32s;
		 -o-transition-delay: .32s;
			transition-delay: .32s;
}

.intro-slider-nav li + li + li + li + li + li a {
	-webkit-transition-delay: .40s;
	   -moz-transition-delay: .40s;
		-ms-transition-delay: .40s;
		 -o-transition-delay: .40s;
			transition-delay: .40s;
}

.intro-slider-nav li + li + li + li + li + li + li a {
	-webkit-transition-delay: .48s;
	   -moz-transition-delay: .48s;
		-ms-transition-delay: .48s;
		 -o-transition-delay: .48s;
			transition-delay: .48s;
}

@-webkit-keyframes testimonials_arrow {
	0% { -webkit-transform: translateY(0); }
	25% { -webkit-transform: translateY(-15px); }
	75% { -webkit-transform: translateY(15px); }
	100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes testimonials_arrow {
	0% { -moz-transform: translateY(0); }
	25% { -moz-transform: translateY(-15px); }
	75% { -moz-transform: translateY(15px); }
	100% { -moz-transform: translateY(0); }
}

@-ms-keyframes testimonials_arrow {
	0% { -ms-transform: translateY(0); }
	25% { -ms-transform: translateY(-15px); }
	75% { -ms-transform: translateY(15px); }
	100% { -ms-transform: translateY(0); }
}

@-o-keyframes testimonials_arrow {
	0% { -o-transform: translateY(0); }
	25% { -o-transform: translateY(-15px); }
	75% { -o-transform: translateY(15px); }
	100% { -o-transform: translateY(0); }
}

@keyframes testimonials_arrow {
	0% { transform: translateY(0); }
	25% { transform: translateY(-15px); }
	75% { transform: translateY(15px); }
	100% { transform: translateY(0); }
}

.section-clients-feedback .arrow-more {
	-webkit-animation: testimonials_arrow 1.2s linear infinite;
	   -moz-animation: testimonials_arrow 1.2s linear infinite;
		-ms-animation: testimonials_arrow 1.2s linear infinite;
		 -o-animation: testimonials_arrow 1.2s linear infinite;
			animation: testimonials_arrow 1.2s linear infinite;
}

.pricing-box-inner {
	-webkit-transition: border-color .3s ease;
	   -moz-transition: border-color .3s ease;
		-ms-transition: border-color .3s ease;
		 -o-transition: border-color .3s ease;
			transition: border-color .3s ease;
}


@media screen and (max-width: 1024px) {
	.mini-header .header {
		-webkit-transform: none;
		   -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;
	}

	.mini-header .header .shell {
		-webkit-animation: none;
		   -moz-animation: none;
			-ms-animation: none;
			 -o-animation: none;
				animation: none;
	}

	.mini-header .page-samples-detailed .header {
		-webkit-transform: translate3d(0,-45px,0);
		   -moz-transform: translate3d(0,-45px,0);
		    -ms-transform: translate3d(0,-45px,0);
		     -o-transform: translate3d(0,-45px,0);
		        transform: translate3d(0,-45px,0);
	}

	.mini-header .page-samples-detailed .header .shell {
		-webkit-animation: mini_header_header_inner .3s ease-out;
		   -moz-animation: mini_header_header_inner .3s ease-out;
		    -ms-animation: mini_header_header_inner .3s ease-out;
		     -o-animation: mini_header_header_inner .3s ease-out;
		        animation: mini_header_header_inner .3s ease-out;
	}
}

@media screen and (max-width: 1023px) {
	.intro-slider ::selection { background: rgba(138,193,178,.5); }
	.intro-slider ::-moz-selection { background: rgba(138,193,178,.5); }

	.nav {
		-webkit-transition: -webkit-transform .5s ease;
		   -moz-transition:    -moz-transform .5s ease;
			-ms-transition: 	-ms-transform .5s ease;
			 -o-transition: 	 -o-transform .5s ease;
				transition: 		transform .5s ease;
	}

	.show-nav .nav {
		-webkit-transform: translate3d(200px,0,0);
		   -moz-transform: translate3d(200px,0,0);
			-ms-transform: translate3d(200px,0,0);
			 -o-transform: translate3d(200px,0,0);
				transform: translate3d(200px,0,0);
	}

	.nav-toggle {
		-webkit-transition: background-position .3s ease;
		   -moz-transition: background-position .3s ease;
			-ms-transition: background-position .3s ease;
			 -o-transition: background-position .3s ease;
				transition: background-position .3s ease;
	}

	.preloading .slide1 .slide-mascot-default {
		-webkit-transform: translate3d(-100px,0,0);
		   -moz-transform: translate3d(-100px,0,0);
			-ms-transform: translate3d(-100px,0,0);
			 -o-transform: translate3d(-100px,0,0);
				transform: translate3d(-100px,0,0);
	}

	.intro-slider-nav li a {
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
	}

	.intro-slider-nav li .ico-animated {
		-webkit-transform: scale(.71);
		   -moz-transform: scale(.71);
			-ms-transform: scale(.71);
			 -o-transform: scale(.71);
				transform: scale(.71);
	}

	.intro-slider-nav li.current .ico-animated {
		-webkit-transform: none;
		   -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;
	}

	.intro-slider-nav li .ico-animated {
		-webkit-transition: -webkit-transform .3s ease, background-color .3s ease;
		   -moz-transition:    -moz-transform .3s ease, background-color .3s ease;
			-ms-transition: 	-ms-transform .3s ease, background-color .3s ease;
			 -o-transition: 	 -o-transform .3s ease, background-color .3s ease;
				transition: 		transform .3s ease, background-color .3s ease;
	}

	.intro-arrow {
		-webkit-transition: opacity .5s ease;
		   -moz-transition: opacity .5s ease;
			-ms-transition: opacity .5s ease;
			 -o-transition: opacity .5s ease;
				transition: opacity .5s ease;
	}

	.mini-header .page-samples-detailed .header {
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}

	.intro-slider {
		-webkit-transition: margin .8s ease;
		   -moz-transition: margin .8s ease;
			-ms-transition: margin .8s ease;
			 -o-transition: margin .8s ease;
				transition: margin .8s ease;
	}

	.btn-close { top: 5px; }
}

@media screen and (max-width: 767px) {
	.section-more .nav-tabbed li span {
		-webkit-transform: scale(.71);
		   -moz-transform: scale(.71);
			-ms-transform: scale(.71);
			 -o-transform: scale(.71);
				transform: scale(.71);
	}

	.section-more .nav-tabbed li span {
		-webkit-transition: -webkit-transform .3s ease, background-color .3s ease;
		   -moz-transition:    -moz-transform .3s ease, background-color .3s ease;
			-ms-transition: 	-ms-transform .3s ease, background-color .3s ease;
			 -o-transition: 	 -o-transform .3s ease, background-color .3s ease;
				transition: 		transform .3s ease, background-color .3s ease;
	}

	.section-more .nav-tabbed li.current span,
	.testimonial,
	.intro-slider-nav li a,
	.btn-order-l .btn-circle-inner {
		-webkit-transform: none;
		   -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;
	}

	.intro-slider .slide-mascot-default {
		-webkit-transition: opacity .7s linear, -webkit-transform .7s ease;
		   -moz-transition: opacity .7s linear,    -moz-transform .7s ease;
			-ms-transition: opacity .7s linear, 	-ms-transform .7s ease;
			 -o-transition: opacity .7s linear, 	 -o-transform .7s ease;
				transition: opacity .7s linear, 		transform .7s ease;
	}

	.intro-slider .slide-mascot-default {
		-webkit-transform: translate3d(-200px,0,0);
		   -moz-transform: translate3d(-200px,0,0);
			-ms-transform: translate3d(-200px,0,0);
			 -o-transform: translate3d(-200px,0,0);
				transform: translate3d(-200px,0,0);
	}

	.intro-slider .slide.current .slide-mascot-default {
		-webkit-animation: none;
		   -moz-animation: none;
			-ms-animation: none;
			 -o-animation: none;
				animation: none;

		-webkit-transform: translate3d(0,0,0);
		   -moz-transform: translate3d(0,0,0);
			-ms-transform: translate3d(0,0,0);
			 -o-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}

	.intro-slider .slide.outgoing .slide-mascot-default {
		-webkit-animation: none;
		   -moz-animation: none;
			-ms-animation: none;
			 -o-animation: none;
				animation: none;

		-webkit-transition: opacity .4s linear .4s;
		   -moz-transition: opacity .4s linear .4s;
			-ms-transition: opacity .4s linear .4s;
			 -o-transition: opacity .4s linear .4s;
				transition: opacity .4s linear .4s;
	}

	.nav-tabbed a, .intro-slider-nav a, .nav-tabbed label,
	.order-type h4 {
		-webkit-transition: color .4s ease, background-color .4s ease;
		   -moz-transition: color .4s ease, background-color .4s ease;
			-ms-transition: color .4s ease, background-color .4s ease;
			 -o-transition: color .4s ease, background-color .4s ease;
				transition: color .4s ease, background-color .4s ease;
	}

	.testimonial { opacity: 1; }
}