html {
	font-size: 13px;
}
.font_big {
    font-size: 15px;
}
.font_vbig {
    font-size: 18px;
}
.font_small {
    font-size: 13px;
}
body {
	font-size: 1em;
	font-size: 4.0625vw;
	line-height: 1.55em;
	line-height: 6.3vw;
}

/* Page
-----------------------------*/
.interior {
	padding: 0 5.5% 0 5.5%;
}
.interior h1 {
	font-size: 1.5em;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	color: #e62038;
	margin: 0;
	padding: 20px 0 15px 0;
	padding: 6.25vw 0 4.69vw 0;
	text-align: left;
}

/* Form
-----------------------------*/
form a, .form a {
	text-decoration: underline;
}
form a:hover, .form a:hover {
	text-decoration: none;
}
form label {
	display: none;
}
form input.text {
	border: solid 1px #c2c2c2;
	padding: 0;
	font: normal 1em "Open Sans";
	width: 95.5%;
	height: 37px;
	margin: 0 0 15px 0;
	padding: 0 0 0 4%;
	height: 11.56vw;
	margin: 0 0 4.69vw 0;
	border-radius: 0;
}
form textarea {
	border: solid 1px #c2c2c2;
	padding: 0;
	font: normal 1em "Open Sans";
	width: 91.5%;
	height: 110px;
	margin: 0 0 15px 0;
	padding: 8px 4% 2px 4%;
	border-radius: 0;
	//width: 31.94vw;
	//height: 15.97vw;
	//margin: 0 0 1.46vw 0;
	//padding: 0.55vw 0.69vw 0.14vw 0.69vw;
}
form input.submit {
	background-color: #e62038;
	border: none;
	border-radius: 5px;
	border-radius: 1.56vw;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	cursor: pointer;
	width: 100%;
	padding: 4px 0 6px 0;
	padding: 1.25vw 0 1.875vw 0;
	margin-top: 5px;
	margin-top: 1.56vw;
}
form input.form-element-error {
	border-color: #e62038;
	background-color: #fff2f0;
}
form .field-checkbox,
form .field-checkbox-short {
	clear: both;
	overflow: hidden;
	text-align: left;
	margin-bottom: 15px;
	margin-bottom: 4.69vw;
}
form .field-checkbox .element,
form .field-checkbox-short .element {
	float: left;
	width: 30px;
	width: 9.375vw;
	margin: 0;
	padding: 0;
}
form .field-checkbox label,
form .field-checkbox-short label {
	line-height: normal;
	float: left;
	display: block;
	width: 250px;
	width: 78.12vw;
}

a.button {
	background-color: #e62038;
	border: none;
	border-radius: 5px;
	border-radius: 1.56vw;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	cursor: pointer;
	width: 100%;
	padding: 3px 0 5px 0;
	//padding: 0.94vw 0 1.56vw 0;
	margin-top: 5px;
	margin-top: 1.56vw;
}
form .errors {
	position: relative;
	top: -8px;
	top: -2.5vw;
}
form .errors li {
	color: #e62038;
	font-size: 0.9em;
}
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #1c242c;
		opacity: 1;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      	color: #1c242c;
    	opacity: 1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       	color: #1c242c;
    	opacity: 1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       	color: #1c242c;
    	opacity: 1;
    }


/* Msg
-----------------------------*/
.msg-info, .msg-error {
	text-align: left;
	background-color: #efefef;
	font-size: 1em;
	font-size: 4vw;
	line-height: 1.55em;
	line-height: 6.2vw;
}
.msg-info div, .msg-error div {
	padding: 25px 0 25px 7.8%;
}
.msg-info div span {
	display: block;
	font: normal 1.2em "Signika";
}
.msg-error div span {
	display: block;
	font: normal 1.2em "Signika";
	color: #de2014;
}

.msg-news {
	text-align: left;
	font-size: 1em;
	font-size: 4vw;
	line-height: 1.55em;
	line-height: 6.2vw;

	padding: 40px 6% 0 7.8%;
}
.msg-news div {
	font-size: 1em;
	line-height: 1.4em;
}
.msg-news span {
	font: bold 1.2em/1em "Signika";
	color: #de2014;
	display: block;
	padding-bottom: 6px;
}
.notification-box-success, .notification-box-warning,
.notification-box-info, .notification-box-error {
	text-align: left;
	position: relative;
	background-color: #efefef;
	font-size: 1em;
	font-size: 4vw;
	line-height: 1.55em;
	line-height: 6.2vw;
	padding: 22px 4.375% 22px 7.8%;
	margin: 15px 0 5px 0;
}
.notification-box-success p, .notification-box-warning p,
.notification-box-info p, .notification-box-error p {
	margin: 0;
	font: normal 1.1em "Signika";
}
.notification-box-error {
	background: #efefef;
	color: #de2014;
}
.notification-box-warning {
	background: #efefef;
	color: #eb5c24;
}
.notification-box-info {
	background: #efefef;
	color: #5d5d5d;
}
.notification-box-success {
	background: #e0fad8;
	color: #4ca32e;
}


/* Header
-----------------------------*/
#header {
    position:relative;
	clear:both;
    width:100%;
    z-index:102;
	background-color: #1c242c;
	height:54px;
	height:16.875vw;
}
#header dt, #header dd {
    display: block;
}
#header dd {
    visibility: hidden;
    white-space: normal;
}

