/*
* Mustach
* Copyright 2012, Jorge Martínez
* www.jorgemartinez.me
*/

/* Table of Content
==================================================
    #Import Section
	#Site Styles
	#Menu
	#Slide
	#Porfolio 
	#Widget Service
	#Our Team
	#Contact
	#Media Queries
	*/
	
/* ======================================================= */
/* #IMPORT SECTION */
/* ======================================================= */

@import url("bootstrap.css");/* Default Reset, Typography, Forms, etc. */ 
@import url("bootstrap-responsive.css");
@import url("curtain.css");
@import url("jPages.css");
@import url("animate.css");
@import url("font-awesome.css");
@import url("flexslider.css");
@import url("fancybox/jquery.fancybox-1.3.4.css");   	
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);




	

/* ======================================================= */
/* Site Styles
/* ======================================================= */



body {
	color: #848D9B;
	font: 14px/22px 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0px;
	word-spacing: 0em;
	line-height: 21px;
	background-image: url(images/bg.png);
	background-repeat: repeat;
	background-color: #fff;
	color: #555;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

@media (max-width: 767px) {
  body { padding-right: 0px; padding-left: 0px; }
  .container {margin-right: 20px; margin-left: 20px;}
 }


/* Links */

a {
	border-bottom: 1px dotted #222;
	color: #222;
	padding: 0 1px;
	margin: 0 -1px;
	text-decoration: none;
    -webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

a:hover {
	border-bottom: 1px dotted transparent;
	background-color: #F8E443;
	color: #fff;
	text-decoration: none;
}

a img:hover{
	border: none;
	vertical-align: bottom;
	
}



h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	padding: 0;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 20px 0;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}





/* Responsive Images - Combined with Sencha.io on the frontend */
.full-width img {max-width: 100%; height: auto;}


.full-width{
	width: 100%;
	
}

.wrapper-full {
	padding-top: 40px;
	padding-bottom: 80px;
	box-shadow: 0 -2px 2px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.04);
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.04);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D7DB;
	padding-top: 150px;
	padding-bottom: 150px;
	width: 100%;
}




/* Basic alignment */
.align-left{float: left;}
.align-center{text-align: center;}
.align-right{float: right}

img.align-left{float: left; margin: 0 15px 0px 0;}
img.align-center{text-align: center; clear: both; margin: 15px auto; display: block;}
img.align-right{float: right; margin: 0 0 12px 15px;}

h1.title-section{
	margin-bottom: 120px;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	font-weight: 800;
	font-size: 50px;
	letter-spacing: 5px;
	text-transform: uppercase;
}




/* ======================================================= */
/* Sections
/* ======================================================= */

a.logo:hover {background: none;}

.top {
	margin-top: 70px;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-position: center bottom;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-attachment:fixed;
}

.top a {
	border-bottom: 1px dotted transparent;
	background-color: #F8E443;
	color: #fff;
	text-decoration: none;
}



.top h1{
	text-shadow: 1px 1px 1px black;
	color: #FFF;
	font-size: 48px;
	text-transform: uppercase;
	line-height: 80px;
	margin-top: 5%;
}

.top h3 {
	text-shadow: 1px 1px 1px black;
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 120px;
	line-height: 30px;
}

#section-1{}

@media only screen and (max-width: 767px) {
#section-1{
	height: 2000px!important;
}
}


#section-2{
	background-color: #f8e443;
	background-image: url(img/pat.png);
	background-repeat: repeat;
}

#section-3{
	background-color: #FFF;
}

#section-4{   
	background-image: url(img/pats.png);
}

#section-5{
    background-color: #FFF;
}
    
	
	
	
	
/* ======================================================= */
/* Menu
/* ======================================================= */

#menu{
	position:fixed;
	z-index:20;
	width: 100%;
	margin: 0;
	background-color: #252525;
	-webkit-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 2px 0px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.5);
	padding-top: 14px;
	padding-bottom: 14px;
	text-transform: uppercase;
	font-weight: 800;
}

