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


/* Header
-----------------------------*/
#header {
    position: relative;
	top: 0;
	left: 0;
	clear:both;
	overflow: hidden;
    width:100%;
    z-index:102;
	background-color: #1c242c;
	font-family: "Quicksand", sans-serif;
	font-size: 1em;
	font-size: 1.04vw;
	line-height: 1.55em;
	line-height: 1.47vw;
	height: 2.64vw;
	padding: 38px 0 30px 0;
	padding: 2.63vw 0 2.08vw 0;
	-webkit-transition: padding 0.2s ease-in-out;
	-moz-transition: padding 0.2s ease-in-out;
	-ms-transition: padding 0.2s ease-in-out;
	-o-transition: padding 0.2s ease-in-out;
	transition: padding 0.2s ease-in-out;
}
#header dt, #header dd {
    display: block;
}
#header dd {
	width: 100%;
	margin-right: 6.25vw;
	clear: both;
	overflow: hidden;
}
#header a {
	float: left;
	margin-left: 15px;
	margin-left: 1.04vw;
	font-weight: 700;
}
#header a:hover {
	text-decoration: underline;
}
#header a.active {
	color: #e62038;
}
#header a.blue {
	color: #26b9ec;
}
#header a.green {
	color: #6eeb7c;
}
#header .menu-wrapper {
    float: right;
	padding-top: 7px;
	padding-top: 0.49vw;
}
#header dl {

}
#header dt.menu {
    display: none;
}
#header dt.menu img {
    height: 0;
	width: 0;
}
#header dd ul {
	margin-left: 7.29vw;
}
#header dd ul,#header dd li {
	float: left;
	line-style: outside none none;
	padding: 0;
}
#header dd li.space {
	margin: 3px 15px 0 15px;
	margin: 0.2vw 1.04vw 0 1.04vw;
	width: 2px;
	height: 1em;
	display: inline-block;
	background-color: #fff;
}
#header dd ul a {
	margin: 0;
	font-size: 0.93em;
}
#header .header-logo {
    background-image: url('../images/logo2.png');
	background-size: contain;
    background-repeat: no-repeat;
	display: block;
	float: left;
    width: 10.625%;
    height: 0;
    padding-top: 2.64%;
	margin: 38px 0 30px 5.55%;
	margin: 2.63vw 0 2.08vw 5.55%;
}
#header .logo {
	margin-left: 5.55%;
	width: 10.625%;
	float: left;
	display: block;
}
#header .logo img {
	width: 100%;
	display: block;
}
#header + #section {
	//padding-top: 7.35vw;
}
.header-fixed {
	padding: 19px 0 15px 0 !important;
	-webkit-transition: padding 0.2s ease-in-out;
	-moz-transition: padding 0.2s ease-in-out;
	-ms-transition: padding 0.2s ease-in-out;
	-o-transition: padding 0.2s ease-in-out;
	transition: padding 0.2s ease-in-out;
  	background-color: rgb(28, 36, 44) !important;
  	background-color: rgba(28, 36, 44, 0.7) !important;
}


/* Footer
-----------------------------*/
#footer {
    text-align: center;
	font-size: 1em;
	padding: 22px 6.25% 57px 5.55%;
	padding: 1.53vw 6.25% 3.96vw 5.55%;
	clear: both;
	overflow: hidden;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
	font-size: 0.93em;
}
#footer .center {
	clear: both;
	font-size: 0.93em;
	padding-top: 10px;
	padding-left: 5px;
	padding-left: 0.35vw;
}
#footer .left a {
	margin-right: 15px;
	margin-right: 1.04vw;
	font-weight: 700;
	text-decoration: none;
}
#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 {
	margin: 0 15px;
	margin: 0 1.04vw;
	font-weight: bold;
	color: #aeb0b2;
}
#footer a.country {
	text-decoration: none;
	display: inline-block;
}
#footer a.country img {
	height: 27px;
	height: 1.875vw;
	margin-right: 4px;
	margin-right: 0.28vw;
	position: relative;
	top: 2px;
	top: 0.14vw;
}


/* Home
-----------------------------*/
#home .start {
	width: 100%;
	margin-top: 19px;
	margin-top: 1.32vw;
	background-color: #26b9ec;
	padding: 0;
}
#home .banner {
    width: 100%;
	height: 0;
    padding-top: 30.278%;
	position: relative;
	color: #fff;
	display: block;
	overflow: hidden;
	text-align: left;
}
#home .banner:hover .play {

}
#home .banner .title {
	font: 3em/1em "Quicksand";
	position: absolute;
	top: 22.94%;
	left: 5.55%;
	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 {
	color: #1c242c;
	position: absolute;
	top: 41%;
	left: 5.55%;
	font-size: 1.18em;
	line-height: 1.3em;
	width: 29%;
	animation: banner-desc 1s ease-out 1;
}
#home .banner .play {
	font-size: 1.3em;
	line-height: 48px;
	line-height: 3.33vw;
	text-decoration: underline;
	position: absolute;
	left: 5.55%;
	top: 72%;
}
#home .banner .play span {
    background-image: url('../images/play.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 48px;
    width: 3.33vw;
    height: 0;
	padding-top: 48px;
	padding-top: 3.33vw;
	display: block;
	float: left;
	margin-right: 15px;
	margin-right: 1.04vw;
}

