/* ######################################################
table of contents
- FP
- PRICING
- WEBINARS
- PARTNERS
- FREE TOOLS
- TUTORIALS & CHEAT SHEETS
- eBOOKS
 product/free
- IMPRINT
- MEDIA QUERIES
###################################################### */






/* ###################################################### */
/* FP */
/* ###################################################### */

.mini_scr { position: absolute; box-shadow: 0 15px 35px rgba(90,102,120,.1), 0 5px 15px rgba(90,102,120,.1); width:48%;
 -webkit-transform: scale(.8);
				 -ms-transform: scale(.8);
     transform: scale(.8);
-webkit-transition: 2s;
				transition: 2s;
	 }
.mini_scr.animated {
 -webkit-transform: scale(1);
				 -ms-transform: scale(1);
     transform: scale(1);}

.landscape { background:url(../imgs/landscape.svg) no-repeat center 110%; background-size:75%;}
.card_pop { margin: -4em auto 0; z-index: 10;margin-bottom: 80px; }
.vid_trigger { width: 85%; -webkit-transition: .3s; transition: .3s }

.testimonial_portret { position: absolute; right: 0;bottom: 0;height: 500px;}
.testimonial_logo {position: absolute; right: 0; top: 0}
.testimonial_tab_wrapper {padding-top: 80px;padding-bottom: 86px; overflow: hidden;}
.testimonial_tab_wrapper, .testimonial_tab {height: 550px} /*set height to prevent page jumping*/
.testimonial_tab h3, .testimonial_tab > p {max-width: 600px}

.slidetabs > div { width: 33%; float: left;text-align: center; }
.icon_bg { display: block;margin: 16px auto -10px; width: 100px; height: 100px; text-align: center; border-radius:1.4em;line-height: 100px; background: #eff2f5;
        -webkit-transition: .3s ease;
        transition: .3s ease; }
.slidetabs > div { cursor: pointer;
        -webkit-transition: .3s ease;
        transition: .3s ease;}

.icon_bg svg { vertical-align: middle;}