#header .logo {
    float: left;
    padding: 13px 0 0 5.5%;
	padding: 4.06vw 0 0 5.5%;
}
#header .logo img {
	height: 30px;
	height: 9.375vw;
}


#header .menu-wrapper {
	background-color: #26b9ec;
    float: right;
}
#header dl {
    height: 54px;
	height: 16.875vw;
    vertical-align: top;
    width: 69px;
	width: 21.56vw;
}
#header dt.menu {
    display: block;
    height: 54px;
	height: 16.875vw;
    margin: 0;
    padding: 0;
    position: relative;
}
#header dd {
    left: 0;
    margin-top: 44px;
	margin-top: 13.75vw;
    padding: 3.125vw;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: normal;
}
#header dt.menu img {
    height: 25px;
	height: 7.8vw;
    padding: 14px 0 0 18px;
	padding: 4.375vw 0 0 5.625vw;
}
ul.links {
	padding-top: 30px;
	padding-top: 9.375vw;
}

/* Footer
-----------------------------*/
#footer {
    font-size: 1em;
    text-align: center;
	position: relative;
	padding: 53px 0 85px;
	padding: 16.56vw 0 26.5625vw;
}
#footer .left {
	display: none;
	padding-bottom: 15px;
	padding-bottom: 4.69vw;
}
#footer .left a {
	font-weight: 700;
	text-decoration: none;
	font-size: 1.15em;
	margin-right: 5px;
	margin-right: 1.56vw;
}
#footer .left a:hover {
	text-decoration: underline;
}
#footer .left a.active {
	color: #e62038;
}
#footer .right a {
	text-decoration: underline;
}
#footer .right a:hover {
	text-decoration: none;
}
#footer .right span {
	font-weight: bold;
	color: #aeb0b2;
	margin: 0 3px;
	margin: 0 0.94vw;
}
#footer .right span:last-of-type {
	display: none;
}
#footer .center {
	font-size: 0.9em;
	line-height: 1.35em;
	padding: 0 5.5%;
	margin-top: 4px;
	margin-top: 1.25vw;
}
#footer .center .rights {
	white-space: nowrap;
}
#footer a.country {
	text-decoration: none;
	text-align: center;
	line-height: 1.4em;
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 20px;
	top: 6.25vw;
	left: 0;
}
#footer a.country img {
	margin-right: 4px;
	height: 20px;
	margin-right: 1.25vw;
	height: 6.25vw;
}


/* Home
-----------------------------*/
#home .banner {
	background-image: url('../../../media/default/banner/m/1.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #26b9ec;
    width: 100%;
    height: 0;
    padding-top: 75%;
	margin-top: 10px;
	margin-top: 3.125vw;
	display: block;
	position: relative;
	overflow: hidden;
	color: #fff;
}
#home .banner .title {
	position: absolute;
	top: 12vw;
	left: 5.5%;
	font: 1.6em/1em "Quicksand";
	white-space: nowrap;
	animation: banner-title 1s ease-out 1;
}
#home .banner .title span {
	animation: banner-letter 1s ease-out 1;
}
#home .banner .title strong {
	font-weight: 700;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	letter-spacing: -1px;
}
#home .banner .title strong:first-of-type {
	color: #e62038;
	z-index: 100;
	position: relative;
	animation: banner-first 1s ease 1;
	animation-delay: 1s;
}
#home .banner .title strong:last-of-type {
	color: #1c242c;
	animation: banner-last 1s ease 1 forwards;
	animation-delay: 1.6s;
}
#home .banner .desc {
	text-align: left;
	color: #1c242c;
	position: absolute;
	top: 35%;
	left: 5.5%;
	font-size: 1em;
	line-height: 1.25em;
	width: 61%;
	animation: banner-desc 1s ease-out 1;
}
#home .banner .play {
	font-size: 1em;
	line-height: 20px;
	line-height: 6.25vw;
	text-decoration: underline;
	position: absolute;
	left: 5.5%;
	top: 76%;
}
#home .banner .play span {
    background-image: url('../images/play.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 20px;
    width: 6.25vw;
    height: 0;
	padding-top: 100%;
	display: block;
	float: left;
	margin-right: 10px;
	margin-right: 3.125vw;
}


#home .banner .belt1 {
    background-image: url('../images/banner-belt1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 77.44%;
    height: 0;
	padding-top: 159px;
	padding-top: 49.58vw;
	display: block;
	position: absolute;
	top: 81px;
	top: 25.31vw;
	left: 66%;
}
#home .banner .belt2 {
    background-image: url('../images/banner-belt2.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 74.03%;
    height: 0;
	padding-top: 159px;
	padding-top: 49.58vw;
	display: block;
	position: absolute;
	top: 81px;
	top: 25.31vw;
	left: 68.6%;
}
#home .banner .line {
    background-image: url('../images/banner-line1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 52.09%;
    height: 0;
	padding-top: 140px;
	padding-top: 43.9vw;
	display: block;
	position: absolute;
	top: 91px;
	top: 28.44vw;
	left: 72.3%;
}
#home .banner .shadow {
    background-image: url('../images/banner-shadow.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 23.87%;
    height: 0;
	padding-top: 76px;
	padding-top: 23.87vw;
	display: block;
	position: absolute;
	top: 111px;
	top: 34.69vw;
	left: 73.7%;
}
#home .banner .circle {
    background-image: url('../images/banner-circle.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 10.36%;
    height: 0;
	padding-top: 33px;
	padding-top: 10.36vw;
	display: block;
	position: absolute;
	top: 133px;
	top: 41.4vw;
	left: 80.2%;
    animation: circle 16s linear infinite;
}
#home .banner .ray {
    background-image: url('../images/banner-ray1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 58%;
    height: 0;
	padding-top: 172px;
	padding-top: 53.75vw;
	display: block;
	position: absolute;
	top: 62px;
	top: 19.375vw;
	left: 56.875%;
    animation: banner-ray 1s ease 1 forwards;
}