#home .banner .belt1 {
    background-image: url('../images/banner-belt1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 681px;
	width: 47.29%;
    height: 0;
	padding-top: 436px;
	padding-top: 30.28vw;
	display: block;
	position: absolute;
	top: 0px;
	left: 735px;
	left: 51.04%;
}
#home .banner .belt2 {
    background-image: url('../images/banner-belt2.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 651px;
	width: 45.21%;
    height: 0;
	padding-top: 436px;
	padding-top: 30.28vw;
	display: block;
	position: absolute;
	top: 0px;
	left: 760px;
	left: 52.78%;
}
#home .banner .line {
    background-image: url('../images/banner-line1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 458px;
	width: 31.81%;
    height: 0;
	padding-top: 386px;
	padding-top: 26.81vw;
	display: block;
	position: absolute;
	top: 25px;
	top: 1.74vw;
	left: 792px;
	left: 55%;
}
#home .banner .shadow {
    background-image: url('../images/banner-shadow.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 210px;
	width: 14.58%;
    height: 0;
	padding-top: 210px;
	padding-top: 14.58vw;
	display: block;
	position: absolute;
	top: 82px;
	top: 5.69vw;
	left: 805px;
	left: 55.9%;
}
#home .banner .circle {
    background-image: url('../images/banner-circle.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 91px;
    width: 6.32vw;
    height: 0;
	padding-top: 91px;
	padding-top: 6.32vw;
	display: block;
	position: absolute;
	top: 141px;
	top: 9.72vw;
	left: 863px;
	left: 59.86%;
    animation: circle 16s linear infinite;
}
#home .banner .ray {
    background-image: url('../images/banner-ray1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 510px;
	width: 35.42%;
    height: 0;
	padding-top: 472px;
	padding-top: 32.78vw;
	display: block;
	position: absolute;
	top: -53px;
	top: -3.68vw;
	left: 656px;
	left: 45.56%;
    //-webkit-animation: spin 4s linear infinite;
    //-moz-animation: spin 4s linear infinite;
    animation: banner-ray 1s ease 1 forwards;
}

@keyframes banner-ray {
	0% { transform: scale(3.0); }
    100% { transform: scale(1.0); }
}
//@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
//@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@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: 51%;
			opacity: 0;
		}
		10% {
			top: 51%;
			opacity: 0;
		}
		100% {
			top: 41%;
			opacity: 1;
		}
	}
	@keyframes banner-title {
		0% {
			left: 7.55%;
		}
		100% {
			left: 5.55%;
		}
	}
	@keyframes banner-letter {
		0% {
			margin-right: 3px;
			opacity: 0;
		}

		100% {
			margin-right: 0px;
			opacity: 1;
		}
	}
	@keyframes banner-first {

	}
	@keyframes banner-last {
		0% {
			//margin-left: -7px;
		}
		100% {
			margin-left: -15px;
			margin-left: -1.05vw;
		}
	}



#home .apps {
	height: 19.5vw;
	padding: 0 6.25% 0 5.55%;
	position: relative;
}
#home .apps ul {
	margin: 0;
	padding: 4.03vw 0 0 0;;
}
#home .apps li {
	float: left;
	line-style: outside none none;
	padding: 0;
	margin: 0 1.75% 0 0;
}
#home .apps li a {
	margin: 0;
	border: solid #cecece 1px;
	display: block;
}
#home .apps li a img {
	border: 0;
	width: 162px;
	width: 11.25vw;
}
#home .apps h3 {
	position: absolute;
	font-family: "Quicksand", sans-serif;
	font-size: 1.8em;
	line-height: 2em;
	font-weight: normal;
	left: 64%;
	top: 4.65vw;
}
#home .apps h3 span {
	font-weight: bold;
	color: #e62038;
}
#home .apps a.icon {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 25px;
	line-height: 1.74vw;
	text-decoration: underline;
	position: absolute;
	left: 64%;
	top: 10.5vw;
}
#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: 41px;
    width: 2.85vw;
    height: 0;
	padding-top: 25px;
    padding-top: 1.74vw;
	display: block;
	float: left;
	margin-right: 13px;
	margin-right: 0.9vw;
}
#home .service {
	height: 345px;
	height: 23.95vw;
	padding: 0 0 0 0;
	background-color: #1c242c;
	color: #fff;
	position: relative;
}
#home .service .left {
	float: left;
	width: 30.45%;
	text-align: left;
	padding-left: 5.55%;
}
#home .service .right-1 {
	position: relative;
	left: 39%;
	top: 60px;
	top: 4.167vw;
}
#home .service .right-1 a {
    background-image: url('../../../media/default/screen/1.jpg');
    background-size: contain;
    background-repeat: no-repeat;

	display: block;
	width: 378px;
	width: 26.25vw;
	height: 204px;
	height: 14.167vw;
	background-color: #696969;
	cursor: pointer;
	position: relative;

    transition: all .2s ease;
    vertical-align: middle;

	//filter: gray;
    //-webkit-filter: grayscale(100%);
    //filter: grayscale(100%);
}
#wistia-zov22zfwv5-1_popover {
	top: 80px !important;
	top: 5.55vw !important;
}


#home .service .right-1 strong,
#home .service .right-2 div {
	position: absolute;
	top: -12px;
	left: -12px;
	top: -0.83vw;
	left: -0.83vw;
	height: 3.33vw;
	font-size: 1.15em;
	line-height: 4vw;
	font-weight: bold;
	text-align: left;
	color: #1c242c;
	font-family: "Quicksand", sans-serif;
}
#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: 3.47vw;
	height: 0;
	padding-top: 3.47vw;
	margin-right: 10px;
	margin-right: 0.7vw;
}
#home .service .right-2 {
    background-image: url('../../../media/default/screen/2.jpg');
    background-size: contain;
    background-repeat: no-repeat;

	position: absolute;
	//right: 6.25%;
	left: 67.35%;
	top: 60px;
	top: 4.167vw;
	width: 378px;
	width: 26.25vw;
	height: 204px;
	height: 14.167vw;
	background-color: #696969;

	cursor: pointer;
    transition: all .2s ease;
    vertical-align: middle;
}

#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: 3.33vw;
	height: 0;
	padding-top: 3.33vw;
	margin-right: 10px;
	margin-right: 0.7vw;
}
#home .service .gallery {
	display: none;
}