.navbar-inner {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #252525;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


.navbar-inverse .navbar-inner { background-color: #252525!important; background-image: none!important;}




/* ======================================================= */
/* Hover /  Slide TOP
/* ======================================================= */
.view {
	margin: 0px;
	padding: 0px;	
	max-width: 100%; height: auto;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: #F8E443;
   background-color: rgba(255, 214, 44, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}




.view-first h2 {
   -webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-top: 5%;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: transparent;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}

.view-first a.info:hover  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}




.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view {
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
  
}
.view .mask,.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0px;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
	color: #FFF;
	text-align: center;
	position: absolute;
	padding: 10px;
	bottom: 0;
	left: 0px;
	right: 0px;
	margin: 0px;
	font-size: 14px;
	background-color: #000;
}

.view a.info {
	display: inline-block;
	font-size: 40px;
	color: #FFF;
	text-decoration: none;
	height: 80px;
	width: 90px;
	text-align: center;
	line-height: 110px;
	background-color: #000;
	margin-top: 16%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.view a.info: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	text-decoration: none!important;
}



.holder {
	position: absolute;
	top: 0px;
	text-indent: -9999px;
}


	   
.customBtns {
	position:relative;
}



@media only screen and (max-width: 959px) { 
.arrowPrev,.arrowNext {margin-top: 40px!important;}
.arrowPrev {left: 20px!important;}
}

@media only screen and (max-width: 767px) { 
.arrowPrev,.arrowNext {margin-top: 80px!important;}
.arrowPrev {left: 21.5%!important;}
.arrowNext {right: 21.7%!important;}
#itemContainer { margin: auto!important; width: 400px;}
}


.arrowPrev,.arrowNext {
	width: 40px;
	height: 50px;
	position:absolute;
	top:0px;
	cursor:pointer;
	text-align: center;
	z-index: 900000;
	display: block;
	color: #FFF;
	font-size: 36px;
	background-color: #f8e443;
	background-image: url(img/pat.png);
	margin-top: 80px;
	line-height: 80px;
}



.arrowPrev {
	left: 30px;
	
}

.arrowNext {
	right: 0px;
}


.arrowPrev:hover {
		-moz-opacity:1 !important;	    		  
      filter: alpha(opacity=100) !important;
     			    opacity:1 !important;
	
	}
	
	
	
.arrowNext:hover {-moz-opacity:1 !important;	    		  
      filter: alpha(opacity=100) !important;
     			    opacity:1 !important;}	

/* ======================================================= */
/* Services / Team
/* ======================================================= */


.circle{
	background-color: #000;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200x;
	border-radius: 200px;
	font-size: 36px;
	padding-top: 40px;
	padding-right: 25px;
	padding-bottom: 40px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
}


.widget-services { text-align: center;}
.widget-services p{ padding: 0 10% 0 10%;}


.tab-custom {
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 230px;
	width: auto\0/;
	margin-top: -50px;
	margin-bottom: 50px;
	
}


.tab-custom > li > a {
	padding: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #000;
	background-color: #FFF;
	font-weight: 700;
	border: none;
	
}

.tab-custom > li > a:hover {color: white;
	background-color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 20px;
	
	}
	

.tab-custom > .active > a, .nav-pills > .active > a:hover {
	color: white;
	background-color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 20px;
	border: none;
	
	
}

.box { margin-bottom: 20px;}


/* ======================================================= */
/*  Testimonials
/* ======================================================= */


.testimonial {
	background-color:#FFF;
	font-size: 20px;
	text-align: center;
	font-family: 'Droid Serif', Georgia,  Times, serif;
	line-height: 31px;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 70px;
}

.notepad {
	box-shadow: 0 1px 4px hsla(0,0%,0%,.25);
	position: relative;
	background-image: -webkit-radial-gradient(#e6e6e6 21%, transparent 21%),
                      -webkit-radial-gradient(hsla(0,0%,0%,.25) 21%, transparent 26%),
                      -webkit-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
                                                   hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-image: -moz-radial-gradient(#e6e6e6 21%, transparent 21%),
                      -moz-radial-gradient(#e6e6e6 10%, transparent 12%),
                      -moz-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
                                                   hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-image: radial-gradient(#e6e6e6 21%, transparent 21%),
                      radial-gradient(#e6e6e6 10%, transparent 12%), 
                      linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
                                                   hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-position: 6px 6px, 6px 5px, 50% 18px;
	background-repeat: repeat-y, repeat-y, repeat;
	background-size: 48px 48px, 48px 48px, 24px 24px;
	
}
.notepad:after {
    border-left: 1px solid hsla(0,75%,50%,.2);
    border-right: 1px solid hsla(0,75%,50%,.2);
    bottom: 0;
    content: '';
    left: 58px;
    position: absolute;
    top: 0;
    width: 2px;
}
.notepad:before {
    bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 10px 10px hsla(0,0%,0%,.25);
    content: '';
    height: 100px;
    max-width: 300px;
    position: absolute;
    right: 5px;
    width: 300px;
    z-index: -10; 
    -webkit-transform: rotate(2deg);    
       -moz-transform: rotate(2deg);   
        -ms-transform: rotate(2deg);   
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
}


.name-cliente {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #7E7E7E;
	font-weight: 800;
	text-transform: uppercase;
	padding-top: 40px;
	background-image: url(img/lc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	
	
/* ======================================================= */
/* Fancybox Custom
/* ======================================================= */	
	
#fancybox-close {
	background: url(img/cross.gif) no-repeat !important;
	width: 21px !important;
	height: 21px !important;
	top: 10px !important;
	right: 7px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}	



/* ======================================================= */
/* Portfolio
/* ======================================================= */


ul.portfolio-filter , .option-set{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
.portfolio-filter li {
	margin:0;
	padding:0;
	display:inline;
}
.portfolio-filter li a {
	margin:0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}




/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}



/* ======================================================= */
/* Contact
/* ======================================================= */

.element .textarea {
	height:120px; 
	width:70%;
	padding-left:20px;
}
.element .hightlight {
	border:2px solid #ffa5a5;
	background:url(images/iconCaution.gif) no-repeat 2px
}
.element #submit {
}
.loading {
	float:left;
	background:url(images/ajax-loader.gif) no-repeat 1px;
	height:28px;
	width:28px;
	display:none;
}
.done {
	background:url(images/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:100%; 
	margin:20px auto; 
	display:none
}

	
#map_canvas {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -2;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}	






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
	

::selection {
background: #000;
color: white;
text-shadow: none;
}


/* #Adjustments by Carlén Communications, 2012
================================================== */

h1 {
	font-size: 24px;
	line-height: 1em;
}


/* Section 2*/
#section-2 .title-section {
	max-width: 600px; 
}

p.iarbetet {
    padding: 0 20%;
}
div.forfattarskola_link,
.forfattarskola_link div{
	background: url("../img/forfattarskola_logo.png") no-repeat center;
	width:100%;
	height: 150px;
	display: block;
	position: relative;
}

/* button styles
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px/100%;
        font-family:    "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;	
}

/* orange color */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* Section 4 */
.name-cliente {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #7E7E7E;
	font-weight: 800;
	text-transform: uppercase;
	padding-top: 40px;
	background-image: url(img/lc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.name-cliente span {
	font-weight: 400;
	text-transform: none;
}