@keyframes banner-ray {
	0% { transform: scale(3.0); }
    100% { transform: scale(1.0); }
}
	@keyframes circle {
		100% {
			//-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
			//-webkit-transform-origin: center center;
			//-moz-transform-origin: center center;
			//-ms-transform-origin: center center;
			//-o-transform-origin: center center;
			transform-origin: center center;
		}
	}
	@keyframes banner-desc {
		0% {
			top: 45%;
			opacity: 0;
		}
		10% {
			top: 45%;
			opacity: 0;
		}
		100% {
			top: 35%;
			opacity: 1;
		}
	}
	@keyframes banner-title {
		0% {
			left: 7.5%;
		}
		100% {
			left: 5.5%;
		}
	}
	@keyframes banner-letter {
		0% {
			margin-right: 1px;
			opacity: 0;
		}
		100% {
			margin-right: 0px;
			opacity: 1;
		}
	}
	@keyframes banner-first {

	}
	@keyframes banner-last {
		100% {
			margin-left: -6px;
			margin-left: -1.875vw;
		}
	}

#home .apps {
	padding: 0 0 0 5.5%;
	position: relative;
}
#home .apps ul {
	margin: 0;
	padding: 0px 0 0 0;
	clear: both;
	overflow: hidden;
}
#home .apps li {
	float: left;
	line-style: outside none none;
	padding: 0;
	margin: 0 8px 0 0;
	margin: 0 2.5vw 0 0;
}
#home .apps li a {
	margin: 0;
	border: solid #cecece 1px;
	display: block;
}
#home .apps li a img {
	border: 0;
	width: 20vw;
}
#home .apps h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: normal;
	padding: 16px 0 0 0;
	padding: 5vw 0 0 0;
}
#home .apps h3 span {
	font-weight: bold;
	color: #e62038;
}

#home .apps a.icon {
	font-size: 1em;
	font-weight: bold;
	line-height: 12px;
	line-height: 3.75vw;
	text-decoration: underline;
	display: block;
	text-align: left;
	padding-top: 15px;
	padding-top: 4.69vw;
}
#home .apps a.icon:hover {
	text-decoration: none;
}
#home .apps a.icon span {
    background-image: url('../images/icon.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 22px;
	width: 6.875vw;
    height: 0;
	padding-top: 12px;
	padding-top: 3.75vw;
	display: block;
	float: left;
	margin-right: 10px;
	margin-right: 3.125vw;
}

#home .service {
	background-color: #1c242c;
	color: #fff;
	position: relative;
	clear: both;
	overflow: hidden;
	margin-top: 30px;
	margin-top: 9.375vw;
	padding: 20px 5.5% 24px 5.5%;
	padding: 6.25vw 5.5% 7.5vw 5.5%;
}
#home .service .left {
	text-align: left;
	padding-bottom: 50px;
	padding-bottom: 15.625vw;
	clear: both;
}
#home .service .right-1 {
	float: left;
	width: 47.2%;
	//height: 72px;
	//height: 22.5vw;
}
#home .service .right-1 a {
    background-image: url('../../../media/default/screen/m/1.jpg');
    background-size: contain;
    background-repeat: no-repeat;
	width: 100%;
	height: 72px;
	height: 22.5vw;
	background-color: #696969;
	color: #1c242c;
	display: block;
	position: relative;
}
#home .service .right-2 {
    background-image: url('../../../media/default/screen/m/2.jpg');
    background-size: contain;
    background-repeat: no-repeat;

	float: right;
	width: 47.2%;
	height: 72px;
	height: 22.5vw;
	background-color: #696969;
}
#home .service .right-1 strong,
#home .service .right-2 div {
	font-size: 1em;
	line-height: 21px;
	line-height: 6.5625vw;
	text-align: left;
	color: #fff;
	font-weight: normal;
	display: block;

	position: relative;
	top: -30px;
	top: -9.375vw;
}
#home .service .right-1 strong span {
    background-image: url('../images/video.png');
    background-size: contain;
    background-repeat: no-repeat;
	display: inline-block;
	float: left;
	width: 23px;
	width: 7.1875vw;
	height: 0;
	padding-top: 23px;
	padding-top: 7.1875vw;
	margin-right: 6px;
	margin-right: 1.875vw;
}
#home .service .right-2 div span {
    background-image: url('../images/camera.png');
    background-size: contain;
    background-repeat: no-repeat;
	display: inline-block;
	float: left;
	width: 23px;
	width: 7.1875vw;
	height: 0;
	padding-top: 23px;
	padding-top: 7.1875vw;
	margin-right: 6px;
	margin-right: 1.875vw;
}
#home .service .gallery {
	display: none;
}
#wistia-zov22zfwv5-1_popover {
	top: 38% !important;
	//top: 5.55vw !important;
}


