/**
 * ippi
 * kevin-chassagne - http://kevinchassagne.com
 * ippi
 * @version v0.0.1
 */

@charset "UTF-8";
#main,
.background-blue {
	position: relative;
	overflow: hidden
}
#footer .top,
.button,
nav.mobile ul,
section h2 {
	text-align: center
}
#footer,
#footer .bottom,
#main,
.background-blue {
	overflow: hidden
}
#header,
ul.language-selector-min li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
#header li.more .sub-menu li.about::after,
body,
section h2 {
	font-family: brandon;
	font-style: normal
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}
body {
	line-height: 1;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	position: relative;
}
ol,
ul {
	list-style: none
}
blockquote,
q {
	quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}
#header li.more .sub-menu::before,
#header li.more span::after,
.background-blue::before,
.logo::before,
section h2::after,
section h2::before,
ul.language-selector-min li a::before {
	content: ''
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a,
button,
li {
	outline-color: #fff
}
button,
input,
select {
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
	padding: 0
}
input[type=submit] {
	cursor: pointer
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_thin-webfont.eot);
	src: url(../fonts/brandon_thin-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_thin-webfont.woff2) format("woff2"), url(../fonts/brandon_thin-webfont.woff) format("woff"), url(../fonts/brandon_thin-webfont.ttf) format("truetype");
	font-weight: 100;
	font-style: normal
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_light.eot);
	src: url(../fonts/brandon_light.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_light.woff2) format("woff2"), url(../fonts/brandon_light.woff) format("woff"), url(../fonts/brandon_light.ttf) format("truetype");
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_reg-webfont.eot);
	src: url(../fonts/brandon_reg-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_reg-webfont.woff2) format("woff2"), url(../fonts/brandon_reg-webfont.woff) format("woff"), url(../fonts/brandon_reg-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_reg_it-webfont.eot);
	src: url(../fonts/brandon_reg_it-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_reg_it-webfont.woff2) format("woff2"), url(../fonts/brandon_reg_it-webfont.woff) format("woff"), url(../fonts/brandon_reg_it-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_med-webfont.eot);
	src: url(../fonts/brandon_med-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_med-webfont.woff2) format("woff2"), url(../fonts/brandon_med-webfont.woff) format("woff"), url(../fonts/brandon_med-webfont.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_med_it-webfont.eot);
	src: url(../fonts/brandon_med_it-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_med_it-webfont.woff2) format("woff2"), url(../fonts/brandon_med_it-webfont.woff) format("woff"), url(../fonts/brandon_med_it-webfont.ttf) format("truetype");
	font-weight: 600;
	font-style: italic
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_bld-webfont.eot);
	src: url(../fonts/brandon_bld-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_bld-webfont.woff2) format("woff2"), url(../fonts/brandon_bld-webfont.woff) format("woff"), url(../fonts/brandon_bld-webfont.ttf) format("truetype");
	font-weight: 800;
	font-style: normal
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_bld_it-webfont.eot);
	src: url(../fonts/brandon_bld_it-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_bld_it-webfont.woff2) format("woff2"), url(../fonts/brandon_bld_it-webfont.woff) format("woff"), url(../fonts/brandon_bld_it-webfont.ttf) format("truetype");
	font-weight: 800;
	font-style: italic
}
@font-face {
	font-family: brandon;
	src: url(../fonts/brandon_blk-webfont.eot);
	src: url(../fonts/brandon_blk-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon_blk-webfont.woff2) format("woff2"), url(../fonts/brandon_blk-webfont.woff) format("woff"), url(../fonts/brandon_blk-webfont.ttf) format("truetype");
	font-weight: 900;
	font-style: normal
}
@-webkit-keyframes news {
	0% {
		-webkit-transform: translateX(100%)
	}
	100% {
		-webkit-transform: translateX(-100%)
	}
}
@-moz-keyframes news {
	0% {
		-moz-transform: translateX(100%)
	}
	100% {
		-moz-transform: translateX(-100%)
	}
}
@keyframes news {
	0% {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}
	100% {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}
body,
html {
	width: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	font-smoothing: antialiased
}
#main {
	background: #fff
}
.background-blue {
	z-index: 0;
	padding: 0 40px
}
.background-blue::before {
	will-change: transform;
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/background-head.png) center no-repeat, #03588f;
	background-size: 133% auto
}
.background-blue h2 {
	color: #fff
}
.wrapper,
.wrapper-big,
.wrapper-small {
	position: relative;
	margin: 0 auto
}
.wrapper-big {
	max-width: 1240px
}
.wrapper {
	max-width: 1200px
}
.wrapper-small {
	max-width: 1100px
}
.logo {
	font-size: 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	margin-right: 65px
}
.logo::before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: block;
	height: 3px;
	width: 60px;
	margin: auto;
	background: #07dc80
}
.logo a {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 36px;
	background: url(../img/logo.svg) no-repeat;
	background-size: contain
}
section h2 {
	color: #084674;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase
}
section h2::after,
section h2::before {
	display: inline-block;
	vertical-align: middle;
	height: 5px;
	width: 20px;
	margin: -5px 40px 0;
	background: rgba(0, 0, 0, .2)
}
.col-2,
.col-3 {
	vertical-align: top;
	display: inline-block
}

.button {
	color: #fff;
	text-decoration: none;
	will-change: box-shadow;
	display: inline-block;
	margin: 0 auto;
	padding: 0 30px;
	border-radius: 3px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	transition: all .1s ease-out
}
.button.grey {
	box-shadow: none;
	background: rgba(0, 0, 0, .1)
}
.button.white {
	box-shadow: none;
	background: #fff
}
.button.green,
.button.light-blue {
	box-shadow: 0 3px 0 rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(255, 255, 255, .1)
}
.button.green {
	border: 1px solid #00db62;
	background: -moz-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: -webkit-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: linear-gradient(to bottom, #1df296 0, #0ce185 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1df296', endColorstr='#0ce185', GradientType=0)
}
.button.light-blue {
	background: -moz-linear-gradient(top, #94daed 0, #83c9dc 100%);
	background: -webkit-linear-gradient(top, #94daed 0, #83c9dc 100%);
	background: linear-gradient(to bottom, #94daed 0, #83c9dc 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#94daed', endColorstr='#83c9dc', GradientType=0)
}
.button.blue {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 1px #4176b0, inset 0 2px 1px rgba(255, 255, 255, .4);
	background: -moz-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #558cc7;
	background: -webkit-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #558cc7;
	background: -ms-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #558cc7
}
.button.medium-blue {
	background: #4eaad7;
	background: -moz-linear-gradient(top, #4eaad7 0, #3d99c6 100%);
	background: -webkit-linear-gradient(top, #4eaad7 0, #3d99c6 100%);
	background: linear-gradient(to bottom, #4eaad7 0, #3d99c6 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4eaad7', endColorstr='#3d99c6', GradientType=0)
}
.button.dark-blue {
	background: #1174bd;
	background: -moz-linear-gradient(top, #1174bd 0, #0063ac 100%);
	background: -webkit-linear-gradient(top, #1174bd 0, #0063ac 100%);
	background: linear-gradient(to bottom, #1174bd 0, #0063ac 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1174bd', endColorstr='#0063ac', GradientType=0)
}
.button:hover.white {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.button:hover.green {
	box-shadow: inset 0 2px 2px rgba(255, 255, 255, .6)
}
.button:hover.blue {
	box-shadow: 0 0 0 #000, inset 0 0 0 1px #4176b0, inset 0 1px 1px rgba(255, 255, 255, .4)
}
.button:hover.light-blue {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 1px #67b0c4, inset 0 2px 1px rgba(255, 255, 255, .4)
}
.button:hover.medium-blue {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 1px #217aa5, inset 0 2px 1px rgba(255, 255, 255, .4)
}
.button:hover.dark-blue {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 0 1px #04528b, inset 0 2px 1px rgba(255, 255, 255, .4)
}
.button:active.grey {
	background: rgba(0, 0, 0, .2)
}
.button:active.green {
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}
.button:active.blue,
.button:active.light-blue,
.button:active.medium-blue {
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px)
}
.button:active.blue,
.button:active.medium-blue {
	transform: translateY(1px);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4)
}
.button:active.light-blue {
	transform: translateY(1px);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}
.button:active.dark-blue {
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .6)
}
.col-2 {
	width: 50%
}
.col-3 {
	width: 33.33%
}
ul.language-selector-min {
	cursor: pointer;
	width: 155px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	-webkit-transform: translateY(calc(-100% + 80px));
	-moz-transform: translateY(calc(-100% + 80px));
	-ms-transform: translateY(calc(-100% + 80px));
	-o-transform: translateY(calc(-100% + 80px));
	transform: translateY(calc(-100% + 80px));
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	transition: background .3s ease
}
#rates .rates-wrapper .right ul,
ul.language-selector-min li {
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease
}
ul.language-selector-min li {
	background: rgba(0, 0, 0, .1);
	box-sizing: border-box;
	transition: background .3s ease
}
ul.language-selector-min li:last-of-type {
	background: 0 0
}
ul.language-selector-min li a::before {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 23px;
	margin-right: 20px
}
ul.language-selector-min li.english a::before {
	background: url(../img/flags/merica.png) center no-repeat;
	background-size: contain
}
ul.language-selector-min li.french a::before {
	background: url(../img/flags/france.png) center no-repeat;
	background-size: contain
}
ul.language-selector-min li.italia a::before {
	background: url(../img/flags/italia.png) center no-repeat;
	background-size: contain
}
ul.language-selector-min li.spain a::before {
	background: url(../img/flags/spain.png) center no-repeat;
	background-size: contain
}
ul.language-selector-min.open {
	overflow: visible
}
ul.language-selector-min.open li {
	border-top: 1px solid rgba(53, 121, 165, .3);
	background: rgba(255, 255, 255, .9)
}
ul.language-selector-min.open li:first-of-type {
	background: 0 0
}
ul.language-selector-min.open li:hover {
	background: #fff
}
ul.language-selector-min.open li a {
	color: #03588F
}
#header li.more span,
#header nav.right li:last-of-type:hover a {
	color: #fff
}
#header {
	line-height: 150px;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	padding: 0 70px 0 80px;
	box-sizing: border-box;
	-webkit-transition: .4s transform cubic-bezier(.98, .04, .3, .96);
	-moz-transition: .4s transform cubic-bezier(.98, .04, .3, .96);
	transition: .4s transform cubic-bezier(.98, .04, .3, .96)
}
#header nav {
	display: inline-block
}
#header nav.right {
	float: right
}
#header nav.right li {
	margin-right: 30px
}
#header nav.right li:last-of-type {
	line-height: 40px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, .2);
	-webkit-transition: border-color .2s ease-out;
	-moz-transition: border-color .2s ease-out;
	transition: border-color .2s ease-out
}
#header nav.right li:last-of-type a {
	display: block;
	padding: 0 20px
}
#header li,
#header li.more span::after {
	display: inline-block;
	vertical-align: middle
}
#header nav.right li:last-of-type:hover {
	border: 1px solid #fff
}
#header li {
	margin-right: 50px
}
#header li.more {
	cursor: pointer;
	position: relative
}
#header li.more:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
#header li.more span::after,
#rates .rates-wrapper .right::after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg)
}
#header li.more span::after {
	height: 3px;
	width: 3px;
	margin-left: 10px;
	margin-top: -3px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(225deg)
}
#header li.more .sub-menu {
	opacity: 0;
	visibility: hidden;
	width: 145px;
	position: absolute;
	left: 0;
	top: 100px;
	padding: 10px 20px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
#header li.more .sub-menu::before {
	position: absolute;
	left: 44px;
	top: -5px;
	display: block;
	height: 10px;
	width: 10px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
#header li.more .sub-menu li {
	font-size: 15px;
	line-height: 1.8em;
	display: block;
	width: 100%
}
#header li.more .sub-menu li.about {
	position: relative;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid rgba(20, 20, 20, .1)
}

#header li a,
#header li span,
#header li.more .sub-menu li a,
nav.mobile ul li a {
	font-weight: 600;
	font-style: normal;
	font-family: brandon
}
#header li.more .sub-menu li a {
	color: #3f3f3f;
	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	transition: color .2s ease-out
}
#header li a:hover,
#header li.more .sub-menu li a:hover {
	color: #04d97d
}
#header li a,
#header li span {
	color: #fff;
	font-size: 17px;
	text-decoration: none;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	transition: color .2s ease-out
}
nav.mobile {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 200px
}
nav.mobile .icon {
	cursor: pointer;
	z-index: 10;
	position: absolute;
	top: 40px;
	right: 60px;
	display: block;
	height: 26px;
	padding: 20px;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transition: .4s transform cubic-bezier(.98, .04, .3, .96);
	-moz-transition: .4s transform cubic-bezier(.98, .04, .3, .96);
	transition: .4s transform cubic-bezier(.98, .04, .3, .96)
}
nav.mobile .icon i {
	display: block;
	height: 2px;
	width: 20px;
	margin: 5px 0;
	background: #fff;
	-webkit-transition: .3s transform cubic-bezier(.78, .04, .3, .75);
	-moz-transition: .3s transform cubic-bezier(.78, .04, .3, .75);
	transition: .3s transform cubic-bezier(.78, .04, .3, .75)
}
nav.mobile .icon i:nth-of-type(2) {
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	transition: opacity .2s ease
}
nav.mobile ul {
	z-index: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 200px;
	height: 100%;
	box-shadow: inset 2px 0 4px rgba(0, 0, 0, .15);
	background: #03588F;
	-webkit-transition: .4s transform cubic-bezier(.98, .04, .3, .96);
	-moz-transition: .4s transform cubic-bezier(.98, .04, .3, .96);
	transition: .4s transform cubic-bezier(.98, .04, .3, .96)
}
nav.mobile ul li {
	line-height: 5em;
	display: block;
	margin-right: 0;
	border-bottom: 1px solid #034F82
}
nav.mobile ul li a {
	color: #fff;
	font-size: 17px;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: background .3s ease-out;
	-moz-transition: background .3s ease-out;
	transition: background .3s ease-out
}
nav.mobile ul li a:hover {
	background: rgba(255, 255, 255, .2)
}
#main {
	-webkit-transition: .4s transform cubic-bezier(.78, .04, .3, .75);
	-moz-transition: .4s transform cubic-bezier(.78, .04, .3, .75);
	transition: .4s transform cubic-bezier(.78, .04, .3, .75)
}
#main.mobile-nav-open,
body.mobile-nav-open #header {
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px)
}
body.mobile-nav-open nav.mobile .icon {
	position: fixed;
	-webkit-transform: translateX(-200px) rotate(-180deg);
	-moz-transform: translateX(-200px) rotate(-180deg);
	-ms-transform: translateX(-200px) rotate(-180deg);
	-o-transform: translateX(-200px) rotate(-180deg);
	transform: translateX(-200px) rotate(-180deg)
}
body.mobile-nav-open nav.mobile .icon i:first-of-type {
	-webkit-transform: translateY(7px) rotate(45deg);
	-moz-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg)
}
body.mobile-nav-open nav.mobile .icon i:nth-of-type(2) {
	opacity: 0
}
body.mobile-nav-open nav.mobile .icon i:last-of-type {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-moz-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg)
}
body.mobile-nav-open nav.mobile ul {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
@media screen and (max-width: 900px) {
	#header nav.left,
	#header nav.right {
		display: none
	}
	nav.mobile {
		display: block
	}
}
@media screen and (max-width: 505px) {
	#header {
		padding: 0 45px
	}
	nav.mobile .icon {
		right: 25px
	}
}
@media screen and (max-height: 626px) {
	nav.mobile ul li {
		line-height: 4em
	}
}
@media screen and (max-height: 515px) {
	nav.mobile ul li {
		line-height: 3em
	}
}
#footer {
	position: relative;
	height: auto; /* MODIF GL 180417 : height: 448px;*/
	background: #fff
}
#footer .top {
	color: #fff;
	font-size: 0;
	padding: 90px 0 120px;
	background: url(../img/background-blue.jpg) center no-repeat;
	background-size: cover
}
#footer .top h3 {
	font-size: 14px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase
}
#footer .top h3::after {
	content: '';
	display: block;
	height: 4px;
	width: 20px;
	margin: 10px 0 20px;
	background: rgba(0, 0, 0, .1)
}
#footer .top nav {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 16%
}
#footer .top nav:last-of-type {
	width: 392px
}
#footer .top nav:last-of-type h3 {
	margin-bottom: 27px
}
#footer .top nav:last-of-type input[type=mail] {
	margin-top: 27px
}
#footer .top li {
	font-size: 15px;
	line-height: 2em;
	margin-top: 10px
}
#footer .top li a {
	color: rgba(255, 255, 255, .8);
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	transition: color .2s ease-out
}
#footer .top li a:hover {
	color: #fff
}
#footer .top label {
	font-size: 15px;
	font-family: brandon;
	font-style: italic;
	font-weight: 600
}
#footer .top input[type=mail] {
	line-height: 50px;
	height: 50px;
	width: 290px;
	margin-top: 20px;
	padding-left: 20px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#footer .top input[type=submit] {
	color: #fff;
	font-size: 13px;
	line-height: 50px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	height: 50px;
	padding: 0 30px;
	margin-top: 20px;
	margin-left: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6);
	background: -moz-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #3d99c6;
	background: -webkit-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #3d99c6;
	background: -ms-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #3d99c6;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	transition: background .1s ease-out
}
#footer .top input[type=submit]:hover {
	background: -moz-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #3689B4;
	background: -webkit-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #3689B4;
	background: -ms-linear-gradient(90deg, transparent 0, rgba(255, 255, 255, .1) 100%), #3689B4
}
#footer .bottom {
	line-height: 80px;
	height: 80px;
	position: relative;
}
#footer .bottom.open {
	overflow: visible
}
#footer .bottom nav {
	float: left;
	width: 67%;
	margin-left: 30px
}
#footer .bottom nav h3 {
	color: #ccc;
	font-size: 13px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px
}
#footer .bottom li a,
#footer .bottom small,
#footer .bottom ul.language {
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	font-family: brandon;
	text-decoration: none
}
#footer .bottom ul {
	display: inline-block;
	vertical-align: top
}
#footer .bottom li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px
}
#footer .bottom li a {
	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}