#home .service h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: normal;
	padding: 86px 0 20px 0;
	padding: 5.97vw 0 1.39vw 0;
	display: block;
}
#home .service h3 span {
	font-weight: bold;
}
#home .service p {
	font-size: 1.15em;
	line-height: 1.3em;
}
#home .price {
	margin-top: 13px;
	margin-top: 0.9vw;
	clear: both;
	overflow: hidden;
	color: #fff;
}
#home .price .left {
	float: left;
	width: 26%;
	padding-right: 12%;
	background-color: #e42038;
	//height: 310px;
	//height: 21.53vw;
	height: 345px;
	height: 23.95vw;
	text-align: right;
}
#home .price .right {
	float: right;
	width: 52%;
	padding-left: 10%;
	background-color: #28baec;
	//height: 310px;
	//height: 21.53vw;
	height: 345px;
	height: 23.95vw;
	text-align: left;
}
#home .price .left div {
	font-family: "Quicksand", sans-serif;
	font-size: 11em;
	line-height: 0.7em;
	font-weight: bold;
	display: block;
	letter-spacing: -8px;
	letter-spacing: -0.55vw;
	margin-right: 8px;
	margin-right: 0.55vw;
	margin-top: 75px;
	margin-top: 5.2vw;
}
#home .price .left div strong {
	letter-spacing: -24px;
	letter-spacing: -1.67vw;
}
#home .price .left div span {
	font-size: 0.6em;
	letter-spacing: -2px;
	letter-spacing: -0.14vw;
	margin-left: 35px;
	margin-left: 2.43vw;
}
#home .price .left .period {
	font-family: "Quicksand", sans-serif;
	font-size: 2.4em;
}
#home .price h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: normal;
	padding: 80px 0 20px 0;
	padding: 5.55vw 0 1.39vw 0;
	display: block;
}
#home .price li {
	font-size: 1.15em;
	line-height: 1.3em;
}
#home .help {
	margin-top: 13px;
	margin-top: 0.9vw;
	clear: both;
	overflow: hidden;
	background-color: #6eeb7c;
	height: 345px;
	height: 23.95vw;
}
#home .help .left {
	float: left;
	width: 30.45%;
	text-align: left;
	padding-left: 5.55%;
}
#home .help .right {
	float: right;
	width: 50%;
	height: 100%;
	position: relative;
	bottom: 0;
}
#home .help .right img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 530px;
	width: 36.8vw;
}
#home .help .chat {
    background-image: url('../../../media/default/chat.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 530px;
	width: 36.8vw;
    height: 0;
	//padding-top: 57.17%;
	padding-top: 21.04vw;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	cursor: pointer;
}
#home .help .chat .circle {
    background-image: url('../images/banner-circle.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 51px;
    width: 3.54vw;
    height: 0;
	padding-top: 51px;
	padding-top: 3.54vw;
	display: block;
	position: absolute;
	top: 23px;
	left: 24px;
	top: 1.597vw;
	left: 1.667vw;
    animation: circle 16s linear infinite;
}
#home .help .chat .title {
	position: absolute;
	top: 23px;
	left: 105px;
	line-height: 51px;
	top: 1.597vw;
	left: 7.29vw;
	line-height: 3.54vw;
	font-size: 1.8em;
	font-family: "Quicksand", sans-serif;
	font-weight: bold;
	color: #fff;
}
#home .help .chat .conversation {
	position: absolute;
	top: 97px;
	top: 6.736vw;
	left: 0;
	width: 100%;
	claer: both;
	overflow: hidden;
}
#home .help .chat .conversation span span {
	display: block;
}
#home .help .chat .conversation span.lft {
	float: left;
	display: block;
	text-align: left;
	margin-left: 24px;
	margin-left: 1.667vw;
	clear: left;
	margin-top: 4px;
	margin-top: 0.28vw;
}
#home .help .chat .conversation span.lft .author {
	font-size: 0.85em;
	margin-left: 7px;
	margin-left: 0.486vw;
}
#home .help .chat .conversation span.lft .message {
	border-radius: 15px;
	border-radius: 1.04vw;
	background-color: #eee;
	padding: 8px 12px 8px 12px;
	padding: 0.555vw 0.833vw 0.555vw 0.833vw;
}
#home .help .chat .conversation span.rgh {
	float: right;
	display: block;
	text-align: right;
	clear: right;
	margin-right: 24px;
	margin-right: 1.667vw;
}
#home .help .chat .conversation span.rgh .author {
	font-size: 0.85em;
	margin-right: 7px;
	margin-right: 0.486vw;
}
#home .help .chat .conversation span.rgh .message {
	border-radius: 15px;
	border-radius: 1.04vw;
	background-color: #6eeb7c;
	padding: 8px 12px 8px 12px;
	padding: 0.555vw 0.833vw 0.555vw 0.833vw;
}


#home .help h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: normal;
	padding: 77px 0 30px 0;
	padding: 5.35vw 0 2.08vw 0;
	display: block;
}
#home .help h3 span {
	font-weight: bold;
	letter-spacing: -2px;
	letter-spacing: -0.14vw;
}
#home .help p {
	font-size: 1.15em;
	line-height: 1.3em;
}
#home .contact {
	margin-top: 13px;
	margin-top: 0.9vw;
	clear: both;
	overflow: hidden;
	color: #fff;
}
#home .contact .left {
	float: left;
	width: 56.45%;
	background-color: #28baec;
	height: 345px;
	height: 23.95vw;
	text-align: left;
	padding-left: 5.55%;
	position: relative;
}
#home .contact .left h3 {
	font-family: "Quicksand", sans-serif;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: bold;
	padding: 90px 0 24px 0;
	padding: 6.25vw 0 1.66vw 0;
	display: block;
}
#home .contact .left span {
    background-image: url('../images/account.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 278px;
    width: 19.3vw;
    height: 0;
	padding-top: 100%;
	display: block;
	position: absolute;
	top: 40px;
	top: 2.78vw;
	right: 100px;
	right: 6.95vw;
}
#home .contact .right {
	float: right;
	width: 38%;
	background-color: #1c242c;
	height: 345px;
	height: 23.95vw;
	text-align: center;
	display: block;
}
#home .contact .right strong {
	text-align: center;
	font-family: "Quicksand", sans-serif;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: bold;
	display: block;
	padding: 0 0 34px 0;
	padding: 0 0 2.36vw 0;
}
#home .contact .right span {
	display: block;
	padding: 78px 0 5px 0;
	padding: 5.42vw 0 0.35vw 0;
	font-size: 0.8em;
}
#home .contact .right img {
	width: 16.82%;
}
#home .contact form#account {
	border: 1px solid #fff;
	background-color: #28baec;
	overflow: display;
	position: relative;
	height: 40px;
	height: 2.78vw;
	width: 245px;
	width: 17vw;
}
#home .contact form#account input {
	font: normal 1.15em "Open Sans";
	background-color: #28baec;
	color: #fff;
	padding: 0 0 0 5%;
	margin: 0;
	width: 80%;
	border: none;
	height: 40px;
	height: 2.78vw;
}
#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: -21px;
	right: -1.46vw;
    background-image: url('../images/submit.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 42px;
	width: 2.92vw;
}