#home .service h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: normal;
	display: block;
}
#home .service h3 span {
	font-weight: bold;
}
#home .service p {
	font-size: 1em;
	line-height: 1.25em;
}


#home .price {
	clear: both;
	overflow: hidden;
	color: #fff;
	padding: 20px 0 20px 0;
	padding: 6.25vw 0 6.25vw 0;
	background-color: #e42038;
	margin-top: 10px;
	margin-top: 3.125vw;
}
#home .price .left {
	float: left;
	width: 22.5%;
	padding-right: 3%;
	background-color: #e42038;
	text-align: right;
}
#home .price .right {
	float: right;
	width: 64.5%;
	padding-left: 4.5%;
	padding-right: 5.5%;
	background-color: #e42038;
	text-align: left;
}
#home .price .left div {
	font-family: "Quicksand", sans-serif;
	font-size: 3em;
	line-height: 0.7em;
	font-weight: bold;
	display: block;
	letter-spacing: -1px;
	letter-spacing: -0.31vw;
	margin-top: 3px;
	margin-top: 0.94vw;
}
#home .price .left div strong {
	letter-spacing: -6px;
	letter-spacing: -1.875;
}
#home .price .left div span {
	font-size: 0.6em;
	letter-spacing: 0px;
	margin-left: 5px;
	margin-left: 1.56vw;
}
#home .price .left .period {
	font-family: "Quicksand", sans-serif;
	font-size: 1em;
}
#home .price h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: normal;
	padding-bottom: 5px;
	padding-bottom: 1.56vw;
	margin: 0;
	display: block;
}
#home .price li {
	font-size: 1em;
	line-height: 1.25em;
	padding-left: 7px;
	padding-left: 2.19vw;
	text-indent: -7px;
	text-indent: -2.19vw;
}

#home .help {
	margin-top: 10px;
	margin-top: 3.125vw;
	clear: both;
	overflow: hidden;
	background-color: #6eeb7c;
	padding: 20px 5.5% 20px 5.5%;
	padding: 6.25vw 5.5% 6.25vw 5.5%;
}
#home .help h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-bottom: 1.56vw;
	display: block;
	margin: 0;
}
#home .help h3 span {
	font-weight: bold;
}
#home .help p {
	font-size: 1em;
	line-height: 1.25em;
	text-align: left;
}
#home .help .chat {
	display: none;
}


#home .contact {
	color: #fff;
}
#home .contact .left {
	position: relative;
	background-color: #28baec;
	text-align: left;
	padding: 0 5.5% 27px 5.5%;
	padding: 0 5.5% 8.44vw 5.5%;
	margin-top: 10px;
	margin-top: 3.125vw;
}
#home .contact .left h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: bold;
	padding: 20px 0 10px 0;
	padding: 6.25vw 0 3.125vw 0;
	margin: 0;
	display: block;
}
#home .contact .right {
	background-color: #1c242c;
	text-align: left;
	display: block;
	position: relative;
	padding: 31px 0 34px 0;
	padding: 9.69vw 0 10.625vw 0;
}
#home .contact .right strong {
	text-align: left;
	font-family: "Quicksand", sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: bold;
	display: block;
	margin: 0px;
	margin-left: 44%;
}
#home .contact .right span {
	font-size: 0.9em;
	margin-left: 44%;
	display: block;
}
#home .contact .right img {
	width: 16.82%;
	position: absolute;
	left: 21%;
	top: 31px;
	top: 9.69vw;
}
#home .contact form#account {
	border: 1px solid #fff;
	background-color: #28baec;
	overflow: display;
	position: relative;
	height: 30px;
	height: 9.375vw;
	width: 94%;
}
#home .contact form#account input {
	font: normal 1.15em "Open Sans";
	background-color: #28baec;
	color: #fff;
	padding: 0 0 0 3%;
	margin: 0;
	width: 90%;
	border: none;
	height: 30px;
	height: 9.375vw;
}
#home .contact form#account input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#home .contact form#account input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#home .contact form#account input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#home .contact form#account input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#home .contact form#account input.send {
	border: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: -15px;
	right: -4.69vw;
    background-image: url('../images/submit.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 30px;
	width: 9.375vw;
}




/* Pricing
-----------------------------*/
#pricing {
	font-size: 1em;
	text-align: left;
}
#pricing h1 {
	padding: 20px 0 15px 0;
	padding: 6.25vw 0 4.69vw 0;
	font-size: 1.5em;
	color: #e62038;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	margin: 0;
}

