/**
 * Smiley project CSS 
 */

/* generic emoji styles */
.wp-emoji, .wp-emoji:before {
	display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */
}

.wp-emoji {
	position: relative !important; /* shouldn't have been necessary, but some themes set this to static */
	vertical-align: bottom;

	/* this will be a line-height tall wrapper for vertically centering the smiley */
	width: 1.375em;
	overflow: hidden;
	white-space: nowrap;	
	text-indent: 9999px;
	min-height: 1.2em; /* for really small lineheights */
}

/* Firefox does weird things with text-indent and selection */
@-moz-document url-prefix() { 
	.wp-emoji {
		text-indent: 0;
		text-align: center;
		color: rgba(255,255,255,0);
		overflow: visible;
	}
}

/* @noflip */
.wp-emoji:before {
	/* vertically center the smiley */
	position: absolute;
	content: "";
	
	/* height/width for IE, Firefox and non-webkit browsers */
	height: 1.25em;
	width: 1.375em;
	margin-top: -0.625em; /* minus half the height of the smiley */

	left: 0;
	top: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

/* WebKit specific hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.wp-emoji {
		width: 1.35em;
	}
    .wp-emoji:before {
		height: 1.4em;
		width: 1.35em;
		margin-top: -0.7em; /* minus half the height of the smiley */
    }
}

/* IE specific hacks */
@media screen and (min-width:0\0) {
	.wp-emoji {
		height: 1.2em;
		width: 1.38em;
	}
    .wp-emoji:before {
		width: 1.38em;
    }
}

/* individual smileys */
	/* PNGs are for IE8 fallbacks. Let's remove them some day please */
.wp-emoji-smile:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/smile.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/smile.svg), none;
}

.wp-emoji-wink:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wink.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/wink.svg), none;
}

.wp-emoji-bigsmile:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none;
}

.wp-emoji-heart:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/heart.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/heart.svg), none;
}

.wp-emoji-neutral:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/neutral.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/neutral.svg), none;
}

.wp-emoji-uneasy:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none;
}

.wp-emoji-lol:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/lol.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/lol.svg), none;
}

.wp-emoji-sad:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/sad.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/sad.svg), none;
}

.wp-emoji-cry:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cry.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/cry.svg), none;
}

.wp-emoji-evilgrin:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none;
}

.wp-emoji-twisted:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/twisted.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/twisted.svg), none;
}

.wp-emoji-evil:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/evil.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/evil.svg), none;
}

.wp-emoji-surprised:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/surprised.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/surprised.svg), none;
}

.wp-emoji-tongue:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/tongue.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/tongue.svg), none;
}

.wp-emoji-angry:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/angry.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/angry.svg), none;
}

.wp-emoji-burrito:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/burrito.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/burrito.svg), none;
}
.wp-emoji-burrito, .wp-emoji-burrito:before {
	width: 1.6em;
}

.wp-emoji-wordpress:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none;
}

.wp-emoji-mindblown:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none;
}

.wp-emoji-mindblown-alt:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none;
}

.wp-emoji-martini:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/martini.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/martini.svg), none;
}

.wp-emoji-whiterussian:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none;
}

.wp-emoji-star:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/star.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/star.svg), none;
}

.wp-emoji-developer:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/developer.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/developer.svg), none;
}
.wp-emoji-developer, .wp-emoji-developer:before {
	width: 1.5em;
}

.wp-emoji-facepalm:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none;
}
.wp-emoji-facepalm, .wp-emoji-facepalm:before {
	width: 1.4em;
}

.wp-emoji-bear:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/bear.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/bear.svg), none;
}

.wp-emoji-mrgreen:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none;
}

.wp-emoji-arrow:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/arrow.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/arrow.svg), none;
}

.wp-emoji-confused:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/confused.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/confused.svg), none;
}

.wp-emoji-cool:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/cool.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/cool.svg), none;
}

.wp-emoji-idea:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/idea.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/idea.svg), none;
}

.wp-emoji-blush:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/blush.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/blush.svg), none;
}

.wp-emoji-oops:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/oops.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/oops.svg), none;
}

.wp-emoji-rolleyes:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none;
}

.wp-emoji-exclaim:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none;
}

.wp-emoji-question:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/question.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/question.svg), none;
}

.wp-emoji-kitten:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/kitten.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/kitten.svg), none;
}

.wp-emoji-momface:before {
	background-image: url(/wp-content/mu-plugins/smileyproject/default/ie/momface.png);
	background-image: url(/wp-content/mu-plugins/smileyproject/default/momface.svg), none;
}


/* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */
@-moz-document url-prefix() { 
	.wp-emoji-rolleyes {
		letter-spacing: -.2em;
	}

	.wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused {
		letter-spacing: -.25em;
	}

	.wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star {
		letter-spacing: -.3em;
	}

	.wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm {
		letter-spacing: -.35em;
	}

}




/**
 * Like Button toolbar button, loading text & container styles
 *
 * @todo: doesn't look like "style.css" is used anymore.
 */


/* Master container */
#jp-post-flair {
	padding-top: .5em;
}

/* Overall Sharedaddy block title */
div.sharedaddy,
#content div.sharedaddy,
#main div.sharedaddy {
	clear: both;
}

div.sharedaddy h3.sd-title {
	margin: 0 0 1em 0;
	display: inline-block;
	line-height: 1.2;
	font-size: 9pt;
	font-weight: bold;
}

div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 1px solid #ddd;
	margin-bottom: 1em;
}


/* Toolbar */
#wpadminbar li#wp-admin-bar-admin-bar-likes-widget {
	width: 61px;
	overflow: hidden;
}

#wpadminbar iframe.admin-bar-likes-widget {
	width: 61px;
	height: 28px;
	min-height: 28px;
	border-width: 0px;
	position: absolute;
	top: 0;
}

div.jetpack-likes-widget-wrapper {
	width: 100%;
	min-height: 50px;	/* Previous height, 60px */
	position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
}

div.jetpack-likes-widget-wrapper .sd-link-color {
	font-size: 12px;
}

div.jetpack-likes-widget-wrapper.slim-likes-widget {
	width: 1px; /* initial default */
	min-height: 0;
}

#likes-other-gravatars {
	display: none;
	position: absolute;
	padding: 10px 10px 12px 10px;
	background-color: #2e4453;
	border-width: 0;
	box-shadow: 0 0 10px #2e4453;
	box-shadow: 0 0 10px rgba(46,68,83,.6);
	min-width: 130px;
	z-index: 1000;
}

#likes-other-gravatars * {
	line-height: normal;
}

#likes-other-gravatars .likes-text {
	color: white;
	font-size: 12px;
	padding-bottom: 8px;
}

#likes-other-gravatars ul,
#likes-other-gravatars li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}

#likes-other-gravatars li::before {
	content: "";
}

#likes-other-gravatars ul.wpl-avatars {
	overflow: auto;
	display: block;
	max-height: 190px;
}

#likes-other-gravatars ul.wpl-avatars li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 5px 5px 0;
}

#likes-other-gravatars ul.wpl-avatars li a {
	margin: 0 2px 0 0;
	border-bottom: none !important;
	display: block;
}

#likes-other-gravatars ul.wpl-avatars li a img {
	background: none;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	position: static;
}

div.sd-box {
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0,0,0,.13);
}

.entry-content .post-likes-widget, .post-likes-widget,
.comment-likes-widget {
	margin: 0;
	border-width: 0;
	display: block;
}


/* Loading text */
.post-likes-widget-placeholder {
	margin: 0;
	border-width: 0;
	position: relative;
}

.post-likes-widget-placeholder .button {
	display: none;	/* Let's not show a dummy like button, let's just make a great button experience once it's loaded */
}

.post-likes-widget-placeholder .button span {
}

.post-likes-widget-placeholder .loading {
	color: #999;
	font-size: 12px;
}

.slim-likes-widget .post-likes-widget {
	width: auto;
	float: none;
}


/* Like Special cases (display on it's own) */
div.sharedaddy.sd-like-enabled .sd-like h3 {
	display: none;
}

div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
	width: 100%;
	float: none;
	position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */
	top: 0;
}

.comment-likes-widget {
	width: 100%;
}


/* Make ratings block. @todo: make !important unnecessary by removing inline style */
.pd-rating {
	display: block !important;
}


/* Hide G+ title */
.sd-gplus .sd-title {
	display: none;
}
/**
 * Add text colors to the playlist shortcode light color scheme.
 * 
 * Core ticket: https://core.trac.wordpress.org/ticket/27562
 */

.wp-playlist-light {
	color: #000;
}

.wp-playlist-light .wp-playlist-item {
	color: #333;
}

.wp-playlist-light .wp-playlist-playing {
	background: #fff;
	color: #000;
}

.wp-playlist-dark .wp-playlist-item .wp-playlist-caption {
	color: #fff;
}

.wp-playlist-caption {
	display: block;
}/**
 * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper
 */

/* Invert stats sparkline on light theme */
body.admin-color-mp6-light li#wp-admin-bar-stats img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

/* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */
i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close {
	font: normal 20px/1 'dashicons' !important;
}

.dashicons, .dashicons-before:before {
	font-family: 'dashicons' !important;
}

.noticon {
	font-family: "Noticons" !important;
}.bbp-staff-role {
	color: #f1831e;
}

.bbp-a8c-reply {
	background: #e9eff3 !important;
	border: 1px solid #c8d7e1;
	width: 98% !important;
}/*
	CSS - Skype.com
	BASE
*/


/* Initialise
----------------------------------------------------------------------------------------------------*/

html {
	background-color: #596B6F;
}

body {
	background-color: #E4EEF2;
	margin: 0 0 -30px;
}

section {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

a {
	color: #0078CA;
}

a:hover {
	color: #00548D;
}

section, div, header, nav {
	zoom: 1;
}


/* Background Colours
----------------------------------------------------------------------------------------------------*/

.whiteBackground {
    background-color: #FFFFFF;
}

.lightFogBackground {
    background-color: #E4EEF2;
}

.blueBackground {
	background-color: #00AFF0;
}

.transparentBackground {
	background-color: transparent;
}

.gradientBackground {
	background-color: #F3F8FA;
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4EEF2 100%);
}

.blueBackground p {
	color: #FFFFFF;
}

.blueBackground a {
	color: #FFFFFF;
}

.blueBackground a:hover {
	color: #EFEEF2;
}


/* Alignments
----------------------------------------------------------------------------------------------------*/

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}


/* Form Factors
----------------------------------------------------------------------------------------------------*/

.isTablet,
.isMobile {
	display: none; 
}

.noDesktop {
	display: none !important;
}


/* Tablet version
------------------ */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.isTablet {
		display: block;
	}

	.isDesktop,
	.isMobile {
		display: none; 
	}

} /* end @media only screen and (min-width: 768px) and (max-width: 959px) */


/* Mobile version
------------------ */

@media only screen and (max-width: 767px) {

	.isMobile {
		display: block;
	}

	.isDesktop,
	.isTablet {
		display: none; 
	}

	.noDesktop {
		display: block !important;
	}

	.noMobile {
		display: none !important;
	}

} /* end @media only screen and (max-width: 767px) */
/*
	CSS - Skype.com
	GRID
*/


/* Container, & Rows
----------------------------------------------------------------------------------------------------*/
.container {
	max-width: 990px;
	min-width: 320px;
	margin: auto;
	width: 100%;
}

.row_1,
.row_2,
.row_3,
.row_4,
.row_5,
.row_6 {
	overflow: hidden;
	position: relative;
	height: 1%;
}


/* Inside & Outside
----------------------------------------------------------------------------------------------------*/

