@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Ruda:400,700,900);
*::-moz-selection {
    background-color: #444;
    color: #fff;
}
body {
	/*background:url(../img/backgrounds/stripes.png) #373737;*/
	background:#151515;
	overflow-x:hidden;
	font-family: 'Ruda', sans-serif;
	font-size:13px;
	color:#fff;
	margin:0;
	padding:0;
}
a {
	text-decoration:underline;
	color:#fff;
	transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
	-webkit-transition: color 0.5s ease 0s;
	-o-transition: color 0.5s ease 0s;
}
a:hover { text-decoration:none; }
img { border:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.center { text-align:center; }
.wrap {
	margin:0 auto;
	max-width:1000px;
}
h1,.h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:32px;
	text-transform:uppercase;
	line-height:1.2;
	margin:0 0 20px;
	padding:0;
}
h2,.h2 { font-size:18px; }
h3,.h3 { font-size:16px; }
h4,.h4 { font-size:14px; }
p { padding:0; margin:0; line-height:1.7; }
ul li {
	line-height:2;
	list-style:none;
}
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;display: inline-block;font-size: 0.7rem;/* width: 100%; */}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #555;border-radius:4px;display: inline-block;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
    width: 319px;}
.info{font-size:.8em;color: #FF6600;letter-spacing:2px;padding-left:5px;}
/* .btnAction{background-color:#2FC332;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;} */
 .alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:10px;
    width: 319px;
}
.success {
    background:#e9ffd9  no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.alert.alert-success.contact__msg {
    /* display: inline-block !important; */
    background: green;
}
/* HEADER */
header {
	/*background:url(../img/backgrounds/header-bg.png) repeat-x top #fff;*/
	background:#fff;
	position:fixed;
	width:100%;
	z-index:2;
	padding:12px 0 12px;
	-webkit-box-shadow: 0 1px 3px -1px #666;
       -moz-box-shadow: 0 1px 3px -1px #666;
            box-shadow: 0 1px 3px -1px #666;
}
header div.logo {
	margin-top:19px;
	float:left;
}
header nav {
	float:right;
}
header nav ul li { list-style:none; display:inline-block; }
header nav ul li a {
	color:#444;
	border:#fff solid 1px;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	font-size:12px;
	margin:0 5px;
	cursor:pointer;
	padding:7px 10px 6px;
	transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
	-webkit-transition: color 0.5s ease 0s;
	-o-transition: color 0.5s ease 0s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	header nav ul li a:hover, header nav ul li a.active { color:#000; border-color:#999; }
header nav ul li a.boder {
	border:#444 solid 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/* CONTENT */
ul.tick, ul.tick-dark {
	list-style:none;
	padding-left:20px;
}
	ul.tick li, ul.tick-dark li {
		background:url(../img/icons/tick.png) no-repeat;
		background-position:0 7px;
		padding-left:25px;
		line-height:2.5;
	}
	ul.tick-dark li {
		background:url(../img/icons/tick-dark.png) no-repeat;
		background-position:0 7px;
	}
section {
	margin:-100px auto 0;
}
section.first { margin-top:0; }
section.first > div.shape { padding-top:140px; padding-bottom:30px; }
.shape {
	/*background-image:url(../img/backgrounds/stripes.png);*/
	-ms-transform: rotate(-5deg); /* IE 9 */
	-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
	transform: rotate(-5deg);
	padding:100px 0;
	width:120%;
	margin-left:-10%;
	margin-right:-10%;
	z-index:1;
}
.push-footer { padding-bottom:150px; }
.push-top { padding-bottom:50px; }
section .wrap {
	-ms-transform: rotate(5deg); /* IE 9 */
	-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
	transform: rotate(5deg);
}
div.content-1-3 { width:33%; }
div.content-2-3 { width:70%; }
div.content-1-2 { width:45%; }
div.content-375 { width:375px; }
div.content-325 { width:32.33%; }
div.content-200 { width:200px; }
.image-holder {
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:bottom center;
	display:block;
	width:100%;
	padding-bottom:300px;
}
ul.bold-list {
	padding-left:20px;
}
ul.bold-list li span {
	font-weight:bold;
	font-size:16px;
}
.separator {
	background:url(../img/backgrounds/separator-h.png) repeat-x;
	width:100%; height:2px;
	margin:20px 0;
}

.separator.small {
	margin:0 0 15px 0;
}
.testimonial {
	width:300px;
	margin-right:50px;
}
	.testimonial h5 {
		font-size:15px;
		margin:10px 0 5px;
		padding:0;
	}

/* #frmContact*/
#frmContact{
	text-align:left;
}
#frmContactdiv {
	margin-top:-10px;
	background:#e8e2e2;
	width:370px;
	text-align:right;
}
#frmContact>div{
	margin-right: 10px;
	position: relative;
	max-height: 126px;
}
#frmContactinput[type=text], #frmContactinput[type=email], #frmContacttextarea, #frmContact input[type=text], #frmContact input[type=email], #frmContact textarea {
	font-family: 'Ruda', sans-serif;
	font-size:12px;
	display:block;
	width:100%;
	color:#61615f;
	border:none;
	background:#e8e2e2;
	/* margin-bottom:10px; */
	padding:10px 0px 10px 10px;
}
#frmContact input[type=submit],#frmContact button {
	background:#76a653;
	font-size:18px;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	border:none;
	padding:8px 40px;
	transition: background 0.5s ease 0s;
	-moz-transition: background 0.5s ease 0s;
	-webkit-transition: background 0.5s ease 0s;
	-o-transition: background 0.5s ease 0s;
	position: absolute;
	right: -10px;
	bottom: 0px;
}
	#frmContact input[type=submit]:hover {
		background:#4c772c;
	}
