/*
Theme Name: Tempus
Author: Comlog
Author URI: http://comlog.se/
Description: Sidmall för Tempus.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tempus
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Lato-Bold';
  src: url('/konto/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
	   url('/konto/fonts/Lato-Bold.woff') format('woff'),
	   url('/konto/fonts/Lato-Bold.ttf')  format('truetype'),
	   url('/konto/fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('/konto/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
	   url('/konto/fonts/Lato-Regular.woff') format('woff'),
	   url('/konto/fonts/Lato-Regular.ttf')  format('truetype'),
	   url('/konto/fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Light';
  src: url('/konto/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
	   url('/konto/fonts/Lato-Light.woff') format('woff'),
	   url('/konto/fonts/Lato-Light.ttf')  format('truetype'),
	   url('/konto/fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{ padding:0; margin:0; font-family: Lato-Regular; }
p, img, input, textarea, span, form, select, h1, h2, h3, h4 { padding: 0px; margin: 0px; }
a img, :link img, :visited img { border: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.last { margin-right: 0!important; }
* :focus { outline: 0; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-weight: normal; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus { outline: 0 none; }
input[type=submit], input[type=button] { cursor: pointer; }
input { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; }
ul { padding: 0px; margin: 0px; list-style: none; }
a { text-decoration: none; outline: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover { text-decoration: none; outline: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a img { outline: none; }
select:focus { outline: 0 none; }
.clr { clear: both; }
p { margin-bottom: 10px; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
img { border: 0;}
svg:not(:root) { overflow: hidden;}
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
pre { overflow: auto; }
code, kbd, pre, samp { font-size: 1em; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

header{ width:1200px;  margin:auto; height:100px; }
.logo{ width:226px; height:51px; float:left; margin-top:25px;}

.nav ul{ width:65%; height:auto; float:left; margin-left:50px; margin-top:25px;}
.nav ul li{ width:auto; height:auto; float:left; font:normal 14px 'Lato-Regular'; margin-left:20px; padding-bottom:0px; border-bottom:2px solid rgba(226,0,122,0); margin-top:10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.nav ul li:first-child{ margin-left:0;}
.nav ul li a{ color:#263249; }
.nav ul li:hover{ border-bottom:2px solid rgba(226,0,122,1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.nav ul li.active{ border-bottom:2px solid rgba(226,0,122,1);}

.login-button{ width:130px; height:42px; border-radius:5px; background:#e2007a; outline:none; border:none; font:normal 16px 'Lato-Regular'; color:#fff; float:right; margin-top:30px; box-shadow:-1px 5px 9px rgba(226,0,122,0.25); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.login-button:hover{ background:#263249; box-shadow:-1px 5px 9px rgba(38,50,73,0.25); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.big-button {padding-top: 20px; padding-bottom: 20px; padding-left: 40px; padding-right: 40px; margin-top: 30px; width: auto; height: auto; float: unset; left: 50%; transform: translate(-50%,0%); position: relative;}


.banner{ width:100%; height:650px; margin:auto; overflow:hidden; position:relative;}
.bannercontent{ width:65%; height:auto; margin:auto; position:absolute; z-index:1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bannercontent h1{ font:normal 48px 'Lato-Bold'; text-transform:uppercase; color:#fff; display:block;  text-align:center;}
.bannercontent p{ font:normal 22px 'Lato-Regular'; color:#fff; display:block;  text-align:center; margin-top:20px;}
.scroll-down {  background:url(../images/scroll-notifier.png) no-repeat; bottom:100px; display: block; height:27px; left: 49.44%; position: absolute;  width:17px; z-index: 2;  animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}


/*section{ width:1200px; height:auto; margin:auto; padding:70px 0;}*/
.big-pic{ width:769px; height:auto; float:left;}
.rightcont{ width:500px; height:auto; float:left; margin-left:-70px;}
.rightcont h2{ font:normal 24px 'Lato-Regular'; color:#263249; text-transform:uppercase; margin-top:100px;}
.righthead{ margin-top:10px;}
.rightcont p{ font:normal 16px/25px 'Lato-Regular'; color:#263249; margin-top:30px;}

.feature{ width:1200px; height:auto; margin:auto; padding:80px 0; position:relative; display:block;}
.featureleft{ width:50%; height:auto; float:left;}
.featureleft h2{ font:normal 30px 'Lato-Regular'; color:#fff;}
.featureleft p{ font:normal 18px 'Lato-Regular'; color:#fff; margin-top:15px;}
.fipic{ width:453px; height:247px; margin-top:30px;}
.fipic img{ width:100%; height:247px;}

.register{ width:350px; height:auto; float:right; background:#fff; border:2px solid #fff; position:relative; display:block; margin-top:20px; z-index:1;}
.register h2{ font:normal 20px/48px 'Lato-Bold'; text-transform:uppercase; color:#fff; background:url(../images/headback.png) no-repeat center top; text-align:center; height:74px;}
.input-type1{ width:80%; height:auto; padding:10px 15px; border:1px solid #d1d3d6; background:#edeef0; border-radius:5px; font:normal 14px 'Lato-Regular'; color:#6d727b; margin:25px auto; display:block;}
.register-button{ width:89%; height:42px; border-radius:5px; background:#e2007a url(../images/ar.png) no-repeat 200px 17px; outline:none; border:none; font:normal 16px 'Lato-Bold'; color:#fff; margin:30px auto; display:block; box-shadow:0px 9px 7px rgba(226,0,122,0.25); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.register-button:hover{ background:#263249 url(../images/ar.png) no-repeat 200px 17px; box-shadow:0px 9px 7px rgba(38,50,73,0.25); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

footer{ width:1200px; padding-top:20px; padding-bottom: 50px; margin:auto;}
.copyright{ width:40%; float:left; color:#999; font:normal 14px 'Lato-Regular';}
.footlogo{ width:106px; height:20px; float:right;}
.foot-topline{ width:100%; height:auto; border-bottom:1px solid #dde1e7}


.banner-register{ width:100%; height:450px; margin:auto; overflow:hidden; position:relative; background-size: cover;}
.banner-front{ width:100%; height:650px; margin:auto; overflow:hidden; position:relative; background-size: cover;}
section h3{ font:normal 36px 'Lato-Light'; color:#263249; margin-bottom:50px; width:50%;}
section h3 span{ font:normal 36px 'Lato-Regular'; color:#e2007a;}


.big-pic p{ color:#888c92; font:normal 16px/25px 'Lato-Regular'; margin-top:70px;}
.register-form{ width:370px; height:auto; float:right; background:#f7f7f8; border:1px solid #c2c2cc; padding:20px; margin-top:10px; margin-top:-84px}
.input-type2{ width:150px; height:auto; padding:10px 15px; border:1px solid #d1d3d6; background:#fff; border-radius:5px; font:normal 14px 'Lato-Regular'; color:#6d727b; display:block; margin-bottom:15px; float:left;}
.input-type3{ width:150px; height:auto; padding:10px 15px; border:1px solid #d1d3d6; background:#fff; border-radius:5px; font:normal 14px 'Lato-Regular'; color:#6d727b; display:block; margin-bottom:15px; float:right;}
.input-type4{ width:338px; height:auto; padding:10px 15px; border:1px solid #d1d3d6; background:#fff; border-radius:5px; font:normal 14px 'Lato-Regular'; color:#6d727b; display:block; margin-bottom:15px; }
.input-type5{ background:#fff url(../images/dropdown.png) no-repeat 94px 18px; border:1px solid #d1d3d6; border-radius:5px; outline:none; color:#6d727b; font:normal 14px 'Lato-Regular'; padding:10px 15px; width:32%;margin-bottom:15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; float:left;}
.input-type6{ background:#fff url(../images/dropdown.png) no-repeat 94px 18px; border:1px solid #d1d3d6; border-radius:5px; outline:none; color:#6d727b; font:normal 14px 'Lato-Regular'; float:left; padding:10px 15px; width:32%; margin-bottom:15px; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin-left:7px;}
.input-type7{ background:#fff url(../images/dropdown.png) no-repeat 94px 18px; border:1px solid #d1d3d6; border-radius:5px; outline:none; color:#6d727b; font:normal 14px 'Lato-Regular'; padding:10px 15px; float:right; width:32%;margin-bottom:15px; appearance:none; -moz-appearance:none; -webkit-appearance:none;  }
.input-type8{ background:#fff url(../images/dropdown.png) no-repeat 346px 18px; border:1px solid #d1d3d6; border-radius:5px; outline:none; color:#6d727b; font:normal 14px 'Lato-Regular'; padding:10px 15px; float:right; width:370px; margin-bottom:15px; appearance:none; -moz-appearance:none; -webkit-appearance:none;  }
.label{ font:normal 14px 'Lato-Regular'; color:#404143; margin-bottom:10px;}
.reg-button{ width:150px; height:42px; border-radius:5px; background:#e2007a; outline:none; border:none; font:normal 16px 'Lato-Regular'; color:#fff; float:left; margin-top:20px; box-shadow:-1px 5px 9px rgba(226,0,122,0.25); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.reg-button:hover{ background:#263249; box-shadow:-1px 5px 9px rgba(38,50,73,0.25); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.help{ width:90px; height:auto; float:left; margin-left:20px; font:normal 14px 'Lato-Regular'; color:#263249; background:url(../images/help.png) no-repeat right; margin-top:32px;}

.submenu{ width:100%; height:50px; background:#000;}
.submenu ul{ width:1200px; height:auto; margin:auto;}
.submenu ul li{ width:auto; height:auto; float:left; font:normal 16px 'Lato-Regular'; margin-left:35px; margin-top:14px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.submenu ul li:first-child{ margin-left:0 !important;}
.submenu ul li a{ color:#fff; }
.submenu ul li a:hover{ color:#e2007a; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

article{ width:1200px; height:auto; margin:auto; padding-bottom:70px; padding-top: 70px;}
.row-1{ width:100%; height:auto; margin:auto;}
.backpic-1{ width:570px; height:428px; background:url(../images/fade-back.png) no-repeat; float:left;}
.forpic1{ width:320px; height:233px; border:7px solid #fff; box-shadow:-1px 5px 9px rgba(38,50,73,0.25); margin:186px 80px -10px;}
.forpic1 img{ width:100%; height:233px;}
.content-1{ width:600px; height:auto; float:right;}
.content-1 h3{ font:normal 24px 'Lato-Regular'; color:#e2007a; margin-top:210px;}
.content-1 p{ font:normal 16px/25px 'Lato-Regular'; color:#263249; margin-top:30px;}

.backpic-2{ width:570px; height:428px; background:url(../images/fade-back.png) no-repeat; float:right;}
.forpic2{ width:320px; height:233px; border:7px solid #fff; box-shadow:-1px 5px 9px rgba(38,50,73,0.25); margin:186px 80px -10px;}
.forpic2 img{ width:100%; height:233px;}
.content-2{ width:600px; height:auto; float:left;}
.content-2 h3{ font:normal 24px 'Lato-Regular'; color:#e2007a; margin-top:210px;}
.content-2 p{ font:normal 16px/25px 'Lato-Regular'; color:#263249; margin-top:30px;}


div.nav li ul {
	display: inline-block;
}

section.registerbox {
	width: 100%;
	height: 550px;
}

form.signupform {
	width: 350px;
	background-color: #fff;
	margin: 110px auto;
	padding-bottom: 45px;
}

form.signupform input {
	height: 42px;
}

form .inputs {
	padding: 0 20px;
}

.formheader {
	height: 74px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 10px;
	margin-bottom: 30px;
}

.btn-register {
	width: 100%;
	height: 42px;
	background-color: #e2007a;
	border-color: #e2007a;
	color: #fff;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(226, 50, 122, 0.5);
	-moz-box-shadow:    0px 10px 20px 0px rgba(226, 50, 122, 0.5);
	box-shadow:         0px 10px 20px 0px rgba(226, 50, 122, 0.5);
}

.btn-register:hover {
	color: #fff;
}

.nav ul li a:hover {
	background-color: #fff;
}



@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}


h1 {
	margin-bottom: 30px;
}


.display-posts-listing .title {
	font-size: 20px;
	text-transform: uppercase;
}

.display-posts-listing a {
	color: #333;
}

.display-posts-listing a:hover {
	color: #e2007a;
}

.display-posts-listing .date {
	margin-left: 5px;
	color: #666;
}

.display-posts-listing .excerpt {
	display: block;
	margin-bottom: 20px;
}

.display-posts-listing .excerpt-dash {
	display: none;
}

.submenu ul li a.current {
	color: #e2007a;
}

.wpcf7-form {
	margin-top: 50px;
	margin-bottom: 100px;
}

.wpcf7-form input[type=text], input[type=email] {
	width: 100%;
	padding: 7px 10px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-bottom: 0;
	border-radius: 0;
}

.wpcf7-form textarea {
	width: 100%;
	padding: 7px 10px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	height: 80px;
}

.wpcf7-form input[type=submit] {
	background-color: #e2007a;
	color: #fff;
	text-align: center;
	padding: 20px 50px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}