#footer .bottom li a::before {
	content: '';
	display: inline-block;
	vertical-align: text-bottom;
	height: 15px;
	width: 18px;
	margin-right: 10px
}
#footer .bottom li a:hover {
	opacity: .8
}
#footer .bottom li a.twitter {
	color: #55acee
}
#footer .bottom li a.twitter::before {
	background: url(../img/social/twitter.png) center no-repeat;
	background-size: contain
}
#footer .bottom li a.facebook {
	color: #4c6595
}
#footer .bottom li a.linkedin,
#footer .bottom li a.telegram {
	color: #0077b5
}
#footer .bottom li a.facebook::before {
	background: url(../img/social/facebook.png) center no-repeat;
	background-size: contain
}
#footer .bottom li a.linkedin::before {
	background: url(../img/social/linkedin.png) center no-repeat;
	background-size: contain
}
#footer .bottom li a.telegram::before {
	background: url(../img/social/telegram.png) center no-repeat;
	background-size: contain
}
#footer .bottom li a.line {
	color: #00c300
}
#footer .bottom li a.line::before {
	background: url(../img/social/line.png) center no-repeat;
	background-size: contain
}
#footer .bottom li a.google {
	color: #dc4e41
}
#footer .bottom li a.google::before {
	background: url(../img/social/googleplus.png) center no-repeat;
	background-size: contain
}
#footer .bottom small {
	color: rgba(0, 0, 0, .2);
	float: right;
	margin-right: 185px
}
#footer .bottom ul.language {
	color: rgba(0, 0, 0, .6);
	position: absolute;
	right: 0;
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, .05);
	border-left: 1px solid rgba(0, 0, 0, .05)
}
#footer .bottom ul.language li {
	cursor: pointer;
	position: relative;
	width: 100%;
	padding: 0 30px;
	background: 0 0
}
#footer .bottom ul.language li:last-of-type::after {
	content: none
}
#footer .bottom ul.language li::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 90px;
	margin: 0 auto;
	background: rgba(0, 0, 0, .1)
}
#footer .bottom ul.language li a {
	color: rgba(0, 0, 0, .6);
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	transition: color .2s ease
}
#footer .bottom ul.language li a:hover {
	color: #000
}
@media screen and (max-width: 1210px) {
	#footer .bottom nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%
	}
}
@media screen and (max-width: 1155px) {
	#footer .bottom nav {
		margin-left: 15px
	}
	#footer .bottom nav h3 {
		display: none
	}
}
@media screen and (max-width: 1090px) {
	#footer .top nav:last-of-type {
		width: 252px
	}
	#footer .top label {
		display: block
	}
	#footer .top input[type=mail] {
		width: 150px
	}
}
@media screen and (max-width: 1035px) {
	#footer .bottom li {
		margin-right: 15px
	}
	#footer .bottom li a::before {
		margin-right: 5px
	}
}
@media screen and (max-width: 935px) {
	#footer {
		height: auto
	}
	#footer .bottom {
		height: 80px
	}
	#footer .bottom small {
		display: none
	}
}
#head,
#head h2 em {
	position: relative
}
@media screen and (max-width: 760px) {
	#footer .top {
		padding: 70px 20px 50px
	}
	#footer .top nav {
		width: 25%;
		padding-right: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	#footer .top nav:last-of-type {
		display: block;
		padding-right: 0;
		margin: 50px auto 0
	}
}
@media screen and (max-width: 720px) {
	#footer .bottom nav h3 {
		display: none
	}
}
@media screen and (max-width: 600px) {
	#footer .bottom ul {
		/*width: 100%*/
	}
	/*#footer .bottom li {*/
		/*width: -webkit-calc(100% / 6);*/
		/*width: calc(100% / 6);*/
		/*margin-right: 0*/
	/*}*/
	#footer .bottom li a {
		font-size: 0
	}
	#footer .bottom .language li a {
		font-size: 11px;
	}
	#footer .bottom li a::before {
		vertical-align: middle
	}
}
@media screen and (max-width: 565px) {
	#footer .top {
		overflow: hidden;
		padding: 0 20px 50px
	}
	#footer .top h3::after {
		margin: 10px auto 15px
	}
	#footer .top nav {
		text-align: center;
		display: block;
		width: 100%;
		margin: 50px auto 0;
		padding: 0
	}
	#footer .top nav:last-of-type {
		width: 100%
	}
}
@media screen and (max-width: 360px) {
	#footer .bottom small {
		font-size: 10px;
		margin-right: 0
	}
}
#head h2 em,
#head h2 i {
	margin: 0 10px
}
@media screen and (max-width: 340px) {
	#footer .bottom small {
		font-size: 9px
	}
}
#head {
	color: #fff;
	z-index: 5;
	height: 700px;
	background: url(../img/background-head.png) center no-repeat, #076190;
	background: url(../img/background-head.png) center no-repeat, -moz-linear-gradient(left, #076190 0, #7abedf 100%);
	background: url(../img/background-head.png) center no-repeat, -webkit-linear-gradient(left, #076190 0, #7abedf 100%);
	background: url(../img/background-head.png) center no-repeat, linear-gradient(to right, #076190 0, #7abedf 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#076190', endColorstr='#7abedf', GradientType=1);
	background-size: cover
}
#head .wrapper {
	text-align: center;
	display: table;
	width: 100%;
	height: 100%
}
#head .wrapper .center {
	display: table-cell;
	vertical-align: middle
}
#head h2 {
	color: #fff;
	font-size: 80px;
	text-transform: none;
	font-family: brandon;
	font-style: normal;
	font-weight: 200;
	padding: 0 20px
}
#head h2::before {
	content: none
}
#head .button span::after,
#head .latest-news h4::after,
#head .latest-news time::after,
#head h2 em::before {
	content: ''
}
#head h2::after {
	display: block;
	margin: 25px auto 0;
	background: rgba(0, 0, 0, .1)
}
#head h2 em {
	display: inline;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#head h2 em::before {
	display: block;
	width: 41px;
	height: 45px;
	position: absolute;
	right: -20px;
	top: -25px;
	background-size: 41px 45px
}
#head h3 {
	font-size: 30px;
	line-height: 1.4em;
	color: rgba(0, 0, 0, .6);
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-top: 30px;
	padding: 0 20px
}
#head .button {
	font-size: 15px;
	line-height: 50px;
	font-family: brandon;
	font-style: italic;
	font-weight: 800;
	height: 50px;
	border: none;
	margin-top: 60px;
	box-shadow: 0 0 0 1px rgba0, 0, 0, .2;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
#head .button span,
#head .latest-news h4 {
	text-transform: uppercase;
	font-weight: 900;
	font-family: brandon;
	font-style: normal
}
#head .button:hover {
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, .4)
}
#head .button span::after {
	display: inline-block;
	vertical-align: middle;
	height: 5px;
	width: 20px;
	margin: -4px 8px 0 10px;
	background: rgba(0, 0, 0, .1)
}
#head .latest-news {
	line-height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 80px;
	padding: 0 0 0 30px;
	background: rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#head .latest-news h4 {
	display: inline;
	font-size: 11px
}
#head .latest-news h4::after {
	display: inline-block;
	vertical-align: baseline;
	width: 20px;
	height: 5px;
	margin: 0 20px;
	background: #f2f2f2
}
#head .latest-news time {
	color: #000;
	display: inline;
	font-size: 11px;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#head .latest-news time::after {
	display: inline-block;
	vertical-align: middle;
	width: 3px;
	height: 3px;
	margin: 0 15px;
	border-radius: 100%;
	background: #144d72
}
#head .latest-news .news-content {
	font-size: 17px;
	white-space: nowrap;
	font-family: brandon;
	font-style: normal;
	font-weight: 400;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 250px;
	right: 315px;
	margin: auto
}
#head .latest-news .news-content::after,
#head .latest-news .news-content::before {
	content: '';
	pointer-events: none;
	display: block;
	z-index: 10;
	position: absolute;
	top: 0;
	height: 100%;
	width: 15%
}
#head .latest-news .news-content::before {
	left: 0;
	background: -moz-linear-gradient(right, transparent 0, #17648D 100%);
	background: -webkit-linear-gradient(right, transparent 0, #17648D 100%);
	background: linear-gradient(to left, rgba(23, 100, 141, 0), #17648d)
}
#head .latest-news .news-content::after {
	right: 0;
	background: -moz-linear-gradient(left, transparent 0, #5898BA 100%);
	background: -webkit-linear-gradient(left, transparent 0, #5898BA 100%);
	background: linear-gradient(to right, rgba(88, 152, 186, 0), #5898ba)
}
#head .latest-news .news-content p {
	display: block;
	width: 100%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation: news 60s linear infinite 1s;
	-moz-animation: news 60s linear infinite 1s;
	animation: news 60s linear infinite 1s
}
#head .latest-news .news-content p strong {
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#bullets figcaption .button,
#features .button,
#head .latest-news .right a {
	font-weight: 900;
	font-family: brandon;
	font-style: normal;
	text-transform: uppercase
}
#head .latest-news .right {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}
#head .latest-news .right.open {
	overflow: visible
}
#head .latest-news .right ul.language {
	border-top: 1px solid rgba(0, 0, 0, .05);
	border-left: 1px solid rgba(0, 0, 0, .05)
}
#head .latest-news .right ul.language li {
	position: relative
}
#head .latest-news .right ul.language li:last-of-type::after {
	content: none
}
#head .latest-news .right ul.language li::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 90px;
	margin: 0 auto;
	background: rgba(0, 0, 0, .1)
}
#head .latest-news .right li {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 155px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#head .latest-news .right li.all-news a {
	position: relative
}
#head .latest-news .right li.all-news a::after,
#head .latest-news .right li.all-news a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	display: block;
	height: 2px;
	width: 55px;
	margin: 0 auto
}
#head .latest-news .right li.all-news a::before {
	background: #fff;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
#head .latest-news .right li.all-news a::after {
	background: rgba(0, 0, 0, .1)
}
#bullets,
#features {
	background: #fff;
	position: relative;
	text-align: center;
	z-index: 5
}
#head .latest-news .right li.all-news a:hover::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: rcenter;
	-moz-transform-origin: rcenter;
	-ms-transform-origin: rcenter;
	-o-transform-origin: rcenter;
	transform-origin: rcenter
}
#head .latest-news .right a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%
}
@media screen and (max-width: 1055px) {
	#head h2 {
		font-size: 70px
	}
}
@media screen and (max-width: 940px) {
	#head h2 {
		font-size: 65px
	}
}
@media screen and (max-width: 900px) {
	#head .latest-news .news-content,
	#head .latest-news h4,
	#head .latest-news time {
		display: none
	}
}
#bullets figcaption h3::after,
#features li h3::before {
	display: block;
	content: ''
}
@media screen and (max-width: 625px) {
	#head h2 {
		font-size: 50px
	}
	#head h2 em::before {
		content: none
	}
	#head h3 {
		font-size: 20px
	}
}
@media screen and (max-width: 505px) {
	#head h2 {
		font-size: 50px
	}
	#head h2 i {
		margin: 0
	}
	#head h2::after {
		content: none
	}
	#head .latest-news .right {
		font-size: 0;
		width: 100%
	}
	#head .latest-news .right li {
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	#head .right ul.language {
		width: -webkit-calc(50% - 1px);
		width: calc(50% - 1px)
	}
	#head .right ul.language li {
		width: 100%
	}
}
#bullets {
	font-size: 0;
	margin: 0 auto
}
#bullets figure {
	min-width: 320px;
	padding-top: 95px;
	padding-bottom: 100px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#bullets figure:nth-of-type(1) img {
	max-width: 89px
}
#bullets figure:nth-of-type(2) {
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05)
}
#bullets figure:nth-of-type(2) img {
	max-width: 201px;
	height: auto
}
#bullets figure:nth-of-type(3) img {
	max-width: 146px;
	height: auto
}
#bullets figcaption {
	text-align: center
}
#bullets figcaption h3 {
	color: #144d72;
	font-size: 25px;
	margin-top: 60px
}
#bullets figcaption h3 i {
	color: #02c672
}
#bullets figcaption h3::after {
	height: 1px;
	width: 75px;
	margin: 15px auto 0;
	background: rgba(20, 77, 114, .1)
}
#bullets figcaption p {
	color: #898780;
	font-size: 16px;
	line-height: 1.4em;
	max-width: 175px;
	margin: 10px auto 0
}
#bullets figcaption .button {
	font-size: 13px;
	line-height: 40px;
	height: 40px;
	margin-top: 30px
}
@media screen and (max-width: 975px) {
	#bullets figure:nth-of-type(2) {
		border-right: none
	}
}
@media screen and (max-width: 655px) {
	#bullets figure {
		min-width: 100%
	}
	#bullets figure:nth-of-type(2) {
		border-left: none
	}
}
#features {
	font-size: 0;
	padding: 95px 40px 80px;
	margin: 0 auto
}
#features ul {
	width: -webkit-calc(100% + 180px);
	width: calc(100% + 180px);
	margin-left: -90px;
	margin-bottom: 65px
}
#features li {
	text-align: left;
	position: relative;
	margin: 85px 60px 0
}
#features li.col-3 {
	max-width: 230px;
	padding: 0 0 0 60px
}
#features li h3 {
	color: #144d72;
	font-size: 20px;
	margin-bottom: 15px
}
#features li h3::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 47px;
	width: 74px;
	background: #ededed
}
#features li h3.adress-book::before {
	height: 26px;
	width: 34px;
	background: url(../img/features/adress-book.png) center no-repeat;
	background-size: 34px 26px
}
#features li h3.sms::before {
	height: 34px;
	width: 38px;
	background: url(../img/features/sms.png) center no-repeat;
	background-size: 38px 34px
}
#features li h3.voicemail::before {
	height: 24px;
	width: 34px;
	background: url(../img/features/voicemail.png) center no-repeat;
	background-size: 34px 24px
}
#features li h3.sip::before {
	height: 34px;
	width: 33px;
	background: url(../img/features/sip.png) center no-repeat;
	background-size: 33px 34px
}
#features li h3.france::before {
	height: 25px;
	width: 33px;
	background: url(../img/flags/france.png) center no-repeat;
	background-size: 33px 25px
}
#features li h3.free-call::before {
	height: 23px;
	width: 34px;
	background: url(../img/features/free.png) center no-repeat;
	background-size: 34px 23px
}
#features li h3.skype::before {
	height: 34px;
	width: 34px;
	background: url(../img/features/skype.png) center no-repeat;
	background-size: 34px 34px
}
#features li h3.hangout::before {
	height: 38px;
	width: 32px;
	background: url(../img/features/hangout.png) center no-repeat;
	background-size: 32px 38px
}
#features li h3.inum::before {
	height: 34px;
	width: 34px;
	background: url(../img/features/inum.png) center no-repeat;
	background-size: 34px 34px
}
#features li h3.web-callback::before {
	height: 25px;
	width: 30px;
	background: url(../img/features/web-callback.png) center no-repeat;
	background-size: 30px 25px
}
#features li h3.conference-room::before {
	height: 45px;
	width: 36px;
	background: url(../img/features/conference-room.png) center no-repeat;
	background-size: 36px 45px
}
#features li h3.click-to-call::before {
	height: 40px;
	width: 48px;
	background: url(../img/features/click-to-call.png) center no-repeat;
	background-size: 48px 40px
}
#plans .plan,
#plans ul {
	background: #fff;
	border-radius: 3px
}
#features li p {
	color: #898780;
	font-size: 16px;
	line-height: 1.2em
}
#features .button {
	font-size: 13px;
	line-height: 50px;
	height: 50px
}
#plans {
	font-size: 0;
	padding-top: 60px;
}
#plans ul {
	text-align: center;
	margin-top: 55px
}
#plans .plan {
	text-align: left
}
#plans .plan:nth-of-type(2) {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05)
}
#plans .plan.plan-starred {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}
#plans .plan h3 {
	color: #315c7d;
	font-size: 25px;
	line-height: 100px;
	white-space: nowrap;
	position: relative;
	height: 100px;
	padding: 0 30px
}
#plans .plan h3 em {
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#plans .plan .free .price,
#plans .plan .free em {
	color: #76d2e7
}
#plans .plan .premium .price,
#plans .plan .premium em {
	color: #3d99c6
}
#plans .plan .elite .price,
#plans .plan .elite em {
	color: #0063ac
}
#plans .plan .right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto
}
#plans .plan .price {
	line-height: 1em;
	text-align: right;
	display: inline-block;
	vertical-align: middle
}
#plans .plan .price.promo-wrapper {
	color: #fff;
	text-align: left;
	display: block;
	height: 60px;
	width: 160px;
	position: absolute;
	right: -40px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 8px 20px;
	border-radius: 3px;
	background: #19ee92;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#plans .plan .price.promo-wrapper .monthly,
#plans .plan .price.promo-wrapper strong {
	line-height: 1;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#plans .plan .price.promo-wrapper .monthly,
#plans .plan .price.promo-wrapper em {
	color: #fff
}
#plans .plan .price strong {
	font-size: 25px
}
#plans .plan .price strong em {
	font-size: 19px
}
#plans .plan .price strong i {
	font-size: 15px
}
#plans .plan .price .monthly {
	color: #d0cdbe;
	font-size: 16px;
	line-height: 1em;
	white-space: nowrap;
	display: block;
	margin: auto
}
#plans .plan .promo {
	color: #0c7749;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	position: absolute;
	top: 4px;
	right: 7px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}
#plans .plan .promo .old-price {
	font-size: 13px;
	text-decoration: line-through;
	display: block
}
#plans .plan .promo .old-price::after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	border-bottom: 1px dotted #0c7749
}
#plans .plan .destinations,
#plans .plan .features li h4.exclusive::before {
	font-style: normal;
	display: inline-block;
	font-family: brandon
}
#plans .plan .features li h4.exclusif::before {
	font-style: normal;
	display: inline-block;
	font-family: brandon
}
#plans .plan .destinations {
	color: #315c7d;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	font-weight: 800;
	width: 100%;
	height: 40px;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}
#plans .plan .destinations i {
	color: #c2bfaf;
	text-decoration: underline;
	float: right
}
#plans .plan .features {
	text-align: left;
	margin-top: 0;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#plans .plan .features li {
	height: 90px;
	padding-top: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	background: url(../img/check.png) calc(100% - 30px) center no-repeat;
	background-size: 21px 15px
}
#plans .plan .features li h4 {
	color: #706c5b;
	font-size: 18px;
	line-height: 1.1em;
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
#plans .plan .features li h4.blue {
	color: #315c7d
}
#plans .plan .features li h4.exclusive::before {
	content: 'exclusive';
	color: #fff;
	font-size: 8px;
	line-height: 19px;
	font-weight: 900;
	text-transform: uppercase;
	vertical-align: top;
	height: 18px;
	padding: 0 5px;
	margin-right: 10px;
	border-radius: 2px;
	background: #ffc000
}
#plans .plan .features li h4.exclusif::before {
	content: 'exclusif';
	color: #fff;
	font-size: 8px;
	line-height: 19px;
	font-weight: 900;
	text-transform: uppercase;
	vertical-align: top;
	height: 18px;
	padding: 0 5px;
	margin-right: 10px;
	border-radius: 2px;
	background: #ffc000
}
#plans .plan .features li h4 i {
	color: #76d2e7
}
#plans .plan .features li span {
	color: #898780;
	font-size: 14px;
	line-height: 1.5em;
	font-family: brandon;
	font-style: italic;
	font-weight: 400
}
#plans .plan .call-to-action {
	line-height: 90px;
	text-align: center;
	height: 90px;
	padding-left: 30px
}
#plans .plan .call-to-action .button {
	font-size: 13px;
	line-height: 50px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	height: 50px
}
@media screen and (max-width: 1100px) {
	#plans .plan h3 {
		line-height: 1.2em;
		height: auto;
		padding: 15px 30px
	}
	#plans .plan h3 em {
		display: block
	}
	#plans .plan h3 .price em {
		display: inline
	}
	#plans .plan.plan-starred .right {
		top: 0
	}
	#plans .plan .right {
		top: 20px
	}
	#plans .plan .features li {
		background-size: 16px 13px;
		background-position: calc(100% - 20px) 50%
	}
}
@media screen and (max-width: 1130px) {
	#plans .plan .features li {
		background: 0 0
	}
}
@media screen and (max-width: 950px) {
	#plans .plan h3 {
		font-size: 20px
	}
	#plans .plan .features li h4 {
		font-size: 16px
	}
}
@media screen and (max-width: 875px) {
	#plans ul {
		background: 0 0
	}
	#plans .plan {
		min-width: 370px;
		margin: 40px 10px
	}
	#plans .plan h3 {
		font-size: 25px;
		line-height: 100px;
		padding: 0 30px
	}
	#plans .plan h3 em {
		display: inline
	}
	#plans .plan .right {
		top: 0
	}
	#plans .plan .features li {
		background: url(../img/check.png) calc(100% - 30px) center no-repeat;
		background-size: 21px 15px
	}
	#plans .plan .features li h4 {
		font-size: 18px
	}
}
@media screen and (max-width: 770px) {
	#plans .plan {
		margin: 20px
	}
}
@media screen and (max-width: 565px) {
	#plans .plan {
		margin: 20px 0
	}
}
@media screen and (max-width: 500px) {
	#plans {
		width: -webkit-calc(100% + 40px);
		width: calc(100% + 40px);
		margin-left: -20px
	}
	#plans .plan {
		min-width: 100%
	}
	#plans .plan.plan-starred {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