.outside {
	background-color: transparent;
}

.inside {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
    padding-right: 15px;
}


/* Columns
----------------------------------------------------------------------------------------------------*/

.column {
    margin-left: 15px;
    margin-right: 15px;
}

.inside .column {
	margin-top: 30px;
	margin-bottom: 30px;
}

/*.outside .column {
    margin-bottom: 30px;
    margin-top: 30px;
}

.outside div:first-child .column {
    margin-top: 0px;
}

.outside div:last-child .column {
    margin-bottom: 0px;
}*/

.column.flush {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline;
	float: left;
	position: relative;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
	margin-left: 0;
	margin-right: 0;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/


.row_2 .grid_1 {
	width: 50.0%;
}

.row_2 .grid_2 {
	width: 100.0%;
	float: none;
}


/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.row_3 .grid_1 {
	width: 33.3%;
}

.row_3 .grid_2 {
	width: 66.6%;
}

.row_3 .grid_3 {
	width: 100.0%;
	float: none;
}


/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/


.row_4 .grid_1 {
	width: 25.0%;
}

.row_4 .grid_2 {
	width: 50.0%;
}

.row_4 .grid_3 {
	width: 75.0%;
}

.row_4 .grid_4 {
	width: 100.0%;
	float: none;
}


/* Grid >> 5 Columns
----------------------------------------------------------------------------------------------------*/


.row_5 .grid_1 {
	width: 20.0%;
}

.row_5 .grid_2 {
	width: 40.0%;
}

.row_5 .grid_3 {
	width: 60.0%;
}

.row_5 .grid_4 {
	width: 80.0%;
}

.row_5 .grid_5 {
	width: 100.0%;
	float: none;
}


/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/


.row_6 .grid_1 {
	width: 16.6%;
}

.row_6 .grid_2 {
	width: 33.2%;
}

.row_6 .grid_3 {
	width: 49.8%;
}

.row_6 .grid_4 {
	width: 66.4%;
}

.row_6 .grid_5 {
	width: 83.0%;
}

.row_6 .grid_6 {
	width: 100.0%;
	float: none;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin-bottom: 30px;
}

.clear.zero {
	margin-bottom: 0px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}/*
	CSS - Skype.com
	SPACING
*/


/* Divides
----------------------------------------------------------------------------------------------------*/

.outside.divide_white,
.outside.divide_light,
.outside.divide_dark {
   margin-left: -15px;
   margin-right: -15px;
}

.inside.divide_white,
.inside.divide_light,
.inside.divide_dark {
   padding-left: 0;
   padding-right: 0;
}

.divide_white .grid_1,
.divide_white .grid_2,
.divide_white .grid_3,
.divide_white .grid_4,
.divide_white .grid_5,
.divide_white .grid_6 {
   border-left: 1px solid #FFFFFF;
}

.divide_light .grid_1,
.divide_light .grid_2,
.divide_light .grid_3,
.divide_light .grid_4,
.divide_light .grid_5,
.divide_light .grid_6 {
   border-left: 1px solid #E4EEF2;
}

.divide_dark .grid_1,
.divide_dark .grid_2,
.divide_dark .grid_3,
.divide_dark .grid_4,
.divide_dark .grid_5,
.divide_dark .grid_6 {
   border-left: 1px solid #C0DCE6;
}

.divide_white .grid_1:first-child,
.divide_white .grid_2:first-child,
.divide_white .grid_3:first-child,
.divide_white .grid_4:first-child,
.divide_white .grid_5:first-child,
.divide_white .grid_6:first-child,
.divide_light .grid_1:first-child,
.divide_light .grid_2:first-child,
.divide_light .grid_3:first-child,
.divide_light .grid_4:first-child,
.divide_light .grid_5:first-child,
.divide_light .grid_6:first-child,
.divide_dark .grid_1:first-child,
.divide_dark .grid_2:first-child,
.divide_dark .grid_3:first-child,
.divide_dark .grid_4:first-child,
.divide_dark .grid_5:first-child,
.divide_dark .grid_6:first-child {
   border-left: none;
}

.divide_white .column,
.divide_light .column,
.divide_dark .column {
   margin-left: 30px;
   margin-right: 30px;
}

.divide_white .column .no_box,
.divide_light .column .no_box,
.divide_dark .column .no_box {
   padding-left: 15px;
   padding-right: 15px;
}


/* Lines
----------------------------------------------------------------------------------------------------*/


.line_white {
   border-top: 1px solid #FFFFFF;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 20px;
}

.line_light {
   border-top: 1px solid #E4EEF2;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 20px;
}

.line_dark {
   border-top: 1px solid #C0DCE6;
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 20px;
}

.column .line_white,
.column .line_light,
.column .line_dark {
   padding-top: 30px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 30px;
}


/* Spacers
----------------------------------------------------------------------------------------------------*/


.spacer_6 {
	margin-bottom: 6px
}

.spacer_12 {
	margin-bottom: 12px
}

.spacer_18 {
	margin-bottom: 18px
}

.spacer_24 {
	margin-bottom: 24px
}

.spacer_30 {
	margin-bottom: 30px
}

.spacer_36 {
	margin-bottom: 36px
}

.spacer_42 {
	margin-bottom: 42px
}

.spacer_48 {
	margin-bottom: 48px
}

.spacer_54 {
	margin-bottom: 54px
}

.spacer_60 {
	margin-bottom: 60px
}



/*
	CSS - Skype.com
	COMPONENTS
*/


/* Text
----------------------------------------------------------------------------------------------------*/


/* Images
----------------------------------------------------------------------------------------------------*/

img {
    max-width: 100%;
}

<!--[if IE]>

	img {
	    width: 100%;
	}

<![endif]-->

.content_img {
	/*padding-bottom: 26px;*/
}

.inside .content_img.no_padding {
	margin: -30px -30px 0;
}

.outside .content_img.no_padding {
	margin-top: -30px;
	margin-bottom: -30px;
}


/* Text & Images
----------------------------------------------------------------------------------------------------*/

.content_img_text{
    width: 100%;
}

.content_img_text .imageContainer {
    width: 40%;
    float: left;
}

.content_img_text .textContainer {
    width: 60%;
    float: left;
}

.content_img_text.split_10_90 .imageContainer {
    width: 10%;
}

.content_img_text.split_10_90 .textContainer {
    width: 90%;
}

.content_img_text.split_20_80 .imageContainer {
    width: 20%;
}

.content_img_text.split_20_80 .textContainer {
    width: 80%;
}

.content_img_text.split_30_70 .imageContainer {
    width: 30%;
}

.content_img_text.split_30_70 .textContainer {
    width: 70%;
}

.content_img_text.split_40_60 .imageContainer {
    width: 40%;
}

.content_img_text.split_40_60 .textContainer {
    width: 60%;
}

.content_img_text.split_50_50 .imageContainer {
    width: 50%;
}

.content_img_text.split_50_50 .textContainer {
    width: 50%;
}

.content_img_text .imageContainer .imageHolder {
	margin-right: 15px;
}

.content_img_text .textContainer .textHolder {
	margin-left: 15px;
}


/* Back to Top
----------------------------------------------------------------------------------------------------*/


.backToTop {
	position: relative;
}

.backToTop a {
    background: url(/wp-content/themes/vip/skype-main/assets/css/../assets/images/features-menu-list-sprite.png) no-repeat scroll left top transparent;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 6px;
    width: 12px;
}/*
	CSS - Skype.com
	FONTS
*/


/* @font-face declarations for webfonts
* 
* TTF   - Works in most browsers except IE and iPhone.
* EOT   - IE only.
* WOFF  - Compressed, emerging standard.
* SVG   - iPhone/iPad.
*
----------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "Segoe UI Light";
	src: local("O"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-light-latin.woff) format("woff"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-light-latin.eot),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-light-latin.eot?) format("embedded-opentype"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-light-latin.ttf) format("truetype");
	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: "Segoe UI Regular";
	src: local("O"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-regular-latin.woff) format("woff"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-regular-latin.eot),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-regular-latin.eot?) format("embedded-opentype"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-regular-latin.ttf) format("truetype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Segoe UI Semibold";
	src: local("O"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-semibold-latin.woff) format("woff"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-semibold-latin.eot),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-semibold-latin.eot?) format("embedded-opentype"),
		 url(/wp-content/themes/vip/skype-main/assets/css/../assets/fonts/segoe-ui-semibold-latin.ttf) format("truetype");
	font-style: normal;
	font-weight: 400;
}


/* Generic shared typography styles
----------------------------------------------------------------------------------------------------*/

body {
	font: 14px/18px "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	color: #333534;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

	html[lang=ar] body {
		font-family: "Segoe UI Arabic Regular", "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	html[lang=ru] body {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Cyrillic Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	html[lang=el] body {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Greek Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	html[lang=he] body {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Hebrew Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

input, textarea, select {
	font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
}

	html[lang=ar] input,
	html[lang=ar] textarea,
	html[lang=ar] select {
		font-family: "Segoe UI Arabic Regular", "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	html[lang=ru] input,
	html[lang=ru] textarea,
	html[lang=ru] select {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Cyrillic Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	html[lang=el] input,
	html[lang=el] textarea,
	html[lang=el] select {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Greek Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	html[lang=he] input,
	html[lang=he] textarea,
	html[lang=he] select {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Hebrew Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

	h1, h2, h3, h4, h5, h6, p,
	#CQrte h1,
	#CQrte h2,
	#CQrte h3,
	#CQrte h4,
	#CQrte h5,
	#CQrte h6,
	#CQrte p,
	.title-h1,
	.title-h2,
	.title-h3,
	.title-h4,
	.title-h5 {
		margin-top: 0px;
		margin-bottom: 18px;
	}

		/*h2, h3 {
			margin-bottom: 12px;
		}*/

	small {
		font-size: 0.89em;
	}

	b, strong {
		font-weight: bold;
	}

	i, em {
		font-style: italic;
	}

	u {
		text-decoration: underline;
	}

	p:last-child {
			margin-bottom: 0;
	}


	h1,
	.title-h1,
	#CQrte h1,
	#CQrte .title-h1 {
		font-size: 36px;
		line-height: 42px;
		letter-spacing: -1px;
		font-weight: 200;
		font-family: "Segoe UI Light";
	}

		h1.semibold,
		.title-h1.semibold,
		#CQrte h1.semibold,
		#CQrte .title-h1.semibold,
		h1 strong,
		h1 b {
			font-weight: 400;
			font-family: "Segoe UI Regular";
		}


	h2,
	.title-h2,
	#CQrte h2,
	#CQrte .title-h2 {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -1px;
		font-weight: 200;
		font-family: "Segoe UI Light";
	}		

		h2.semibold,
		.title-h2.semibold,
		h2 strong,
		h2 b {
			font-weight: 400;
			font-family: "Segoe UI Regular";
		}


	h3,
	.title-h3,
	#CQrte h3,
	#CQrte .title-h3 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -1px;
		font-weight: 400;
		font-family: "Segoe UI Regular";
	}

		h3.semibold,
		#CQrte h3.semibold,
		h3 strong,
		h3 b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}


	h4,
	.title-h4,
	#CQrte h4,
	#CQrte .title-h4 {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -1px;
		font-weight: 400;
		font-family: "Segoe UI Regular";
	}

		h4.semibold,
		.title-h4.semibold,
		#CQrte h4.semibold,
		#CQrte .title-h4.semibold,
		h4 strong,
		h4 b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}


	p,
	#CQrte p {
		font-size: 16px;
		line-height: 20px;
		font-weight: 400;
	}

		p.smaller,
		p span.smaller,
		#CQrte p span.smaller {
			font-size: 14px;
			line-height: 18px;
		}

		p.smallest,
		p span.smallest,
		#CQrte p span.smallest {
			font-size: 12px;
			line-height: 18px;
		}

		p.semibold,
		p span.semibold,
		#CQrte p span.semibold,
		p strong,
		p b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}

		p.semilight {
			font-size: 13px;
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=50);
			margin-bottom: 0;
		}


	a,
	#CQrte a {
		text-decoration: none;
		color: #0078ca;
		cursor: hand;
		cursor: pointer;
	}

		a:hover {
			text-decoration: none;
			color: #00588d;
			cursor: hand;
			cursor: pointer;
		}