/* SVG default styles */
.a { fill:none;stroke-linecap:round;stroke-miterlimit:10;fill-rule:evenodd;stroke:#14608e;}
.a_green { fill:none;stroke-linecap:round;stroke-miterlimit:10;fill-rule:evenodd;stroke:#35c190;}

.slidetabs .current * { color: #14608e }
.slidetabs .current .a { stroke: #fff}
.slidetabs .current:before { opacity: .9 }
.mini_testimonial {position: absolute; top: 1em; color: #fff; width: 50%; line-height: 1.2; }
.mini_testimonial.r {right: 1em; text-align: right; }
.mini_testimonial.l {left: 1em; text-align: left; }
.slidetabs_h3 {overflow: hidden; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.slidetabs_h3 li {display: block; float: left; margin:0;cursor: pointer; padding: 0 1em 4px; border-bottom: 1px solid;margin-left: 2px;opacity: .9 }
.slidetabs_h3 li.current {color:#35c190;}
.frame_h3 > div { width: 100% }
.logo_holder { position: absolute;bottom: 2em; width: 100%;}
.logo_holder img { height: 50px; max-width: 200px; float: left; margin-right: 1em; }

.scroll_down {display:block;width: 3em; height: 2.5em; padding-top: .5em; border-radius: 50%; background:#fff; text-align: center; position: absolute; top: -1.3em; left: 50%; -webkit-transform: translateX(-1.5em); -ms-transform: translateX(-1.5em); transform: translateX(-1.5em);z-index: 2;}

.testimonial_tab .small { color: #fff; opacity: .6 }

.appear { opacity: 0; -webkit-transition: 0.8s cubic-bezier(1,.02,.83,.67); transition: 0.8s cubic-bezier(1,.02,.83,.67);
				-ms-transform: translateY(2px);
				    transform: translateY(2px); 
-webkit-transform: translateY(2px); }
svg:hover .appear { opacity: 1; 
				-ms-transform: translateY(0); 
				    transform: translateY(0);
-webkit-transform: translateY(0); }

.cs_svg:hover .grow_width { stroke-dasharray: 100; stroke-dashoffset: 100; -webkit-animation: dash .5s cubic-bezier(.4,.02,.83,.67) forwards; animation: dash .5s cubic-bezier(.4,.02,.83,.67) forwards; }
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.cs_svg:hover .shake { -webkit-transform-origin: 20% 20%;  -ms-transform-origin: 20% 20%;  transform-origin: 20% 20%;
-webkit-animation: shake .5s;
		-ms-animation: shake .5s;
        animation: shake .5s;
 -webkit-animation-iteration-count: 3;
 		 -ms-animation-iteration-count: 3;
				 animation-iteration-count: 3; }

@-webkit-keyframes shake {
0%  { -webkit-transform: rotate(2deg);}
20% { -webkit-transform: rotate(-2deg);}
40% { -webkit-transform: rotate(6deg);}
60% { -webkit-transform: rotate(-5deg);}
80% { -webkit-transform: rotate(2deg);}
100% { -webkit-transform: rotate(-3deg);}
}

@keyframes shake {
0%  { -webkit-transform: rotate(2deg); transform: rotate(2deg);}
20% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
40% { -webkit-transform: rotate(6deg); transform: rotate(6deg);}
60% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
80% { -webkit-transform: rotate(2deg); transform: rotate(2deg);}
100% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg);}
}

.ss_svg .down{ -webkit-transition: 0.3s; transition: 0.3s; }
.ss_svg .first { opacity: 0; }
.ss_svg:hover .hide_me { opacity: 0 }
.ss_svg:hover .down { -webkit-transition: 0.8s cubic-bezier(.4,.02,.83,.67); transition: 0.8s cubic-bezier(.4,.02,.83,.67);
				-ms-transform: translateY(34px);
				    transform: translateY(34px);
-webkit-transform: translateY(34px);}
.ss_svg:hover .first { opacity: 1;-webkit-transition: 0.8s;transition: 0.8s; -webkit-transition-delay: .5s; transition-delay: .5s  }




/* ###################################################### */
/* PRICING */
/* ###################################################### */


.pricing { text-align: center;overflow: hidden;font-size: .95em;}
.pricing > div { float: left; width: 33%; margin-right: .5%; text-align: center; vertical-align: top;line-height:2;border-radius: 3px;}
.pricing > div.hide_for_ipad {margin-right: 0}
.pricing > div.agency {margin-right: 0}
.pricing h3 { margin: 0; font-size: 1.4em; padding: 14px 0 5px; text-align: center; color: #fff;font-weight: 700;}
.pricing .grad, .pricing .bg_green {height: 105px;border-radius: 3px 2px 0 0; padding-top:5px}
.pricing ._bg_white {padding: 14px 0 1em;}
.price { font-size: 1.6em; padding: .4em 0 .8em; margin: 0; color: #fff;line-height: .8;}
.price span { font-size: 16px; }
.pricing .cur_symbol {position:relative; top:-9px; left: -4px;font-size: 14px;}
.small_bt {width: 100%; box-sizing: border-box;}

.currency_switch {max-width: 200px; margin: 3.2em auto 0;}
.currency_switch strong,
.interval_switch strong,
.currency_switch .config_trigger { text-align: center;font-weight: 300; background: #14608e; display: inline-block; min-width: 22px; height: 30px; line-height: 30px; border-radius: 3px; color: #fff; margin:5px 3px; cursor: pointer; padding: 0 10px; font-size: 14px;}
.currency_switch .currency_sign.on,
.interval_switch strong.on { background: #35c190; }
.currency_switch .config_trigger {min-width:118px;}
.config_trigger svg {margin-right: 8px;}
.show_600 { display: none; }

.pricing .popup { background: #b7c5cf; border:0; border-radius:2px;line-height: 1.4; white-space: normal; width: 240px; margin-left: -118px; min-height: 0; font-size: 14px; }
.pricing .popup:before { display: none; }
.pricing .popup:after { border: 10px solid transparent; border-top-color: #b7c5cf;left: 96%;}
.pricing .trigger { right: 10px; top:6px; width: 20px; height: 20px; position: absolute;}

.pricing .col_1 {background: #e6eaef;text-align: left;padding: .8em 0 1em 5%;margin-top: 60px;}
.col_1.pricing_details {margin-top: 98px}
.col_1_switches { margin-right: 0 !important;}
.col_1_switches .grad { background: transparent;}
.pricing strong svg {margin-right:11px; position: relative; top: 2px;}
.pricing strong svg g, .pricing strong svg path {fill:none;stroke:#72808e;stroke-linecap:round;stroke-miterlimit:10;fill-rule:evenodd}
.col_wrap {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.pricing .button {margin:10px 0}
.pricing_details.dropdown  { display: none;}
.offset { margin-left: 28px }
.separator { margin-top: .5em; }

.pricing ._bg_white ul.normal { padding-left: 20px;margin-top:0;}
.pricing ._bg_white ul.normal li { padding-left: 0;line-height: 1.4; margin: 8px 0; font-size: .9em; text-align: left;}

.ribbon_dia_wrap { overflow: hidden; position: absolute; right: -3px; top: -3px; width: 170px;height: 170px; line-height: 1 }
.ribbon_dia { padding: 13px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -60px; top: 26px; box-shadow: 0 2px 3px 0 rgba(90,102,120,.1); font-size: 20px; width: 240px}


.configurator { position: fixed; top:80px; font-size: .9em; left: 50%; margin-left:-400px; border-radius: 4px; width: 700px; height: auto; z-index: 10005; box-shadow: 2em 2em 5em rgba(90,102,120,.1);padding:14px 20px 20px 60px; }
.configurator form, .configurator .center_content { max-width: 500px; margin:auto;}
.center_content { text-align: left; }
.configurator ._wrapper_mini label { top: 2.5em;}
.configurator input[type=text], 
.configurator input[type=email], 
.configurator textarea { background: #5188ad; border-radius: 4px; width: 100%; box-sizing: border-box;border-color:transparent;color: #fff !important;}
.configurator input[type="email"].invalid {background: #e1496e;}
.configurator input[type=text], 
.configurator input[type=email] { height: 36px;}
.configurator textarea { height: 80px; }
.configurator ._wrapper_mini { padding-top: 1em }
.configurator .range_wrap { overflow: visible; padding-left: 0 }
.configurator .success_msg a { color: #fff; text-decoration: underline; font-weight: 600;}
.configurator .speech_bubble { background: #fff; width: 130px; text-align: center; color: #14608e; border-radius: 4px; padding: 10px 0; margin: 0 0 0 -15px; }
.configurator .speech_bubble:after { content: ''; display: block; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border:5px solid transparent; border-top-color: #fff;margin-left: -5px; }
.configurator .chat_close { background: transparent; padding: 10px; }
.configurator #result { margin: 133px 0; height: 350px;}
.configurator #result img { width: 100px; margin-bottom: 15px; }
.configurator button[disabled].green_bt,.configurator button[disabled].green_bt:hover { opacity: .7 }







/* ###################################################### */
/* WEBINARS */
/* ###################################################### */

.webinars .card {padding: 1em}
.webinars .card h3 {line-height: 1.2; margin-top: 1em;font-size: 1.8em;min-height: 6em;}
.webinars .card .button {position: absolute; left: 0; bottom: 0;border-radius: 0 0 3px 3px;}
.red_bt { background: #e1496e; cursor: default}

.card_date, .card_time { float: left;clear: left; }
.card_date:before, .card_time:before  { content: '';display: inline-block; width: 15px; height: 14px; background: no-repeat center; background-size: 14px; background-size: 14px; vertical-align: top; padding-top: 3px; margin-right: 6px;}
.card_date:before { background-image: url(../imgs/icon_date.png); }
.card_time:before { background-image: url(../imgs/icon_time.png); }

.card_subtitle { margin: -10px 0 70px }
.card_subtitle:before { content: ''; background-image: url(../imgs/flags@2x.png); background-repeat: no-repeat; height: 12px; display: inline-block; width: 20px; background-size: 5630px 15px; margin-right: 10px}
.card_subtitle.de:before { background-position: -1269px 0px; }
.card_subtitle.gb:before { background-position: -1775px 0px; }
.card_subtitle.fr:before { height: 14px; background-position: -1731px 0px; }

.booked_up { opacity: .8 }
.yellow { font-size: 13px;color: #ffca5a }
.webinar_tmp {background: rgba(20,96,142,.6); color: #fff; padding: 10px 1em; max-width: 700px; border-radius: 3px;}




/* ###################################################### */
/* PARTNERS */
/* ###################################################### */

.grid {position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; text-align: center; }
.grid figure {position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 340px; max-width: 480px; max-height: 318px; width: 31%; background: #14608e; text-align: center; cursor: pointer; border-radius: 4px; }
.grid figure picture img, .grid figure > picture {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none; }
.grid figure figcaption,
.grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid figure h2 {text-align: left;}
.grid figure h2 img {max-width: 200px; }
.grid figure h2,
.grid figure p {margin: 0; }
.grid figure p {font-size: 14px; line-height: 1.4; }

figure.effect-roxy picture img, 
figure.effect-roxy picture {max-width: none; width: 117%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	        transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s; 
	 -webkit-transform: translate3d(-50px,0,0);
	 				 transform: translate3d(-50px,0,0);}
figure.effect-roxy figcaption {padding: 2em; text-align: left; box-sizing: border-box; }
figure.effect-roxy h2 {padding: 36% 0 10px 0; }
figure.effect-roxy p {text-transform: none; opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	        transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s; 
	-webkit-transform: translate3d(-10px,0,0);
					transform: translate3d(-10px,0,0);}

.strategic .info { background: #fff; border-radius: 0 0 4px 4px; padding: 2em; overflow: hidden; margin-right: 1% }
.strategic .info .button { min-width: 190px;}




/* ###################################################### */
/* FREE TOOLS */
/* ###################################################### */

.textuniqueness > .half {width:47%;}
.textuniqueness > .half > .half {width:49%;}
.textuniqueness textarea {height:80px}
.white_block, textarea.white_block:focus, textarea.white_block:active, input.white_block { background-color: #fff !important; border: 0; margin: 0;line-height: 1.6; font-size: 14px; }
p.tt { background: #dce3ec; margin: 2em 0 0; position: relative; padding: 7px 3%; }
p.tt, .white_block, input.white_block { width: 94%; }
.white_block, input.white_block { padding: 15px 3%; }
.white_block.fat { padding-top: 20px;padding-bottom: 20px; }
.white_block.source {height: 100px; font-family: Courier, monospace; color: #33445c; }
.border_r { box-shadow: inset -8px 0 0 #35c190; }
.border_l { box-shadow: inset 8px 0 0 #ff801e; }
.textA { color: #35c190; }
.textB { color: #ff801e; }
.white_block.deco span { font-size: 1.8em; }
.textuniqueness .bt_wrap { padding:35px 0; background: url(../imgs/free_tools/bg_uniqueness.png) no-repeat center top; }
a.whatsthat { background: #b7c5cf; color: #fff; font-weight: 600; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; display: inline-block; text-align: center; margin-top: 6px; vertical-align: middle; float: right; font-size: 16px; }

.arrow_down {cursor: pointer;}
.arrow_down:before {content: ''; width: 0; height: 0; border:solid transparent; border-width: 9px 10px; border-top-color: #657b8b; top:20px; right: 20px; position: absolute; pointer-events: none;}

.robots .bt_wrap { padding:20px 0 140px; background: url(../imgs/free_tools/bg_robots.png) no-repeat center bottom;margin-bottom: 2em; }

.robots select { width: 92%; background: transparent; border: 0; cursor: pointer; margin: 0; color: #35c190;}
.robots .select_wrap:after {content: ''; top: 34px; border: 8px solid transparent; border-top-color: #35c190; height: 0; width: 0; position: absolute; right: 20px; pointer-events: none;}

.compatibility .results table td { background: transparent; border:0; vertical-align: top; word-break: break-all; min-width: 130px}
.results table td { padding: 0 10px 0}
.results h3 {margin-top: 1.6em}
.results .two_thirds table, .results .two_thirds textarea {margin-bottom:2em; width:90%}
.results .one_third table, .results .one_third textarea {margin-bottom:2em; width:100%}




/* ###################################################### */
/* TUTORIALS & CHEAT SHEETS */
/* ###################################################### */

.tutorial img.full_scr { max-width: 95%; margin: 2em 0; border: 6px solid #fff;border-radius: 2px; }
.teaser { max-width: 700px; margin: auto; text-align: center; }
.main_img { width: 50% }
.grunge { background: #14608e url(../images/grunge_white.png) center;  margin: auto; padding: 4em 0; }
.grunge h3 { color: #fff; position: relative; }
.grunge h3:after { content: ''; display: block; position: absolute; width: 108px; height: 108px; left: -150px; top: 50%; margin-top: -54px; background: url(../images/sprite_tut.png); background-position: center top }
.grunge h3.p2:after { background-position: center -258px }
.grunge h3.p3:after { background-position: center -519px }
.grunge h3.p4:after { background-position: center -129px }
.grunge h3.p5:after { background-position: center -387px }
.grunge h3.p6:after { background-position: center -650px }
.grunge h3.p7:after { background-position: center bottom }

.padded_left { max-width: 800px; margin: auto; }
div.padded_left { padding:80px 1em 100px; }
a.wiki_lnk { color: #14608e;background: #ffca5a; padding: 2px 6px }
a.wiki_lnk:hover { color:#fff; }
.prof { max-width: 100% }

.tipp { color: #fff; padding: 0.1em 80px 0.8em 2em; margin: 4em 0; border-radius: 2px; text-align: left; }
.tipp a { color: #fff; text-decoration: underline; }
.cheatsheet h3 { border-bottom: 4px solid #35c190; color: #fff; margin-top: 2em;}
.cheatsheet h3 span { background: #35c190; padding: 5px .8em 0; font-weight: 400;color: #fff;font-size: .8em;}
.cheatsheet .tipp { background: #14608e;}
.cheatsheet .tipp strong {font-size: 1.5em; color: #fff;}
.cheatsheet .tipp strong.not { color: #e1496e;}




/* ###################################################### */
/* eBOOKS */
/* ###################################################### */

.authors_wrap > div {overflow: hidden;}
.author_pic_full {float:left; margin:1.2em 1em 1em 0; background: no-repeat center top;background-size: 110px; width: 110px; height: 110px;}
.bg_img { background-repeat: no-repeat; min-height: 600px;}
.bg_img.bg_right {background-position:90% 60%; }
.bg_img.bg_left {background-position: -44px 3%; }
.bg_img.bg_right ._spacer { padding-right: 50% }
.bg_img.bg_left ._spacer { padding-left: 50% }
.ribbon {text-align: left; background: #ff801e; padding: 1em 1em 0 2em; color: #fff; font-size: 13px; text-transform: uppercase; position: absolute; left: -1em; top: 100px;display: block; z-index: 999; width: 140px; line-height: 1.4; height: 3.6em;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease; }
.ribbon:hover { left: 0; }
.ribbon:after {content: ''; position: absolute; display: block; bottom: 0; right: -1em; border: solid #ff801e; border-width: 2.31em .8em; border-right-color: transparent; z-index: -1; }

.floating_cloud { position: absolute;
-webkit-animation: wind 180s linear infinite;
				animation: wind 180s linear infinite;}

.floating_cloud_small { position: absolute;
-webkit-animation: wind 240s linear infinite;
				animation: wind 240s linear infinite;}
@-webkit-keyframes wind {
0%   { -webkit-transform: translateX(0); opacity: 0; }
1%  { -webkit-transform: translateX(20px); opacity:.8;}
99%  { -webkit-transform: translateX(1380px); opacity:.8; }
100% { -webkit-transform: translateX(1400px); opacity: 0;}
}
.card .button:not(#bt_submit) {height: 50px;line-height: 50px}



/* product/free */
.free_checklist {text-align:left; max-width:270px; margin: auto;}
.free_checklist li span {display: inline-block; text-align: right; width: 30px; margin-right: 10px; font-weight: bold; }




/* ###################################################### */
/* CASES */
/* ###################################################### */

.case_window { margin-right: 3em }
.case_window img { max-width:100%; display:block;border: 4px solid #e6eaef; border-radius: 4px; }
ul.deco.case { margin-top: 3em; line-height: 1.4 !important }
ul.deco.case li { margin-bottom: 1em; }
.case .check { width: 1.4em; float: left; display: inline-block;}
ul.deco.case li b { overflow: hidden;display: block;}





/* ###################################################### */
/* IMPRINT */
/* ###################################################### */

/* imprint balloon animation */
@-webkit-keyframes balloon {
	0%   { background-position: 0% 100%; opacity: 0; }
	10%  { background-position: 10% 90%; opacity: 1;}
	50%  { background-position: 50% 80%; opacity: 1;}
	90%  { background-position: 90% 90%; opacity: 1; }
	100% { background-position: 100% 100%;  opacity: 0;}
}
@keyframes balloon {
	0%   { background-position: 0% 100%; opacity: 0; }
	10%  { background-position: 10% 90%; opacity: 1;}
	50%  { background-position: 50% 80%; opacity: 1;}
	90%  { background-position: 90% 90%; opacity: 1; }
	100% { background-position: 100% 100%;  opacity: 0;}
}
.balloon_wrap	{
	width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:url(../imgs/hot_balloon.png) no-repeat;
	-webkit-animation: balloon 120s linear infinite;
					animation: balloon 120s linear infinite;
}





/* ###################################################### */
/* MEDIA QUERIES */
/* ###################################################### */

@media only screen and (max-width: 480px) {
	.testimonial_tab_wrapper {padding-bottom: 110px}
	.card_pop {width: 90%}
	.slidetabs_h3 li {padding: 0 3px}
/* tutorials */
	.tipp p { font-size: 15px }
	.main_img { width: 90% }
/* free tools */
	input.white_block {height: 65px !important;width: 100%; }
	.white_block, .robots select {width: 100%;}

	.grid figure {margin: 5px auto; width: 100%; min-width: 0; height: 200px; } /* partners */
	.w500 {max-width:320px; height:180px;}																			/* X webinars */

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.lp_100pp .authors li {width: 100%}																			 /* ebooks */
	.grid figure {margin: 5px 1%; width: 48%; min-width: 0; height: 180px; } /* partners */
}


@media only screen and (max-width: 600px) {
	.pricing > div { width: 100% !important;}
	.hide_600 { display: none; }
	.show_600 { display: block; margin-top: 3em; margin-bottom: 4px;}
}


@media only screen and (max-width: 767px) {
/* FP */
	.testimonial_tab .deco { max-width: none }
	.testimonial_tab_wrapper, .testimonial_tab { height: 500px; }
	.testimonial_portret { display: none;}
	.landscape { background-position: center bottom; background-size:95%;}
	
	.copyright {position: relative; left: auto; bottom: auto; margin:1.5em 0; display: block;}
	.shade_heading { z-index: 0}
	.shade_heading {position: relative; width: 96%; bottom: 0; padding-right: 2%; padding-left: 2%;}


	.textuniqueness .half, .textuniqueness > .half > .half, .padded_side .half, .compatibility .half, .opportunity .one_third {
					width: 100%; float: none; padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0;}
/* ebooks & tutorials */
	.bg_img.bg_left, .bg_img.bg_right { background: none !important; }
	.bg_img.bg_left ._spacer, .bg_img.bg_right ._spacer { padding-left: 0; padding-right: 0; width: 100% }
	.padded_left, div.padded_left { padding-left: 0 }
	.grunge h3:after { display: none; }
/* free-tools */
	.border_r { box-shadow: inset 8px 0 0 #35c190; }
	.bt_wrap { background: none !important; padding: 2em 0 !important; }
	.textuniqueness .deco.r_a { text-align: left; }

	a.case_scroller {bottom:-20px; left:1em;}											/* webinars */
	.w500 {max-width:460px; height:259px; margin-bottom: 2em}			/* cases */
	figure.effect-roxy h2 {padding:0 !important;}
	figure.effect-roxy picture img, figure.effect-roxy picture {width: 104%;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	.webinars .card h3 {min-height:2em;}
	.ribbon_dia .tiny { display: none}

	.configurator { position: fixed;top:0;left:0; margin:0; width:92%;padding:0 4%;height:100%; overflow: scroll; border-radius: 0 }
	.configurator ._wrapper_mini {padding-top: 2.5em;}
	.configurator .range_wrap {width: 96%;}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.grunge h3:after { display: none; }
}

@media (min-width: 768px) {
	header.fp {min-height: 800px;}
	.fp .wrap_l input {width: 90%;}
	.configurator label { position: absolute; top: 0; left: -120px; display: block; width: 100px; text-align: right; line-height: 1.2}

/* partners */
	.webinars .card {min-height: 320px;}
	figure.effect-roxy figcaption::before {position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		        transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s; 
		 -webkit-transform: translate3d(-20px,0,0);
						 transform: translate3d(-20px,0,0);}
	figure.effect-roxy:hover figcaption::before,
	figure.effect-roxy:hover p {opacity: 1; 
		-webkit-transform: translate3d(0,0,0);
						transform: translate3d(0,0,0);}
	figure.effect-roxy:hover > img, 
	figure.effect-roxy:hover picture {opacity: 0.7; 
	-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
		 -webkit-filter: blur(3px); 
						 filter: blur(3px);}
}

@media only screen and (min-width: 768px) and (max-width: 1045px) {
	.webinars .one_third {width:33.33%;padding: 0}
	.webinars .card h3 {font-size: 1.6em;}
	.webinars .card h3 {min-height:5em;}
	.fp .card {margin-top: 100px}
	.configurator .range_wrap {width: 96%; margin-top: 20px} /* overrride */
}

@media only screen and (max-width: 1045px) {
/* FP */
	.slidetabs_h3 {position: relative;}
	.testimonial_tab h3.bt_margin {margin-bottom: 0}
	.testimonial_tab .deco { font-size: 18px;max-width: 400px }
	.testimonial_portret { height: 380px }
	.testimonial_logo { position: relative;max-width: 150px; max-height: 50px;}
	.fp .card {background: transparent;box-shadow: none;}
	.fp .card h1, .fp .card li, .fp .card p {color:#fff;}
	.fp ul.deco_branded.deco_branded_green li:before {background-image: url(../imgs/ico_ryte_w.svg); }
	.card_pop {width: 94%}
/* pricing */
	.pricing h3 em {line-height: 1.2;}
	.pricing p span {font-size:15px;}
	.price {padding-left: 0; padding-right: 0; }
	.pricing > div { width: 49.5%; margin-bottom: 4px;}
/*	.pricing > div.agency { width: 99.5%}*/
	.pricing ._bg_white {padding-top: 1.5em}
	.currency_switch { margin-top: 0 }
	.currency_switch .currency_sign {min-width: 0;}
	.pricing .col_1_switches { width: auto; float: none; height: auto; padding-top: 0 }
	.col_1_switches .grad { padding-top: 0;height: auto; min-height: 3em}
	.currency_switch, .interval_switch { display: inline-block; white-space: nowrap;}
  .pricing_details {display: none !important;}
	.separator { line-height: 1; }
}
@media only screen and (max-width: 1280px) and (min-width: 1046px) {
	.testimonial_tab_wrapper, .testimonial_tab {height: 450px} 
	.testimonial_portret {height: 400px} 
}

@media only screen and (max-width: 1280px) {
	.testimonial_tab .deco {font-size: 1em; }
	}
	
@media only screen and (min-width: 1046px) {
	.flex_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.flex_header.fp {height:calc(100vh + 36px);}
	.center_v { max-width:600px; position: absolute;right:3%; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 3% }
	.fp h1 {margin: 0;}
/*	.pricing.flex_container { padding-top:15px;}
	.pricing.flex_container .pro { top:-15px;}
	.pricing .pro .grad { padding-top: 10px; padding-bottom: 10px}*/
	.currency_switch { margin: 1em auto 0;}
	.blue_grad_inv {opacity: .07; mix-blend-mode: multiply;}
	.t_readmore {margin-left:8.5em}
	.frame h3 { margin-top:1.5em }
	.webinars .card h3 {min-height:4em;}
	.highlight {background:rgba(239, 242, 245, 0.6)}
}

@media only screen and (min-width: 1400px) {
	.mini_testimonial {font-size: 1.2em; }
	}