/* Services
-----------------------------*/
#services {

}
#services h1 {
	padding-bottom: 45px;
	padding-bottom: 3.125vw;
}
#services .apps {
	height: 16.7vw;
	position: relative;
}
#services .apps ul {
	margin: 0;
	padding: 0;
}
#services .apps li {
	float: left;
	line-style: outside none none;
	padding: 0;
	margin: 0 1.5% 0 0;
	width: 13%;
}
#services .apps li.d-last {
	margin-right: 0;
}
#services .apps li.d-none {
	display: none;
}
#services .apps li a {
	margin: 0;
	border: solid #cecece 1px;
	display: block;
}
#services .apps li a img {
	border: 0;
	width: 100%;
}
#services .connection {
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #dadada;
	margin-bottom: 40px;
	margin-bottom: 2.78vw;
	display: block;
}
#services .connection:last-of-type {
	border: none;
	margin-bottom: 0;
}
#services .connection .left {
	float: left;
	width: 52.5%;
    background-image: url('../images/link.png');
    background-size: contain;
    background-repeat: no-repeat;
	height: 175px;
	height: 12.15vw;
	display: block;
}
#services .connection .left img {
	width: 100%;
	position: absolute;
	bottom: 20px;
	bottom: 1.39vw;

	filter: gray;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#services .connection .st {
	display: block;
	float: left;
	width: 25%;
	height: 125px;
	height: 8.68vw;
	position: relative;
	left: 12.5%;
}
#services .connection .nd {
	display: block;
	float: left;
	width: 25%;
	height: 125px;
	height: 8.68vw;
	position: relative;
	left: 37.5%;
}
#services .connection .right {
	display: block;
	float: right;
	width: 38%;
	filter: gray;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#services .connection .title {
	display: block;
	font-family: "Quicksand", sans-serif;
	font-size: 1.2em;
	font-weight: 700;
}
#services .connection .title span {
	color: #e62038;
	font-size: 1.25em;
}
#services .connection .desc {
	display: block;
	font-size: 1.15em;
	padding: 10px 0 10px 0;
	height: 95px;
	padding: 0.69vw 0 0.69vw 0;
	height: 6.6vw;
}
#services .connection .more {
	display: block;
	padding-bottom: 100px;
	padding-bottom: 6.9vw;
	font-family: "Quicksand", sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #e62038;
	text-decoration: underline;
}
#services a.connection:hover .left img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: opacity 0.2s ease-in-out, grayscale 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out, grayscale 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out, grayscale 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out, grayscale 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, grayscale 0.2s ease-in-out;
}
#services a.connection:hover .right {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	-webkit-transition: grayscale 0.2s ease-in-out;
	-moz-transition: grayscale 0.2s ease-in-out;
	-ms-transition: grayscale 0.2s ease-in-out;
	-o-transition: grayscale 0.2s ease-in-out;
	transition: grayscale 0.2s ease-in-out;
}
#services .info {
	color: #1c242c;
	height: 95px;
	height: 6.6vw;
	line-height: 95px;
	line-height: 6.6vw;
	text-align: center;
	background-color: #6eeb7c;
	font-size: 1.1em;
}