@media screen and (max-width: 400px) {
	#plans {
		width: -webkit-calc(100% + 60px);
		width: calc(100% + 60px);
		margin-left: -30px
	}
	#plans .plan {
		margin: 10px 0
	}
	#plans .plan.plan-starred {
		margin: 20px 0
	}
	#plans .plan h3 {
		font-size: 20px
	}
	#plans .plan .price {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: center right;
		-moz-transform-origin: center right;
		-ms-transform-origin: center right;
		-o-transform-origin: center right;
		transform-origin: center right
	}
	#plans .plan .price.promo-wrapper {
		right: -60px;
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-ms-transform: scale(.7);
		-o-transform: scale(.7);
		transform: scale(.7);
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		transform-origin: center
	}
	#plans .plan .price.promo-wrapper .promo {
		top: 10px
	}
	#plans .plan .features li {
		background-size: 13px 10px;
		background-position: calc(100% - 20px) 50%
	}
	#plans .plan .features li h4 {
		font-size: 16px
	}
}
#rates {
	margin: 90px auto 0
}
#rates .rates-wrapper {
	font-size: 0;
	margin-top: 40px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, .2)
}
#rates .rates-wrapper .left,
#rates .rates-wrapper .right {
	display: inline-block;
	vertical-align: top;
	height: 140px
}
#rates .rates-wrapper .left {
	position: relative;
	width: 33.33%;
	padding: 30px 0 0 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 2px solid rgba(255, 255, 255, .2)
}
#rates .rates-wrapper .left::before {
	content: '';
	position: absolute;
	left: 55px;
	top: 0;
	bottom: 0;
	display: block;
	width: 32px;
	height: 35px;
	margin: auto;
	background: url(../img/rates.png) center no-repeat;
	background-size: contain
}
#rates .rates-wrapper .left h4 {
	color: #fff;
	font-size: 20px
}
#rates .rates-wrapper .left p {
	font-size: 16px;
	line-height: 1.4em;
	color: rgba(255, 255, 255, .3);
	max-width: 180px;
	margin-top: 15px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
#rates .rates-wrapper .right a,
#rates .rates-wrapper .right select.language-selector {
	line-height: 140px;
	font-weight: 200;
	font-family: brandon;
	font-style: normal
}
#rates .rates-wrapper .right {
	font-size: 20px;
	position: relative;
	width: 66.67%
}
#rates .rates-wrapper .right.italia::before {
	background: url(../img/flags/italia.png) center no-repeat
}
#rates .rates-wrapper .right.france::before {
	background: url(../img/flags/france.png) center no-repeat
}
#rates .rates-wrapper .right.english::before {
	background: url(../img/flags/united-states.png) center no-repeat
}
#rates .rates-wrapper .right select.language-selector {
	cursor: pointer;
	color: #fff;
	font-size: 35px;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: 0 0;
	padding-left: 120px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}
#rates .rates-wrapper .right select.language-selector.english::before,
#rates .rates-wrapper .right select.language-selector.france::before,
#rates .rates-wrapper .right select.language-selector.italia::before {
	content: '';
	display: inline-block;
	vertical-align: baseline;
	width: 35px;
	height: 25px;
	margin-right: 30px
}
#rates .rates-wrapper .right select.language-selector.italia::before {
	background: url(../img/flags/italia.png) center no-repeat
}
#rates .rates-wrapper .right select.language-selector optgroup {
	color: #000;
	font-size: 14px
}
#rates .rates-wrapper .right ul {
	cursor: pointer;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: background .3s ease
}
#rates .rates-wrapper .right ul::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 80px;
	display: block;
	height: 15px;
	width: 15px;
	margin: auto;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}
#rates .rates-wrapper .right ul.open {
	overflow: visible;
	background: rgba(255, 255, 255, .9)
}
#rates .rates-wrapper .right ul.open::after {
	border-left: 2px solid #03588F;
	border-top: 2px solid #03588F
}
#rates .rates-wrapper .right ul.open li {
	border-top: 1px solid rgba(53, 121, 165, .3);
	background: rgba(255, 255, 255, .9)
}
#rates .rates-wrapper .right ul.open li:first-of-type {
	background: 0 0
}
#rates .rates-wrapper .right ul.open li:hover {
	background: #fff
}
#rates .rates-wrapper .right ul.open li a {
	color: #03588F
}
#rates .rates-wrapper .right li {
	padding-left: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	transition: background .3s ease
}
#rates .rates-wrapper .right li.english::before,
#rates .rates-wrapper .right li.france::before,
#rates .rates-wrapper .right li.italia::before {
	content: '';
	display: inline-block;
	vertical-align: baseline;
	width: 35px;
	height: 25px;
	margin-right: 30px
}
#rates .rates-wrapper .right li.italia::before {
	background: url(../img/flags/italia.png) center no-repeat
}
#rates .rates-wrapper .right li.france::before {
	background: url(../img/flags/france.png) center no-repeat
}
#rates .rates-wrapper .right li.english::before {
	background: url(../img/flags/united-states.png) center no-repeat
}
#rates .rates-wrapper .right a {
	color: #fff;
	font-size: 50px;
	text-decoration: none;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	transition: color .3s ease
}
#rates .rates-wrapper .bottom {
	color: #fff;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid rgba(255, 255, 255, .2)
}
#rates .rates-wrapper .bottom h4 {
	font-size: 20px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-top: 50px
}
#rates .rates-wrapper .bottom .price {
	font-size: 50px;
	line-height: 1.4em;
	font-family: brandon;
	font-style: normal;
	font-weight: 100
}
@media screen and (max-width: 1030px) {
	#rates .rates-wrapper .left {
		padding: 30px 0 0 80px
	}
	#rates .rates-wrapper .left::before {
		left: 20px
	}
}
@media screen and (max-width: 950px) {
	#rates .rates-wrapper .left {
		padding: 30px 0 0 70px
	}
	#rates .rates-wrapper .bottom .price {
		font-size: 40px
	}
}
@media screen and (max-width: 880px) {
	#rates .rates-wrapper .left {
		text-align: center;
		width: 100%;
		padding: 30px 0 0;
		border-right: none;
		border-bottom: 2px solid rgba(255, 255, 255, .2)
	}
	#rates .rates-wrapper .left::before {
		left: 25%
	}
	#rates .rates-wrapper .left p {
		margin: 15px auto 0
	}
	#rates .rates-wrapper .right {
		width: 100%
	}
	#rates .rates-wrapper .right ul li {
		padding-left: 75px
	}
	#rates .rates-wrapper .right a {
		font-size: 45px
	}
}
@media screen and (max-width: 850px) {
	#rates .rates-wrapper .bottom {
		height: auto;
		padding-bottom: 40px
	}
	#rates .rates-wrapper .bottom ul {
		text-align: center
	}
	#rates .rates-wrapper .bottom .col-3 {
		display: block;
		width: 100%
	}
}
#news ul,
#paid-features ul li {
	text-align: left
}
@media screen and (max-width: 650px) {
	#rates .rates-wrapper .left::before {
		left: 75px
	}
}
@media screen and (max-width: 545px) {
	#rates .rates-wrapper .left::before {
		left: 25px
	}
	#rates .rates-wrapper .right ul::after {
		right: 30px
	}
	#rates .rates-wrapper .right ul li {
		padding-left: 25px
	}
	#rates .rates-wrapper .right a {
		font-size: 35px
	}
}
@media screen and (max-width: 425px) {
	#rates .rates-wrapper .left::before {
		content: none
	}
	#rates .rates-wrapper .right ul li {
		padding-left: 15px
	}
}
@media screen and (max-width: 360px) {
	#rates .rates-wrapper .right ul::after {
		right: 20px;
		width: 10px;
		height: 10px
	}
	#rates .rates-wrapper .right ul li {
		padding-left: 20px
	}
	#rates .rates-wrapper .right ul li.english::before,
	#rates .rates-wrapper .right ul li.france::before,
	#rates .rates-wrapper .right ul li.italia::before {
		margin-right: 15px
	}
	#rates .rates-wrapper .right a {
		font-size: 30px
	}
	#rates .rates-wrapper .bottom h4 {
		font-size: 18px
	}
	#rates .rates-wrapper .bottom .price {
		font-size: 30px;
		margin-top: 5px
	}
}
#paid-features {
	padding-top: 70px;
	margin: 0 auto;
}
#paid-features ul {
	font-size: 0;
	text-align: center;
	margin-top: 45px;
	background: #fff;
	border-radius: 5px
}
#paid-features ul li.col-3 {
	min-width: 355px;
	padding: 45px 60px 45px 115px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#paid-features ul li.col-3:nth-of-type(1n+4) {
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, .05)
}
#paid-features ul li.col-3:nth-of-type(3n+2) {
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-right: 1px solid rgba(0, 0, 0, .05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#news ul li,
#soft-hardware li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
#paid-features ul li.col-3 h3 {
	color: #144d72;
	font-size: 20px;
	position: relative
}
#paid-features ul li.col-3 h3::before {
	content: '';
	position: absolute;
	top: 0;
	left: -55px;
	display: block;
	height: 47px;
	width: 74px;
	background: #dadada
}
#paid-features ul li.col-3 h3.virtual-number::before {
	width: 41px;
	height: 44px;
	background: url(../img/features/virtual-number.png) center no-repeat;
	background-size: 41px 44px
}
#paid-features ul li.col-3 h3.mobility::before {
	width: 39px;
	height: 44px;
	background: url(../img/features/mobility.png) center no-repeat;
	background-size: 39px 44px
}
#paid-features ul li.col-3 h3.fax-to-mail::before {
	width: 43px;
	height: 39px;
	background: url(../img/features/fax-to-mail.png) center no-repeat;
	background-size: 43px 39px
}
#paid-features ul li.col-3 h3.portability::before {
	width: 32px;
	height: 28px;
	background: url(../img/features/portability.png) center no-repeat;
	background-size: 32px 28px
}
#paid-features ul li.col-3 h3.premium::before {
	width: 37px;
	height: 38px;
	background: url(../img/features/premium.png) center no-repeat;
	background-size: 37px 38px
}
#paid-features ul li.col-3 h3.smart-caller-id::before {
	width: 37px;
	height: 38px;
	background: url(../img/features/virtual-number.png) center no-repeat;
	background-size: 37px 38px
}
#paid-features ul li.col-3 h3.special-option::before {
	width: 30px;
	height: 43px;
	background: url(../img/features/special-option.png) center no-repeat;
	background-size: 30px 43px
}
#paid-features ul li.col-3 p {
	color: #abaaa5;
	font-size: 15px;
	line-height: 1.3em;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-top: 15px
}
#paid-features ul li.col-3 .contact-us,
#paid-features ul li.col-3 .links li a {
	font-size: 11px;
	font-family: brandon;
	font-weight: 800;
	padding-bottom: 5px;
	transition: border-color .3s ease-out;
	font-style: normal;
	text-decoration: none
}
#paid-features ul li.col-3 .links {
	text-align: left;
	margin-top: 0
}
#paid-features ul li.col-3 .links li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px
}
#paid-features ul li.col-3 .links li::after {
	content: '';
	display: inline-block;
	vertical-align: top;
	height: 4px;
	width: 4px;
	margin: 3px 10px 0;
	border-radius: 100%;
	background: #6d6d6d
}
#paid-features ul li.col-3 .links li:last-of-type::after {
	content: none
}
#paid-features ul li.col-3 .links li a {
	color: #6d6d6d;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(0, 0, 0, .05)
}
#paid-features ul li.col-3 .links li a:hover {
	border-color: rgba(0, 0, 0, .3)
}
#paid-features ul li.col-3 .links li a.active {
	color: #12e78b;
	border-color: #12e78b
}
#paid-features ul li.col-3 .links li a.active:hover {
	border-color: #1DBA77
}
#paid-features ul li.col-3 .contact-us {
	color: #0c4060;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 20px;
	border-bottom: 2px solid #0c4060
}
#large-account figcaption .link,
#soft-hardware li figcaption .button,
#soft-hardware li figcaption h3 span {
	font-weight: 900;
	text-transform: uppercase;
	font-family: brandon
}
#paid-features ul li.col-3 .contact-us:hover {
	border-color: #000
}
@media screen and (max-width: 1160px) {
	#paid-features ul {
		background: 0 0
	}
	#paid-features ul li.col-3 {
		min-height: 225px;
		background: #fff
	}
	#paid-features ul li.col-3:nth-of-type(3) {
		border-top: 1px solid rgba(0, 0, 0, .05);
		border-right: 1px solid rgba(0, 0, 0, .05)
	}
}
@media screen and (max-width: 805px) {
	#paid-features ul.wrapper li.col-3 {
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, .05)
	}
}
@media screen and (max-width: 789px) {
	#paid-features ul.wrapper li.col-3:first-of-type {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px
	}
	#paid-features ul.wrapper li.col-3:last-of-type {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px
	}
}
@media screen and (max-width: 450px) {
	#paid-features ul.wrapper {
		width: -webkit-calc(100% + 40px);
		width: calc(100% + 40px);
		margin-left: -20px
	}
	#paid-features ul.wrapper li.col-3 {
		min-width: 100%;
		padding: 45px 30px 45px 80px
	}
}
@media screen and (max-width: 345px) {
	#paid-features ul.wrapper li.col-3 {
		padding: 45px 20px 45px 70px
	}
	#paid-features ul.wrapper li.col-3 .links li a {
		font-size: 10px
	}
}
#large-account {
	padding-bottom: 230px;
	padding-top: 60px;
	margin: 0 auto 0 -95px;
	width: -webkit-calc(100% + 190px);
	width: calc(100% + 190px)
}
#large-account ul {
	font-size: 0;
	text-align: center
}
#large-account ul li {
	max-width: 240px;
	margin: 70px 95px 0
}
#large-account ul a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none
}
#large-account ul a:hover figcaption span.link::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}
#large-account figure img {
	width: 126px;
	height: 131px
}
#large-account figcaption {
	margin-top: 30px
}
#large-account figcaption h3 {
	color: #fff;
	font-size: 25px
}
#large-account figcaption h3 i {
	color: #12e78b
}
#large-account figcaption p {
	color: white;
	line-height: 1.3em;
	font-size: 16px;
	margin-top: 10px
}
#large-account figcaption .link {
	color: #fff;
	font-size: 13px;
	font-style: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
	display: inline-block;
	border: none;
	margin-top: 30px;
	background: 0 0
}
#large-account figcaption .link::after,
#large-account figcaption .link::before {
	height: 2px;
	margin-top: 8px;
	width: 100%;
	display: block;
	content: ''
}
#large-account figcaption .link::before {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #04d97d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: .2s transform ease-out;
	-moz-transition: .2s transform ease-out;
	transition: .2s transform ease-out
}
#large-account figcaption .link::after {
	background: rgba(25, 25, 25, .4)
}
@media screen and (max-width: 1180px) {
	#large-account ul li {
		margin: 70px 70px 0
	}
}
@media screen and (max-width: 1030px) {
	#large-account ul li {
		margin: 70px 60px 0
	}
}
@media screen and (max-width: 460px) {
	#large-account {
		width: 100%;
		margin-left: 0
	}
	#large-account h2 {
		line-height: 1.7em
	}
	#large-account h2::after,
	#large-account h2::before {
		display: none
	}
	#large-account ul li {
		margin: 70px 0 0
	}
	#large-account ul li.col-3 {
		width: 100%
	}
}
#soft-hardware {
	z-index: 5;
	position: relative;
	margin-top: -160px
}
#soft-hardware h2 {
	color: #fff;
	line-height: 160px;
	height: 160px;
	background: rgba(1, 57, 94, .3)
}
#soft-hardware .background-white {
	background: #fff
}
#soft-hardware ul {
	font-size: 0;
	text-align: center
}
#soft-hardware li {
	min-height: 440px;
	padding: 0 60px;
	min-width: 320px;
	border-left: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	box-sizing: border-box
}
#soft-hardware li:nth-of-type(3n+3) {
	border-right: 1px solid rgba(0, 0, 0, .05)
}
#soft-hardware li:nth-of-type(4) {
	border-bottom-left-radius: 5px
}
#soft-hardware li:nth-of-type(6) {
	border-bottom-right-radius: 5px
}
#soft-hardware li a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none
}
#soft-hardware li figure {
	position: relative;
	padding: 50px 0
}
#soft-hardware li figure img {
	position: relative;
	width: 165px;
	height: 131px
}
#soft-hardware li figure.phone::before {
	content: '';
	pointer-events: none;
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 232px;
	height: 247px;
	margin: auto
}
#news,
#news ul li {
	position: relative
}
#soft-hardware li figure.phone.ios::before {
	top: -40px;
	background: url(../assets/images/soft-hardware/iphone.png) center no-repeat;
	background-size: contain
}
#soft-hardware li figure.phone.android::before {
	top: -30px;
	background: url(../assets/images/soft-hardware/nexus.png) center no-repeat;
	background-size: contain
}
#soft-hardware li figcaption h3 {
	color: #144d72;
	font-size: 25px;
	margin-top: 40px
}
#soft-hardware li figcaption h3::after {
	content: '';
	display: block;
	height: 1px;
	width: 75px;
	margin: 15px auto 10px;
	background: rgba(20, 77, 114, .1)
}
#soft-hardware li figcaption h3 span {
	color: #1bf094;
	font-size: 10px;
	line-height: 24px;
	font-style: normal;
	display: inline-block;
	vertical-align: bottom;
	height: 24px;
	padding: 0 8px;
	margin-left: 8px;
	border-radius: 3px;
	border: 2px solid #1bf094
}
#soft-hardware li figcaption p {
	color: #abaaa5;
	font-size: 16px;
	line-height: 1.3em
}
#soft-hardware li figcaption .button {
	font-size: 13px;
	line-height: 40px;
	font-style: normal;
	height: 40px;
	margin-top: 30px
}
@media screen and (max-width: 1160px) {
	#soft-hardware li {
		padding: 0 30px
	}
}
@media screen and (max-width: 980px) {
	#soft-hardware li {
		min-height: 460px;
		border: 1px solid rgba(0, 0, 0, .05)
	}
}
@media screen and (max-width: 975px) {
	#soft-hardware li figure.phone.android::before {
		top: 10px
	}
}
@media screen and (max-width: 960px) {
	#soft-hardware li:nth-of-type(4) {
		border-radius: 0
	}
	#soft-hardware li:nth-of-type(5) {
		border-bottom-left-radius: 5px
	}
}
@media screen and (max-width: 640px) {
	#soft-hardware li {
		margin-top: -1px
	}
	#soft-hardware li:nth-of-type(5),
	#soft-hardware li:nth-of-type(6) {
		border-radius: 0
	}
}
@media screen and (max-width: 500px) {
	#soft-hardware h2::before {
		left: 20px
	}
	#soft-hardware h2::after {
		right: 20px
	}
}
@media screen and (max-width: 340px) {
	#soft-hardware li {
		min-width: 100%;
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, .05)
	}
}
#news {
	text-align: center;
	z-index: 5;
	padding-top: 85px;
	margin: 0 auto;
	background: #fff
}
#news .slider-wrapper {
	background: url(../img/background-blue.jpg) center no-repeat;
	background-size: cover
}
#news .swiper-container {
	cursor: pointer;
	overflow: visible;
	height: 500px;
	margin-top: 50px;
	padding: 20px 0 50px 150px
}
#news ul {
	background-size: cover
}
#news ul li {
	cursor: pointer;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	width: 320px;
	height: 485px;
	margin-right: 20px;
	border-radius: 3px;
	padding: 0 0 0 30px;
	background: #fff;
	box-sizing: border-box;
	-webkit-transition: all .3s cubic-bezier(.82, .2, .34, .86);
	-moz-transition: all .3s cubic-bezier(.82, .2, .34, .86);
	transition: all .3s cubic-bezier(.82, .2, .34, .86)
}
#news ul li::after,
#news ul li::before {
	content: '';
	pointer-events: none;
	position: absolute;
	left: 0;
	display: block;
	height: 20px;
	width: 100%
}
#news ul li::before {
	top: 0;
	border-radius: 3px;
	background: -moz-linear-gradient(bottom, transparent 0, #fff 100%);
	background: -webkit-linear-gradient(bottom, transparent 0, #fff 100%);
	background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff)
}
#news ul li::after {
	height: 50px;
	bottom: 95px;
	background: -moz-linear-gradient(top, transparent 0, #fff 100%);
	background: -webkit-linear-gradient(top, transparent 0, #fff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
#news ul li:hover .show-more {
	color: #04d97d
}
#news ul li:hover .show-more::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}
#news ul li.active {
	z-index: 10;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	-webkit-transform: translateY(20px) scale(1.2);
	-moz-transform: translateY(20px) scale(1.2);
	-ms-transform: translateY(20px) scale(1.2);
	-o-transform: translateY(20px) scale(1.2);
	transform: translateY(20px) scale(1.2)
}
#join-us,
#partners {
	z-index: 5;
	text-align: center
}
#news ul li.active article {
	overflow: auto
}
#news ul li article {
	overflow: hidden;
	height: 80%;
	padding-bottom: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#news ul li article header {
	height: 90px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}