/* Desktop specific language styling
----------------------------------------------------------------------------------------------------*/

	/* Arabic */

	html[lang=ar] h1,
	html[lang=ar] h2,
	html[lang=ar] .title-h1,
	html[lang=ar] .title-h2 {
		font-family: "Segoe UI Arabic Light", "Segoe UI", "Segoe WP", "Segoe UI Light", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=ar] h1.semibold,
		html[lang=ar] h2.semibold,
		html[lang=ar] h1 strong,
		html[lang=ar] h2 strong,
		html[lang=ar] h1 b,
		html[lang=ar] h2 b,
		html[lang=ar] .title-h1.semibold,
		html[lang=ar] .title-h2.semibold,
		html[lang=ar] .title-h1 strong,
		html[lang=ar] .title-h2 strong,
		html[lang=ar] .title-h1 b,
		html[lang=ar] .title-h2 b {
			font-family: "Segoe UI Arabic Regular", "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}

	html[lang=ar] h3,
	html[lang=ar] h4,
	html[lang=ar] p,
	html[lang=ar] .title-h3,
	html[lang=ar] .title-h4 {
		font-family: "Segoe UI Arabic Regular", "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=ar] h3.semibold,
		html[lang=ar] h4.semibold,
		html[lang=ar] p.semibold,
		html[lang=ar] h3 strong,
		html[lang=ar] h4 strong,
		html[lang=ar] p strong,
		html[lang=ar] h3 b,
		html[lang=ar] h4 b,
		html[lang=ar] p b,
		html[lang=ar] .title-h3.semibold,
		html[lang=ar] .title-h4.semibold,
		html[lang=ar] .title-h3 strong,
		html[lang=ar] .title-h4 strong,
		html[lang=ar] .title-h3 b,
		html[lang=ar] .title-h4 b {
			font-family: "Segoe UI Arabic Semibold", "Segoe UI", "Segoe WP", "Segoe UI Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}


	/* Russian */

	html[lang=ru] h1,
	html[lang=ru] h2,
	html[lang=ru] .title-h1,
	html[lang=ru] .title-h2 {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Light", "Segoe UI Cyrillic Light", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=ru] h1.semibold,
		html[lang=ru] h2.semibold,
		html[lang=ru] h1 strong,
		html[lang=ru] h2 strong,
		html[lang=ru] h1 b,
		html[lang=ru] h2 b,
		html[lang=ru] .title-h1.semibold,
		html[lang=ru] .title-h2.semibold,
		html[lang=ru] .title-h1 strong,
		html[lang=ru] .title-h2 strong,
		html[lang=ru] .title-h1 b,
		html[lang=ru] .title-h2 b {
			font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Cyrillic Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}

	html[lang=ru] h3,
	html[lang=ru] h4,
	html[lang=ru] p,
	html[lang=ru] .title-h3,
	html[lang=ru] .title-h4 {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Cyrillic Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=ru] h3.semibold,
		html[lang=ru] h4.semibold,
		html[lang=ru] p.semibold,
		html[lang=ru] h3 strong,
		html[lang=ru] h4 strong,
		html[lang=ru] p strong,
		html[lang=ru] h3 b,
		html[lang=ru] h4 b,
		html[lang=ru] p b,
		html[lang=ru] .title-h3.semibold,
		html[lang=ru] .title-h4.semibold,
		html[lang=ru] .title-h3 strong,
		html[lang=ru] .title-h4 strong,
		html[lang=ru] .title-h3 b,
		html[lang=ru] .title-h4 b {
			font-family: "Segoe UI", "Segoe WP", "Segoe UI Semibold", "Segoe UI Cyrillic Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}


	/* Greek */

	html[lang=el] h1,
	html[lang=el] h2,
	html[lang=el] .title-h1,
	html[lang=el] .title-h2 {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Light", "Segoe UI Greek Light", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=el] h1.semibold,
		html[lang=el] h2.semibold,
		html[lang=el] h1 strong,
		html[lang=el] h2 strong,
		html[lang=el] h1 b,
		html[lang=el] h2 b,
		html[lang=el] .title-h1.semibold,
		html[lang=el] .title-h2.semibold,
		html[lang=el] .title-h1 strong,
		html[lang=el] .title-h2 strong,
		html[lang=el] .title-h1 b,
		html[lang=el] .title-h2 b {
			font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Greek Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}

	html[lang=el] h3,
	html[lang=el] h4,
	html[lang=el] p,
	html[lang=el] .title-h3,
	html[lang=el] .title-h4 {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Greek Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=el] h3.semibold,
		html[lang=el] h4.semibold,
		html[lang=el] p.semibold,
		html[lang=el] h3 strong,
		html[lang=el] h4 strong,
		html[lang=el] p strong,
		html[lang=el] h3 b,
		html[lang=el] h4 b,
		html[lang=el] p b,
		html[lang=el] .title-h3.semibold,
		html[lang=el] .title-h4.semibold,
		html[lang=el] .title-h3 strong,
		html[lang=el] .title-h4 strong,
		html[lang=el] .title-h3 b,
		html[lang=el] .title-h4 b {
			font-family: "Segoe UI", "Segoe WP", "Segoe UI Semibold", "Segoe UI Greek Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}


	/* Hebrew */

	html[lang=he] h1,
	html[lang=he] h2,
	html[lang=he] .title-h1,
	html[lang=he] .title-h2 {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Light", "Segoe UI Hebrew Light", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=he] h1.semibold,
		html[lang=he] h2.semibold,
		html[lang=he] h1 strong,
		html[lang=he] h2 strong,
		html[lang=he] h1 b,
		html[lang=he] h2 b,
		html[lang=he] .title-h1.semibold,
		html[lang=he] .title-h2.semibold,
		html[lang=he] .title-h1 strong,
		html[lang=he] .title-h2 strong,
		html[lang=he] .title-h1 b,
		html[lang=he] .title-h2 b {
			font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Hebrew Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}

	html[lang=he] h3,
	html[lang=he] h4,
	html[lang=he] p,
	html[lang=he] .title-h3,
	html[lang=he] .title-h4 {
		font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Segoe UI Hebrew Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=he] h3.semibold,
		html[lang=he] h4.semibold,
		html[lang=he] p.semibold,
		html[lang=he] h3 strong,
		html[lang=he] h4 strong,
		html[lang=he] p strong,
		html[lang=he] h3 b,
		html[lang=he] h4 b,
		html[lang=he] p b,
		html[lang=he] .title-h3.semibold,
		html[lang=he] .title-h4.semibold,
		html[lang=he] .title-h3 strong,
		html[lang=he] .title-h4 strong,
		html[lang=he] .title-h3 b,
		html[lang=he] .title-h4 b {
			font-family: "Segoe UI", "Segoe WP", "Segoe UI Semibold", "Segoe UI Hebrew Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}



/* Mobile specific styles
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {

	h1, h2, h3, h4,
	h1.semibold,
	h2.semibold,
	h3.semibold,
	h4.semibold,
	.title-h1,
	.title-h2,
	.title-h3,
	.title-h4,
	.title-h1.semibold,
	.title-h2.semibold,
	.title-h3.semibold,
	.title-h4.semibold {		
		letter-spacing: -0.5px;
	}

	h1, h2, h3, h4, h5, h6, p,
	#CQrte h1,
	#CQrte h2,
	#CQrte h3,
	#CQrte h4,
	#CQrte h5,
	#CQrte h6,
	#CQrte p,
	.title-h1,
	.title-h2,
	.title-h3,
	.title-h4,
	.title-h5 {
		margin-bottom: 16px;
	}


	h1,
	.title-h1 {
		font-size: 24px;
		line-height: 28px;
		font-weight: 400;
		font-family: "Segoe UI Regular";
	}

		h1.semibold,
		.title-h1.semibold,
		h1 strong,
		h1 b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}


	h2,
	.title-h2 {
		font-size: 18px;
		line-height: 20px;
		font-weight: 400;
		font-family: "Segoe UI Regular";
	}

		h2.semibold,
		.title-h2.semibold,
		h2 strong,
		h2 b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}


	h3,
	.title-h3 {
		font-size: 18px;
		line-height: 20px;
		font-weight: 400;
		font-family: "Segoe UI Regular";
	}

		h3.semibold,
		.title-h3.semibold,
		h3 strong,
		h3 b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}


	h4,
	.title-h4 {
		font-size: 18px;
		line-height: 20px;
		font-weight: 400;
		font-family: "Segoe UI Regular";
	}

		h4.semibold,
		h4 strong,
		h4 b {
			font-weight: 400;
			font-family: "Segoe UI Semibold";
		}


	p {
		font-size: 14px;
		line-height: 16px;
		font-weight: 400;
	}

		p.smaller,
		p span.smaller {
			font-size: 12px;
			line-height: 16px;
		}

		p.smallest,
		p span.smallest {
			font-size: 12px;
			line-height: 16px;
		}

		p.lightHeading {
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=5);
			margin-bottom: 0;
		}


/* Mobile specific language styling
----------------------------------------------------------------------------------------------------*/


	/* Arabic */

	html[lang=ar] h1,
	html[lang=ar] h2,
	html[lang=ar] h3,
	html[lang=ar] h4,
	html[lang=ar] p,
	html[lang=ar] .title-h1,
	html[lang=ar] .title-h2,
	html[lang=ar] .title-h3,
	html[lang=ar] .title-h4 {
		font-family: "Segoe UI Arabic Regular", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=ar] h1.semibold,
		html[lang=ar] h2.semibold,
		html[lang=ar] h3.semibold,
		html[lang=ar] h4.semibold,
		html[lang=ar] p.semibold,
		html[lang=ar] h1 strong,
		html[lang=ar] h2 strong,
		html[lang=ar] h3 strong,
		html[lang=ar] h4 strong,
		html[lang=ar] p strong,
		html[lang=ar] h1 b,
		html[lang=ar] h2 b,
		html[lang=ar] h3 b,
		html[lang=ar] h4 b,
		html[lang=ar] p b,
		html[lang=ar] .title-h1.semibold,
		html[lang=ar] .title-h2.semibold,
		html[lang=ar] .title-h3.semibold,
		html[lang=ar] .title-h4.semibold,
		html[lang=ar] .title-h1 strong,
		html[lang=ar] .title-h2 strong,
		html[lang=ar] .title-h3 strong,
		html[lang=ar] .title-h4 strong,
		html[lang=ar] .title-h1 b,
		html[lang=ar] .title-h2 b,
		html[lang=ar] .title-h3 b,
		html[lang=ar] .title-h4 b {
			font-family: "Segoe UI Arabic Semibold", "Segoe UI Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}


	/* Russian */

	html[lang=ru] h1,
	html[lang=ru] h2,
	html[lang=ru] h3,
	html[lang=ru] h4,
	html[lang=ru] p,
	html[lang=ru] .title-h1,
	html[lang=ru] .title-h2,
	html[lang=ru] .title-h3,
	html[lang=ru] .title-h4 {
		font-family: "Segoe UI Regular", "Segoe UI Cyrillic Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=ru] h1.semibold,
		html[lang=ru] h2.semibold,
		html[lang=ru] h3.semibold,
		html[lang=ru] h4.semibold,
		html[lang=ru] p.semibold,
		html[lang=ru] h1 strong,
		html[lang=ru] h2 strong,
		html[lang=ru] h3 strong,
		html[lang=ru] h4 strong,
		html[lang=ru] p strong,
		html[lang=ru] h1 b,
		html[lang=ru] h2 b,
		html[lang=ru] h3 b,
		html[lang=ru] h4 b,
		html[lang=ru] p b,
		html[lang=ru] .title-h1.semibold,
		html[lang=ru] .title-h2.semibold,
		html[lang=ru] .title-h3.semibold,
		html[lang=ru] .title-h4.semibold,
		html[lang=ru] .title-h1 strong,
		html[lang=ru] .title-h2 strong,
		html[lang=ru] .title-h3 strong,
		html[lang=ru] .title-h4 strong,
		html[lang=ru] .title-h1 b,
		html[lang=ru] .title-h2 b,
		html[lang=ru] .title-h3 b,
		html[lang=ru] .title-h4 b {
			font-family: "Segoe UI Semibold", "Segoe UI Cyrillic Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}


	/* Greek */

	html[lang=el] h1,
	html[lang=el] h2,
	html[lang=el] h3,
	html[lang=el] h4,
	html[lang=el] p,
	html[lang=el] .title-h1,
	html[lang=el] .title-h2,
	html[lang=el] .title-h3,
	html[lang=el] .title-h4 {
		font-family: "Segoe UI Regular", "Segoe UI Greek Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=el] h1.semibold,
		html[lang=el] h2.semibold,
		html[lang=el] h3.semibold,
		html[lang=el] h4.semibold,
		html[lang=el] p.semibold,
		html[lang=el] h1 strong,
		html[lang=el] h2 strong,
		html[lang=el] h3 strong,
		html[lang=el] h4 strong,
		html[lang=el] p strong,
		html[lang=el] h1 b,
		html[lang=el] h2 b,
		html[lang=el] h3 b,
		html[lang=el] h4 b,
		html[lang=el] p b,
		html[lang=el] .title-h1.semibold,
		html[lang=el] .title-h2.semibold,
		html[lang=el] .title-h3.semibold,
		html[lang=el] .title-h4.semibold,
		html[lang=el] .title-h1 strong,
		html[lang=el] .title-h2 strong,
		html[lang=el] .title-h3 strong,
		html[lang=el] .title-h4 strong,
		html[lang=el] .title-h1 b,
		html[lang=el] .title-h2 b,
		html[lang=el] .title-h3 b,
		html[lang=el] .title-h4 b {
			font-family: "Segoe UI Semibold", "Segoe UI Greek Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}


	/* Hebrew */

	html[lang=he] h1,
	html[lang=he] h2,
	html[lang=he] h3,
	html[lang=he] h4,
	html[lang=he] p,
	html[lang=he] .title-h1,
	html[lang=he] .title-h2,
	html[lang=he] .title-h3,
	html[lang=he] .title-h4 {
		font-family: "Segoe UI Regular", "Segoe UI Hebrew Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	}

		html[lang=he] h1.semibold,
		html[lang=he] h2.semibold,
		html[lang=he] h3.semibold,
		html[lang=he] h4.semibold,
		html[lang=he] p.semibold,
		html[lang=he] h1 strong,
		html[lang=he] h2 strong,
		html[lang=he] h3 strong,
		html[lang=he] h4 strong,
		html[lang=he] p strong,
		html[lang=he] h1 b,
		html[lang=he] h2 b,
		html[lang=he] h3 b,
		html[lang=he] h4 b,
		html[lang=he] p b,
		html[lang=he] .title-h1.semibold,
		html[lang=he] .title-h2.semibold,
		html[lang=he] .title-h3.semibold,
		html[lang=he] .title-h4.semibold,
		html[lang=he] .title-h1 strong,
		html[lang=he] .title-h2 strong,
		html[lang=he] .title-h3 strong,
		html[lang=he] .title-h4 strong,
		html[lang=he] .title-h1 b,
		html[lang=he] .title-h2 b,
		html[lang=he] .title-h3 b,
		html[lang=he] .title-h4 b {
			font-family: "Segoe UI Semibold", "Segoe UI Hebrew Semibold", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
		}
}

/*
	CSS - Skype.com
	BUTTONS
*/


/*
 * Suggested order:
 *  display, position, float, clear
 *  width, height
 *  margin, padding
 *  border, background
 *  color, font, line-height, text-align, text-decoration
 *  vertical-align, white-space, overflow, cursor, list-style
 */


/* DEFAULT STYLES
----------------------------------------------------------------------------------------------------*/

/* GENERAL BUTTON STYLE */

button.button,
a.button,
button.smallButton,
a.smallButton {
	color: white;
	display: inline-block;
	height: 100%;
	padding: 8px 25px 11px 25px;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	border: none;
	text-decoration: none;
	text-align: left;
	line-height: 24px;
	font-size: 20px;
	font-weight: 400;
	font-family: "Segoe UI", "Segoe WP", "Segoe UI Regular", "Helvetica Neue", Helvetica, Tahoma, Arial Unicode MS, sans-serif;
	letter-spacing: -0.01em;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	outline: none;
	outline-width: 0;
	width: auto;
	border: none;
	background: transparent;
	white-space: nowrap;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	-webkit-font-smoothing: subpixel-antialiased
}

button.button,
button.smallButton {
}

button.button {
	/* padding: 11px 25px 12px 25px;  */
}

button.button:hover,
a.button:hover,
button.smallButton:hover,
a.smallButton:hover {
	color: white;
}

	/* remove extra padding from FF buttons */
	button.button::-moz-focus-inner,
	button.smallButton::-moz-focus-inner {
	    border: 0;
	    padding: 0;
	}

/* General small button style */
button.smallButton,
a.smallButton {
	padding: 3px 18px 5px 18px;
	font-size: 16px;
}

@-moz-document url-prefix() {
	button.smallButton,
	a.smallButton {
		padding: 2px 18px 6px 18px;
	}
}

/* remove IE 7 button focus black border */
*:first-child+html button
{
    filter:chroma(color=#000000);
}

/* IE7 fix regular button paddings */

*:first-child+html a.button {
	padding-top: 9px;
	padding-bottom: 10px;
}

*:first-child+html button.button {
	padding-top: 7px;
	padding-bottom: 8px;
}

*:first-child+html button.smallButton {
	padding-top: 4px;
	padding-bottom: 4px;
}

* html button.button {
	padding-top: 9px;
	padding-bottom: 10px;
}

* html button.smallButton {
	padding-top: 4px;
	padding-bottom: 4px;
}



/* ARROW STYLES
----------------------------------------------------------------------------------------------------*/

.arrowNext,
.arrowPrev,
.arrowUp,
.arrowDown,
.noIcon {
	display: inline-block; /* if not specified RTL wont work properly */
}

.arrowNext,
.arrowPrev,
.arrowUp,
.arrowDown {
	background-image: url(/wp-content/themes/vip/skype-main/assets/css/../assets/images/buttons-sprite.png);
	background-repeat: no-repeat;
	text-align: middle;
	/* display: inline-block; if not specified RTL wont work properly */
}



/* PRIMARY BUTTON
----------------------------------------------------------------------------------------------------*/

button.primaryCta,
a.primaryCta {
	background-color: #7fba00;
	border: 2px solid #7fba00;
}

	button.primaryCta:hover,
	a.primaryCta:hover {
		background-color: #75ab00;
		border: 2px solid #75ab00;
	}

	button.primaryCta:active,
	a.primaryCta:active {
		background-color: #6c9e00;
		border: 2px solid #6c9e00;
	}



/* PRIMARY NEGATIVE BUTTON
----------------------------------------------------------------------------------------------------*/

button.primaryNegativeCta,
a.primaryNegativeCta {
	background-color: #FFF;
	color: #333534;
	border: 2px solid #cadee5;
}

	button.primaryNegativeCta:hover,
	a.primaryNegativeCta:hover {
		background-color: #a2c5d3;
		color: #FFF;
		border: 2px solid #a2c5d3;
	}

	button.primaryNegativeCta:active,
	a.primaryNegativeCta:active {
		background-color: #91b1bd;
		color: #FFF;
		border: 2px solid #91b1bd;
	}

	/* Arrow Positions - Large */

	button.button.primaryNegativeCta .arrowUp,
	a.primaryNegativeCta .arrowUp {
		background-position: 100% -395px;
	}

	button.button.primaryNegativeCta .arrowDown,
	a.primaryNegativeCta .arrowDown {
		background-position: 100% -497px;
	}

	button.button.primaryNegativeCta .arrowNext,
	a.primaryNegativeCta .arrowNext {
		background-position: 100% -594px;
	}

	button.button.primaryNegativeCta .arrowPrev,
	a.primaryNegativeCta .arrowPrev {
		background-position: 0px -694px;
	}

	/* Arrow Positions - Small */

	button.smallButton.primaryNegativeCta .arrowUp,
	a.smallButton.primaryNegativeCta {
		background-position: 100% -395px;
	}

	button.smallButton.primaryNegativeCta .arrowDown,
	a.smallButton.primaryNegativeCta .arrowDown {
		background-position: 100% -496px;
	}

	button.smallButton.primaryNegativeCta .arrowNext,
	a.smallButton.primaryNegativeCta .arrowNext {
		background-position: 100% -593px;
	}

	button.smallButton.primaryNegativeCta .arrowPrev,
	a.smallButton.primaryNegativeCta .arrowPrev {
		background-position: 0px -693px;
	}

		/* RTL : Arrow Positions - Large */

		html.rtl button.button.primaryNegativeCta .arrowUp,
		html.rtl a.primaryNegativeCta .arrowUp {
			background-position: 0 -395px;
		}

		html.rtl button.button.primaryNegativeCta .arrowDown,
		html.rtl a.primaryNegativeCta .arrowDown {
			background-position: 0 -497px;
		}

		html.rtl button.button.primaryNegativeCta .arrowNext,
		html.rtl a.primaryNegativeCta .arrowNext {
			background-position: 0 -694px;
		}

		html.rtl button.button.primaryNegativeCta .arrowPrev,
		html.rtl a.primaryNegativeCta .arrowPrev {
			background-position: 100% -594px;
		}

		/* RTL : Arrow Positions - Small */

		html.rtl button.smallButton.primaryNegativeCta .arrowUp,
		html.rtl a.smallButton.primaryNegativeCta {
			background-position: 0 -395px;
		}

		html.rtl button.smallButton.primaryNegativeCta .arrowDown,
		html.rtl a.smallButton.primaryNegativeCta .arrowDown {
			background-position: 0 -496px;
		}

		html.rtl button.smallButton.primaryNegativeCta .arrowNext,
		html.rtl a.smallButton.primaryNegativeCta .arrowNext {
			background-position: 0 -693px;
		}

		html.rtl button.smallButton.primaryNegativeCta .arrowPrev,
		html.rtl a.smallButton.primaryNegativeCta .arrowPrev {
			background-position: 100% -593px;
		}



/* PREMIUM BUTTON
----------------------------------------------------------------------------------------------------*/

button.premiumCta,
a.premiumCta {
	background-color: #953cac;
	border: 2px solid #953cac;
}
	button.premiumCta:hover,
	a.premiumCta:hover {
		background-color: #7f3392;
		border: 2px solid #7f3392;
	}
	button.premiumCta:active,
	a.premiumCta:active {
		background-color: #68217a;
		border: 2px solid #68217a;
	}



/* PRREMIUM SECONDARY BUTTON
----------------------------------------------------------------------------------------------------*/

button.premiumSecondaryCta,
a.premiumSecondaryCta {
	background-color: #FFF;
	color: #953cac;
	border: 2px solid #953cac;
}

	button.premiumSecondaryCta:hover,
	a.premiumSecondaryCta:hover {
		background-color: #7f3392;
		color: #FFF;
		border: 2px solid #7f3392;
	}

	button.premiumSecondaryCta:active,
	a.premiumSecondaryCta:active {
		background-color: #68217a;
		color: #FFF;
		border: 2px solid #68217a;
	}

	/* Arrow Positions - Large */

	button.button.premiumSecondaryCta .arrowUp,
	a.button.premiumSecondaryCta .arrowUp {
		background-position: 100% -1195px;
	}

	button.button.premiumSecondaryCta .arrowDown,
	a.button.premiumSecondaryCta .arrowDown {
		background-position: 100% -1297px;
	}

	button.button.premiumSecondaryCta .arrowNext,
	a.button.premiumSecondaryCta .arrowNext {
		background-position: 100% -1394px;
	}

	button.button.premiumSecondaryCta .arrowPrev,
	a.button.premiumSecondaryCta .arrowPrev {
		background-position: 0 -1494px;
	}

	/* Arrow Positions - Small */

	button.smallButton.premiumSecondaryCta .arrowUp,
	a.smallButton.premiumSecondaryCta .arrowUp{
		background-position: 100% -1195px;
	}

	button.smallButton.premiumSecondaryCta .arrowDown,
	a.smallButton.premiumSecondaryCta .arrowDown {
		background-position: 100% -1296px;
	}

	button.smallButton.premiumSecondaryCta .arrowNext,
	a.smallButton.premiumSecondaryCta .arrowNext {
		background-position: 100% -1393px;
	}

	button.smallButton.premiumSecondaryCta .arrowPrev,
	a.smallButton.premiumSecondaryCta .arrowPrev {
		background-position: 0 -1493px;
	}

		/* RTL : Arrow Positions - Large */

		html.rtl button.button.premiumSecondaryCta .arrowUp,
		html.rtl a.button.premiumSecondaryCta .arrowUp {
			background-position: 0 -1195px;
		}

		html.rtl button.button.premiumSecondaryCta .arrowDown,
		html.rtl a.button.premiumSecondaryCta .arrowDown {
			background-position: 0 -1297px;
		}

		html.rtl button.button.premiumSecondaryCta .arrowNext,
		html.rtl a.button.premiumSecondaryCta .arrowNext {
			background-position: 0 -1494px;
		}

		html.rtl button.button.premiumSecondaryCta .arrowPrev,
		html.rtl a.button.premiumSecondaryCta .arrowPrev {
			background-position: 100% -1394px;
		}

		/* RTL : Arrow Positions - Small */

		html.rtl button.smallButton.premiumSecondaryCta .arrowUp,
		html.rtl a.smallButton.premiumSecondaryCta .arrowUp {
			background-position: 0 -1195px;
		}

		html.rtl button.smallButton.premiumSecondaryCta .arrowDown,
		html.rtl a.smallButton.premiumSecondaryCta .arrowDown {
			background-position: 0 -1296px;
		}

		html.rtl button.smallButton.premiumSecondaryCta .arrowNext,
		html.rtl a.smallButton.premiumSecondaryCta .arrowNext {
			background-position: 0 -1493px;
		}

		html.rtl button.smallButton.premiumSecondaryCta .arrowPrev,
		html.rtl a.smallButton.premiumSecondaryCta .arrowPrev {
			background-position: 100% -1393px;
		}



/* SECONDARY NEGATIVE BUTTON
----------------------------------------------------------------------------------------------------*/

button.secondaryCta,
a.secondaryCta {
	background-color: #FFF;
	color: #0078ca;
	border: 2px solid #00aff0;

}

	button.secondaryCta:hover,
	a.secondaryCta:hover {
		background-color: #00aff0;
		color: #FFF;
		border: 2px solid #00aff0;
	}

	button.secondaryCta:active,
	a.secondaryCta:active {
		background-color: #009dd8;
		color: #FFF;
		border: 2px solid #009dd8;
	}

	/* Arrow Positions - Large */

	button.button.secondaryCta .arrowUp,
	a.secondaryCta .arrowUp {
		background-position: 100% -795px;
	}

	button.button.secondaryCta .arrowDown,
	a.secondaryCta .arrowDown {
		background-position: 100% -897px;
	}

	button.button.secondaryCta .arrowNext,
	a.secondaryCta .arrowNext {
		background-position: 100% -994px;
	}

	button.button.secondaryCta .arrowPrev,
	a.secondaryCta .arrowPrev {
		background-position: 0 -1094px;
	}

	/* Arrow Positions - Small */

	button.smallButton.secondaryCta .arrowUp,
	a.smallButton.secondaryCta {
		background-position: 100% -795px;
	}

	button.smallButton.secondaryCta .arrowDown,
	a.smallButton.secondaryCta .arrowDown {
		background-position: 100% -896px;
	}

	button.smallButton.secondaryCta .arrowNext,
	a.smallButton.secondaryCta .arrowNext {
		background-position: 100% -993px;
	}

	button.smallButton.secondaryCta .arrowPrev,
	a.smallButton.secondaryCta .arrowPrev {
		background-position: 0 -1093px;
	}

		/* RTL : Arrow Positions - Large */

		html.rtl button.button.secondaryCta .arrowUp,
		html.rtl a.secondaryCta .arrowUp {
			background-position: 0 -795px;
		}

		html.rtl button.button.secondaryCta .arrowDown,
		html.rtl a.secondaryCta .arrowDown {
			background-position: 0 -897px;
		}

		html.rtl button.button.secondaryCta .arrowNext,
		html.rtl a.secondaryCta .arrowNext {
			background-position: 0 -1094px;
		}

		html.rtl button.button.secondaryCta .arrowPrev,
		html.rtl a.secondaryCta .arrowPrev {
			background-position: 100% -994px;
		}

		/* RTL : Arrow Positions - Small */

		html.rtl button.smallButton.secondaryCta .arrowUp,
		a.smallButton.secondaryCta {
			background-position: 0 -795px;
		}

		html.rtl button.smallButton.secondaryCta .arrowDown,
		html.rtl a.smallButton.secondaryCta .arrowDown {
			background-position: 0 -896px;
		}

		html.rtl button.smallButton.secondaryCta .arrowNext,
		html.rtl a.smallButton.secondaryCta .arrowNext {
			background-position: 0 -1093px;
		}

		html.rtl button.smallButton.secondaryCta .arrowPrev,
		html.rtl a.smallButton.secondaryCta .arrowPrev {
			background-position: 100% -993px;
		}



/* SECONDARY WHITE BUTTON
----------------------------------------------------------------------------------------------------*/

button.secondaryWhiteCta,
a.secondaryWhiteCta {
	color: #0078ca;
	background-color: #FFF;
	border: 2px solid #FFF;
}

	button.secondaryWhiteCta:hover,
	a.secondaryWhiteCta:hover {
		color: #333534;
		background-color: #FFF;
		border: 2px solid #FFF;
	}

	button.secondaryWhiteCta:active,
	a.secondaryWhiteCta:active {
		color: #333534;
		background-color: #e4eef2;
		border: 2px solid #e4eef2;
	}

	/* Arrow Positions - Large */

	button.button.secondaryWhiteCta .arrowUp,
	a.secondaryWhiteCta .arrowUp {
		background-position: 100% -795px;
	}

	button.button.secondaryWhiteCta .arrowDown,
	a.secondaryWhiteCta .arrowDown {
		background-position: 100% -897px;
	}

	button.button.secondaryWhiteCta .arrowNext,
	a.secondaryWhiteCta .arrowNext {
		background-position: 100% -994px;
	}

	button.button.secondaryWhiteCta .arrowPrev,
	a.secondaryWhiteCta .arrowPrev {
		background-position: 0 -1094px;
	}

	/* Arrow Positions - Small */

	button.smallButton.secondaryWhiteCta .arrowUp,
	a.smallButton.secondaryWhiteCta {
		background-position: 100% -795px;
	}

	button.smallButton.secondaryWhiteCta .arrowDown,
	a.smallButton.secondaryWhiteCta .arrowDown {
		background-position: 100% -897px;
	}

	button.smallButton.secondaryWhiteCta .arrowNext,
	a.smallButton.secondaryWhiteCta .arrowNext {
		background-position: 100% -994px;
	}

	button.smallButton.secondaryWhiteCta .arrowPrev,
	a.smallButton.secondaryWhiteCta .arrowPrev {
		background-position: 0 -1094px;
	}

		/* RTL : Arrow Positions - Large */

		html.rtl button.button.secondaryWhiteCta .arrowUp,
		html.rtl a.secondaryWhiteCta .arrowUp {
			background-position: 0 -797px;
		}

		html.rtl button.button.secondaryWhiteCta .arrowDown,
		html.rtl a.secondaryWhiteCta .arrowDown {
			background-position: 0 -899px;
		}

		html.rtl button.button.secondaryWhiteCta .arrowNext,
		html.rtl a.secondaryWhiteCta .arrowNext {
			background-position: 0 -1097px;
		}

		html.rtl button.button.secondaryWhiteCta .arrowPrev,
		html.rtl a.secondaryWhiteCta .arrowPrev {
			background-position: 100% -997px;
		}

		/* RTL : Arrow Positions - Small */

		html.rtl button.smallButton.secondaryWhiteCta .arrowUp,
		a.smallButton.secondaryWhiteCta {
			background-position: 0 -799px;
		}

		html.rtl button.smallButton.secondaryWhiteCta .arrowDown,
		html.rtl a.smallButton.secondaryWhiteCta .arrowDown {
			background-position: 0 -900px;
		}

		html.rtl button.smallButton.secondaryWhiteCta .arrowNext,
		html.rtl a.smallButton.secondaryWhiteCta .arrowNext {
			background-position: 0 -1097px;
		}

		html.rtl button.smallButton.secondaryWhiteCta .arrowPrev,
		html.rtl a.smallButton.secondaryWhiteCta .arrowPrev {
			background-position: 100% -997px;
		}



/* GENERAL ARROW STYLES
----------------------------------------------------------------------------------------------------*/


/* GENERAL ARROW STYLES - Large (default always white) */

.button .arrowUp,
a.button:active .arrowUp,
button.button:active .arrowUp,
a.button:hover .arrowUp,
button.button:hover .arrowUp {
	background-position: 100% 5px;
	padding-right: 27px;
}

.button .arrowDown,
a.button:active .arrowDown,
button.button:active .arrowDown,
a.button:hover .arrowDown,
button.button:hover .arrowDown {
	background-position: 100% -97px;
	padding-right: 27px;
}

.button .arrowNext,
a.button:active .arrowNext,
button.button:active .arrowNext,
a.button:hover .arrowNext,
button.button:hover .arrowNext {
	background-position: 100% -194px;
	padding-right: 27px;
}

.button .arrowPrev,
a.button:active .arrowPrev,
button.button:active .arrowPrev,
a.button:hover .arrowPrev,
button.button:hover .arrowPrev {
	background-position: 0px -294px;
	padding-left: 27px;
}

/* GENERAL ARROW STYLES - Small (default always white) */

.smallButton .arrowUp,
a.smallButton:active .arrowUp,
button.smallButton:active .arrowUp,
a.smallButton:hover .arrowUp,
button.smallButton:hover .arrowUp {
	background-position: 100% 5px;
	padding-right: 27px;
}

.smallButton .arrowDown,
a.smallButton:active .arrowDown,
button.smallButton:active .arrowDown,
a.smallButton:hover .arrowDown,
button.smallButton:hover .arrowDown {
	background-position: 100% -96px;
	padding-right: 27px;
}

.smallButton .arrowNext,
a.smallButton:active .arrowNext,
button.smallButton:active .arrowNext,
a.smallButton:hover .arrowNext,
button.smallButton:hover .arrowNext {
	background-position: 100% -193px;
	padding-right: 27px;
}

.smallButton .arrowPrev,
a.smallButton:active .arrowPrev,
button.smallButton:active .arrowPrev,
a.smallButton:hover .arrowPrev,
button.smallButton:hover .arrowPrev {
	background-position: 0px -293px;
	padding-left: 27px;
}

	/* RTL : GENERAL ARROW STYLES - Large (default always white) */

	html.rtl .button .arrowUp,
	html.rtl a.button:active .arrowUp,
	html.rtl button.button:active .arrowUp,
	html.rtl a.button:hover .arrowUp,
	html.rtl button.button:hover .arrowUp {
		background-position: 0 3px;
		padding-left: 27px;
		padding-right: 0;
	}

	html.rtl .button .arrowDown,
	html.rtl a.button:active .arrowDown,
	html.rtl button.button:active .arrowDown,
	html.rtl a.button:hover .arrowDown,
	html.rtl button.button:hover .arrowDown {
		background-position: 0 -99px;
		padding-left: 27px;
		padding-right: 0px;
	}

	html.rtl .button .arrowNext,
	html.rtl a.button:active .arrowNext,
	html.rtl button.button:active .arrowNext,
	html.rtl a.button:hover .arrowNext,
	html.rtl button.button:hover .arrowNext {
		background-position: 0 -297px;
		padding-left: 27px;
		padding-right: 0;
	}

	html.rtl .button .arrowPrev,
	html.rtl a.button:active .arrowPrev,
	html.rtl button.button:active .arrowPrev,
	html.rtl a.button:hover .arrowPrev,
	html.rtl button.button:hover .arrowPrev {
		background-position: 100% -197px;
		padding-right: 27px;
		padding-left: 0px;
	}

	/* RTL : GENERAL ARROW STYLES - Small (default always white) */

	html.rtl .smallButton .arrowUp,
	html.rtl a.smallButton:active .arrowUp,
	html.rtl button.smallButton:active .arrowUp,
	html.rtl a.smallButton:hover .arrowUp,
	html.rtl button.smallButton:hover .arrowUp {
		background-position: 0 1px;
		padding-left: 27px;
		padding-right: 0;
	}

	html.rtl .smallButton .arrowDown,
	html.rtl a.smallButton:active .arrowDown,
	html.rtl button.smallButton:active .arrowDown,
	html.rtl a.smallButton:hover .arrowDown,
	html.rtl button.smallButton:hover .arrowDown {
		background-position: 0 -99px;
		padding-left: 27px;
		padding-right: 0;
	}

	html.rtl .smallButton .arrowNext,
	html.rtl a.smallButton:active .arrowNext,
	html.rtl button.smallButton:active .arrowNext,
	html.rtl a.smallButton:hover .arrowNext,
	html.rtl button.smallButton:hover .arrowNext {
		background-position: 0 -297px;
		padding-left: 27px;
		padding-right: 0;
	}

	html.rtl .smallButton .arrowPrev,
	html.rtl a.smallButton:active .arrowPrev,
	html.rtl button.smallButton:active .arrowPrev,
	html.rtl a.smallButton:hover .arrowPrev,
	html.rtl button.smallButton:hover .arrowPrev {
		background-position: 100% -197px;
		padding-right: 27px;
		padding-left: 0;
	}


/* Secondary white has different arrow color for hover and active */

a.secondaryWhiteCta:active .arrowUp,
button.secondaryWhiteCta:active .arrowUp,
a.secondaryWhiteCta:hover .arrowUp,
button.secondaryWhiteCta:hover .arrowUp {
	background-position: 100% -395px;
	padding-right: 27px;
}

a.secondaryWhiteCta:active .arrowDown,
button.secondaryWhiteCta:active .arrowDown,
a.secondaryWhiteCta:hover .arrowDown,
button.secondaryWhiteCta:hover .arrowDown {
	background-position: 100% -497px;
	padding-right: 27px;
}

a.secondaryWhiteCta:active .arrowNext,
button.secondaryWhiteCta:active .arrowNext,
a.secondaryWhiteCta:hover .arrowNext,
button.secondaryWhiteCta:hover .arrowNext {
	background-position: 100% -594px;
	padding-right: 27px;
}

a.secondaryWhiteCta:active .arrowPrev,
button.secondaryWhiteCta:active .arrowPrev,
a.secondaryWhiteCta:hover .arrowPrev,
button.secondaryWhiteCta:hover .arrowPrev {
	background-position: 0px -694px;
	padding-left: 27px;
}




	/* small button hover and active*/

	/*
	a.smallButton:active .arrowUp,
	button.smallButton:active .arrowUp,
	a.smallButton:hover .arrowUp,
	button.smallButton:hover .arrowUp {
		background-position: 100% -399px;
		padding-right: 27px;
	}

	a.smallButton:active .arrowDown,
	button.smallButton:active .arrowDown,
	a.smallButton:hover .arrowDown,
	button.smallButton:hover .arrowDown {
		background-position: 100% -500px;
		padding-right: 27px;
	}

	a.smallButton:active .arrowNext,
	button.smallButton:active .arrowNext,
	a.smallButton:hover .arrowNext,
	button.smallButton:hover .arrowNext {
		background-position: 100% -597px;
		padding-right: 27px;
	}

	a.smallButton:active .arrowPrev,
	button.smallButton:active .arrowPrev,
	a.smallButton:hover .arrowPrev,
	button.smallButton:hover .arrowPrev {
		background-position: 0px -697px;
		padding-left: 27px;
	}


*/



/* DUAL LINE BUTTON (Special Case)
----------------------------------------------------------------------------------------------------*/


/* Dual Line Button (special case) */

a.dualLineCta,
button.dualLineCta {
	position: relative;
	padding-left: 64px;
	text-align: center;
	line-height: 20px;
}

	a .dualLineCta span,
	button .dualLineCta span,
	a .dualLineMobileCta span,
	button .dualLineMobileCta span {
		margin: 0;
	}

	.dualLineCta {
		position: relative;
		display: inline-block;
		padding: 0 45px 0 20px;
	}

	.dualLineCta .arrowDown,
	.dualLineCta .arrowUp,
	.dualLineCta .arrowNext,
	.dualLineCta .arrowPrev {
		position: absolute;
		display: inline-block;
	}

		.dualLineCta .arrowNext,
		.dualLineCta .arrowPrev {
			width: 18px;
			height: 25px;
		}

		.dualLineCta .arrowDown,
		.dualLineCta .arrowUp {
			width: 15px;
			height: 25px;
		}

	.buttonText {
		display: inline-block;
	}

		.buttonText .lineOne,
		.buttonText .lineTwo {
			display: block;
		}

			.dualLineMobileCta .buttonText .lineOne {
				font-size: 16px;
			}

			.dualLineMobileCta .buttonText .lineTwo {
				font-size: 20px;
			}

	.dualLineCta .arrowDown {
		right: 20px;
		top: 50%;
		margin-top: -11px;
	}

	html.rtl .dualLineCta {
		position: relative;
		display: inline-block;
		padding: 0 20px 0 45px;
	}

	html.rtl .dualLineCta .arrowDown {
		width: 15px;
		height: 25px;
		left: 20px;
		right: auto;
		top: 50%;
	}

a.button .dualLineMobileCta,
button.button .dualLineMobileCta {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 20px;
}



/* OVERRIDES FOR TABLET
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

}



/* OVERRIDES FOR MOBILE
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 767px) {

		button.button,
		a.button,
		button.smallButton,
		a.smallButton {
			line-height: 20px;
			font-size: 18px;
			text-align: center;
			display: block;
			padding-top: 8px;
			padding-bottom: 11px;
			padding-right: 0;
			padding-left: 0;
			margin: 0 auto;
		}

		a.smallButton,
		a.button {
			display: block;
			max-width: 440px;
			width: 87.5%;
		}

		button.smallButton,
		button.button {
			width: 87.5%;
			max-width: 440px;
		}

		a.smallButton.fixedButton,
		a.button.fixedButton,
		button.smallButton.fixedButton,
		button.button.fixedButton {
			max-width: 280px;
			width: 280px;
		}

		a.button.premiumSecondaryCta,
		a.button.secondaryCta,
		a.button.primaryNegativeCta,
		a.smallButton.premiumSecondaryCta,
		a.smallButton.secondaryCta,
		a.smallButton.primaryNegativeCta {
			padding-right: 0;
			padding-left: 0;
		}

		.button.iconRight,
		.smallButton.iconRight {
			padding-right: 0;
		}

		.button.iconLeft,
		.smallButton.iconLeft {
			padding-left: 0;
		}


	.lineOne {
		font-size: 16px;
	}

	.lineTwo {
		font-size: 18px;
	}


	/* OVERIDES FOR MOBILE ARROW POSITIONS
----------------------------------------------------------------------------------------------------*/


	/* PRIMARY NEGATIVE
	-------------------------------------*/

	button.button.primaryNegativeCta .arrowUp,
	a.primaryNegativeCta .arrowUp,
	button.smallButton.primaryNegativeCta .arrowUp,
	a.smallButton.primaryNegativeCta {
		background-position: 100% -397px;
	}

	button.button.primaryNegativeCta .arrowDown,
	a.primaryNegativeCta .arrowDown,
	button.smallButton.primaryNegativeCta .arrowDown,
	a.smallButton.primaryNegativeCta .arrowDown {
		background-position: 100% -498px;
	}

	button.button.primaryNegativeCta .arrowNext,
	a.primaryNegativeCta .arrowNext,
	button.smallButton.primaryNegativeCta .arrowNext,
	a.smallButton.primaryNegativeCta .arrowNext {
		background-position: 100% -596px;
	}

	button.button.primaryNegativeCta .arrowPrev,
	a.primaryNegativeCta .arrowPrev,
	button.smallButton.primaryNegativeCta .arrowPrev,
	a.smallButton.primaryNegativeCta .arrowPrev {
		background-position: 0px -696px;
	}

		/* RTL : PRIMARY NEGATIVE */

		html.rtl button.button.primaryNegativeCta .arrowUp,
		html.rtl a.primaryNegativeCta .arrowUp,
		html.rtl button.smallButton.primaryNegativeCta .arrowUp,
		html.rtl a.smallButton.primaryNegativeCta {
			background-position: 0 -397px;
		}

		html.rtl button.button.primaryNegativeCta .arrowDown,
		html.rtl a.primaryNegativeCta .arrowDown,
		html.rtl button.smallButton.primaryNegativeCta .arrowDown,
		html.rtl a.smallButton.primaryNegativeCta .arrowDown {
			background-position: 0 -498px;
		}

		html.rtl button.button.primaryNegativeCta .arrowNext,
		html.rtl a.primaryNegativeCta .arrowNext,
		html.rtl button.smallButton.primaryNegativeCta .arrowNext,
		html.rtl a.smallButton.primaryNegativeCta .arrowNext {
			background-position: 0 -696px;
		}

		html.rtl button.button.primaryNegativeCta .arrowPrev,
		html.rtl a.primaryNegativeCta .arrowPrev,
		html.rtl button.smallButton.primaryNegativeCta .arrowPrev,
		html.rtl a.smallButton.primaryNegativeCta .arrowPrev {
			background-position: 100% -596px;
		}


	/* PREMIUM NEGATIVE
	-------------------------------------*/

	button.button.premiumSecondaryCta .arrowUp,
	a.button.premiumSecondaryCta .arrowUp,
	button.smallButton.premiumSecondaryCta .arrowUp,
	a.smallButton.premiumSecondaryCta .arrowUp {
		background-position: 100% -1197px;
	}

	button.button.premiumSecondaryCta .arrowDown,
	a.button.premiumSecondaryCta .arrowDown,
	button.smallButton.premiumSecondaryCta .arrowDown,
	a.smallButton.premiumSecondaryCta .arrowDown {
		background-position: 100% -1298px;
	}

	button.button.premiumSecondaryCta .arrowNext,
	a.button.premiumSecondaryCta .arrowNext,
	button.smallButton.premiumSecondaryCta .arrowNext,
	a.smallButton.premiumSecondaryCta .arrowNext {
		background-position: 100% -1396px;
	}

	button.button.premiumSecondaryCta .arrowPrev,
	a.button.premiumSecondaryCta .arrowPrev,
	button.smallButton.premiumSecondaryCta .arrowPrev,
	a.smallButton.premiumSecondaryCta .arrowPrev {
		background-position: 0 -1496px;
	}

		/* RTL : PREMIUM NEGATIVE */

		html.rtl button.button.premiumSecondaryCta .arrowUp,
		html.rtl a.button.premiumSecondaryCta .arrowUp,
		html.rtl button.smallButton.premiumSecondaryCta .arrowUp,
		html.rtl a.smallButton.premiumSecondaryCta .arrowUp {
			background-position: 0 -1197px;
		}

		html.rtl button.button.premiumSecondaryCta .arrowDown,
		html.rtl a.button.premiumSecondaryCta .arrowDown,
		html.rtl button.smallButton.premiumSecondaryCta .arrowDown,
		html.rtl a.smallButton.premiumSecondaryCta .arrowDown {
			background-position: 0 -1298px;
		}

		html.rtl button.button.premiumSecondaryCta .arrowNext,
		html.rtl a.button.premiumSecondaryCta .arrowNext,
		html.rtl button.smallButton.premiumSecondaryCta .arrowNext,
		html.rtl a.smallButton.premiumSecondaryCta .arrowNext {
			background-position: 0 -1496px;
		}

		html.rtl button.button.premiumSecondaryCta .arrowPrev,
		html.rtl a.button.premiumSecondaryCta .arrowPrev,
		html.rtl button.smallButton.premiumSecondaryCta .arrowPrev,
		html.rtl a.smallButton.premiumSecondaryCta .arrowPrev {
			background-position: 100% -1396px;
		}


	/* SECONDARY NEGATIVE
	-------------------------------------*/

	button.button.secondaryCta .arrowUp,
	a.secondaryCta .arrowUp,
	button.smallButton.secondaryCta .arrowUp,
	a.smallButton.secondaryCta {
		background-position: 100% -797px;
	}

	button.button.secondaryCta .arrowDown,
	a.secondaryCta .arrowDown,
	button.smallButton.secondaryCta .arrowDown,
	a.smallButton.secondaryCta .arrowDown {
		background-position: 100% -898px;
	}

	button.button.secondaryCta .arrowNext,
	a.secondaryCta .arrowNext,
	button.smallButton.secondaryCta .arrowNext,
	a.smallButton.secondaryCta .arrowNext {
		background-position: 100% -996px;
	}

	button.button.secondaryCta .arrowPrev,
	a.secondaryCta .arrowPrev,
	button.smallButton.secondaryCta .arrowPrev,
	a.smallButton.secondaryCta .arrowPrev {
		background-position: 0 -1096px;
	}

		/* RTL : SECONDARY NEGATIVE */

		html.rtl button.button.secondaryCta .arrowUp,
		html.rtl a.secondaryCta .arrowUp,
		html.rtl button.smallButton.secondaryCta .arrowUp,
		a.smallButton.secondaryCta {
			background-position: 0 -797px;
		}

		html.rtl button.button.secondaryCta .arrowDown,
		html.rtl a.secondaryCta .arrowDown,
		html.rtl button.smallButton.secondaryCta .arrowDown,
		html.rtl a.smallButton.secondaryCta .arrowDown {
			background-position: 0 -898px;
		}

		html.rtl button.button.secondaryCta .arrowNext,
		html.rtl a.secondaryCta .arrowNext,
		html.rtl button.smallButton.secondaryCta .arrowNext,
		html.rtl a.smallButton.secondaryCta .arrowNext {
			background-position: 0 -1096px;
		}

		html.rtl button.button.secondaryCta .arrowPrev,
		html.rtl a.secondaryCta .arrowPrev,
		html.rtl button.smallButton.secondaryCta .arrowPrev,
		html.rtl a.smallButton.secondaryCta .arrowPrev {
			background-position: 100% -996px;
		}


	/* SECONDARY WHITE
	-------------------------------------*/

	button.button.secondaryWhiteCta .arrowUp,
	a.secondaryWhiteCta .arrowUp,
	button.smallButton.secondaryWhiteCta .arrowUp,
	a.smallButton.secondaryWhiteCta {
		background-position: 100% -797px;
	}

	button.button.secondaryWhiteCta .arrowDown,
	a.secondaryWhiteCta .arrowDown,
	button.smallButton.secondaryWhiteCta .arrowDown,
	a.smallButton.secondaryWhiteCta .arrowDown {
		background-position: 100% -898px;
	}

	button.button.secondaryWhiteCta .arrowNext,
	a.secondaryWhiteCta .arrowNext,
	button.smallButton.secondaryWhiteCta .arrowNext,
	a.smallButton.secondaryWhiteCta .arrowNext {
		background-position: 100% -996px;
	}

	button.button.secondaryWhiteCta .arrowPrev,
	a.secondaryWhiteCta .arrowPrev,
	button.smallButton.secondaryWhiteCta .arrowPrev,
	a.smallButton.secondaryWhiteCta .arrowPrev {
		background-position: 0 -1096px;
	}

		/* RTL : SECONDARY WHITE */

		html.rtl button.button.secondaryWhiteCta .arrowUp,
		html.rtl a.secondaryWhiteCta .arrowUp,
		html.rtl button.smallButton.secondaryWhiteCta .arrowUp,
		a.smallButton.secondaryWhiteCta {
			background-position: 0 -797px;
		}

		html.rtl button.button.secondaryWhiteCta .arrowDown,
		html.rtl a.secondaryWhiteCta .arrowDown,
		html.rtl button.smallButton.secondaryWhiteCta .arrowDown,
		html.rtl a.smallButton.secondaryWhiteCta .arrowDown {
			background-position: 0 -898px;
		}

		html.rtl button.button.secondaryWhiteCta .arrowNext,
		html.rtl a.secondaryWhiteCta .arrowNext,
		html.rtl button.smallButton.secondaryWhiteCta .arrowNext,
		html.rtl a.smallButton.secondaryWhiteCta .arrowNext {
			background-position: 0 -1096px;
		}

		html.rtl button.button.secondaryWhiteCta .arrowPrev,
		html.rtl a.secondaryWhiteCta .arrowPrev,
		html.rtl button.smallButton.secondaryWhiteCta .arrowPrev,
		html.rtl a.smallButton.secondaryWhiteCta .arrowPrev {
			background-position: 100% -996px;
		}


	/* GENERIC BUTTONS
	-------------------------------------*/

	.button .arrowUp,
	a.button:active .arrowUp,
	button.button:active .arrowUp,
	a.button:hover .arrowUp,
	button.button:hover .arrowUp,
	.smallButton .arrowUp,
	a.smallButton:active .arrowUp,
	button.smallButton:active .arrowUp,
	a.smallButton:hover .arrowUp,
	button.smallButton:hover .arrowUp {
		background-position: 100% 3px;
	}

	.button .arrowDown,
	a.button:active .arrowDown,
	button.button:active .arrowDown,
	a.button:hover .arrowDown,
	button.button:hover .arrowDown,
	.smallButton .arrowDown,
	a.smallButton:active .arrowDown,
	button.smallButton:active .arrowDown,
	a.smallButton:hover .arrowDown,
	button.smallButton:hover .arrowDown {
		background-position: 100% -98px;
	}

	.button .arrowNext,
	a.button:active .arrowNext,
	button.button:active .arrowNext,
	a.button:hover .arrowNext,
	button.button:hover .arrowNext,
	.smallButton .arrowNext,
	a.smallButton:active .arrowNext,
	button.smallButton:active .arrowNext,
	a.smallButton:hover .arrowNext,
	button.smallButton:hover .arrowNext {
		background-position: 100% -196px;
	}

	.button .arrowPrev,
	a.button:active .arrowPrev,
	button.button:active .arrowPrev,
	a.button:hover .arrowPrev,
	button.button:hover .arrowPrev,
	.smallButton .arrowPrev,
	a.smallButton:active .arrowPrev,
	button.smallButton:active .arrowPrev,
	a.smallButton:hover .arrowPrev,
	button.smallButton:hover .arrowPrev {
		background-position: 0px -296px;
	}

		/* RTL : GENERIC BUTTONS */

		html.rtl .button .arrowUp,
		html.rtl a.button:active .arrowUp,
		html.rtl button.button:active .arrowUp,
		html.rtl a.button:hover .arrowUp,
		html.rtl button.button:hover .arrowUp,
		html.rtl .smallButton .arrowUp,
		html.rtl a.smallButton:active .arrowUp,
		html.rtl button.smallButton:active .arrowUp,
		html.rtl a.smallButton:hover .arrowUp,
		html.rtl button.smallButton:hover .arrowUp {
			background-position: 0 3px;
		}

		html.rtl .button .arrowDown,
		html.rtl a.button:active .arrowDown,
		html.rtl button.button:active .arrowDown,
		html.rtl a.button:hover .arrowDown,
		html.rtl button.button:hover .arrowDown,
		html.rtl .smallButton .arrowDown,
		html.rtl a.smallButton:active .arrowDown,
		html.rtl button.smallButton:active .arrowDown,
		html.rtl a.smallButton:hover .arrowDown,
		html.rtl button.smallButton:hover .arrowDown {
			background-position: 0 -98px;
		}

		html.rtl .button .arrowNext,
		html.rtl a.button:active .arrowNext,
		html.rtl button.button:active .arrowNext,
		html.rtl a.button:hover .arrowNext,
		html.rtl button.button:hover .arrowNext,
		html.rtl .smallButton .arrowNext,
		html.rtl a.smallButton:active .arrowNext,
		html.rtl button.smallButton:active .arrowNext,
		html.rtl a.smallButton:hover .arrowNext,
		html.rtl button.smallButton:hover .arrowNext {
			background-position: 0 -296px;
		}

		html.rtl .button .arrowPrev,
		html.rtl a.button:active .arrowPrev,
		html.rtl button.button:active .arrowPrev,
		html.rtl a.button:hover .arrowPrev,
		html.rtl button.button:hover .arrowPrev,
		html.rtl .smallButton .arrowPrev,
		html.rtl a.smallButton:active .arrowPrev,
		html.rtl button.smallButton:active .arrowPrev,
		html.rtl a.smallButton:hover .arrowPrev,
		html.rtl button.smallButton:hover .arrowPrev {
			background-position: 100% -196px;
		}


	/* SECONDARY WHITE COLOURS
	-------------------------------------*/

	a.secondaryWhiteCta:active .arrowUp,
	button.secondaryWhiteCta:active .arrowUp,
	a.secondaryWhiteCta:hover .arrowUp,
	button.secondaryWhiteCta:hover .arrowUp,
	html.rtl a.secondaryWhiteCta:active .arrowUp,
	html.rtl button.secondaryWhiteCta:active .arrowUp,
	html.rtl a.secondaryWhiteCta:hover .arrowUp,
	html.rtl button.secondaryWhiteCta:hover .arrowUp {
		background-position: 100% -397px;
	}

	a.secondaryWhiteCta:active .arrowDown,
	button.secondaryWhiteCta:active .arrowDown,
	a.secondaryWhiteCta:hover .arrowDown,
	button.secondaryWhiteCta:hover .arrowDown,
	html.rtl a.secondaryWhiteCta:active .arrowDown,
	html.rtl button.secondaryWhiteCta:active .arrowDown,
	html.rtl a.secondaryWhiteCta:hover .arrowDown,
	html.rtl button.secondaryWhiteCta:hover .arrowDown {
		background-position: 100% -498px;
	}

	a.secondaryWhiteCta:active .arrowNext,
	button.secondaryWhiteCta:active .arrowNext,
	a.secondaryWhiteCta:hover .arrowNext,
	button.secondaryWhiteCta:hover .arrowNext,
	html.rtl a.secondaryWhiteCta:active .arrowNext,
	html.rtl button.secondaryWhiteCta:active .arrowNext,
	html.rtl a.secondaryWhiteCta:hover .arrowNext,
	html.rtl button.secondaryWhiteCta:hover .arrowNext {
		background-position: 100% -596px;
	}

	a.secondaryWhiteCta:active .arrowPrev,
	button.secondaryWhiteCta:active .arrowPrev,
	a.secondaryWhiteCta:hover .arrowPrev,
	button.secondaryWhiteCta:hover .arrowPrev,
	html.rtl a.secondaryWhiteCta:active .arrowPrev,
	html.rtl button.secondaryWhiteCta:active .arrowPrev,
	html.rtl a.secondaryWhiteCta:hover .arrowPrev,
	html.rtl button.secondaryWhiteCta:hover .arrowPrev {
		background-position: 0px -696px;
	}

} /* End @media only screen and (max-width: 767px) *//*
	CSS - Skype.com
	MEDIAQUERIES
*/




/* Mobile 480 */


@media only screen and (max-width: 479px) {

	.content_img.noDesktop {
        margin: 0 -50% !important;
	}

	.content_img.noDesktop .fluidImage {
    	background-position: center top;
    	background-repeat: no-repeat;
    	background-size: auto auto;
	}
}


/* Mobile 768 */

@media handheld, only screen and (max-width: 767px) {


	section {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 10px;
	    padding-right: 10px;
	    overflow: hidden;
	    position: relative;
	}

	.column {
	    margin-left: 10px;
	    margin-right: 10px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	.inside .column {
	    margin-bottom: 20px;
	    margin-top: 20px;
	}

	.outside .column {
	    margin-bottom: 20px;
	    margin-top: 20px;
	}

	.outside div:first-child .column {
	    margin-top: 0px;
	}

	.outside div:last-child .column {
	    margin-bottom: 0px;
	}

	.column.flush {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6 {
		float: none;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	}
	
	.grid_1.blueBackground .column,
	.grid_2.blueBackground .column,
	.grid_3.blueBackground .column,
	.grid_4.blueBackground .column,
	.grid_5.blueBackground .column,
	.grid_6.blueBackground .column {
		background-color: #00AFF0;
	}

	.clear {
	    margin-bottom: 20px;
	}


	/* Inside & Outside
	----------------------------------------------------------------------------------------------------*/

	.outside.divide_white,
	.outside.divide_light,
	.outside.divide_dark {
	    margin-left: -10px;
	    margin-right: -10px;
	}

	.inside.divide_white,
	.inside.divide_light,
	.inside.divide_dark {
	   padding-left: 0;
	   padding-right: 0;
	}

	.inside {
	    margin-left: 10px;
	    margin-right: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	}

	.inside.isMobileFullWidth {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
	}

	.inside.divide_white.isMobileFullWidth,
	.inside.divide_light.isMobileFullWidth,
	.inside.divide_dark.isMobileFullWidth {
	    padding-left: 0px;
	    padding-right: 0px;
	}


	/* Divides
	----------------------------------------------------------------------------------------------------*/

	.divide_white .column {
	    border-top: 1px solid #FFFFFF;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.divide_light .column {
	    border-top: 1px solid #E4EEF2;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.divide_dark .column {
	    border-top: 1px solid #C0DCE6;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.inside.divide_white .grid_1:first-child .column,
	.inside.divide_white .grid_2:first-child .column,
	.inside.divide_white .grid_3:first-child .column,
	.inside.divide_white .grid_4:first-child .column,
	.inside.divide_white .grid_5:first-child .column,
	.inside.divide_white .grid_6:first-child .column,
	.inside.divide_light .grid_1:first-child .column,
	.inside.divide_light .grid_2:first-child .column,
	.inside.divide_light .grid_3:first-child .column,
	.inside.divide_light .grid_4:first-child .column,
	.inside.divide_light .grid_5:first-child .column,
	.inside.divide_light .grid_6:first-child .column,
	.inside.divide_dark .grid_1:first-child .column,
	.inside.divide_dark .grid_2:first-child .column,
	.inside.divide_dark .grid_3:first-child .column,
	.inside.divide_dark .grid_4:first-child .column,
	.inside.divide_dark .grid_5:first-child .column,
	.inside.divide_dark .grid_6:first-child .column {
	    border-top: none;
	}

	.outside.divide_white .grid_1:last-child .column,
	.outside.divide_white .grid_2:last-child .column,
	.outside.divide_white .grid_3:last-child .column,
	.outside.divide_white .grid_4:last-child .column,
	.outside.divide_white .grid_5:last-child .column,
	.outside.divide_white .grid_6:last-child .column {
	    border-bottom: 1px solid #FFFFFF;
	}

	.outside.divide_light .grid_1:last-child .column,
	.outside.divide_light .grid_2:last-child .column,
	.outside.divide_light .grid_3:last-child .column,
	.outside.divide_light .grid_4:last-child .column,
	.outside.divide_light .grid_5:last-child .column,
	.outside.divide_light .grid_6:last-child .column {
	    border-bottom: 1px solid #E4EEF2;
	}

	.outside.divide_dark .grid_1:last-child .column,
	.outside.divide_dark .grid_2:last-child .column,
	.outside.divide_dark .grid_3:last-child .column,
	.outside.divide_dark .grid_4:last-child .column,
	.outside.divide_dark .grid_5:last-child .column,
	.outside.divide_dark .grid_6:last-child .column {
	    border-bottom: 1px solid #C0DCE6;
	}

	.divide_white .grid_1,
	.divide_white .grid_2,
	.divide_white .grid_3,
	.divide_white .grid_4,
	.divide_white .grid_5,
	.divide_white .grid_6 {
	   border-left: none;
	   border-top: 1px solid #FFFFFF;
	}

	.divide_light .grid_1,
	.divide_light .grid_2,
	.divide_light .grid_3,
	.divide_light .grid_4,
	.divide_light .grid_5,
	.divide_light .grid_6 {
	   border-left: none;
	   border-top: 1px solid #E4EEF2;
	}

	.divide_dark .grid_1,
	.divide_dark .grid_2,
	.divide_dark .grid_3,
	.divide_dark .grid_4,
	.divide_dark .grid_5,
	.divide_dark .grid_6 {
	   border-left: none;
	   border-top: 1px solid #C0DCE6;
	}

	.divide_white .grid_1:first-child,
	.divide_white .grid_2:first-child,
	.divide_white .grid_3:first-child,
	.divide_white .grid_4:first-child,
	.divide_white .grid_5:first-child,
	.divide_white .grid_6:first-child,
	.divide_light .grid_1:first-child,
	.divide_light .grid_2:first-child,
	.divide_light .grid_3:first-child,
	.divide_light .grid_4:first-child,
	.divide_light .grid_5:first-child,
	.divide_light .grid_6:first-child,
	.divide_dark .grid_1:first-child,
	.divide_dark .grid_2:first-child,
	.divide_dark .grid_3:first-child,
	.divide_dark .grid_4:first-child,
	.divide_dark .grid_5:first-child,
	.divide_dark .grid_6:first-child {
	   border-top: none;
	}


	/* Lines
	----------------------------------------------------------------------------------------------------*/


	.line_white {
	   margin-left: 10px;
	   margin-right: 10px;
	}

	.line_light {
	   margin-left: 10px;
	   margin-right: 10px;
	}

	.line_dark {
	   margin-left: 10px;
	   margin-right: 10px;
	}

	.column .line_white,
	.column .line_light,
	.column .line_dark {
	   padding-top: 20px;
	   margin-top: 20px;
	}



	/* Images
	----------------------------------------------------------------------------------------------------*/

	.inside .content_img.no_padding {;
	    margin: -20px -20px 0;
		/*margin-top: 0px;*/
	}

	.outside .content_img.no_padding {;
	    margin: 0;
	}

	.content_img.noDesktop {
        margin: 0;
	}

	.content_img.noDesktop .fluidImage {
    	background-position: center center;
    	background-repeat: no-repeat;
    	background-size: 100% auto;
    	left: -50%;
    	top: 0;
    	position: static;
    	margin: 0 auto;
    	width: auto;
    	height: auto;
    	vertical-align: baseline;
	}


	/* Back to Top
	----------------------------------------------------------------------------------------------------*/

	.backToTop a {
	    bottom: 3px;
	}


	/* Spacers
	----------------------------------------------------------------------------------------------------*/


	.spacer_6 {
		margin-bottom: 4px
	}

	.spacer_12 {
		margin-bottom: 8px
	}

	.spacer_18 {
		margin-bottom: 12px
	}

	.spacer_24 {
		margin-bottom: 16px
	}

	.spacer_30 {
		margin-bottom: 20px
	}

	.spacer_36 {
		margin-bottom: 24px
	}

	.spacer_42 {
		margin-bottom: 28px
	}

	.spacer_48 {
		margin-bottom: 32px
	}

	.spacer_54 {
		margin-bottom: 36px
	}

	.spacer_60 {
		margin-bottom: 40px
	}


	/* Buttons
	----------------------------------------------------------------------------------------------------*/


	button.button,
		a.button,
		button.smallButton,
		a.smallButton {
			text-align: center;
			display: block;
			padding-right: 0;
			padding-left: 0;
			max-width: 480px;
    		/*width: 87.5%;*/
		}

		a.smallButton,
		a.button {
			display: block;
			margin: 0 auto;
		}

		button.smallButton,
		button.button {
			width: 100%;
		}

		a.smallButton.fixedButton,
		a.button.fixedButton,
		button.smallButton.fixedButton,
		button.button.fixedButton {
			max-width: 280px;
			width: 280px;
		}

		a.button.premiumSecondaryCta,
		a.button.secondaryCta,
		a.button.primaryNegativeCta,
		a.smallButton.premiumSecondaryCta,
		a.smallButton.secondaryCta,
		a.smallButton.primaryNegativeCta {
			padding-right: 0;
			padding-left: 0;
		}
		
		.button.iconRight,
		.smallButton.iconRight {
			padding-right: 0;
		}

		.button.iconLeft,
		.smallButton.iconLeft {
			padding-left: 0;
		}

}/*
Theme Name: Skype Parent Theme (skype-main)
Description: Skype WordPress VIP Parent theme. All common functionality for the skype vip blogs.
Theme URI: http://hmn.md
Author: Human Made Limited
Author URI: hmn.md
Version: 1.0
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}