/* Integration
-----------------------------*/
#integration {

}
#integration .breadcrumbs {
	padding: 25px 0 5px 0;
	padding: 1.74vw 0 0.35vw 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 0.35vw 0 0.35vw;
	bottom: 0.14vw;
}
#integration .breadcrumbs a.back {
    background-image: url('../images/back.png');
    background-size: contain;
    background-repeat: no-repeat;
	height: 20px;
	height: 1.39vw;
	display: inline-block;
	padding-left: 20px;
	padding-left: 1.39vw;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	color: #e62038;
	text-decoration: none;
}
#integration .breadcrumbs a.back:hover {
	text-decoration: underline;
}
#integration h1 {
	padding: 0;
	display: inline;
	color: #1c242c;
	font-size: 1.3em;
}
#integration .block {
	clear: both;
	overflow: hidden;
}
#integration .connection {
	width: 50%;
    background-image: url('../images/link.png');
    background-size: contain;
    background-repeat: no-repeat;
	height: 0;
	padding-bottom: 13.05%;
	display: block;
	position: relative;
}
#integration .connection img {
	//width: 100%;
	max-height: 50px;
	max-height: 3.47vw;
}
#integration .connection .st {
	display: block;
	position: absolute;
	width: 25%;
	left: 12.5%;
	bottom: 60px;
	bottom: 4.17vw;
}
#integration .connection .nd {
	display: block;
	position: absolute;
	width: 25%;
	right: 12.5%;
	bottom: 60px;
	bottom: 4.17vw;
}
#integration .left {
	float: left;
	padding-top: 120px;
	padding-top: 8.33vw;
	width: 665px;
	width: 46.1806vw;
}
#integration .left img {
	width: 100%;
}
#integration .right {
	float: right;
	width: 40%;
}
#integration h2 {
	display: block;
	width: 36%;
	padding-right: 4%;
	float: right;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.8em;
	color: #e62038;
	line-height: 1.05em;
	padding-top: 20px;
	padding-top: 1.39vw;
	padding-bottom: 10px;
	padding-bottom: 0.69vw;
	margin: 0;
}
#integration .right p {
	font-family: "Quicksand", sans-serif;
	font-size: 1.5em;
	line-height: 1.15em;
	padding-top: 18px;
	padding-top: 1.25vw;
	color: #656e79;
}
#integration .right span.title {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	padding-top: 80px;
	padding-top: 5.56vw;
}
#integration .right h3 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.35em;
	padding-top: 22px;
	padding-bottom: 50px;
	padding-top: 1.53vw;
	padding-bottom: 3.47vw;
}
#integration .right a {
	padding-top: 15px;
	padding-bottom: 17px;
	padding-top: 1.04vw;
	padding-bottom: 1.18vw;
	display: inline-block;
}
#integration .right a span {
    background-image: url('../images/arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 16px;
    width: 1.11vw;
    height: 0;
	padding-top: 16px;
    padding-top: 1.11vw;
	display: inline-block;
	margin-left: 10px;
	margin-right: 20px;
	margin-left: 0.69vw;
	margin-right: 1.39vw;
}
#integration .instruction {
	clear: both;
	overflow: hidden;
	background-color: #49c4ef;
	color: #fff;
	padding: 0 6.25% 0 5.55%;
	margin: 105px 0 5px 0;
	margin: 7.29vw 0 0.35vw 0;
}
#integration .instruction .title {
	display: block;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.7em;
	line-height: 115px;
	padding-top: 10px;
	line-height: 7.99vw;
	padding-top: 0.7vw;
}
#integration .instruction div {
	float: left;
	width: 30%;
}
#integration .instruction div span {
	display: block;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	line-height: 76px;
	padding-bottom: 20px;
	line-height: 5.28vw;
	padding-bottom: 1.39vw;
}
#integration .instruction div img {
	width: 77%;
	padding-right: 100px;
}
#integration .info-1,
#integration .info-2,
#integration .info-3 {
	float: left;
}
#integration .info-1 {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-align: center;
	float: left;
	width: 29.5%;
	padding-left: 5.5%;
	background-color: #6eeb7c;
	height: 310px;
	height: 21.53vw;
}
#integration .info-2 {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	text-align: center;
	color: #fff;
	float: left;
	width: 29.5%;
	background-color: #e42038;
	margin-left: 0.25%;
	height: 310px;
	height: 21.53vw;
}
#integration .info-1 div,
#integration .info-2 div {
	font-size: 5em;
	line-height: 1em;
	margin-top: 62px;
	margin-top: 4.3vw;
}
#integration .info-1 div {
	letter-spacing: -10px;
	letter-spacing: -0.7vw;
}
#integration .info-1 span,
#integration .info-2 span {
	display: block;
	font-size: 2em;
	line-height: 1.1em;
	padding-top: 32px;
	padding-top: 2.22vw;
}
#integration .info-3 {
	color: #fff;
	float: right;
	width: 29.5%;
	padding-right: 5.5%;
	background-color: #1c242c;
	text-align: center;
	height: 310px;
	height: 21.53vw;
	display: block;
}
#integration .info-3 strong {
	text-align: center;
	font-family: "Quicksand", sans-serif;
	font-size: 2em;
	line-height: 1.1em;
	font-weight: bold;
	display: block;
	padding: 0 0 30px 0;
	padding: 0 0 2.08vw 0;
}
#integration .info-3 span {
	display: block;
	padding: 78px 0 5px 0;
	padding: 5.42vw 0 0.35vw 0;
	font-size: 0.8em;
}
#integration .info-3 img {
	width: 21%;
}
#integration .knowledge {
	background-color: #ebebeb;
	padding: 0 6.25% 0 5.5%;
	position: relative;
	min-height: 260px;
	min-height: 18.05vw;
	margin: 5px 0 12px 0;
	margin: 0.35vw 0 0.83vw 0;
}
#integration .knowledge ul {
	width: 51%;
	display: block;
}
#integration .knowledge li {
	float: left;
	padding: 0;
	display: inline-block;
	width: 50%;
}
#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.7em;
	line-height: 95px;
	padding-top: 20px;
	line-height: 6.6vw;
	padding-top: 1.39vw;
}
#integration .knowledge .bg {
	position: absolute;
	right: 13.2%;
	bottom: 0;
	background-image: url('../images/knowledge.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 33.33%;
	height: 0;
	padding-top: 18.05%;
	margin: 0;
}

#integration .row {
	clear: both;
	overflow: hidden;
}
#integration .row .col {
	float: left;
}
#integration .row .label {
	background-color: #e62038;
	border: none;
	color: #fff;
	line-height: 75px;
	line-height: 5.2083vw;
	text-align: center;
	font-weight: bold;
	font-size: 1.15em;
	width: 24.3609%;
	height: 75px;
	height: 5.2083vw;
	border-radius: 20px;
	border-radius: 1.39vw;
	margin-right: 2.2556%;
	margin-bottom: 25px;
	margin-bottom: 1.7361vw;
}
#integration .row_1 .col_1 {
	float: left;
	width: 19.8496%;
	height: 40px;
	height: 2.7777vw;
}
#integration .row_1 .col_2 {
	float: right;
	background-image: url('../images/conn_1.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 76.3933%;
	height: 0;
	padding-top: 40px;
	padding-top: 2.7778vw;
}
#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: 108px;
	padding-top: 7.5vw;
}
#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: 50px;
	padding-top: 3.4722vw;
}
#integration .row_n .empty {
	float: left;
	width: 16.9925%;
	height: 75px;
	height: 5.21vw;
}
#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: 100px;
	padding-top: 6.9444vw;
}
#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: 100px;
	padding-top: 6.9444vw;
}
#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: 90px;
	padding-top: 6.25vw;
}
#integration .row_3 .col_1 {
	float: right;
	width: 19.8496%;
	height: 40px;
	height: 2.7777vw;
	margin-top: 50px;
	margin-top: 3.47vw;
}