#news ul li article header time {
	color: #03588f;
	font-size: 37px;
	line-height: 37px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	float: left;
	display: block;
	margin-top: 20px
}
#news .see-all,
#news ul li .show-more,
#news ul li article header time i {
	font-weight: 900;
	font-family: brandon;
	font-style: normal;
	text-transform: uppercase
}
#news ul li article header time i {
	font-size: 14px;
	line-height: 7px;
	display: block
}
#news ul li article header .twitter {
	font-size: 0;
	float: right;
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	margin: 20px 30px 0 0;
	border: 2px solid #03588f;
	background: url(../img/social/twitter-big.png) center no-repeat;
	background-size: 50px 51px
}

#news ul li article header .facebook {
	font-size: 0;
	float: right;
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	margin: 20px 15px 0 0;
	border: 2px solid #03588f;
	background: url(../img/social/facebook-big.png) center no-repeat;
	background-size: 142%;
}

#news ul li article h3,
#news ul li article p {
	margin-bottom: 20px;
	padding-right: 25px;
	-webkit-box-sizing: border-box
}
#news ul li article h3 {
	color: #03588f;
	font-size: 20px;
	line-height: 1.2em;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#news ul li article p {
	font-size: 14px;
	line-height: 1.5em;
	color: rgba(0, 0, 0, .6);
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#news ul li article p a {
	color: #03588f;
	text-decoration: none;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	transition: color .2s ease-out
}
#news ul li article p a:hover {
	color: #04d97d;
	text-decoration: underline
}
#news ul li .show-more {
	color: #03588f;
	font-size: 10px;
	cursor: pointer;
	position: absolute;
	left: 30px;
	bottom: 40px;
	border: none;
	background: 0 0;
	padding-bottom: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-bottom: 2px solid #03588f;
	-webkit-transition: .2s color ease-out;
	-moz-transition: .2s color ease-out;
	transition: .2s color ease-out
}
#news ul li .show-more::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 100%;
	height: 2px;
	background: #04d97d;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: .2s transform ease-out;
	-moz-transition: .2s transform ease-out;
	transition: .2s transform ease-out
}
#news .see-all {
	font-size: 13px;
	line-height: 50px;
	height: 50px;
	margin: 20px auto;
	background: #3d99c6
}
@media screen and (max-width: 900px) {
	#news .swiper-container {
		padding: 20px 0 50px 20px
	}
}
@media screen and (max-width: 640px) {
	#news .slider-wrapper {
		padding: 0 50px
	}
	#news .swiper-container {
		padding: 20px 0 50px
	}
	#news .swiper-wrapper {
		width: 100%
	}
	#news .swiper-wrapper .swiper-slide {
		margin-right: 0;
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px)
	}
}
@media screen and (max-width: 400px) {
	#news .slider-wrapper {
		padding: 0 20px
	}
}
#partners {
	font-size: 0;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, .08);
	background: #fff
}
#partners .customers h2,
#partners .partners h2 {
	padding-top: 70px
}
#partners .customers ul,
#partners .partners ul {
	margin-top: 55px
}
#partners .customers li,
#partners .partners li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 100px
}
#partners .customers li img,
#partners .partners li img {
	width: 130px;
	height: auto
}
#partners .customers {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid rgba(0, 0, 0, .08)
}
@media screen and (max-width: 740px) {
	#partners .col-2 {
		width: 100%
	}
	#partners .customers h2,
	#partners .partners h2 {
		padding-top: 50px
	}
	#partners .customers li,
	#partners .partners li {
		margin: 0 40px 50px
	}
	#partners .partners h2 {
		padding-top: 20px
	}
}
@media screen and (max-width: 500px) {
	#news h2::before {
		left: 20px
	}
	#news h2::after {
		right: 20px
	}
	#partners h2::after,
	#partners h2::before {
		position: static;
		margin: -5px 40px 0
	}
}
@media screen and (max-width: 375px) {
	#partners .customers li,
	#partners .partners li {
		margin: 0 20px 50px
	}
}
@media screen and (max-width: 335px) {
	#partners h2::after,
	#partners h2::before {
		position: static;
		margin: -5px 20px 0
	}
}
#join-us {
	line-height: 160px;
	position: relative;
	height: 160px;
	background: #0ce185
}
#join-us h3 {
	color: #fff;
	font-size: 25px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	display: inline
}
#join-us h3 strong {
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#join-us .button,
#login .signup .info,
.formView .info,
.formView .info::before
#login .signup .info::before {
	font-weight: 900;
	font-family: brandon;
	font-style: normal
}
#join-us .button {
	color: #0ce185;
	font-size: 13px;
	line-height: 40px;
	text-transform: uppercase;
	height: 40px;
	margin-left: 70px
}
@media screen and (max-width: 930px) {
	#join-us {
		line-height: 1;
		height: auto;
		padding: 50px
	}
	#join-us h3 {
		line-height: 1.4em
	}
	#join-us .button {
		display: block;
		width: 50px;
		margin: 20px auto 0
	}
}
#login .header img {
	display: block;
	margin: 0 auto
}

.formView .info,
#login .signup .info {
	color: #fff;
	font-size: 11px;
	line-height: 1.5em;
	text-transform: uppercase;
	position: relative;
	margin: 20px 0;
	padding: 20px 45px 20px 86px;
	border-radius: 4px;
	background: #064b6d
}

.formView .info::before,
#login .signup .info::before {
	content: 'i';
	color: #1bf093;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	text-transform: lowercase;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	height: 26px;
	width: 26px;
	margin: auto;
	border-radius: 100%;
	border: 2px solid #1bf093;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#login .tabs-nav li,
#plans-details .button,
#plans-details .features li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.formView .info::after,
#login .signup .info::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 66px;
	width: 0;
	height: 25px;
	margin: auto;
	border-right: 1px dotted rgba(0, 0, 0, .3)
}
.formView .info strong
#login .signup .info strong {
	color: #1bf093
}
#login small a,
#login .tabs-nav li.active a,
#login .tabs-nav li.active a:hover {
	color: #fff
}
#login .signup .g-recaptcha-wrapper {
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
}
#login .signup .g-recaptcha-wrapper .g-recaptcha {
	display: inline-block
}
#login small {
	color: #fff;
	font-size: 10px;
	text-align: center;
	line-height: 1.8em;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	display: block;
	max-width: 245px;
	margin: 15px auto 0
}
#login small a:hover {
	text-decoration: none
}
#login .tabs-nav {
	font-size: 0;
	margin-top: 20px
}
#login .tabs-nav li {
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	border-bottom: 2px solid #064b6d;
	box-sizing: border-box;
	-webkit-transition: border-color .2s ease;
	-moz-transition: border-color .2s ease;
	transition: border-color .2s ease
}
#login .tabs-nav li:hover {
	border-color: #1df296
}
#login .tabs-nav li.active {
	border-bottom: 2px solid #fff
}
#login .tabs-nav li a {
	color: #064b6d;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding-bottom: 20px;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	transition: color .2s ease
}
#login .tabs-nav li a:hover {
	color: #1df296
}
#login .tab-wrapper {
	height: 550px
}
@media screen and (max-width: 400px) {
	#login .signup .info p br {
		display: none
	}
}
#plans-details .header h3,
#plans-details .header h4 {
	color: #fff;
	text-align: center
}
#plans-details .header h3 strong,
#plans-details .header h4 strong {
	color: #0ce185
}
#plans-details .header h3 {
	line-height: 1;
	font-size: 42px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#plans-details .header h3::after {
	content: '';
	display: block;
	width: 115px;
	margin: 15px auto 20px;
	border-bottom: 1px dotted rgba(0, 0, 0, .3)
}
#plans-details .header h4 {
	color: #97c6de;
	font-size: 20px;
	line-height: 1.6em;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 40px
}
#plans-details .header h4 strong {
	display: block
}
#plans-details .countries-wrapper {
	will-change: max-height, height;
	overflow: hidden;
	position: relative;
	padding: 0 45px 40px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: all 5s ease;
	-moz-transition: all 5s ease;
	transition: all 5s ease
}
#plans-details .countries-wrapper.expanded {
	max-height: 9999px
}
#plans-details .countries-wrapper.expanded .more {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}
#plans-details .countries-wrapper::after,
#plans-details .countries-wrapper::before {
	content: '';
	font-size: 0;
	visibility: hidden;
	display: block;
	clear: both;
	height: 0
}
#plans-details .countries-wrapper h4 {
	color: #106b9a;
	font-size: 26px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#plans-details .countries-wrapper .continent {
	float: left;
	width: 50%;
	margin-top: 40px
}
#plans-details .countries-wrapper .continent.right {
	float: right
}
#plans-details .countries-wrapper ul li {
	color: #414141;
	font-size: 14px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	margin-top: 20px
}
#plans-details .countries-wrapper .more {
	z-index: 5;
	color: #0ce185;
	font-size: 11px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	display: block;
	height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}
#plans-details .checkout,
#plans-details small {
	font-weight: 600;
	font-family: brandon;
	font-style: normal;
	text-align: center
}
#plans-details .countries-wrapper .more span {
	border-bottom: 2px solid #0ce185
}
#plans-details small {
	color: rgba(255, 255, 255, .5);
	font-size: 14px;
	z-index: -1;
	position: relative;
	top: -4px;
	display: block;
	width: 100%;
	padding: 20px 0;
	border-radius: 4px;
	background: #085176
}
#plans-details .checkout {
	color: #fff;
	font-size: 20px;
	margin: 35px 0 20px
}
#plans-details .checkout strong {
	color: #0ce185
}
#plans-details .features-big {
	position: relative;
	margin-bottom: 10px;
	padding: 35px 30px 35px 110px;
	border-radius: 4px;
	background: url(../img/features/virtual-number.png) 35px center no-repeat, #fff;
	background-size: 50px 53px
}
#plans-details .features-big h5 {
	color: #144d72;
	font-size: 24px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#plans-details .features-big h5 strong,
#plans-details .features-big p {
	font-weight: 600;
	font-family: brandon;
	font-style: normal
}
#plans-details .features-big p {
	color: #abaaa5;
	font-size: 15px;
	line-height: 1.3em;
	margin-top: 10px
}
#plans-details .features-big .price-wrapper {
	position: absolute;
	top: 38px;
	right: 30px
}
#plans-details .features-big .price-wrapper .old-price {
	color: #7f7f7f;
	font-size: 16px;
	text-decoration: line-through;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	margin-right: 10px
}
#plans-details .features-big .price-wrapper .new-price {
	color: #12e78b;
	font-size: 18px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
#plans-details .features-big .price-wrapper .new-price strong {
	font-family: brandon;
	font-style: normal;
	font-weight: 900
}
#plans-details .features {
	font-size: 0;
	position: relative;
	padding: 0 30px 30px;
	border-radius: 4px;
	background: #fff
}
#plans-details .features::after,
#plans-details .features::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto;
	background: rgba(0, 0, 0, .1)
}
#plans-details .features::before {
	height: 80%;
	width: 1px
}
#plans-details .features::after {
	top: -30px;
	height: 1px;
	width: 80%
}
#plans-details .features li {
	text-align: center;
	display: inline-block;
	width: 50%;
	padding: 80px 30px 30px;
	box-sizing: border-box
}
#plans-details .features li.sms-ico {
	background: url(../img/features/sms.png) center 35px no-repeat;
	background-size: 34px 30px
}
#plans-details .features li.inum-ico {
	background: url(../img/features/inum.png) center 33px no-repeat;
	background-size: 34px 34px
}
#plans-details .features li.voicemail-ico {
	background: url(../img/features/voicemail.png) center 35px no-repeat;
	background-size: 34px 24px
}
#plans-details .features li.sip-ico {
	background: url(../img/features/sip.png) center 30px no-repeat;
	background-size: 33px 33px
}
#plans-details .features li.mobility-ico {
	background: url(../img/features/mobility.png) center 33px no-repeat;
	background-size: 34px 34px
}
#plans-details .features h5 {
	color: #144d72;
	font-size: 20px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#plans-details .features h5 strong,
#plans-details .features p {
	font-weight: 600;
	font-family: brandon;
	font-style: normal
}
#plans-details .features p {
	color: #abaaa5;
	font-size: 15px;
	text-align: center;
	line-height: 1.3em;
	margin-top: 10px
}
#plans-details .button {
	font-size: 15px;
	line-height: 60px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	height: 60px;
	width: 100%;
	margin-top: 15px;
	box-sizing: border-box
}
@media screen and (max-width: 415px) {
	#plans-details .countries-wrapper .continent {
		float: none;
		width: 100%;
		margin: 40px auto 0
	}
	#plans-details .countries-wrapper .continent.right {
		float: none
	}
	#plans-details .features-big .price-wrapper {
		position: static;
		margin-top: 15px
	}
	#plans-details .features {
		padding: 0 10px 10px
	}
	#plans-details .features::after {
		top: 1px
	}
	#plans-details .features li {
		padding: 80px 15px 15px
	}
	#plans-details .button {
		font-size: 13px
	}
}
#rates-modals .header img {
	display: block;
	width: 39px;
	height: auto;
	margin: 0 auto 20px
}
#rates-modals .header h3,
#rates-modals .header h4 {
	color: #fff;
	text-align: center
}
#rates-modals .header h3 strong,
#rates-modals .header h4 strong {
	color: #0ce185
}
#rates-modals .header h3 {
	line-height: 1;
	font-size: 42px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#rates-modals .header h3::after {
	content: '';
	display: block;
	width: 115px;
	margin: 15px auto;
	border-bottom: 1px dotted rgba(0, 0, 0, .3)
}
#rates-modals .header h4 {
	color: #97c6de;
	font-size: 20px;
	line-height: 1.6em;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	max-width: 250px;
	margin: 0 auto 40px
}
#rates-modals .postpaid h4,
#rates-modals .prepaid h4,
#rates-modals .search input[type=search],
#rates-modals .service {
	font-weight: 400;
	font-family: brandon;
	font-style: normal
}
#rates-modals .header h4 strong {
	display: block
}
#rates-modals .search {
	position: relative;
	width: 400px;
	height: 70px;
	margin: 0 auto
}
#rates-modals .search input[type=search] {
	font-size: 22px;
	color: rgba(0, 0, 0, .6);
	height: 100%;
	width: 100%;
	width: -webkit-calc(100% - 65px);
	width: calc(100% - 65px)
}
#rates-modals .search input[type=submit] {
	font-size: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	height: 100%;
	width: 24px;
	margin-top: 0;
	background: url(../img/icon-search.png) center no-repeat;
	background-size: 24px 24px
}
#rates-modals .service {
	color: #fff;
	font-size: 30px;
	text-align: center
}
#rates-modals .service::before {
	content: '';
	display: block;
	width: 405px;
	margin: 20px auto 30px;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#rates-modals .tabs-nav {
	font-size: 0;
	margin: 20px auto;
	border-radius: 4px;
	background: #fff
}
#rates-modals .tabs-nav li {
	text-align: center;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#rates-modals .tabs-nav li:first-of-type {
	border-right: 1px solid rgba(0, 0, 0, .1)
}
#rates-modals .tabs-nav li:first-of-type a.first-child {
	background: url(../img/icon-prepaid.png) center 30px no-repeat;
	background-size: 43px 43px
}
#rates-modals .tabs-nav li:last-of-type a.last-child {
	background: url(../img/icon-postpaid.png) center 25px no-repeat;
	background-size: 36px 42px
}
#rates-modals .tabs-nav li.active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	width: 0;
	margin: 0 auto;
	border-top: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}