#frmContact textarea {height: 100%;outline:0;min-height: 75px;}
.sendingButt{
    background: #e8e2e2;
    width: 100%;
    text-align: right;
}
/* Icons */
.icon-mail, .icon-phone, .icon-address, .icon-download, .icon-login {
	padding:10px 0 10px 40px;
	min-height:30px;
}
.icon-mail { background:url(../img/icons/mail.png) no-repeat left top; }
.icon-phone { background:url(../img/icons/phone.png) no-repeat left top; }
.icon-address {	background:url(../img/icons/address.png) no-repeat left top; }
.icon-download {	background:url(../img/icons/download.png) no-repeat left top; }
.icon-login {	background:url(../img/icons/login.png) no-repeat left top; }
/* Colors */

.white {
	background:#fff;
	color:#444;
}
	.section-2  {
		background:url(../img/backgrounds/images/agreement.jpg) no-repeat top center #fff;
	}
	.white a { color:#76a653; }
	.white a:hover { color:#a6cc8a; }
.blue {
	background:url(../img/backgrounds/images/section-1-bg.jpg) no-repeat bottom center #3face0;
	/*background-color:#6a82b0;
	background-color:#3face0;*/
}
.purple {
	/*background-color:#4d1940;*/
	background:url(../img/backgrounds/images/team.jpg) no-repeat bottom;
	background-size:cover;
}
.gray {
	background-color:#414141;
	/*background-color:#444;*/
}
	.gray a { color:#76a653; }
	.gray a:hover { color:#a6cc8a; }
	.gray img.pic { margin:0 20px 10px 0; }
.section-1 h1,.section-1 .h1 {
	font-size:64px;
	margin-bottom:0;
}
.section-1 h4,.section-1 .h4 {
	font-size:28px;
	margin:0 0 30px;
}
.section-4 {
	/*background:url(../img/backgrounds/images/Janus_Nielsen_henrik.jpg) right bottom no-repeat #414141;*/
}
.section-3 > div.wrap  {
	/*background:url(../img/backgrounds/images/how_to_get_start.jpg) right top no-repeat;*/
}
.j-pic {
	background:url(../img/backgrounds/images/janus.png) right bottom no-repeat;
	width:400px;
	float:right;
	margin-top:-313px;
	height:400px;
	display:block;
}
.light-purple {
	background-color:#a04884;
}
.green {
	background:url(../img/backgrounds/images/how_to_get_start-2.jpg) center no-repeat #76a653;
	/*background-color:#94c670;*/
}
.easy-purple {
	background-color:#895a91;
}
/* Images */
.pic-call-center, .pic-pc { background-size:cover; }
.pic-call-center { background-image:url(../img/backgrounds/images/call-center.jpg); }
.pic-pc { background-image:url(../img/backgrounds/images/call.jpg); background-position:bottom; }
.pic-map { background-image:url(../img/backgrounds/images/map.jpg); }

/* FOOTER */
footer { padding:100px 0; }
footer h3 { color:#e7e2e2; }
footer div.wrap { max-width:900px; }
footer small.error { font-size: 12px; display: block; display: block; margin: 10px 0 10px 0; color: red; }

/* ======== Media queries ============ */

/* iPad - Landscape */
@media only screen and (max-width: 1100px) {
	.jcarousel-control-prev, .jcarousel-control-next{
		position: relative !important;
		left: 3% !important;
		top: 0 !important;
	}
	header {
		padding: 7px 0 10px;
	}
	.j-pic {
		position: absolute;
		right: 0;
		z-index: -1;
		bottom: 0;
	}
	section { margin:0; }
	footer { padding:50px 0; }
	section.first > div.shape { padding-top:100px; }
	#frmContactinput[type="text"], #frmContacttextarea, #frmContactinput[type="email"] { width:93%; }
	#frmContactdiv { width:auto; margin-bottom:20px; }
	footer div.wrap { width:90%; }
	.testimonial { margin-bottom:30px; }
	header div.wrap {
		width:90%;
	}
	header nav { width:100%; }
	header ul.nav {
		width:100%;
		padding:0;
	}
	#frmContactdiv {
		width:auto;
		text-align:left;
		margin-top:10px;
		background:none;
	}
	header ul.nav li { display:block; }
	.shape {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
		padding:50px 0;
		width:100%;
		z-index:1;
		margin-left:0%;
		margin-right:0%;
	}
	section .wrap {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
		width:90%;
	}
	div.content-1-2 {
		width:100%;
		float:none;
	}
	header nav { display:none; }
	header div.logo { margin-top:0; }
	header div.rwd-menu {
		background:url(../img/icons/rwd-menu.png) no-repeat center center #7991be;
		display:block;
		width:40px; height:40px;
		cursor:pointer;
		float:right;
		right:5%;
		position:absolute;
	}
		header div.rwd-menu:hover {	background-color:#5c74a1; }
}

/* small phone */
@media only screen and (max-width: 320px) {

}

/* iPhone */
@media only screen and (min-width: 321px) and (max-width: 768px) {

}

/* iPad - Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

/* PC - resolution */
@media only screen and (min-width: 1024px) and (max-width: 1280px) {

}


/* Custom phone */
@media only screen and (max-width: 991px) {
	section .jcarousel-control-next {
		right: auto; 
	}

	.footInfos{
		width: 50%;
		float:right;
	}
	div.content-375{
		width: 50%;
		float:left;
	}
	.content-325{
		padding-bottom: 5%;
	}
	.content-200,.content-325{
		width: 100% !important;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	/* .section .wrap{
		transform: none !important;
	} */
	#frmContactinput[type=text], #frmContactinput[type=email], #frmContacttextarea, #frmContact input[type=text], #frmContact input[type=email], #frmContact textarea {
		width: 100% !important;
	}
}

/* Custom phone */
@media only screen and (max-width: 676px) {
	.footInfos,div.content-375{
		width:100% !important;
	}
	div.content-325 {
		padding-top: 7%;
	}
	#frmContact {
		overflow: hidden;
	}
}