/* Pricing
-----------------------------*/
#pricing {
	font-size: 1em;
	text-align: left;
}
#pricing h1 {
	padding: 36px 0 74px 0;
	padding: 2.5vw 0 5.14vw 0;
	font-size: 1.7em;
	color: #e62038;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	margin: 0;
}

#pricing .tbl {
	clear: both;
	overflow: hidden;
	padding-bottom: 15px;
	padding-bottom: 1.04vw;
}
#pricing .col {
	width: 16%;
	text-align: left;
	float: left;
}
#pricing .col div {
	padding-top: 60px;
	padding-top: 4.17vw;
	font-size: 1.15em;
	padding-left: 76px;
	padding-left: 5.28vw;
}
#pricing .col div:first-of-type {
	padding-top: 0;
	background-color: #26b9ec;
}
#pricing .col div:last-of-type {
	padding-top: 45px;
	padding-bottom: 40px;
	padding-top: 3.12vw;
	padding-bottom: 2.78vw;
}

#pricing .col-first div {
	padding-left: 46px;
	padding-left: 3.19vw;
	margin-left: 28px;
	margin-left: 1.94vw;
}

#pricing .col-label {
	width: 30.5%;
}
#pricing .col-label div {
	padding-left: 0;
}
#pricing .col div.strong {
	font-weight: bold;
}
#pricing .col-label div.strong span {
	margin: 0 0 0 3px;
	margin: 0 0 0 0.21vw;
	font-size: 0.87em;
	font-weight: normal;
	font-style: italic;
}
#pricing .col-label div:first-of-type {
	font-size: 1em;
	background-color: #fff;
}
#pricing .col-label div:last-of-type {
	margin-top: 5px;
	margin-top: 0.35vw;
	color: #7b7b7b;
	font-size: 1em;
	width: 95%;
}
#pricing .col-label div:last-of-type span {
	display: block;
	float: left;
	margin: 0;
	padding-right: 7px;
	height: 60px;
	padding-right: 0.49vw;
	height: 4.17vw;
}
#pricing .col-label a {
	display: inline-block;
	height: 39px;
	line-height: 39px;
	height: 2.71vw;
	line-height: 2.71vw;
	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 0.83vw;
}
#pricing .col-label span {
	margin: 0 12px;
	margin: 0 0.83vw;
}

#pricing .col .label {
	display: none;
}
#pricing .col .title {

	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.15em;
	height: 41px;
	line-height: 41px;
	height: 2.85vw;
	line-height: 2.85vw;
}
#pricing .col .price {
	color: #26b9ec;
	font-weight: bold;
	font-size: 1.25em;
}
#pricing .col .price a {
	color: #26b9ec;
	font-weight: normal;
	text-decoration: underline;
	font-size: 0.87em;
}
#pricing .col .price a:hover {
	text-decoration: none;
}
#pricing .col .price span {
	font-size: 0.8em;
	font-weight: normal;
}
#pricing .col .button {
	text-align: center;
	width: 68%;
	position: relative;
	left: -23px;
	left: -1.6vw;
}
#pricing .col .button a {
	background-color: #e62038;
	color: #fff;
	font-weight: bold;
	font-size: 0.93em;
	display: inline-block;
	height: 41px;
	line-height: 41px;
	height: 2.85vw;
	line-height: 2.85vw;
	border-radius: 5px;
	border-radius: 0.35vw;
	width: 105%;
	text-align: center;
}



















#pricing .info-1 {
	color: #1c242c;
	height: 95px;
	height: 6.6vw;
	line-height: 95px;
	line-height: 6.6vw;
	text-align: center;
	background-color: #6eeb7c;
	font-size: 1.1em;
}
#pricing .block {
	clear: both;
	overflow: hidden;
	padding-top: 5px;
}
#pricing .block .info-2 {
	width: 44.55%;
	float: left;
	padding-left: 5.55%;
	background-color: #e62038;
	height: 173px;
	height: 12vw;
	color: #fff;
}
#pricing .block .info-2 strong {
	font-family: "Quicksand", sans-serif;
	font-size: 1.75em;
	line-height: 1.25em;
	font-weight: bold;
	padding: 54px 0 5px 0;
	padding: 3.75vw 0 0.35vw 0;
	display: block;
	margin: 0;
}
#pricing .block .info-2 span {
	font-size: 1.1em;
}
#pricing .block .contact {
	width: 49.5%;
	float: right;
	background-color: #1c242c;
	color: #fff;
	height: 173px;
	height: 12vw;
}
#pricing .block .contact img {
	float: left;
	margin: 48px 0 0 200px;
	margin: 3.33vw 0 0 13.89vw;
	width: 92px;
	width: 6.39vw;
}
#pricing .block .contact span {
	float: left;
	display: block;
	margin: 55px 0 0 48px;
	margin: 3.82vw 0 0 3.33vw;
	font-weight: bold;
	font-family: "Quicksand", sans-serif;
	font-size: 1.15em;
}
#pricing .block .contact strong {
	display: block;
	font-size: 1.7em;
	margin-top: 5px;
	margin-top: 0.35vw;
}

#pricing .info-3 {
	color: #1c242c;
	height: 105px;
	height: 7.29vw;
	text-align: center;
	font-size: 1.15em;
	margin-top: 19px;
	border-top: solid 1px #c2c2c2;
	margin-left: 34.5%;
	margin-right: 5.8%;
}
#pricing .info-3 span {
	background-color: #fff;
	position: relative;
	top: -1.45em;
	display: inline-block;
	padding: 0 2vw;
	line-height: 1.5em;
	color: #e62038;
}