#rates-modals .tabs-nav li.active:first-of-type a {
	color: #d59703
}
#rates-modals .tabs-nav li.active:last-of-type a {
	color: #ca513c
}
#rates-modals .tabs-nav a {
	font-size: 21px;
	text-decoration: none;
	color: rgba(0, 0, 0, .6);
	display: block;
	padding: 80px 0 35px
}
#rates-modals .tab-wrapper {
	height: 505px
}
#rates-modals .postpaid h4,
#rates-modals .prepaid h4 {
	color: #484848;
	font-size: 24px;
	padding-top: 40px
}
#rates-modals .postpaid h4 strong,
#rates-modals .prepaid h4 strong {
	color: #76d2e7
}
#rates-modals .postpaid h5,
#rates-modals .prepaid h5 {
	font-size: 11px;
	color: rgba(0, 0, 0, .3);
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	margin: 5px 0 25px
}
#rates-modals .postpaid .left h6,
#rates-modals .postpaid .right h6,
#rates-modals .prepaid .left h6,
#rates-modals .prepaid .right h6 {
	color: #6a6a6a;
	font-size: 11px;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	margin-bottom: 10px
}
#rates-modals .postpaid .left h6 strong,
#rates-modals .postpaid .right h6 strong,
#rates-modals .prepaid .left h6 strong,
#rates-modals .prepaid .right h6 strong {
	color: #76d2e7
}
#rates-modals .postpaid .left mark,
#rates-modals .postpaid .right mark,
#rates-modals .prepaid .left mark,
#rates-modals .prepaid .right mark {
	color: #76d2e7;
	font-size: 49px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400;
	background: 0 0
}
#rates-modals .postpaid .left mark i,
#rates-modals .postpaid .right mark i,
#rates-modals .prepaid .left mark i,
#rates-modals .prepaid .right mark i {
	font-size: 38px
}
#rates-modals .postpaid .left mark sub,
#rates-modals .postpaid .right mark sub,
#rates-modals .prepaid .left mark sub,
#rates-modals .prepaid .right mark sub {
	font-size: 32px
}
#rates-modals .postpaid .left em,
#rates-modals .postpaid .right em,
#rates-modals .prepaid .left em,
#rates-modals .prepaid .right em {
	color: #d0cdbe;
	font-size: 20px;
	display: block
}
#rates-modals .prepaid {
	font-size: 0;
	text-align: center
}
#rates-modals .prepaid .prepaid-wrapper {
	padding: 0 40px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#rates-modals .prepaid .left,
#rates-modals .prepaid .right {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-bottom: 50px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#rates-modals .prepaid .left {
	border-right: 1px solid rgba(0, 0, 0, .1)
}
#rates-modals .prepaid .credits {
	text-align: left;
	padding: 40px 0
}
#rates-modals .prepaid .credits::after,
#rates-modals .prepaid .credits::before {
	content: '';
	display: table;
	height: 0;
	visibility: hidden;
	clear: both
}
#rates-modals .prepaid .credits span {
	font-size: 20px;
	color: rgba(0, 0, 0, .66);
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	float: left;
	margin-top: 5px
}
#rates-modals .postpaid .right,
#rates-modals .prepaid .credits .coin-wrapper {
	float: right
}
#rates-modals .prepaid .credits span strong {
	color: #ffba00;
	font-size: 11px;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	display: block;
	margin-top: 5px
}
#rates-modals .postpaid .error,
#rates-modals .prepaid .credits .coin {
	color: #fff;
	line-height: 40px;
	font-family: brandon;
	font-style: normal;
	height: 40px;
	text-align: center
}
#rates-modals .prepaid .credits .coin {
	font-size: 18px;
	font-weight: 900;
	display: inline-block;
	vertical-align: bottom;
	vertical-align: top;
	width: 40px;
	border-radius: 100%;
	margin: 0 5px;
	background: #d59703;
	border: 4px solid #ffba00
}
#rates-modals .prepaid .credits .coin sup {
	font-size: 10px;
	display: inline-block;
	vertical-align: top;
	margin-top: -2px
}
#rates-modals .postpaid.has-error .error {
	opacity: 1;
	visibility: visible
}
#rates-modals .postpaid.has-error .info-wrapper {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
#rates-modals .postpaid .error {
	font-size: 15px;
	font-weight: 600;
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	border-radius: 4px;
	background: #cb513d
}
#rates-modals .postpaid .promo mark,
#rates-modals .postpaid .promo span {
	color: #fff;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#rates-modals .postpaid .info-wrapper {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	transform: translateY(-60px)
}
#rates-modals .postpaid .left,
#rates-modals .postpaid .right {
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 225px;
	width: -webkit-calc(50% - 8px);
	width: calc(50% - 8px);
	margin: 60px 0 0;
	padding: 0 0 40px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#rates-modals .button,
#rates-modals .postpaid .promo {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
#rates-modals .postpaid .left h5,
#rates-modals .postpaid .right h5 {
	margin: 5px auto 15px
}
#rates-modals .postpaid .left h5::after,
#rates-modals .postpaid .right h5::after {
	content: '';
	display: block;
	width: 35px;
	margin: 20px auto 0;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#rates-modals .postpaid .promo {
	text-align: left;
	position: absolute;
	right: -10px;
	bottom: 20px;
	display: block;
	padding: 20px 0 20px 30px;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	border-radius: 4px;
	background: #19ee92;
	box-sizing: border-box
}
#rates-modals .postpaid .promo mark {
	font-size: 35px
}
#rates-modals .postpaid .promo mark i {
	font-size: 27px
}
#rates-modals .postpaid .promo mark sub {
	font-size: 23px
}
#rates-modals .postpaid .promo span {
	font-size: 18px;
	display: block;
	margin-left: 5px
}
#rates-modals .button,
#rates-modals .postpaid .promo .old-price em {
	text-transform: uppercase;
	font-weight: 900;
	font-family: brandon;
	font-style: normal
}
#rates-modals .postpaid .promo .old-price {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
#rates-modals .postpaid .promo .old-price mark {
	font-size: 22px;
	color: rgba(0, 0, 0, .5);
	position: relative
}
#rates-modals .postpaid .promo .old-price mark i {
	font-size: 17px
}
#rates-modals .postpaid .promo .old-price mark sub {
	font-size: 14px
}
#rates-modals .postpaid .promo .old-price mark::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	width: 50px;
	margin: auto;
	border-bottom: 1px solid #19ee92;
	border-top: 1px solid #19ee92;
	background: rgba(0, 0, 0, .5)
}
#rates-modals .postpaid .promo .old-price em {
	font-size: 14px;
	color: rgba(0, 0, 0, .3)
}
#rates-modals .postpaid .promo .old-price em::before {
	content: '';
	display: block;
	width: 100%;
	margin: 15px auto;
	border-bottom: 1px dotted rgba(0, 0, 0, .15)
}
#rates-modals .button {
	font-size: 15px;
	position: relative;
	line-height: 60px;
	height: 60px;
	width: 100%;
	margin-top: 40px;
	box-sizing: border-box
}
#rates-modals .button::before,
#resellers #resellers-form fieldset::after {
	position: absolute;
	border-bottom: 1px dotted rgba(0, 0, 0, .2);
	content: '';
	left: 0
}
#rates-modals .button::before {
	right: 0;
	top: -40px;
	display: block;
	width: 100%;
	margin: 20px 0
}
@media screen and (max-width: 450px) {
	#rates-modals .search {
		width: 100%
	}
	#rates-modals .prepaid .prepaid-wrapper {
		padding: 0 20px
	}
	#rates-modals .prepaid .credits .coin-wrapper {
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
		transform: scale(.9)
	}
	#rates-modals .postpaid h4 {
		font-size: 17px
	}
	#rates-modals .postpaid h5 {
		font-size: 10px
	}
	#rates-modals .postpaid .promo {
		padding: 20px 0 20px 20px
	}
	#rates-modals .postpaid .promo mark {
		font-size: 25px
	}
	#rates-modals .postpaid .promo mark i {
		font-size: 17px
	}
	#rates-modals .postpaid .promo span {
		font-size: 15px
	}
	#rates-modals .postpaid .promo .old-price {
		right: -10px
	}
	#rates-modals .postpaid .promo .old-price em::before {
		margin: 5px auto
	}
}
@media screen and (max-width: 405px) {
	#rates-modals .prepaid .credits span {
		float: none
	}
	#rates-modals .prepaid .credits .coin-wrapper {
		float: none;
		display: block;
		margin-top: 20px;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
@media screen and (max-width: 350px) {
	#rates-modals .postpaid .promo .old-price {
		right: -40px
	}
	#rates-modals .postpaid .promo .old-price em::before,
	#rates-modals .postpaid .promo .old-price mark {
		display: none
	}
}
#resellers .header img {
	display: block;
	width: 63px;
	height: 62px;
	margin: 0 auto 15px
}
#resellers .header h3,
#resellers .header h4 {
	color: #fff;
	text-align: center
}
#resellers .header h3 strong,
#resellers .header h4 strong {
	color: #0ce185
}
#resellers .header h3 {
	line-height: 1;
	font-size: 42px;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#resellers #resellers-form h4,
#resellers .header h4 {
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
#resellers .header h3 .ippi-custom {
	font-size: 0;
	display: inline-block;
	vertical-align: bottom;
	width: 69px;
	height: 38px;
	background: url(/wp-content/themes/ippi/img/modals/ippi-custom.png) center no-repeat;
	background-size: 69px 38px
}
#resellers .header h4 {
	color: #97c6de;
	font-size: 20px;
	line-height: 1.6em;
	margin-top: 10px;
	margin-bottom: 30px
}
#resellers .header h4::after {
	content: '';
	display: block;
	width: 225px;
	margin: 25px auto 15px;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#resellers .hidden {
	display: none
}
#resellers #resellers-form h4 {
	color: #20e28d;
	font-size: 26px;
	text-align: center;
	margin-bottom: 20px
}
#resellers #resellers-form nav li input[type=submit],
#resellers #resellers-form nav li:first-of-type,
#resellers #resellers-form nav li:last-of-type {
	font-size: 15px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase
}
#resellers #resellers-form fieldset {
	position: relative;
	margin-bottom: 40px
}
#resellers #resellers-form fieldset::after {
	right: 0;
	bottom: -20px;
	display: block;
	margin: 0 auto
}
#resellers #resellers-form nav li a {
	color: #fff;
	text-decoration: none
}
#resellers #resellers-form nav li input[type=submit] {
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 0;
	border: 1px solid #00db62;
	box-shadow: 0 3px 0 rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(255, 255, 255, .1);
	background: -moz-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: -webkit-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: linear-gradient(to bottom, #1df296 0, #0ce185 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1df296', endColorstr='#0ce185', GradientType=0)
}
#resellers #resellers-form nav li:first-of-type {
	line-height: 60px;
	display: inline
}
#resellers #resellers-form nav li:first-of-type a {
	padding-bottom: 5px;
	border-bottom: 2px solid #fff
}
#resellers #resellers-form nav li:first-of-type a.back {
	padding: 0;
	border: none
}
#resellers #resellers-form nav li:first-of-type a.back::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 8px;
	margin-top: -5px;
	margin-right: 10px;
	background: url(../img/modals/back-arrow.png) center no-repeat;
	background-size: 11px 8px
}
#resellers #resellers-form nav li:last-of-type {
	color: #fff;
	line-height: 60px;
	float: right;
	display: inline-block;
	height: 60px
}
#resellers .part-3 h4,
#resellers .part-3 p {
	font-weight: 600;
	font-family: brandon;
	font-style: normal;
	text-align: center
}
#resellers .part-3 h4 {
	color: #20e28d;
	font-size: 50px
}
#resellers .part-3 p {
	font-size: 19px;
	line-height: 1.3em;
	color: rgba(0, 0, 0, .6);
	padding: 30px 60px;
	margin: 30px auto 20px;
	border-radius: 4px;
	background: #fff
}
#resellers .part-3 .button {
	color: #fff;
	font-size: 15px;
	line-height: 60px;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	height: 60px;
	width: 100%;
	margin-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width: 350px) {
	#resellers .part-3 h4 {
		font-size: 35px
	}
	#resellers .part-3 p {
		padding: 30px
	}
	#resellers .part-3 p br {
		display: none
	}
	#resellers .part-3 .button {
		font-size: 13px
	}
}
#virtual-numbers .header img {
	display: block;
	width: 82px;
	height: 90px;
	margin: 0 auto 15px
}
#virtual-numbers .header h3,
#virtual-numbers .header h4 {
	color: #fff;
	text-align: center
}
#virtual-numbers .header h3 strong,
#virtual-numbers .header h4 strong {
	color: #0ce185
}
#virtual-numbers .header h3 {
	line-height: 1;
	font-size: 42px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#virtual-numbers .header h3::after {
	content: '';
	display: block;
	width: 120px;
	margin: 15px auto;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#virtual-numbers .header h4 {
	color: #97c6de;
	font-size: 20px;
	line-height: 1.6em;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 30px
}
#virtual-numbers .countries-wrapper {
	position: relative;
	margin-bottom: 20px;
	padding: 0 45px 40px;
	border-radius: 4px;
	background: #fff
}
#virtual-numbers .countries-wrapper::after,
#virtual-numbers .countries-wrapper::before {
	content: '';
	font-size: 0;
	visibility: hidden;
	display: block;
	clear: both;
	height: 0
}
#virtual-numbers .countries-wrapper h4 {
	color: #106b9a;
	font-size: 26px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#virtual-numbers .countries-wrapper .continent {
	float: left;
	width: 50%;
	margin-top: 40px
}
#virtual-numbers .countries-wrapper .continent.right {
	float: right
}
#virtual-numbers .countries-wrapper ul li {
	color: #414141;
	font-size: 14px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	margin-top: 20px
}
#virtual-numbers .countries-wrapper ul li.required::after,
#virtual-numbers small::before {
	content: '*';
	color: #1cf195;
	font-family: brandon;
	font-style: normal
}
#virtual-numbers .countries-wrapper ul li.required::after {
	font-size: 18px;
	font-weight: 600;
	margin-left: 3px
}
#virtual-numbers small {
	color: #fff;
	font-size: 14px;
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	margin-left: 15px
}
#virtual-numbers small::before {
	font-size: 18px;
	font-weight: 600;
	margin-right: 3px
}
#virtual-numbers .info {
	text-align: center
}
#virtual-numbers .info h4 {
	color: #fff;
	font-size: 50px;
	font-family: brandon;
	font-style: normal;
	font-weight: 200;
	margin-top: 70px;
	margin-bottom: 25px
}
#virtual-numbers .info p {
	color: #97c6de;
	font-size: 20px;
	line-height: 1.5em;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	max-width: 475px;
	margin: 0 auto
}
#virtual-numbers .info .button {
	font-size: 15px;
	line-height: 60px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	position: relative;
	height: 60px;
	width: 400px;
	margin-top: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#infos-modals .info .download li,
#infos-modals .info p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}
#virtual-numbers .info .button::before {
	content: '';
	position: absolute;
	left: 0;
	top: -20px;
	display: block;
	width: 400px;
	margin: 0 auto 20px;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
@media screen and (max-width: 415px) {
	#virtual-numbers .countries-wrapper {
		overflow: hidden
	}
	#virtual-numbers .countries-wrapper .continent {
		float: none;
		width: 100%;
		margin: 40px auto 0
	}
	#virtual-numbers .countries-wrapper .continent.right {
		float: none
	}
	#virtual-numbers .info .button {
		width: 100%
	}
}
#infos-modals .header img {
	display: block;
	width: 74px;
	height: 71px;
	margin: 0 auto 30px
}
#infos-modals .header h3 {
	color: #fff;
	line-height: 1;
	font-size: 42px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#infos-modals .header h3 strong {
	color: #0ce185
}
#infos-modals .header h3::after {
	content: '';
	display: block;
	width: 120px;
	margin: 10px auto 20px;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#infos-modals .header .price-wrapper {
	font-size: 0;
	text-align: center;
	position: relative;
	margin: 0 auto;
	padding: 30px 0;
	max-width: 335px;
	border-radius: 4px;
	background: #0d567b
}
#infos-modals .header .price-wrapper .price {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
#infos-modals .header .price-wrapper strong {
	color: #fff;
	font-size: 40px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 35px;
	margin: auto
}
#infos-modals .header .price-wrapper mark {
	color: #1bf094;
	font-size: 42px;
	background: 0 0
}
#infos-modals .header .price-wrapper mark sup {
	font-size: 22px;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px
}
#infos-modals .header .price-wrapper em {
	font-size: 14px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	color: rgba(255, 255, 255, .55);
	display: block;
	margin-top: 5px
}
#infos-modals .info .download li a,
#infos-modals .info .excerpt,
#infos-modals .info .features li,
#infos-modals .info p {
	font-size: 17px;
	font-family: brandon;
	font-style: normal
}
#infos-modals .info {
	padding: 40px 0;
	margin-top: 20px;
	border-radius: 4px;
	background: #fff
}
#infos-modals .info img {
	float: left;
	width: 175px;
	height: auto
}
#infos-modals .info .excerpt {
	color: #094a6c;
	text-align: left;
	line-height: 1.4em;
	font-weight: 600;
	float: left;
	max-width: 265px;
	margin-top: 20px;
	margin-bottom: 50px
}
#infos-modals .info .excerpt::after {
	content: '';
	display: table;
	visibility: hidden;
	height: 0;
	clear: both
}
#infos-modals .info .features::after,
#infos-modals .info .features::before {
	content: '';
	clear: both;
	display: block;
	margin: 40px auto;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	border-bottom: 1px dotted rgba(0, 0, 0, .1)
}
#infos-modals .info .features li {
	color: #4c4c4c;
	font-weight: 400;
	position: relative;
	max-width: 220px;
	padding-left: 35px;
	margin: 25px auto 0
}
#infos-modals .info .features li::before {
	content: '✓';
	color: #1bf094;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0
}
#infos-modals .info p {
	text-align: center;
	line-height: 1.5em;
	color: rgba(0, 0, 0, .8);
	font-weight: 400;
	padding: 0 40px;
	box-sizing: border-box
}
#infos-modals .info p strong {
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
#infos-modals .info .download {
	padding: 0 40px 30px;
	margin-top: 30px
}
#infos-modals .info .download::after {
	content: '';
	display: block;
	width: 100%;
	margin-top: 30px;
	border-bottom: 1px dotted rgba(0, 0, 0, .1)
}
#infos-modals .info .download li {
	line-height: 80px;
	display: block;
	height: 80px;
	margin-top: 10px;
	border-radius: 4px;
	border: 1px solid #62a7f0;
	box-sizing: border-box
}
#infos-modals .button::before,
#infos-modals .info small::before {
	border-top: 1px dotted rgba(0, 0, 0, .1);
	content: ''
}
#infos-modals .info .download li a {
	color: #595959;
	text-decoration: none;
	font-weight: 400;
	display: block;
	padding: 0 30px
}
#infos-modals .info .download li a.apple,
#infos-modals .info .download li a.windows,
#infos-modals .info .pricing li::before {
	display: inline-block;
	vertical-align: middle
}
#infos-modals .info .download li a strong {
	color: #62a7f0;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#infos-modals .info .download li a.apple::before,