#pricing .tbl {
	position: relative;
	padding-bottom: 0;
}
#pricing .col {
	margin-bottom: 20px;
	margin-bottom: 6.25vw;
}
#pricing .col div {
	background-color: #f8f8f8;
	font-size: 1.15em;
	padding: 5px 0 0 15px;
	padding: 1.5625vw 0 0 4.6875vw;
	line-height: 1.3em;
}
#pricing .col div.strong {
	padding-top: 10px;
	padding-top: 3.125vw;
	font-weight: bold;
}
#pricing .col .label {
	font-size: 0.9em;
	width: 65%;
	display: inline-block;
	font-weight: normal;
}
#pricing .narrow .col .label {
	width: 55%;
}
#pricing .col .label span {
	font-style: italic;
}
#pricing .col .title {
	border: none;
	background-color: #26b9ec;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	height: 32px;
	line-height: 32px;
	height: 10vw;
	line-height: 10vw;
	text-align: center;
	padding: 0;
	border-radius: 5px 5px 0 0;
	border-radius: 1.56vw 1.56vw 0 0;
}
#pricing .col .price {
	color: #26b9ec;
	font-weight: bold;
	font-size: 1.5em;
	border-bottom: 1px solid #cecece;
	text-align: center;
	padding: 13px 0 26px 0;
	padding: 4.06vw 0 8.125vw 0;
}
#pricing .col .price a {
	color: #26b9ec;
	font-weight: normal;
	font-size: 0.93em;
	text-decoration: underline;
}
#pricing .col .price a:hover {
	text-decoration: none;
}
#pricing .col .price span {
	font-size: 0.7em;
	font-weight: normal;
}
#pricing .col .button {
	text-align: center;
	border: none;
	background-color: #fff;
	padding: 0;
}
#pricing .col .button a {
	background-color: #e62038;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	height: 41px;
	line-height: 41px;
	height: 12.81vw;
	line-height: 12.81vw;
	border-radius: 5px;
	border-radius: 1.56vw;
	width: 50%;
	text-align: center;
	position: relative;
	top: -20px;
	top: -6.25vw;
}

#pricing .col-label {
	margin-bottom: 35px;
	margin-bottom: 10.94vw;
}
#pricing .col-label div {
	display: none;
	border: none;
	background-color: #fff;
	font-size: 1em;
	padding: 0;
	font-weight: normal;
}
#pricing .col-label div.type {
	display: block;
}
#pricing .col-label div.note {
	display: block;
	position: absolute;
	bottom: 0;
	font-size: 1em;
	line-height: 1.25em;
	color: #7b7b7b;
	padding-bottom: 20px;
	padding-bottom: 6.25vw;
}
#pricing .col-label div.note span {
	display: block;
	float: left;
	padding-right: 7px;
	height: 60px;
	padding-right: 2.19vw;
	height: 18.75vw;
	margin: 0;
}
#pricing .col-label a {
	display: inline-block;
	height: 39px;
	line-height: 39px;
	height: 12.19vw;
	line-height: 12.19vw;
	text-decoration: underline;
	color: #e62038;
}
#pricing .col-label a:hover {
	text-decoration: none;
}
#pricing .col-label a.active {
	border: 1px solid #e62038;
	background-color: #e62038;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0 12px;
	padding: 0 3.75vw;
}
#pricing .col-label a:first-of-type {
	margin-right: 12px;
	margin-right: 3.75vw;
}
#pricing .col-label span {
	margin-right: 12px;
	margin-right: 3.75vw;
}

#pricing .info-1 {
	color: #1c242c;
	text-align: center;
	background-color: #6eeb7c;
	font-size: 1em;
	padding: 19px 0;
	padding: 5.94vw 0;
	line-height: 1.25em;
}
#pricing .block .info-2 {
	display: block;
	margin-top: 10px;
	margin-top: 3.125vw;
	background-color: #e62038;
	color: #fff;
	padding: 32px 0 34px 5.5%;
	padding: 10vw 0 10.625vw 5.5%;
	text-align: left;
}
#pricing .block .info-2 strong {
	font-family: "Quicksand", sans-serif;
	font-size: 1.3em;
	line-height: 1.25em;
	font-weight: bold;
	display: block;
	margin: 0 0 2px 0;
	margin: 0 0 0.625vw 0;
}
#pricing .block .info-2 span {
	font-size: 1em;
}
#pricing .block .contact {
	background-color: #1c242c;
	text-align: left;
	display: block;
	color: #fff;
	padding: 31px 0 34px 0;
	padding: 9.69vw 0 10.625vw 0;
	clear: both;
	overflow: hidden;
}
#pricing .block .contact img {
	float: left;
	width: 16.82%;
	margin: 2px 0 0 21%;
	margin: 0.625vw 0 0 21%;
}
#pricing .block .contact span {
	float: left;
	display: block;
	font-family: "Quicksand", sans-serif;
	font-size: 1em;
	margin: 0 0 0 7%;
}
#pricing .block .contact strong {
	display: block;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: bold;
}
#pricing .info-3 {
	color: #1c242c;
	text-align: center;
	font-size: 1.15em;
	border-top: solid 1px #c2c2c2;
	margin: 35px 0 15px 0;
	margin: 10.94vw 0 4.6875vw 0;
}
#pricing .info-3 span {
	background-color: #fff;
	position: relative;
	top: -1.4em;
	display: inline-block;
	padding: 0 4.6875vw;
	line-height: 1.3em;
	color: #e62038;
}


/* Signin
-----------------------------*/
#signin {
	padding-bottom: 30px;
	padding-bottom: 9.375vw;
}
#signin .form a {
	display: block;
	text-align: center;
	margin-top: 15px;
	margin-top: 4.69vw;
}

/* Register
-----------------------------*/
#register {
	padding-bottom: 20px;
	padding-bottom: 6.25vw;
}
#register .comment {
	padding-top: 22px;
	padding-top: 6.875vw;
}
#register .comment a {
	text-decoration: underline;
	color: #e62038;
}
#register .comment a:hover {
	text-decoration: none;
}

/* Law
-----------------------------*/
#law {
	padding-bottom: 30px;
	padding-bottom: 9.375vw;
}