/* Contact
-----------------------------*/
#contact h1 {
	padding: 36px 0 74px 0;
	padding: 2.5vw 0 5.14vw 0;
	font-size: 1.7em;
	color: #e62038;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	margin: 0;
}
#contact .interior {
	clear: both;
	overflow: hidden;
	text-align: left;
	padding-bottom: 70px;
	padding-bottom: 4.86vw;
}
#contact .left {
	float: left;
	width: 50%;
	clear: both;
	overflow: hidden;
}
#contact .left .cnt {
	clear: both;
	overflow: hidden;
}
#contact .tabs {
	clear: both;
	overflow: hidden;
}
#contact .tabs li {
	float: left;
	line-style: outside none none;
	cursor: pointer;
	padding-right: 20px;
	padding-right: 1.39vw;
}
#contact .tabs a {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	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: 0.35vw;
	bottom: 0.14vw;
}
#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.5em;
}
#contact .left .type span {
	display: inline-block;
	font-size: 0.8em;
	color: #e62038;
	position: relative;
	left: 5px;
	bottom: 2px;
	left: 0.35vw;
	bottom: 0.14vw;
}
#contact .left .address {
	padding-top: 32px;
	padding-bottom: 62px;
	padding-top: 2.22vw;
	padding-bottom: 4.3vw;
	float: left;
	width: 45%;
}
#contact .left .talk {
	padding-top: 37px;
	padding-bottom: 61px;
	padding-top: 2.57vw;
	padding-bottom: 4.24vw;
	float: left;
	width: 40%;
}
#contact .left .mail {
	display: block;
	line-height: 23px;
	margin-bottom: 10px;
	line-height: 1.6vw;
	margin-bottom: 0.69vw;
}
#contact .left .mail span {
    background-image: url('../images/contact-mail.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 31px;
    width: 2.15vw;
    height: 0;
	padding-top: 23px;
    padding-top: 1.6vw;
	display: block;
	float: left;
	margin-right: 20px;
	margin-right: 1.39vw;
}
#contact .left .phone {
	display: block;
	line-height: 14px;
	margin-bottom: 22px;
	line-height: 0.97vw;
	margin-bottom: 1.53vw;
}
#contact .left .phone span {
    background-image: url('../images/contact-phone.png');
    background-size: contain;
    background-repeat: no-repeat;
	width: 25px;
    width: 1.74vw;
    height: 0;
	padding-top: 26px;
    padding-top: 1.8vw;
	display: block;
	float: left;
	margin-right: 17px;
	margin-right: 1.18vw;
	position: relative;
	top: -6px;
	top: -0.42vw;
	margin-left: 3px;
	margin-left: 0.21vw;
}
#contact .right {
	float: right;
	width: 50%;
}
#contact .right .title {
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.2em;
	display: block;
	padding-bottom: 26px;
	padding-bottom: 1.81vw;
}
#contact .info {
	color: #1c242c;
	height: 95px;
	height: 6.6vw;
	line-height: 95px;
	line-height: 6.6vw;
	text-align: center;
	background-color: #6eeb7c;
	font-size: 1.1em;
}

/* Language
-----------------------------*/
#language h1 {
	padding: 36px 0 74px 0;
	padding: 2.5vw 0 5.14vw 0;
	font-size: 1.7em;
	color: #e62038;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	margin: 0;
}
#language .interior {
	clear: both;
	overflow: hidden;
	text-align: left;
	padding-bottom: 50px;
	padding-bottom: 3.47vw;
}
#language li a img {
	margin-right: 10px;
	margin-right: 0.69vw;
}
#language li {
	margin-bottom: 20px;
	line-height: 30px;
	margin-bottom: 1.39vw;
	line-height: 2.08vw;
}

/* Signin
-----------------------------*/
#signin {
	padding-bottom: 120px;
	padding-bottom: 8.33vw;
}
#signin .form {
	width: 425px;
	width: 29.5vw;
	margin: 0 auto;
}
#signin form {
	overflow: hidden;
}
#signin form label {
	width: 90px;
	width: 6.25vw;
}
#signin form .element {
	float: left;
}
#signin form .submit {
	margin-left: 90px;
	margin-left: 6.25vw;
}
#signin .form a {
	float: right;
	position: relative;
	top: -20px;
	top: -1.39vw;
}

/* Register
-----------------------------*/
#register {
	padding-bottom: 30px;
	padding-bottom: 2.08vw;
}
#register .form {
	width: 515px;
	width: 35.76vw;
	margin: 0 auto;
	padding-bottom: 70px;
	padding-bottom: 4.86vw;
}
#register .comment a {
	text-decoration: underline;
	color: #e62038;
}
#register .comment a:hover {
	text-decoration: none;
}
#register form {
	overflow: hidden;
}
#register form .element {
	float: left;
}
#register form .submit {
	margin-left: 170px;
	margin-left: 11.8vw;
}
#register form .field label {
	text-align: right;
	width: 153px;
	width: 10.625vw;
	padding-right: 17px;
	padding-right: 1.18vw;
}
#register form .field-checkbox {
	padding-bottom: 20px;
	padding-bottom: 1.39vw;
	padding-left: 170px;
	padding-left: 11.8vw;
}
#register form .field-checkbox label {
	width: 302px;
	width: 20.97vw;
}