#infos-modals .info .download li a.windows::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px
}
#infos-modals .info .download li a.windows::before {
	width: 28px;
	height: 28px;
	margin-top: -5px;
	background: url(../img/modals/windows.png) center no-repeat;
	background-size: 28px 28px
}
#infos-modals .info .download li a.apple::before {
	width: 25px;
	height: 29px;
	margin-top: -10px;
	background: url(../img/modals/apple.png) center no-repeat;
	background-size: 25px 29px
}
#infos-modals .info h3 {
	color: #094a6c;
	font-size: 22px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	padding: 0 40px
}
#infos-modals .info h3 strong {
	color: #1bf094
}
#infos-modals .info .pricing {
	color: #4c4c4c;
	font-size: 17px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400;
	max-width: 330px;
	margin: 0 auto;
	padding-bottom: 45px
}
#infos-modals .info .pricing span,
#infos-modals .info small {
	font-weight: 600;
	font-family: brandon;
	font-style: normal
}
#infos-modals .info .pricing li {
	position: relative;
	padding-left: 15px;
	margin-top: 20px
}
#infos-modals .info .pricing li::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	height: 5px;
	width: 5px;
	border-radius: 100%;
	background: #1bf094
}
#infos-modals .info small {
	font-size: 15px;
	line-height: 1.5em;
	color: rgba(0, 0, 0, .3);
	display: block;
	padding: 0 40px
}
#infos-modals .info small::before {
	display: block;
	margin-bottom: 25px
}
#infos-modals .info small a {
	color: rgba(0, 0, 0, .3)
}
#infos-modals .button {
	font-size: 15px;
	line-height: 60px;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	position: relative;
	width: 100%;
	height: 60px;
	margin-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#infos-modals .button::before {
	position: absolute;
	left: 0;
	top: -20px;
	display: block;
	width: 100%
}
@media screen and (max-width: 475px) {
	#infos-modals .info .excerpt {
		max-width: -webkit-calc(100% - 175px);
		max-width: calc(100% - 175px);
		margin-top: 0
	}
}
@media screen and (max-width: 435px) {
	#infos-modals .info .download,
	#infos-modals .info .pricing,
	#infos-modals .info h3,
	#infos-modals .info p,
	#infos-modals .info small {
		padding: 0 20px
	}
	#infos-modals .info .download {
		padding-bottom: 30px
	}
}
@media screen and (max-width: 400px) {
	#infos-modals .info img {
		width: 130px
	}
	#infos-modals .info .excerpt {
		max-width: -webkit-calc(100% - 130px);
		max-width: calc(100% - 130px)
	}
	#infos-modals .info .download li a {
		line-height: 1.3em;
		padding: 0 20px
	}
	#infos-modals .info .download li a::before {
		float: left
	}
	#infos-modals .info .download li a.apple::before,
	#infos-modals .info .download li a.windows::before {
		margin-top: 7px
	}
	#infos-modals .info small::before {
		margin-top: 30px
	}
}
#portability .header::before {
	content: '';
	display: block;
	width: 24px;
	height: 27px;
	margin: 0 auto;
	background-size: 24px 27px
}
#portability .header img {
	display: block;
	width: 68px;
	height: 38px;
	margin: -5px auto 15px
}
#portability .header h3 {
	color: #fff;
	line-height: 1;
	font-size: 42px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#portability .header h3 strong {
	color: #0ce185
}
#portability .hidden {
	display: none
}
#portability .search {
	position: relative;
	width: 100%;
	height: 70px;
	margin: 0 auto
}
#portability .search input[type=search] {
	font-size: 22px;
	color: rgba(0, 0, 0, .6);
	font-family: brandon;
	font-style: normal;
	font-weight: 400;
	height: 100%;
	width: 100%;
	width: -webkit-calc(100% - 65px);
	width: calc(100% - 65px)
}
#portability .search .submit-search {
	font-size: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	height: 100%;
	width: 24px;
	background: url(../img/icon-search.png) center no-repeat;
	background-size: 24px 24px
}
#portability #portability-form h4 {
	color: #97c6de;
	font-size: 20px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-top: 20px
}
#portability #portability-form h4::after {
	content: '';
	display: block;
	width: 225px;
	margin: 25px auto 20px;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#portability #portability-form fieldset {
	position: relative;
	margin-bottom: 40px
}
#portability #portability-form fieldset::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	display: block;
	margin: 0 auto;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#portability #portability-form nav li a {
	color: #fff;
	text-decoration: none
}
#portability #portability-form nav li input[type=submit] {
	font-size: 15px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	display: block;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2);
	background: #929292
}
#portability #portability-form nav li:first-of-type {
	font-size: 15px;
	line-height: 60px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	display: inline
}
#portability #portability-form nav li:first-of-type a {
	padding-bottom: 5px;
	border-bottom: 2px solid #fff
}
#portability #portability-form nav li:first-of-type a.back {
	padding: 0;
	border: none
}
#portability #portability-form nav li:first-of-type a.back::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 8px;
	margin-top: -5px;
	margin-right: 10px;
	background: url(../img/modals/back-arrow.png) center no-repeat;
	background-size: 11px 8px
}
#portability #portability-form .part-2 #add-sda-number,
#portability #portability-form nav li:last-of-type {
	color: #fff;
	height: 60px;
	font-weight: 900;
	text-transform: uppercase;
	font-family: brandon;
	font-style: normal
}
#portability #portability-form nav li:last-of-type {
	font-size: 15px;
	line-height: 60px;
	float: right;
	display: inline-block
}
#portability #portability-form .part-2 h4 {
	line-height: 1.4em;
	max-width: 340px;
	margin: 20px auto 0
}
#portability #portability-form .part-2 #add-sda-number {
	font-size: 11px;
	line-height: 60px;
	cursor: pointer;
	display: block;
	width: 100%;
	margin: 0 auto 50px;
	border-radius: 4px;
	border: 2px solid #1bf094;
	background: 0 0
}
#portability #portability-form .part-2 #add-sda-number strong {
	color: #1bf094;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
	margin-right: 10px
}
#portability #portability-form .part-2 #add-sda-number::after {
	content: '';
	display: block;
	width: 100%;
	margin: 20px auto;
	border: 1px solid rgba(0, 0, 0, .1)
}
#portability #portability-form .part-2 .sda-number-wrapper {
	margin-bottom: 20px
}
#portability #portability-form .part-2 .sda-number-wrapper::after {
	content: none
}
#portability #portability-form .part-2 input[type=submit] {
	color: #fff;
	font-size: 15px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	width: 100%
}
#portability #portability-form .part-2 small {
	color: #fff;
	font-size: 10px;
	line-height: 2em;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	display: block;
	max-width: 315px;
	margin: 20px auto
}
#portability #portability-form .part-2 small a {
	color: #fff
}
#simulator .header img {
	display: block;
	width: 68px;
	height: 38px;
	margin: -5px auto 15px
}
#simulator .header h3 {
	color: #fff;
	line-height: 1;
	font-size: 42px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 400
}
#simulator .header h3 strong {
	color: #0ce185
}
#simulator .header h3::after {
	content: '';
	display: block;
	width: 115px;
	margin: 15px auto 20px;
	border-bottom: 1px dotted rgba(0, 0, 0, .3)
}
#simulator .hidden {
	display: none
}
#simulator #simulator-form h4 {
	color: #97c6de;
	font-size: 20px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin-top: 20px
}
#simulator #simulator-form nav li input[type=submit],
#simulator #simulator-form nav li:first-of-type,
#simulator #simulator-form nav li:last-of-type {
	font-size: 15px;
	font-weight: 900;
	font-style: normal;
	font-family: brandon;
	text-transform: uppercase
}
#simulator #simulator-form nav {
	text-align: left
}
#simulator #simulator-form nav li a {
	color: #fff;
	text-decoration: none
}
#simulator #simulator-form nav li input[type=submit] {
	text-align: center;
	display: block;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 5px 10px 20px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2);
	background: #929292
}
#simulator #simulator-form nav li:first-of-type {
	line-height: 60px;
	display: inline
}
#simulator #simulator-form nav li:first-of-type a {
	padding-bottom: 5px;
	border-bottom: 2px solid #fff
}
#simulator #simulator-form nav li:first-of-type a.back {
	padding: 0;
	border: none
}
#simulator #simulator-form nav li:first-of-type a.back::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 8px;
	margin-top: -5px;
	margin-right: 10px;
	background: url(../img/modals/back-arrow.png) center no-repeat;
	background-size: 11px 8px
}
#simulator #simulator-form nav li:last-of-type {
	color: #fff;
	line-height: 60px;
	float: right;
	display: inline-block;
	height: 60px
}
#simulator #simulator-form .part-1 .radio-wrapper {
	position: relative;
	height: 70px;
	width: 100%;
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #074260
}
#simulator #simulator-form .part-1 .radio-wrapper+fieldset {
	margin-top: -5px;
	margin-bottom: 10px;
}
#simulator #simulator-form .part-1 .radio-wrapper+fieldset::after {
	content: '';
	clear: both;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	display: block;
	width: 100%;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#simulator #simulator-form .part-1 .radio-wrapper label {
	color: #fff;
	font-size: 17px;
	line-height: 70px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	position: absolute;
	top: 0;
	display: inline;
	width: auto;
	height: auto;
	border: none
}
#simulator #simulator-form .part-1 .radio-wrapper label:first-of-type {
	left: 17%
}
#simulator #simulator-form .part-1 .radio-wrapper label:last-of-type {
	right: 10%
}
#simulator #simulator-form .part-1 .radio-wrapper input[type=checkbox] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 36px;
	height: 22px;
	margin: auto;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, .5);
	background: 0 0
}
#simulator #simulator-form .part-1 .radio-wrapper input[type=checkbox]::before {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin: auto;
	border-radius: 100%;
	background: #fff;
	-webkit-transform: translateX(9px);
	-moz-transform: translateX(9px);
	-ms-transform: translateX(9px);
	-o-transform: translateX(9px);
	transform: translateX(9px);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
#simulator #simulator-form .part-1 .radio-wrapper input[type=checkbox]:checked {
	border: 1px solid rgba(26, 221, 155, .5)
}
#simulator #simulator-form .part-1 .radio-wrapper input[type=checkbox]:checked::before {
	-webkit-transform: translateX(-9px);
	-moz-transform: translateX(-9px);
	-ms-transform: translateX(-9px);
	-o-transform: translateX(-9px);
	transform: translateX(-9px);
	background: #1add9b
}
#simulator #simulator-form .part-1 .radio-wrapper input[type=checkbox]:checked+label:not(.not-checked) {
	color: #1add9b
}
#simulator #simulator-form .part-1 .countries-wrapper {
	position: relative;
	padding: 0 45px 40px;
	border-radius: 4px;
	background: #fff
}
#simulator #simulator-form .part-1 .countries-wrapper::before {
	content: '';
	font-size: 0;
	visibility: hidden;
	display: block;
	clear: both;
	height: 0
}
#simulator #simulator-form .part-1 .countries-wrapper::after {
	content: '';
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#simulator #simulator-form .part-1 .countries-wrapper h4 {
	color: #106b9a;
	font-size: 26px;
	text-align: left;
	font-family: brandon;
	font-style: normal;
	font-weight: 400;
	margin-top: 0
}
#simulator #simulator-form .part-1 .countries-wrapper .continent {
	float: left;
	width: 50%;
	margin-top: 40px
}
#simulator #simulator-form .part-1 .countries-wrapper .continent.right {
	float: right
}
#simulator #simulator-form .part-1 .countries-wrapper .continent li::before {
	content: none
}
#simulator #simulator-form .part-1 .countries-wrapper ul li {
	color: #b3b3b3;
	font-size: 14px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	margin-top: 20px
}
#simulator #simulator-form .part-1 .countries-wrapper ul li input[type=checkbox] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-radius: 2px;
	border: 1px solid rgba(156, 156, 156, .6);
	background: 0 0
}
#simulator #simulator-form .part-1 .countries-wrapper ul li input[type=checkbox]:checked {
	background: rgba(156, 156, 156, .8)
}
#simulator #simulator-form .part-1 .countries-wrapper ul li input[type=checkbox]:checked+label {
	color: #737373
}
#simulator #simulator-form .part-1 .countries-wrapper ul li label {
	cursor: pointer;
	display: inline;
	vertical-align: middle
}
#simulator #simulator-form .part-1 .countries-wrapper ul li label::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 15px;
	margin: -4px 10px 0;
}
#simulator #simulator-form .part-2 {
	text-align: center
}
#simulator #simulator-form .part-2 h4 {
	margin-bottom: 35px
}
#simulator #simulator-form .part-2 h4 strong {
	color: #1add9b;
	font-size: 20px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	display: block;
	margin-bottom: 20px
}
#simulator #simulator-form .part-2 fieldset {
	padding: 40px 0 0;
	margin-bottom: 15px
}
#simulator #simulator-form .part-2 .range-wrapper {
	position: relative;
	border-bottom: 1px dotted rgba(0, 0, 0, .1)
}
#simulator #simulator-form .part-2 .range-wrapper:last-of-type {
	border-bottom: none
}
#simulator #simulator-form .part-2 .range-wrapper:not(:first-of-type) label {
	padding-top: 40px
}
#simulator #simulator-form .part-2 .range-wrapper .input-range {
	position: relative;
	width: 250px;
	margin: 0 auto
}
#simulator #simulator-form .part-2 .range-wrapper .range-value3,
#simulator #simulator-form .part-2 .range-wrapper .range-value2,
#simulator #simulator-form .part-2 .range-wrapper .range-value1 {
	color: #fff;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	position: absolute;
	left: 0;
	bottom: -60px;
	display: inline-block;
	width: 34px;
	height: 32px;
	margin: 0 auto;
	border-radius: 3px;
	background: #1cf093;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center
}
#simulator #simulator-form .part-2 .range-wrapper .range-value3::before,
#simulator #simulator-form .part-2 .range-wrapper .range-value2::before,
#simulator #simulator-form .part-2 .range-wrapper .range-value1::before{
	content: '';
	position: absolute;
	left: 14px;
	top: -3px;
	display: block;
	height: 6px;
	width: 6px;
	margin: auto;
	background: #1cf093;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
#simulator #simulator-form .part-2 label {
	color: #054d72;
	font-size: 25px;
	line-height: 1.3em;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	height: auto;
	border: none
}
#simulator #simulator-form .part-2 label strong {
	color: #1cf093
}
#simulator #simulator-form .part-2 legend {
	font-size: 16px;
	line-height: 1.3em;
	color: rgba(0, 0, 0, .6);
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	display: block;
	margin: 10px auto 35px
}
#simulator #simulator-form .part-2 input[type=range] {
	cursor: pointer;
	position: relative;
	display: block;
	width: 250px;
	height: 6px;
	padding: 0;
	margin: 0 auto 50px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .1)
}
#simulator #simulator-form .part-2 input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: 0;
	display: block;
	height: 19px;
	width: 19px;
	background: #1cf093;
	border-radius: 100%;
	border: 7px solid #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2), 4px 5px 0 0 rgba(0, 0, 0, .1)
}
#simulator #simulator-form .part-2 input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: 0;
	display: block;
	height: 19px;
	width: 19px;
	background: #1cf093;
	border-radius: 100%;
	border: 7px solid #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2), 4px 5px 0 0 rgba(0, 0, 0, .1)
}
#simulator #simulator-form .part-2 input[type=range]::-ms-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: 0;
	display: block;
	height: 19px;
	width: 19px;
	background: #1cf093;
	border-radius: 100%;
	border: 7px solid #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2), 4px 5px 0 0 rgba(0, 0, 0, .1)
}
#simulator #simulator-form .part-2 input[type=range]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 100%;
	border: none;
	background: 0 0
}
#simulator #simulator-form .part-2 input[type=range]::-moz-range-track {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 100%;
	border: none;
	background: 0 0
}
#simulator #simulator-form .part-2 input[type=range]::-ms-track {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 100%;
	border: none;
	background: 0 0
}
#simulator #simulator-form .part-2 small,
#simulator #simulator-form .part-3 small {
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px
}
#simulator #simulator-form .part-2 small::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	display: block;
	width: 100%;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#simulator #simulator-form .part-2 small a,
#simulator #simulator-form .part-3 small a  {
	color: #1cf093;
	font-size: 11px;
	text-decoration: none;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	border-bottom: 2px solid #1cf093
}
#simulator #simulator-form .part-3 h4 {
	margin-bottom: 35px
}
#simulator #simulator-form .part-3 h4 strong {
	color: #1add9b;
	font-size: 20px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	display: block;
	margin-bottom: 20px
}
#simulator #simulator-form .part-3 .plan {
	position: relative;
	height: 420px;
	border-radius: 4px;
	background: #fff
}
#simulator #simulator-form .part-3 .plan .head {
	position: relative;
	display: block;
	width: 100%;
	height: 115px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#simulator #simulator-form .part-3 .plan .head h3 {
	color: #315c7d;
	font-size: 30px;
	font-family: brandon;
	font-style: normal;
	font-weight: 400;
	padding-top: 35px;
	margin-left: 40px
}
#simulator #simulator-form  #v-plans #p-lines #channels .part-3 .plan .head h3 strong {
	color: #0063ac;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#simulator #simulator-form .part-3 .plan .head mark {
	color: #fff;
	font-size: 8px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	display: block;
	padding: 5px;
	max-width: 100px;
	margin-top: 2px;
	margin-left: 40px;
	background: #ffc000;
	border-radius: 2px
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper {
	position: absolute;
	top: 30px;
	right: -10px;
	display: block;
	width: 150px;
	height: 60px;
	padding: 5px 10px;
	border-radius: 4px;
	background: #19ee92;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper strong {
	color: #fff;
	font-size: 30px;
	font-family: brandon;
	font-style: normal;
	font-weight: 800
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper strong em {
	font-size: 23px
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper strong i {
	font-size: 20px
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper .monthly {
	color: #fff;
	font-size: 16px;
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	display: block
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper .promo {
	font-size: 11px;
	color: rgba(0, 0, 0, .5);
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	top: 8px;
	right: 10px
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper .promo .old-price {
	font-size: 13px;
	font-family: brandon;
	font-style: normal;
	font-weight: 800;
	position: relative;
	display: block;
	margin-bottom: 20px
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper .promo .old-price::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	height: 1px;
	width: 100%;
	margin: auto;
	background: rgba(0, 0, 0, .5);
	border-top: 1px solid #19ee92;
	border-bottom: 1px solid #19ee92
}
#simulator #simulator-form .part-3 .plan .head .price-wrapper .promo .old-price::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	display: block;
	width: 100%;
	border-bottom: 1px dotted rgba(0, 0, 0, .5)
}
#simulator #simulator-form .part-3 .plan .features {
	text-align: left;
	padding: 0 40px
}
#simulator #simulator-form .part-3 .plan .features h4 {
	color: #706c5b;
	font-size: 18px;
	text-align: left;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	padding: 25px 0 0;
	margin: 0 0 5px
}
#simulator #simulator-form .part-3 .plan .features span {
	color: #898780;
	font-size: 14px;
	font-family: brandon;
	font-style: italic;
	font-weight: 400
}
#simulator #simulator-form .part-3 .more .total,
#simulator #simulator-form .part-3 .more .total i,
#simulator #simulator-form .part-3 .more .total strong,
#simulator #simulator-form .part-3 .more li,
#simulator #simulator-form .part-3 .more li strong,
#simulator #simulator-form .part-3 .more::before,
#simulator #simulator-form .part-3 .plan .see-all-features {
	font-style: normal;
	font-family: brandon
}
#simulator #simulator-form .part-3 .plan .features li {
	height: 90px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	background: url(../img/check.png) center right no-repeat;
	background-size: 20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#simulator #simulator-form .part-3 .plan .features li:last-child {
	display: none;
}