/* Contact
-----------------------------*/
#contact {
	padding-bottom: 15px;
	padding-bottom: 4.69vw;
	text-align: left;
}
#contact .form {
	padding-bottom: 25px;
	padding-bottom: 7.81vw;
}
#contact .right .title {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	display: block;
	padding-bottom: 10px;
	padding-bottom: 3.125vw;
	padding-top: 20px;
	padding-top: 6.25vw;
}
#contact .info {
	color: #1c242c;
	text-align: center;
	background-color: #6eeb7c;
	font-size: 1em;
	padding: 19px 5.5%;
	padding: 5.94vw 5.5%;
	line-height: 1.25em;
}

#contact .tabs {
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-top: 3.125vw;
}
#contact .tabs li {
	float: left;
	line-style: outside none none;
	cursor: pointer;
	padding-right: 20px;
	padding-right: 6.25vw;
}
#contact .tabs a {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	color: #888;
	text-decoration: underline;
}
#contact .tabs a:hover {
	text-decoration: none;
}
#contact .tabs a span {
	display: inline-block;
	font-size: 0.8em;
	color: #d4d4d4;
	position: relative;
	left: 5px;
	bottom: 2px;
	left: 1.56vw;
	bottom: 0.625vw;
}
#contact .tabs a.active {
	color: #1c242c;
	text-decoration: none;
}
#contact .tabs a.active span {
	color: #e62038;
}
#contact .left .type {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	padding-top: 10px;
	padding-top: 3.125vw;
}
#contact .left .type span {
	display: inline-block;
	font-size: 0.8em;
	color: #e62038;
	position: relative;
	left: 5px;
	bottom: 2px;
	left: 1.56vw;
	bottom: 0.625vw;
}

#contact .left .address {
	padding-top: 12px;
	padding-bottom: 20px;
	padding-top: 3.75vw;
	padding-bottom: 6.25vw;
	line-height: 1.35em;
}

#contact .left .mail {
	display: block;
	line-height: 20px;
	margin-bottom: 15px;
	line-height: 6.25vw;
	margin-bottom: 4.69vw;
}
#contact .left .mail span {
    background-image: url('../images/contact-mail.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 22px;
    width: 6.875vw;
    height: 0;
	padding-top: 16px;
    padding-top: 5vw;
	display: block;
	float: left;
	margin-right: 15px;
	margin-right: 4.69vw;
}
#contact .left .phone {
	display: block;
	line-height: 14px;
	margin-bottom: 18px;
	line-height: 4.375vw;
	margin-bottom: 5.625vw;
}
#contact .left .phone span {
    background-image: url('../images/contact-phone.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 19px;
    width: 5.94vw;
    height: 0;
	padding-top: 19px;
    padding-top: 5.94vw;
	display: block;
	float: left;
	margin-right: 12px;
	margin-right: 3.75vw;
	position: relative;
	top: -2px;
	top: -0.625vw;
	margin-left: 3px;
	margin-left: 0.94vw;
}


/* Services
-----------------------------*/
#services .apps {
	padding: 0;
	position: relative;
}
#services .apps ul {
	margin: 0;
	padding: 0 0 0 0;
	clear: both;
	overflow: hidden;
}
#services .apps li {
	float: left;
	line-style: outside none none;
	padding: 0;
	margin: 0 8px 8px 0;
	margin: 0 2.5vw 2.5vw 0;
}
#services .apps li.m-last {
	margin-right: 0;
}
#services .apps li.m-none {
	display: none;
}
#services .apps li a {
	margin: 0;
	border: solid #cecece 1px;
	display: block;
}
#services .apps li a img {
	border: 0;
	width: 19.75vw;
}
#services .connection {
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #dadada;
	display: block;
	margin-bottom: 15px;
	margin-bottom: 4.69vw;
}
#services .connection:last-of-type {
	border: none;
	margin-bottom: 5px;
	margin-bottom: 1.56vw;
}
#services .connection .left {
    background-image: url('../images/link.png');
    background-size: contain;
    background-repeat: no-repeat;
	display: block;
	height: 74px;
	height: 23.125vw;
}
#services .connection .left img {
	width: 100%;
	position: absolute;
	bottom: 20px;
	bottom: 6.25vw;
}
#services .connection .st {
	display: block;
	float: left;
	width: 25%;
	height: 100%;
	position: relative;
	left: 12.5%;
	top: -7px;
	top: -2.19vw;
}
#services .connection .nd {
	display: block;
	float: left;
	width: 25%;
	height: 100%;
	position: relative;
	left: 37.5%;
	top: -7px;
	top: -2.19vw;
}
#services .connection .title {
	display: block;
	font-family: "Quicksand", sans-serif;
	margin-top: 10px;
	margin-top: 3.125vw;
}
#services .connection .title span {
	font-weight: 700;
}
#services .connection .desc {
	display: block;
	font-size: 0.9em;
	line-height: 1.25em;
	padding: 10px 0 10px 0;
	padding: 3.125vw 0 3.125vw 0;
}
#services .connection .more {
	display: block;
	padding-bottom: 25px;
	padding-bottom: 7.81vw;
	font-family: "Quicksand", sans-serif;
	font-size: 1.15em;
	font-weight: 700;
	color: #e62038;
	text-decoration: underline;
}
#services .info {
	color: #1c242c;
	text-align: center;
	background-color: #6eeb7c;
	font-size: 1em;
	padding: 19px 5.5%;
	padding: 5.94vw 5.5%;
	line-height: 1.25em;
}
#services .info span {
	white-space: nowrap;
}