/* Form
-----------------------------*/
form {
	clear: both;
}
form a, .form a {
	text-decoration: underline;
}
form a:hover, .form a:hover {
	text-decoration: none;
}
form .field {
	width: 100%;
	clear: both;
	overflow: hidden;
}
form .element {
	float: right;
}
form .field-submit {
	float: right;
	width: 482px;
	padding-top: 12px;
	width: 33.47vw;
	padding-top: 0.83vw;
}
form .field-submit-short {
	float: right;
	width: 332px;
	padding-top: 12px;
	width: 23.06vw;
	padding-top: 0.83vw;
}
form .field-submit a,
form .field-submit-short a {
	float: right;
	padding-top: 15px;
	padding-top: 1.04vw;
}
form .field-checkbox,
form .field-checkbox-short {
	clear: both;
	overflow: hidden;
	text-align: left;
	font-size: 0.93em
}
form .field-checkbox-short {
	padding-left: 90px;
	padding-left: 6.25vw;
}
form .field-checkbox .element,
form .field-checkbox-short .element {
	float: left;
	width: 30px;
	width: 2.08vw;
	margin: 0;
	padding: 0;

}
form .field-checkbox label {
	line-height: normal;
	float: left;
	width: 452px;
	width: 31.39vw;
}
form .field-checkbox-short label {
	line-height: normal;
	float: left;
	width: 302px;
	width: 20.97vw;
}
form label {
	display: inline-block;
	float: left;
	width: 150px;
	line-height: 37px;
	width: 10vw;
	line-height: 2.57vw;
}
form input.text {
	border: solid 1px #c2c2c2;
	padding: 0;
	font: normal 1em "Open Sans";
	width: 470px;
	height: 37px;
	margin: 0 0 21px 0;
	padding: 0 0 0 10px;
	width: 32.64vw;
	height: 2.57vw;
	margin: 0 0 1.46vw 0;
	padding: 0 0 0 0.69vw;
}
form input.text-short {
	border: solid 1px #c2c2c2;
	padding: 0;
	font: normal 1em "Open Sans";
	width: 320px;
	height: 37px;
	margin: 0 0 21px 0;
	padding: 0 0 0 10px;
	width: 22.22vw;
	height: 2.57vw;
	margin: 0 0 1.46vw 0;
	padding: 0 0 0 0.69vw;
}
form textarea {
	border: solid 1px #c2c2c2;
	padding: 0;
	font: normal 1em "Open Sans";
	width: 460px;
	height: 230px;
	margin: 0 0 21px 0;
	padding: 8px 10px 2px 10px;
	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;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	cursor: pointer;
	padding: 3px 20px 5px 20px;
	padding: 0.21vw 1.39vw 0.35vw 1.39vw;
	margin-top: 5px;
	margin-top: 0.35vw;
}
form input.form-element-error {
	border-color: #e62038;
	background-color: #fff2f0;
}
a.button {
	background-color: #e62038;
	border: none;
	border-radius: 5px;
	color: #fff;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	cursor: pointer;
	padding: 3px 20px 5px 20px;
	padding: 0.21vw 1.39vw 0.35vw 1.39vw;
}
form .errors {
	position: relative;
	top: -10px;
	top: -0.69vw;
}
form .errors li {
	color: #e62038;
	font-size: 0.93em;
}
    ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }


/* Msg
-----------------------------*/
.msg-info {
	text-align: left;
	background-color: #efefef;
    display: inline-block;
    position: relative;
    width: 71%;
	font-size: 1em;
	font-size: 0.95vw;
	line-height: 1.55em;
	line-height: 1.47vw;

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 1.1vw;
	-webkit-border-radius: 1.1vw;
	-o-border-radius: 1.1vw;
	-ms-border-radius: 1.1vw;
	-moz-border-radius: 1.1vw;
}
.msg-error {
	text-align: left;
	background-color: #efefef;
    display: inline-block;
    position: relative;
    width: 71%;
	font-size: 1em;
	font-size: 0.95vw;
	line-height: 1.55em;
	line-height: 1.47vw;
	border-bottom: 4px solid #de2014;

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 1.1vw;
	-webkit-border-radius: 1.1vw;
	-o-border-radius: 1.1vw;
	-ms-border-radius: 1.1vw;
	-moz-border-radius: 1.1vw;
}
.msg-info div, .msg-error div {
	font-size: 1.1em;
	padding: 25px 0 25px 35px;
	padding: 1.83vw 0 1.83vw 2.56vw;
}
.msg-info div span {
	display: block;
	font: normal 1.25em "Signika";
}
.msg-error div span {
	display: block;
	font: normal 1.25em "Signika";
	color: #de2014;
}

.msg-news {
	position: relative;
    left: 50.5%;
	top: 9%;
    width: 33%;
	text-align: left;
	font-size: 1em;
	font-size: 0.95vw;
	line-height: 1.55em;
	line-height: 1.47vw;
	padding-top: 50px;
}
.msg-news div {
	font-size: 1.2em;
}
.msg-news span {
	font: bold 1.4em "Signika";
	color: #de2014;
	display: block;
	padding-bottom: 6px;
}
.notification-box-success, .notification-box-warning,
.notification-box-info, .notification-box-error {
	display: inline-block;
	width: 89%;
	margin: 30px 0 0 0;
	text-align: left;
	position: relative;
	font-size: 1em;
	font-size: 0.95vw;
	line-height: 1.55em;
	line-height: 1.47vw;

	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 1.1vw;
	-webkit-border-radius: 1.1vw;
	-o-border-radius: 1.1vw;
	-ms-border-radius: 1.1vw;
	-moz-border-radius: 1.1vw;
}
.notification-box-success p, .notification-box-warning p,
.notification-box-info p, .notification-box-error p {
	margin: 0;
	font: normal 1.3em "Signika";
	padding: 25px 0 24px 35px;
	padding: 1.83vw 0 1.76vw 2.56vw;
}
.notification-box-error {
	background: #efefef;
	color: #de2014;
	border-bottom: 4px solid #de2014;
}
.notification-box-error .notification-close {
	background-position: 0px -17px;
}
.notification-box-warning {
	background: #efefef;
	color: #eb5c24;
	border-bottom: 4px solid #eb5c24;
}
.notification-box-warning .notification-close {
	background-position: -17px -17px;
}
.notification-box-info {
	background: #efefef;
	color: #5d5d5d;
	border-bottom: 4px solid #5d5d5d;
}
.notification-box-info .notification-close {
	background-position: 0 0;
}
.notification-box-success {
	background: #e0fad8;
	color: #4ca32e;
	border-bottom: 4px solid #4ca32e;
}
.notification-box-success .notification-close {
	background-position: -17px 0;
}
.notification-close {
	width: 17px;
	height: 17px;
	background: transparent url(../images/notifications/close.png) no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 5px;
	padding: 0 !important;
}


/* 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: 7rem !important;
}


/* Law
-----------------------------*/
#law {}
#law h1 {
	padding-bottom: 29px;
	padding-bottom: 2.014vw;
}
#law ol {
	margin: 0;
	padding-left: 36px;
	padding-left: 2.5vw;
}
#law li {
	font-size: 0.93em;
	color: #595959;
}
#law li span {
	position: relative;
	left: 5px;
	left: 0.35vw;
}
#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;
}