#simulator #simulator-form .part-3 .plan .see-all-features {
	color: #0ce185;
	font-size: 11px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 60px;
	background: #fff;
	border-top: 1px solid rgba(0, 0, 0, .1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	transition: color .2s ease
}
#simulator #simulator-form .part-3 .plan .see-all-features:hover {
	color: rgba(12, 225, 133, .7)
}
#simulator #simulator-form .part-3 .plan .see-all-features::before {
	content: '';
	display: block;
	position: absolute;
	top: -51px;
	height: 50px;
	width: 100%;
	box-shadow: inset 0 -50px 70px -20px #fff
}
#simulator #simulator-form .part-3 .plan .see-all-features::after {
	content: '';
	position: absolute;
	top: 15px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 95px;
	height: 2px;
	margin: auto;
	background: #0ce185
}
#simulator #simulator-form .part-3 .more {
	position: relative;
	margin-top: 60px;
	padding: 40px 0 0;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 4px
}
#simulator #simulator-form .part-3 .more::before {
	content: '+';
	color: #0ce185;
	font-size: 50px;
	line-height: 60px;
	text-align: center;
	font-weight: 400;
	position: absolute;
	left: 0;
	right: 0;
	top: -60px
}
#simulator #simulator-form .part-3 .more::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 1px dotted rgba(0, 0, 0, .2)
}
#simulator #simulator-form .part-3 .more ul {
	position: relative;
	padding-bottom: 20px
}
#simulator #simulator-form .part-3 .more ul::after,
#simulator #simulator-form .part-3 .more ul::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	height: 0;
	margin-left: 40px;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	border-bottom: 1px dotted rgba(0, 0, 0, .1)
}
#simulator #simulator-form .part-3 .more ul::after {
	bottom: -2px
}
#simulator #simulator-form .part-3 .more li {
	font-size: 11px;
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#simulator #simulator-form .part-3 .more li:not(:first-of-type)::before {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	width: 0;
	height: 40px;
	border-left: 1px dotted rgba(0, 0, 0, .2)
}
#simulator #simulator-form .part-3 .more li strong {
	color: #1a729e;
	font-size: 50px;
	font-weight: 600;
	display: block
}
#simulator #simulator-form .part-3 .more li span {
	color: #706c5b;
	display: block;
	max-width: 95px;
	margin: 0 auto 5px
}
#simulator #simulator-form .part-3 .more li i {
	display: block;
	color: #0ce084
}

#simulator #simulator-form .part-3 .more .total {
	font-size: 30px;
	line-height: 110px;
	color: rgba(0, 0, 0, .66);
	font-weight: 400;
	padding: 0 40px
}
#simulator #simulator-form .part-3 .more .total i {
	font-weight: 800
}
#simulator #simulator-form .part-3 .more .total .asterisk {
	color: #19ee92;
	font-size: 14px;
	line-height: 27px;
	font-weight: 400;
	float: right;
	margin-right: 10px
}
#simulator #simulator-form .part-3 .more .total strong {
	color: #19ee92;
	font-size: 44px;
	line-height: 105px;
	font-weight: 400;
	float: right;
	margin-right: 40px
}
#simulator #simulator-form .part-3 .more .total strong em {
	font-size: 34px;
	font-family: brandon;
	font-style: italic;
	font-weight: 600
}
#simulator #simulator-form .part-3 .more .total strong sub {
	font-size: 30px
}
#simulator #simulator-form .part-3 .button {
	color: #fff;
	font-size: 15px;
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	width: 100%
}
@media screen and (max-width: 465px) {
	#simulator #simulator-form .part-1 .radio-wrapper label:first-of-type {
		left: 4%
	}
	#simulator #simulator-form .part-1 .radio-wrapper label:last-of-type {
		right: 4%
	}
	#simulator #simulator-form .part-1 .countries-wrapper {
		overflow: hidden
	}
	#simulator #simulator-form .part-1 .countries-wrapper .continent {
		float: none;
		width: 100%;
		margin: 40px auto 0
	}
	#simulator #simulator-form .part-1 .countries-wrapper .continent.right {
		float: none
	}
}
@media screen and (max-width: 405px) {
	#simulator #simulator-form .part-2 fieldset {
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	#simulator #simulator-form .part-1 .radio-wrapper label {
		font-size: 12px
	}
	#simulator #simulator-form .part-3 .plan .head h3,
	#simulator #simulator-form .part-3 .plan .head mark {
		margin-left: 20px
	}
	#simulator #simulator-form .part-3 .plan .head h3 {
		font-size: 20px
	}
	#simulator #simulator-form .part-3 .more .total {
		font-size: 20px;
		padding: 0 20px
	}
	#simulator #simulator-form .part-3 .more .total strong {
		font-size: 38px;
		margin-right: 20px
	}
}
#faq .button,
#faq ul li {
	-moz-box-sizing: border-box
}
#faq .header {
	text-align: center
}
#faq .header h3 {
	color: #fff;
	line-height: 1;
	font-size: 42px;
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
#faq .header h4,
#faq ul a {
	font-size: 20px;
	font-weight: 600;
	font-family: brandon;
	font-style: normal
}
#faq .header h4 {
	color: #0ce185;
	line-height: 1.4em;
	max-width: 380px;
	margin: 40px auto 0
}
#faq .header h4::after {
	content: '';
	display: block;
	width: 225px;
	margin: 25px auto;
	border-bottom: 1px dotted rgba(0, 0, 0, .3)
}
#faq ul {
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px
}
#faq ul li {
	padding: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#faq ul li.more {
	border-bottom: none
}
#faq ul li.more a {
	color: #1bf094;
	position: relative
}
#faq ul li.more a::after {
	content: '';
	position: absolute;
	top: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	height: 2px;
	width: 95px;
	margin: auto;
	background: #1bf094
}
#faq ul a {
	line-height: 1.5em;
	text-decoration: none;
	color: rgba(0, 0, 0, .5);
	display: block
}
#faq h4 {
	color: #fff;
	font-size: 25px;
	text-align: center;
	font-family: brandon;
	font-style: normal;
	font-weight: 600;
	margin: 30px 0 20px
}
#faq .button,
.modal form .label {
	line-height: 60px;
	text-transform: uppercase;
	font-weight: 900;
	-webkit-box-sizing: border-box
}
#faq h4 strong {
	color: #1bf094
}
#faq .button {
	font-size: 15px;
	font-family: brandon;
	font-style: normal;
	display: block;
	width: 400px;
	height: 60px;
	box-sizing: border-box
}
.modal-class form{
  	color: #000;
	text-align: left;
}
.modal form select{
  background: white!important;
  width: 100%;
}
#contact .header h3,
#contact .header h4 {
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
@media screen and (max-width: 400px) {
	#faq h4 {
		font-size: 20px
	}
	#faq ul li.more a::after {
		width: 75px
	}
	#faq ul a {
		font-size: 16px
	}
	#faq .button {
		width: 100%
	}
}
#contact .header {
	text-align: center
}
#contact .header h3 {
	color: #fff;
	line-height: 1;
	font-size: 42px
}
#contact .header h4 {
	color: #1bf094;
	font-size: 20px;
	line-height: 1.4em;
	margin-top: 40px
}
#contact .header h4::after {
	content: '';
	display: block;
	width: 225px;
	margin: 25px auto 30px;
	border-bottom: 1px dotted rgba(0, 0, 0, .3)
}
.swiper-slide,
.swiper-wrapper {
	width: 100%;
	height: 100%;
	position: relative
}
#contact #contact-form {
	text-align: left
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.modal form .error,
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 25px;
	z-index: 0;
	width: 98%;
	height: 10px;
	background: 0 0
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .2);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.modal,
.modal-overlay {
	opacity: 0;
	position: fixed
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}
.modal-overlay {
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 108, 154, .9);
	-webkit-transition: .1s opacity ease;
	-moz-transition: .1s opacity ease;
	-ms-transition: .1s opacity ease;
	-o-transition: .1s opacity ease;
	transition: .1s opacity ease
}
.modal {
	z-index: 9999;
	left: 50%;
	top:45%;
	width: 94%;
	padding: 0;
	-webkit-transition: .1s opacity ease;
	-moz-transition: .1s opacity ease;
	-ms-transition: .1s opacity ease;
	-o-transition: .1s opacity ease;
	transition: .1s opacity ease;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.dynamic-modal{
	top:inherit;
}
.modal.fade-and-drop.modal-open.modal-anchored,
.modal.modal-open.modal-anchored {
	position: absolute;
	top: 50px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.modal-overlay.modal-open,
.modal.modal-open {
	opacity: 1
}
.modal-close {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 12px;
	font-family: Helvetica, Arial, sans-serif;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	border: none;
	background: 0 0
}
.modal form .label,
.modal form fieldset,
.modal form input {
	border-radius: 4px;
	background: #fff
}
.modal-close:hover {
	opacity: .8
}
.overlay.fade-and-drop {
	opacity: 0;
	display: block
}
.modal.fade-and-drop {
	opacity: 0;
	display: block;
	-webkit-transform: translate(-50%, -60%);
	-moz-transform: translate(-50%, -60%);
	-ms-transform: translate(-50%, -60%);
	-o-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%)
}
.modal.fade-and-drop.modal-open {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s all .3s ease;
	-moz-transition: .3s all .3s ease;
	-ms-transition: .3s all .3s ease;
	-o-transition: .3s all .3s ease;
	transition: .3s all .3s ease
}
.modal.fade-and-drop.modal-open.anchored {
	-webkit-transition: .3s all .3s ease;
	-moz-transition: .3s all .3s ease;
	-ms-transition: .3s all .3s ease;
	-o-transition: .3s all .3s ease;
	transition: .3s all .3s ease
}
.overlay.fade-and-drop.modal-open {
	opacity: 1;
	-webkit-transition: .3s opacity ease;
	-moz-transition: .3s opacity ease;
	-ms-transition: .3s opacity ease;
	-o-transition: .3s opacity ease;
	transition: .3s opacity ease
}
.modal.fade-and-drop {
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-ms-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease
}
.overlay.fade-and-drop {
	-webkit-transition: .3s opacity .3s ease;
	-moz-transition: .3s opacity .3s ease;
	-ms-transition: .3s opacity .3s ease;
	-o-transition: .3s opacity .3s ease;
	transition: .3s opacity .3s ease
}
.tab-wrapper {
	position: relative;
	width: 100%
}
.tab-wrapper .tab {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.tab-wrapper .tab.hidden {
	display: none
}
.button,
.tabs-nav a {
	outline: 0
}
.modal form {
	font-size: 0
}
.modal form::-webkit-input-placeholder {
	color: #bebebe;
	font-family: brandon;
	font-style: italic;
	font-weight: 400
}
.modal form::-moz-placeholder {
	color: #bebebe;
	font-family: brandon;
	font-style: italic;
	font-weight: 400
}
.modal form:-ms-input-placeholder {
	color: #bebebe;
	font-family: brandon;
	font-style: italic;
	font-weight: 400
}
.modal form input:-moz-placeholder {
	color: #bebebe;
	font-family: brandon;
	font-style: italic;
	font-weight: 400
}
.modal form input:-webkit-autofill {
	background-color: #fff!important;
	box-shadow: inset 0 0 9999px 9999px #fff
}
.modal form fieldset {
	position: relative;
	margin-top: 20px;
	box-shadow: 6px 10px 20px 0 rgba(0, 0, 0, .1)
}
.modal form label {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #ededed
}
.modal form .label,
.modal form input {
	font-family: brandon;
	display: inline-block;
	height: 60px
}
.modal form label:last-of-type {
	border-bottom: none
}
.modal form label.has-error .error {
	opacity: 1;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
@media screen and (max-width: 740px) {
	.modal form label.has-error {
		height: auto
	}
	.modal form label.has-error .error {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}
.modal form .label {
	color: #4c4c4c;
	font-size: 11px;
	text-align: center;
	font-style: normal;
	vertical-align: top;
	width: 120px;
	border-right: 1px solid #ededed;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.modal form .label.big {
	line-height: 1;
	padding: 20px 0
}
.modal form input {
	color: #4c4c4c;
	font-size: 17px;
	line-height: 60px;
	font-style: italic;
	font-weight: 400;
	vertical-align: top;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.modal form select,
.modal form textarea {
	font-family: brandon;
	font-style: normal;
	font-weight: 600
}
.modal form textarea {
	outline: 0;
	resize: none;
	overflow: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	color: rgba(0, 0, 0, .3);
	font-size: 18px;
	text-align: left;
	display: block;
	height: 170px;
	max-height: 170px;
	width: 100%;
	max-width: 100%;
	padding: 30px;
	margin-top: 20px;
	border: none;
	border-radius: 4px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.modal form textarea.has-error {
	box-shadow: 0 0 10px 1px #ff5e5e
}
.modal form select {
	font-size: 17px;
	line-height: 60px;
	color: rgba(0, 0, 0, .6);
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
	height: 60px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../img/modals/select-arrow.png) calc(100% - 25px) center no-repeat;
	background-size: 9px 5px
}
.modal form .error,
.modal form .submit {
	font-family: brandon;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase
}
.modal .button.green {
	cursor: pointer;
	overflow: hidden;
	font-size: 15px;
	height: 60px;
	width: 100%;
	margin-top: 20px
}
.modal form .submit span {
	position: relative;
	display: inline-block;
	-webkit-transition: .4s transform cubic-bezier(1, .2, .2, 1);
	-moz-transition: .4s transform cubic-bezier(1, .2, .2, 1);
	transition: .4s transform cubic-bezier(1, .2, .2, 1)
}
.modal form .error,
.modal form .submit span::before {
	text-align: center;
	position: absolute;
	display: block;
	height: 60px
}
.modal form .submit span::before {
	content: '';
	font-size: 15px;
	width: 50px;
	top: 60px;
	left: 15px;
	right: 0;
	background: url(data:image/svg+xml;dataset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%200%200%22%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%226%22%20cy%3D%2250%22%20r%3D%226%22%3E%3Canimate%20attributeName%3D%22opacity%22%20dur%3D%221s%22%20values%3D%220%3B1%3B0%22%20repeatCount%3D%22indefinite%22%20begin%3D%22.1%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%2226%22%20cy%3D%2250%22%20r%3D%226%22%3E%3Canimate%20attributeName%3D%22opacity%22%20dur%3D%221s%22%20values%3D%220%3B1%3B0%22%20repeatCount%3D%22indefinite%22%20begin%3D%22.2%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%2246%22%20cy%3D%2250%22%20r%3D%226%22%3E%3Canimate%20attributeName%3D%22opacity%22%20dur%3D%221s%22%20values%3D%220%3B1%3B0%22%20repeatCount%3D%22indefinite%22%20begin%3D%22.3%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E) center no-repeat
}
.modal form .submit.sending {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}
.modal form .submit.sending::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center
}
.modal form .submit.sending span {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	transform: translateY(-60px)
}
.modal form .error {
	opacity: 0;
	color: #fff;
	font-size: 11px;
	z-index: -1;
	top: 0;
	right: 4px;
	padding: 20px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #ff5e5e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateX(95%);
	-moz-transform: translateX(95%);
	-ms-transform: translateX(95%);
	-o-transform: translateX(95%);
	transform: translateX(95%);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
@media screen and (max-width: 740px) {
	.modal form .error {
		position: static;
		border-radius: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}
.countries-wrapper .continent li::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 15px;
	margin-top: -4px;
	margin-right: 10px;
	background: #ededed
}
@media screen and (max-width: 400px) {
	.modal h4 {
		padding: 0 10px
	}
	.modal h4 br {
		display: none
	}
	.modal form input {
		font-size: 14px
	}
}
@media screen and (max-width: 500px) {
	section h2 {
		position: relative
	}
	section h2::after,
	section h2::before {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto
	}
	section h2::before {
		left: 0
	}
	section h2::after {
		right: 0
	}
}

.wpcf7-validation-errors {
	display: none !important;
}
.modal form textarea.wpcf7-not-valid {
    box-shadow: 0 0 10px 1px #ff5e5e;
}
.wpcf7-mail-sent-ng,
wpcf7-mail-sent-ok {
	display: block;
	font-size: 16px;
	text-align: center;
	color: #fff;
	padding: 10px !important;
}
.wpcf7-not-valid-tip{
    text-align: center;
    position: absolute;
    font-family: brandon;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    height: 60px;
	opacity:0;
	color:#fff;
	font-size:11px;
	z-index:-1;
	top:0;
	right:4px;
	padding:20px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	background:#ff5e5e;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transform:translateX(95%);
	-moz-transform:translateX(95%);
	-ms-transform:translateX(95%);
	-o-transform:translateX(95%);
	transform:translateX(95%);
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out}
@media screen and (max-width:740px)
{
	.wpcf7-not-valid-tip{
		position:static;
		border-radius:0;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0)
	}
}
span.wpcf7-not-valid-tip {
	color: #fff !important;
    font-size: 11px !important;
}
.modal form label:first-child .wpcf7-not-valid-tip {
	width: 143px;
}
.modal form label:nth-child(2) .wpcf7-not-valid-tip {
	width: 159px;
}
.modal form textarea.wpcf7-not-valid + .wpcf7-not-valid-tip {
	display: none !important;
}
.modal form .wpcf7-not-valid + .wpcf7-not-valid-tip {
    opacity: 1;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.soon a {
	pointer-events: none;
}
img {
	height: auto;
}
#features .pg li h3 span {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 45px;
    background: no-repeat 50% 50%;
    background-size: contain;
}
#features .pg li h3::before {
	display: none;
}
.page-template-default:not(.home) #head {
	max-height: 150px;
}
.pointer {
	pointer-events: none;
}
.pointer.modal-open {
	pointer-events: auto;
}
#head.full {
	height: auto;
	padding: 120px 0 40px;
    color: #fff;
    z-index: 5;
    background: url(../img/background-head.png) center top no-repeat,#076190;
    background: url(../img/background-head.png) center top no-repeat,-moz-linear-gradient(left,#076190 0,#7abedf 100%);
    background: url(../img/background-head.png) center top no-repeat,-webkit-linear-gradient(left,#076190 0,#7abedf 100%);
    background: url(../img/background-head.png) center top no-repeat,linear-gradient(to right,#076190 0,#7abedf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#076190', endColorstr='#7abedf', GradientType=1 );
	background-size: contain;
}
#faq.inline {
	text-align: left;
}

#faq.inline ul {
	max-width: none;
	clear: both;
	padding-bottom:40px;
	padding-top: 30px;
}

#faq.inline ul li {
	padding-bottom: 0;
	padding-top: 10px;
}

#faq.inline h4 {
	padding-top: 40px;
}

#faq.inline .header h4 {
	float: left;
	padding-bottom: 40px;
	max-width: 50%;
	padding-top: 5px;
	text-align: left;
	width: 400px;
}

#faq.inline form  {
	display: flex;
	width: 48%;
	margin: 30px 0;
	float: right;
}

#faq.inline form input[type=submit] {
    color: #fff;
    font-size: 13px;
    line-height: 50px;
    font-family: brandon;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    height: 50px;
    padding: 0 10px;
    min-width: 80px;
    width: 25%;
    margin-top: 20px;
    margin-left: 0;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.6);
    background: -moz-linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 100%),#3d99c6;
    background: -webkit-linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 100%),#3d99c6;
    background: -ms-linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 100%),#3d99c6;
    -webkit-transition: background .1s ease-out;
    -moz-transition: background .1s ease-out;
    transition: background .1s ease-out;
}

#faq.inline .header h3 {
	padding: 20px 0;
}

#faq.inline ul a {
	text-align: left;
}

.search-re {
	display: none;
}

#faq.inline {
	padding: 0 30px;
}

#faq.inline .search-re h4 {
	color: #333;
	padding: 10px 0 0;
	margin: 0;
	display: none;
}