/* Language
-----------------------------*/
#language .interior {
	clear: both;
	overflow: hidden;
	text-align: left;
}
#language li a img {
	margin-right: 10px;
	margin-right: 3.125vw;
	width: 30px;
	width: 9.375vw;
}
#language li {
	margin-top: 10px;
	line-height: 30px;
	margin-bottom: 3.125vw;
	line-height: 9.375vw;
}


/* Integration
-----------------------------*/
#integration .breadcrumbs {
	padding: 15px 0 12px 0;
	padding: 4.69vw 0 3.75vw 0;
}
#integration .breadcrumbs span {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1em;
	position: relative;
	margin: 0 5px 0 5px;
	bottom: 2px;
	margin: 0 1.56vw 0 1.56vw;
	bottom: 0.625vw;
	display: none;
}
#integration .breadcrumbs a.back {
    background-image: url('../images/back.png');
    background-size: contain;
    background-repeat: no-repeat;
	display: inline-block;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	color: #e62038;
	text-decoration: none;
	height: 20px;
	height: 6.25vw;
	padding-left: 20px;
	padding-left: 6.25vw;
	display: none;
}
#integration .breadcrumbs a.back:hover {
	text-decoration: underline;
}
#integration h1 {
	padding: 0;
	display: inline;
	color: #1c242c;
	font-size: 1.3em;
	font-weight: normal;
}
#integration h1 strong {
	font-weight: bold;
}
#integration .connection {
    background-image: url('../images/link.png');
    background-size: contain;
    background-repeat: no-repeat;
	display: block;
	height: 74px;
	height: 23.125vw;
	position: relative;
}
#integration .connection img {
	width: 100%;
}
#integration .connection .st {
	display: block;
	float: left;
	width: 25%;
	height: 50%;
	position: relative;
	left: 12.5%;
	top: 18px;
	top: 5.625vw;
}
#integration .connection .nd {
	display: block;
	float: left;
	width: 25%;
	height: 50%;
	position: relative;
	left: 37.5%;
	top: 22px;
	top: 6.875vw;
}
#integration h2 {
	display: block;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.1em;
	padding-top: 19px;
	padding-top: 5.94vw;
	padding-bottom: 32px;
	padding-bottom: 10vw;
	margin: 0;
}
#integration .left img {
	width: 100%;
}
#integration .right {
	padding-top: 28px;
	padding-top: 8.75vw;
}
#integration .right p {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 1.15em;
	line-height: 1.15em;
	background-color: #ebebeb;
	position: relative;
	left: -17.6px;
	left: -5.5vw;
	width: 284.8px;
	width: 89vw;
	padding: 20px 17.6px 20px 17.6px;
	padding: 6.25vw 5.5vw 6.25vw 5.5vw;
	margin-bottom: 22px;
	margin-bottom: 6.875vw;
}
#integration .right span.title {
	font-weight: bold;
	font-size: 1.15em;
	display: block;
}
#integration .right h3 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.35em;
	padding-top: 8px;
	padding-top: 2.5vw;
	margin-bottom: 20px;
	margin-bottom: 6.25vw;
}
#integration .right a {
	display: inline-block;
	width: auto;
	font-size: 1.3em;
	margin: 0;
	padding: 10px 18px 12px 15px;
	padding: 3.125vw 5.625vw 3.75vw 4.69vw;
}
#integration .right a span {
    background-image: url('../images/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 14px;
    width: 4.375vw;
    height: 0;
	padding-top: 14px;
    padding-top: 4.375vw;
	display: inline-block;
	margin-left: 8px;
	margin-right: 10px;
	margin-left: 2.5vw;
	margin-right: 3.125vw;
	position: relative;
	top: 1px;
	top: 0.31vw;
}

#integration .instruction {
	background-color: #49c4ef;
	color: #fff;
	padding: 15px 5.5% 5px 5.5%;
	padding: 4.69vw 5.5% 1.56vw 5.5%;
	margin: 35px 0 5px 0;
	margin: 10.94vw 0 1.56vw 0;
}
#integration .instruction .title {
	display: block;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	padding-bottom: 12px;
	padding-bottom: 3.75vw;
}
#integration .instruction div {
	clear: both;
	overflow: hidden;
	padding-bottom: 15px;
	padding-bottom: 4.69vw;
}
#integration .instruction div span {
	display: block;
	width: 40%;
	padding-left: 5%;
	font-family: "Quicksand", sans-serif;
	font-size: 1em;
	float: left;
	padding-bottom: 20px;
	padding-bottom: 6.25vw;
}
#integration .instruction div img {
	width: 49%;
	float: left;
}

#integration .info-1 {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-align: center;
	float: left;
	width: 49%;
	background-color: #6eeb7c;
	height: 110px;
	height: 34.375vw;
	margin-bottom: 5px;
	margin-bottom: 1.56vw;
}
#integration .info-2 {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-align: center;
	color: #fff;
	float: right;
	width: 49%;
	background-color: #e42038;
	height: 110px;
	height: 34.375vw;
}
#integration .info-1 div,
#integration .info-2 div {
	font-size: 1.7em;
	line-height: 1em;
	padding-top: 24px;
	padding-top: 7.5vw;
}
#integration .info-1 div {
	letter-spacing: -2px;
	letter-spacing: -0.625vw;
}
#integration .info-1 span,
#integration .info-2 span {
	display: block;
	font-size: 1.15em;
	line-height: 1.1em;
	padding-top: 7px;
	padding-top: 2.19vw;
}