#faq.inline .search-re.no-results h4 {
	display: block;
}

#faq.inline ul .content {
	padding-left: 40px;
	display: none;
	position: relative;
	padding-bottom: 20px;
}

#faq.inline ul .trigger:before {
	position: absolute;
	top: 11px;
	left: 10px;
	content: "+";
	line-height: 22px;
	font-size: 26px;
	text-align: center;
	width: 19px;
	height: 20px;
	padding-left: 1px;
	border-radius: 50%;
	border: 1px solid #666;
}

#faq.inline ul .trigger.active:before {
	content: "-";
	line-height: 17px;
}

#faq.inline ul .trigger {
	font-size: 30px;
	padding-left: 40px;
	padding-bottom: 10px;
	position: relative;
	display: block;
}

#faq.inline ul .content p {
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #333;
}

#faq.inline form input {
    line-height: 50px;
    height: 50px;
    width: 75%;
    margin-top: 20px;
    padding-left: 20px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#faq.inline .button {
	margin-top: 30px;
	margin-bottom: 40px;
}

#faq.inline .header h4::after {
	display: none;
}

#faq.inline .header {
	text-align: left;
}


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

	#faq.inline {
		padding: 0 15px;
	}

	#faq.inline h4 {
		margin-top: 15px;
		font-size: 18px;
	}

	#faq.inline ul .trigger:before {
		top: 3px;
	}

	#faq.inline ul .trigger {
		margin-left: -10px;
		font-size: 20px;
		line-height: 30px;
	}

	#faq.inline ul .content {
		padding-left: 30px;
	}

	#faq.inline ul li {
		padding: 0;
	}

	#faq.inline .header h3 {
		padding: 20px 0;
		margin: 0;
		font-size: 24px;
		line-height: 30px;
	}

	#faq.inline form {
		float: none;
		width: auto;
		max-width: none;
		margin: 20px 0;
	}

	#faq.inline .header h4 {
		float: none;
		width: auto;
		max-width: none;
		padding: 0;
		margin: 0;
		font-size: 18px;
		line-height: 24px;
	}

	#faq.inline ul {
		padding: 15px;
	}

} 

#features .entry p {
	padding-bottom: 5px;
} 

#features .entry {
	text-align: left;
	padding: 60px 0 20px;
	font-size: 14px;
	color: #999;
	line-height: 20px; 
}
#features .entry h3{color:#144d72;font-size:20px;position:relative;
	padding-top: 15px;
	padding-bottom: 10px;}

.no-padding-top {
	padding-top: 0 !important;
}

.france-bubble::before {
	display: block;
	width: 41px;
	height: 45px;
	position: absolute;
	right: -20px;
	top: -25px;
	background: url(../img/france-bubble.png) center no-repeat;
	background-size: 41px 45px;
}

.spain-bubble::before {
	display: block;
	width: 41px;
	height: 45px;
	position: absolute;
	right: -20px;
	top: -25px;
	background: url(../img/spain-bubble.png) center no-repeat;
	background-size: 41px 45px;
}

.usa-bubble::before {
	display: block;
	width: 41px;
	height: 45px;
	position: absolute;
	right: -20px;
	top: -25px;
	background: url(../img/usa-bubble.png) center no-repeat;
	background-size: 41px 45px;
}

.countrie-flag .flag{
	color: #414141;
	display: block;
	font-size: 14px;
	font-weight: 900;
	margin-top: 20px;
}

.countrie-flag .flag::before {
	background: #ededed;
	content: '';
	display: inline-block;
	height: 15px;
	margin-right: 10px;
	margin-top: -4px;
	vertical-align: middle;
	width: 21px;
}

.countries-wrapper .continent .cyprus::before, .countrie-flag .cyprus::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/cyprus.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .denmark::before, .countrie-flag .denmark::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/denmark.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .england::before, .countrie-flag .england::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/england.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .faroes::before, .countrie-flag .faroes::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/faroes.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .guernsey::before, .countrie-flag .guernsey::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/guernsey.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .hungary::before, .countrie-flag .hungary::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/hungary.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .iceland::before, .countrie-flag .icelanc::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/iceland.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .ireland::before, .countrie-flag .ireland::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/ireland.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .jersey::before, .countrie-flag .jersey::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/jersey.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .lithuania::before, .countrie-flag .lithuania::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/lithuania.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .northern-mariana-islands::before, .countrie-flag .northern-mariana-islands::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/northern-mariana-islands.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .netherlands::before, .countrie-flag .netherlands::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/netherlands.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .norway::before, .countrie-flag .norway::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/norway.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .romania::before, .countrie-flag .romania::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/romania.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .scotland::before, .countrie-flag .scotland::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/scotland.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .slovakia::before, .countrie-flag .slovakia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/slovakia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .vatican-city::before, .countrie-flag .vatican-city::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/vatican-city.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .wales::before, .countrie-flag .wales::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/wales.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .namibia::before, .countrie-flag .namibia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/namibia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .canary-island::before, .countrie-flag .canary-island::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/canary-island.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .colombia::before, .countrie-flag .colombia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/colombia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .costa-rica::before, .countrie-flag .costa-rica::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/costa-rica.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .martinique::before, .countrie-flag .martinique::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/martinique.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .paraguay::before, .countrie-flag .paraguay::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/paraguay.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .saint-barthelemy::before, .countrie-flag .saint-barthelemy::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/saint-barthelemy.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .saint-martin::before, .countrie-flag .saint-martin::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/saint-martin.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .us-virgin-islands::before, .countrie-flag .us-virgin-islands::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/us-virgin-islands.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .venezuela::before, .countrie-flag .venezuela::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/venezuela.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .christmas-island::before, .countrie-flag .christmas-island::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/christmas-island.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .cocos-keeling-islands::before, .countrie-flag .cocos-keeling-islands::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/cocos-keeling-islands.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .guam::before, .countrie-flag .guam::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/guam.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .american-samoa::before, .countrie-flag .american-samoa::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/american-samoa.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .brunei::before, .countrie-flag .brunei::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/brunei.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .bangladesh::before, .countrie-flag .bangladesh::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/bangladesh.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .indonesia::before, .countrie-flag .indonesia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/indonesia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .malaysia::before, .countrie-flag .malaysia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/malaysia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .mongolia::before, .countrie-flag .mongolia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/mongolia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .pakistan::before, .countrie-flag .pakistan::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/pakistan.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .singapore::before, .countrie-flag .singapore::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/singapore.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .south-korea::before, .countrie-flag .south-korea::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/south-korea.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .taiwan::before, .countrie-flag .taiwan::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/taiwan.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .thailand::before, .countrie-flag .thailand::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/thailand.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .vietnam::before, .countrie-flag .vietnam::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/vietnam.png");
	background-size: 21px 16px;
}

.countries-wrapper .continent .austria::before, .countrie-flag .austria::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/austria.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .china::before, .countrie-flag .china::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/china.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .cambodia::before, .countrie-flag .cambodia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/cambodia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .belgium::before, .countrie-flag .belgium::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/belgium.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .czech-republic::before, .countrie-flag .czech-republic::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/czech-republic.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .finland::before, .countrie-flag .finland::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/finland.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .france::before, .countrie-flag .france::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/france.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .germany::before, .countrie-flag .germany::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/germany.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .greece::before, .countrie-flag .greece::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/greece.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .italy::before, .countrie-flag .italy::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/italy.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .luxembourg::before, .countrie-flag .luxembourg::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/luxembourg.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .malta::before, .countrie-flag .malta::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/malta.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .philippines::before, .countrie-flag .philippines::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/philippines.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .poland::before, .countrie-flag .poland::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/poland.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .portugal::before, .countrie-flag .portugal::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/portugal.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .spain::before, .countrie-flag .spain::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/spain.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .sweden::before, .countrie-flag .sweden::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/sweden.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .switzerland::before, .countrie-flag .switzerland::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/switzerland.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .united-kingdom::before, .countrie-flag .united-kingdom::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/united-kingdom.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .canada::before, .countrie-flag .canada::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/canada.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .dominican-republic::before, .countrie-flag .dominican-republic::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/dominican-republic.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .mexico::before, .countrie-flag .mexico::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/mexico.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .panama::before, .countrie-flag .panama::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/panama.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .puerto-rico::before, .countrie-flag .puerto-rico::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/puerto-rico.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .united-states::before, .countrie-flag .united-states::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/united-states.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .argentina::before, .countrie-flag .argentina::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/argentina.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .brazil::before, .countrie-flag .brazil::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/brazil.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .chile::before, .countrie-flag .chile::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/chile.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .peru::before, .countrie-flag .peru::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/peru.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .south-africa::before, .countrie-flag .south-africa::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/south-africa.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .australia::before, .countrie-flag .australia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/australia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .new-zealand::before, .countrie-flag .new-zealand::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/new-zealand.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .bahrain::before, .countrie-flag .bahrain::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/bahrein.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .hong-kong::before, .countrie-flag .hong-kong::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/hong-kong.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .israel::before, .countrie-flag .israel::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/israel.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .japan::before, .countrie-flag .japan::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/japan.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .bulgaria::before, .countrie-flag .bulgaria::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/bulgaria.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .croatia::before, .countrie-flag .croatia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/croatia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .el-salvador::before, .countrie-flag .el-salvador::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/el-salvador.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .estonia::before, .countrie-flag .estonia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/estonia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .latvia::before, .countrie-flag .latvia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/latvia.png");
	background-size: 21px 16px;
}
.countries-wrapper .continent .slovenia::before, .countrie-flag .slovenia::before {
	background: url("/wp-content/themes/ippi/assets/images/flags/slovenia.png");
	background-size: 21px 16px;
}

#searchfield { display: block; width: 100%; text-align: center; margin-bottom: 35px; position: relative }

#searchfield form {
	margin-top: 50px;
}

#searchfield form .biginput {
	border-radius: 3px;
	color: #666;
	font-weight: normal;
	font-size: 32px;
	width: 75%;
	padding: 0 32px 0 10px;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#searchfield form .biginput:focus {
	color: #858585;
}

.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

#arrow-up {
	border: 1px solid #1df296;
	border-radius: 4px;
	bottom: 10px;
	display: inline-block;
	font-size: 12px;
	float: left;
	height: 20px;
	padding: 5px;
	position: fixed;
	right: 10px;
	visibility: hidden;
	width: 20px;
	z-index: 20;
}

.flag-rate {
	display: inline-block;
	left: 25px;
	position: absolute;
	top: -1px;
	width: 36px;
	z-index: 99;
}

#searchfield form .biginput {
	display: inline-block;
	left: 20px;
	position: absolute;
}
@media screen and (max-width: 480px){
	.biginput {
		padding: 0!important;
	}

	.price-country {
		padding: 0 15px 0 15px!important;
		width: 90%!important;
	}

	.flag-rate {
		right: 35px;
		left: initial;
	}

	#rates-modals .flag-rate {
		right: initial;
		left: 25px;
	}
}

#cookie-consent {
	color: #fff;
	background: url(../img/background-head.png) center no-repeat, #076190;
	background: url(../img/background-head.png) center no-repeat, -moz-linear-gradient(left, #076190 0, #7abedf 100%);
	background: url(../img/background-head.png) center no-repeat, -webkit-linear-gradient(left, #076190 0, #7abedf 100%);
	background: url(../img/background-head.png) center no-repeat, linear-gradient(to right, #076190 0, #7abedf 100%);
	background-size: cover;
	display: none;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#076190', endColorstr='#7abedf', GradientType=1);
	font-size: 11px;
	font-weight: 900;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 5;
}

#cookie-consent.cookie-fixed {
	bottom: 0;
	position: fixed;
	z-index: 19;

}

#cookie-consent .transition {
	border-bottom: 2px solid rgba(0, 0, 0, .1);
	color: #ffffff;
	margin-left: 10px;
	text-decoration: none;
	transition: all .2s ease-in-out;
	transform: scaleX(0);
	transform-origin: center;
	padding-bottom: 5px;
}

#cookie-consent .transition:hover {
	border-bottom: 2px solid #ffffff;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#cookie-consent .cookie-enable {
	border: 1px solid #00db62;
	border-radius: 3px;
	background: -moz-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: -webkit-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: linear-gradient(to bottom, #1df296 0, #0ce185 100%);	color: #ffffff;
	margin-left: 40px;
	padding: 5px 20px;
	right: 0;
	text-decoration: none;
	width: 140px;

}

.cookie-hide {
	display: none;
}

.hide {
	display: none;
}

.modal-class .lbltext {
	color: #4c4c4c;
	display: inline-block;
	font-size: 11px;
	font-weight: 900;
	height: 60px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: baseline;
	width: 120px;
	border-right: 1px solid #ededed;
}
.modal-class .formlbl {
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 17px;
	height: 60px;
	line-height: 60px;
	position: relative;
	width: 100%;
}
.modal-class .lblinput {
	border-left: 1px solid #ededed;
	color: #4c4c4c!important;
	font-size: 17px!important;
	line-height: 60px!important;
	font-style: italic!important;
	font-weight: 400!important;
	vertical-align: top!important;
	width: -webkit-calc(100% - 125px)!important;
	width: calc(100% - 125px)!important;;
	padding: 0 20px!important;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
	display: inline-block!important;
	height: 60px!important;
}
.display-none{
	display: none;
}

.modal-class input[type=submit] {
	color: #fff;
	text-align: center;
	display: block;
	width: 100%!important;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #00db62;
	box-shadow: 0 3px 0 rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(255, 255, 255, .1);
	background: -moz-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: -webkit-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: linear-gradient(to bottom, #1df296 0, #0ce185 100%);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 900;
}

.modal-class .button-next {
	border: 1px solid #00db62;
	border-radius: 3px;
	display: block;
	width: 100%;
	padding: 20px 30px;
	margin-top: 30px;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #00db62;
	box-shadow: 0 3px 0 rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(255, 255, 255, .1);
	background: -moz-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: -webkit-linear-gradient(top, #1df296 0, #0ce185 100%);
	background: linear-gradient(to bottom, #1df296 0, #0ce185 100%);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 900;
}

.go-back {
	background-color: transparent;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: 900;
	margin: 20px auto;
	text-transform: uppercase;
}

.price-call-increment-mobile,
.price-call-increment-fixed {
	font-size: 35px!important;
}

.rates-mobile {
	padding-bottom: 23px;
}

select, select:-moz-focusring, select::-moz-focus-inner {
	color: transparent !important;
	text-shadow: 0 0 0 #000 !important;
	background-image: none !important;
	border:0;
}

.chooser{
	cursor: pointer;
	position: absolute;
	z-index: 3;
	width: 35px;
	height: 32px;
	top: 0;
	right: -15px;
	border: 1px solid #c8c8c8;
	-moz-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0));
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%);
	background: linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 );
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-radius-topleft: 0;
	-webkit-border-radius-bottomleft: 0;
	-o-border-radius-topleft: 0;
	-o-border-radius-bottomleft: 0;
	border-radius-topleft: 0;
	border-radius-bottomleft: 0;
}

.chooser::after {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(//d3bj0jsaca4do1.cloudfront.net/assets/external/arrow-a8f6a3f19798c0655f85e6c2fcff2483.png) no-repeat center center;
}

.price-country {
	display: block;
	position: relative;
	z-index: 2;
	width: 95%;
	height: 32px;
	padding: 0 0 0 65px;
	font: 16px/34px "KlavikaBasicRegular",Arial,serif;
	color: #32383d;
	background: #fcfcfc;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: inset 0 1px 0 1px rgba(0,0,0,0.08);
	text-decoration: none;
}

.countrySelector {
	background-color: #fff;
	overflow-x: hidden!important;
	overflow-y: scroll!important;
	max-height: 240px!important;
    z-index: 999;
}

.countrySelector li {
	color: #32383d;
	font-size: 20px;
	padding-left: 20px!important;
	padding-top: 10px!important;
	text-align: left;
}

.countrySelector li:hover {
	color: #32383d;
}

#rates-modals .autocomplete {
	font-size: 22px!important;
	height: 34px;
	padding: 0 0 0 80px!important;
	width: 100%!important;
}

#rates-modals .countrySelector {
	position: absolute;
	width: 100%;
}

#rates-modals .chooser {
	right: 0!important;
}

li.lost-password {
	border-bottom: none!important;
	display: block!important;
	margin: auto;
	text-align: center;
}

a.lost-password {
	color: #fff!important;
	font-size: 10px!important;
	padding-bottom: 5px!important;
	text-decoration: underline!important;
	width: 160px;
}

a.lost-password:hover {
	text-decoration: none!important;
}

.lost-pass {
	color: #fff;
	font-size: 18px;
	margin: 25px 0 0;
	text-align: center;
}

#change-password h3 {
	color: #fff;
	margin-bottom: 30px;
	text-transform: capitalize;
}

#form-change-password input {
	border-radius: 4px;
	display: block;
	font-size: 20px;
	margin: 20px auto;
	padding: 8px;
	width: 250px;
}

#form-change-password button {
	cursor: pointer;
	font-size: 16px!important;
	font-style: normal!important;
	text-transform: uppercase;
	line-height: 40px!important;
	height: 40px!important;
	margin-top: 0!important;
	margin-bottom: 40px;
	width: 270px;
}

#form-change-password button span::after {
	background: none;
	width: 0;
}

#form-change-password .error {
	margin-bottom: 15px;
}

a {
    cursor: pointer;
}

[disabled] {
	cursor: not-allowed!important;
}

.resellers {
	min-width: 280px;
	max-width: 480px;
	top:0;
}

.resellers-head {
	text-align:center;
	font-weight:800;
	font-size:42px;
	color:#fff;
}

.resellers-subheader {
	color:#97c6de;
	text-align:center;
	font-size:20px;
	margin-top:15px;
	margin-bottom:30px;
	display:block;
}

.first-block {
	color:#20e28d;
	font-size:26px;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
	margin-top:60px;
	display:block;
}

.moreAboutYou {
	color:#20e28d;
	font-size:26px;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
	margin-top:60px;
	display:block;
}

.congrats {
	color:#20e28d;
	font-size:26px;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
	margin-top:60px;
	display:block;
}

.success-msg {
	font-size:20px;
	color:rgba(0, 0, 0, .6);
	background-color:#fff;
	border-radius:4px;
	margin:30px auto 20px;
	padding:30px 60px;
	display:block;
}

#resellers #view2 .label {
	width: 190px;
}

#resellers #view2 input {
	width: calc(100% - 190px);
}

button {
	cursor: pointer;
}

.formView .header {
	color:#20e28d;
	font-size:26px;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
	margin-top:60px;
	display:block;
}

.formView.error-msg .header {
	color: #ff5e5e;
}

.formView .body {
	text-align:center;
	font-size:20px;
	color:rgba(0, 0, 0, .6);
	background-color:#fff;
	border-radius:4px;
	margin:30px auto 20px;
	padding:30px 60px;
	display:block;
	word-wrap: break-word;
}

#faq .inner-list {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    list-style-type: disc;
    text-align: left;
}

#faq .inner-list li {
  display: list-item!important;
}

input#optin {
    -webkit-appearance: checkbox;
    width: auto;
    padding: 0;
    line-height: 1;
    font-size: initial;
    height: 54px;
    margin-left: 0%;
}

span.label.optin {
    width: auto;
    border: 0;
    text-align: left;
    margin-left: 10px;
}