#integration .info-3 {
	clear: both;
	color: #fff;
	background-color: #1c242c;
	text-align: left;
	display: block;
	position: relative;
	padding: 31px 0 34px 0;
	padding: 9.69vw 0 10.625vw 0;
}
#integration .info-3 strong {
	text-align: left;
	font-family: "Quicksand", sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: bold;
	display: block;
	margin: 0 0 0 44%;
}
#integration .info-3 span {
	font-size: 0.9em;
	margin-left: 44%;
	display: block;
}
#integration .info-3 img {
	width: 16.82%;
	position: absolute;
	left: 21%;
	top: 31px;
	top: 9.69vw;
}

#integration .knowledge {
	background-color: #ebebeb;
	position: relative;
	margin: 5px 0 10px 0;
	margin: 1.56vw 0 3.125vw 0;
	padding: 20px 5.5% 20px 5.5%;
	padding: 6.25vw 5.5% 6.25vw 5.5%;
}
#integration .knowledge ul {
	display: block;
	position: relative;
}
#integration .knowledge li {
	padding: 0;
}
#integration .knowledge li a {
	text-decoration: underline;
}
#integration .knowledge li a:hover {
	text-decoration: none;
}
#integration .knowledge .title {
	display: block;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	padding-bottom: 10px;
	padding-bottom: 3.125vw;
}
#integration .knowledge .bg {
	position: absolute;
	right: 5.5%;
	bottom: 0;
	background-image: url('../images/knowledge.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 50%;
	height: 0;
	padding-top: 27.08%;
	margin: 0;
	opacity: 0.7;
}

#integration .row {
	clear: both;
	overflow: hidden;
}
#integration .row .col {
	float: left;
}
#integration .row .label {
	background-color: #e62038;
	border: none;
	color: #fff;
	line-height: 30px;
	line-height: 9.375vw;
	text-align: center;
	font-size: 0.8em;
	width: 24.3609%;
	height: 32px;
	height: 10vw;
	border-radius: 9px;
	border-radius: 2.8125vw;
	margin-right: 2.2556%;
	margin-bottom: 10.8210px;
	margin-bottom: 3.3816vw;
}
#integration .row_1 .col_1 {
	float: left;
	width: 19.8496%;
	height: 16.959px;
	height: 5.2997vw;
}
#integration .row_1 .col_1 img {
	vertical-align: top;
}
#integration .row_1 .col_2 {
	float: right;
	background-image: url('../images/conn_1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 76.391%;
	height: 0;
	padding-top: 17.1307px;
	padding-top: 5.3533vw;
}
#integration .row_2 {
	float: right;
	background-image: url('../images/conn_2.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 46.2549px;
	padding-top: 14.4547vw;
}
#integration .row_n .start {
	float: left;
	background-image: url('../images/conn_3.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 16.9925%;
	height: 0;
	padding-top: 22px;
	padding-top: 6.875vw;
}
#integration .row_n .empty {
	float: left;
	width: 16.9925%;
	height: 42.8210px;
	height: 13.3816vw;
}
#integration .row_n .end_l {
	float: right;
	background-image: url('../images/conn_5.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 55.1880%;
	height: 0;
	padding-top: 42.8210px;
	padding-top: 13.3816vw;
}
#integration .row_n .end_s {
	float: right;
	background-image: url('../images/conn_4.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 28.5714%;
	height: 0;
	padding-top: 42.8210px;
	padding-top: 13.3816vw;
}
#integration .row_3 .col_2 {
	float: right;
	background-image: url('../images/conn_6.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 20.6015%;
	height: 0;
	padding-top: 38.5423px;
	padding-top: 12.0445vw;
}
#integration .row_3 .col_1 {
	float: right;
	width: 19.8496%;
	height: 16.959px;
	height: 5.2997vw;
	margin-top: 21.5833px;
	margin-top: 6.7448vw;
}
#integration .row_3 .col_1 img {
	vertical-align: top;
}


/* Lightbox
-----------------------------*/
body.hidden-scroll {
	//overflow-x: hidden !important;
	//overflow-y: scroll !important;
}
.sl-overlay {
	background: #000 !important;
	opacity: 0.5 !important;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
	color: #fff;
}
.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next {
	font-family: "Quicksand", sans-serif;
	font-size: 4rem !important;
}


/* Law
-----------------------------*/
#law {}
#law h1 {
	padding-bottom: 29px;
	padding-bottom: 9.06vw;
}
#law ol {
	margin: 0;
	padding-left: 36px;
	padding-left: 11.25vw;
}
#law li {
	font-size: 0.93em;
	color: #595959;
}
#law li span {
	position: relative;
	left: 5px;
	left: 1.56vw;
}
#law .break {}
#law .body {
	text-align: justify;
	color: #595959;
	font-size: 0.93em;
}
#law .quote {
	font-style: italic;
}
#law .title {
	font-size: 1.35em;
	font-weight: bold;
}
#law .subtitle {
	color: #595959;
	font-size: 0.93em;
	text-align: justify;
	line-height: 150%;
	font-weight: bold;
}
#law .heading_1 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
}
#law .heading_2 {
	font-size: 1.1em;
	font-weight: bold;
}
#law a {
	color: #1c242c;
	text-decoration: underline;
}
#law a:hover {
	text-decoration: none;
}