/* GENERAL CSS */
html, body {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 1em;
}

body
{
	padding-top: 52px; /* nav <-> section*/
	/* font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; */
	font-family: 'Open Sans', sans-serif;
}

a, a:hover, a:visited, a:link { text-decoration:none; font-size: 13px; }

.footer-img {
	float:left;
	max-height: 277px;
}


.ytb {
	background-image:url("https://i.ytimg.com/vi/pPTwUd2nA4Y/sddefault.jpg?sqp=-oaymwEmCIAFEOAD8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGFEgVChlMA8=&amp;rs=AOn4CLBkDybPewgHzpFx7ENm3a2KOJ4qUg");
	height:40px;

}

.footer-anchor {
	position: absolute;
    width: 100%;
    bottom: 0;
}

p { font-size:15px; }

#demoimg {
	width: 100%;
}

.aula-h3 {
	margin-top: 60px;
}

.carousel-button
{
	width:60px;
	height:60px;
	top: 40%;
}

.flags { margin-top:5px; }

.carousel-inner
{
	height: 100%;
}

.carousel-indicators {
	bottom: 0 !important;
}

.carousel-header
{
	font-size:2em;
	padding-top:50px;
	color: rgb(149,222,229);
}

.carousel-text
{
	font-size:1.3em;
	margin-bottom:20px;
}

.nutshell
{
	font-size: 1em;
}

.glyphicon-chevron-right, .glyphicon-chevron-left 
{
	margin-top: -16px!important;
	
}

.glyphicon-chevron-left { left:30%!important; }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right
{
	right: 30%;
}

.blocks
{
  width: 100%;
  min-height: 95vh;
  overflow: hidden;
}

.arrow
{
	max-width:160px;
}

.img-responsive { display: inline; }
/* .img-height { height: 180px; } */
.asiolla-varataan { max-height: 65px; }

.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
	width: 250px;
}

/* Ingressi */
.pallo
{
	max-width: 150px;
}

.ingressi-header
{
	margin-top: 10px;
	font-size: 1.4em;
	color: rgb(149,222,229);
}

.ingressi
{
	max-width: 250px;
}

.ingressi-h1
{
	color: rgb(190,190,200);
}



/*********** YRITYS ***********/
.circle
{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px!important;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 39px!important;
	margin: 5px 5px;
	vertical-align: middle;
}

.yritys
{
	background-color: white;
    margin-top: 50px;
	margin-bottom: 50px;
    border-radius: 15px 15px 15px;
    color: black;
	padding-bottom: 15px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(66,66,66,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(66,66,66,0.75);
	box-shadow: 0px 0px 5px 0px rgba(66,66,66,0.75);
}

.yritys a { font-size: 15px; }
.yritys ul li { font-size: 15px; }
#suomenvahvimmat-yritys { width: 142px; }


.bg-gradient-blue
{
	background-color: white;
	padding-top: 20px;
	padding-bottom:30px;
}


/************************* SECTION ERP *************************/

#bg-1
{
	/*background-image: url(../img/1_bckgrnd.png);*/
	background-color: #062B4A;
	background-size: cover;
	color:white;
	padding-bottom: 0px;
}

#bg-9
{
	/*background-image: url(../img/1_bckgrnd.png);*/
	background-color: white;
	background-size: cover;
	color:white;
	padding-bottom: 0px;
}

#bg-1-inner
{
	padding-top: 55px;
	padding-bottom: 40px;
	min-height: 550px;
	background-color: #262626; /*#212121*/
	/*
	background: #00485c;
	background: -moz-linear-gradient(left, #00485c 0%, #7db9e8 100%);
	background: -webkit-linear-gradient(left, #00485c 0%,#7db9e8 100%);
	background: linear-gradient(to right, #00485c 0%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00485c', endColorstr='#7db9e8',GradientType=1 ); */
}


.asio-header {
	font-size: 3.2em;
	color: white;
	font-style: inherit;
}

.erp-header {
	font-size: 3.5em;
	color:rgb(149,222,229);
	margin-left:10px;
	font-style: inherit;
}

.header-text-1
{
	font-size: 2.1em;
	font-weight: 100;
	color: rgb(190,190,200);
}


.tuotesivulle
{
	color: rgb(216, 172, 75);
	font-size: 2.1em;
}

/************************* NEWS *************************/

#news
{
	border-left: 2px solid rgb(9,118,157);
	overflow: overlay;
	padding: 15px 30px;
}

.news-header
{
	font-weight: bold;
	font-size: 1.75em;
}

.news-header-text
{
	font-size: 1.3em;
	margin-top: 10px;
}

.news-images
{
	margin-top:10px;
}

.news-heading
{
	font-weight: bold;
	font-size: 1.6em;
}

.news-item
{
	margin-top: 10px;
}

.date
{
	color: rgb(149,222,229);
	font-size: 1.6em;
}

.news-content a:link, .news-content a:visited, .news-content a:hover
{
	color: rgb(149,222,229);
	font-weight: bold;
	font-size: 16px;
}

.news-all-item
{
	margin-bottom:10px;
}

.date-all
{
	font-weight: bold;
}

.news-all-content
{
	margin-top: 5px;
}

.news-all-content a:link, .news-all-content a:visited, .news-all-content a:hover
{
	color: #337ab7;
	font-size: 1em;
}

.all-news-link
{
	color: rgb(149,222,229);
	font-size: 1.2em;
	margin-top:10px;
}

/************************* END NEWS *************************/

/************************* VARAUSOHJELMISTOT ****************/
.varausohjelmistot-padding-header {
	padding-left: 58px;
	padding-right: 65px;
}

.varausohjelmistot-padding {
	padding-left: 50px;
	padding-right: 50px;
}

.varausohjelmistot-p {
	padding-right: 150px;
	padding-left: 150px;
}

#header-text-fix { padding-bottom: 30px; }
.asiolla-varataan { padding-right: 50px; }

/************************* SECTION KENTTÄVARAUS *************************/
#bg-2
{
	background-image: url(../img/2_bckgrnd.png);
	background-size: cover;
	color:white;
	padding-top: 55px;
	min-height: 550px;
}

#bg-2-inner
{
	background: url(../img/2_laptop-screen.png);
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: 58%;
	height:550px;
}

.text-wrapper
{
	padding-top:50px;
}

.header-kenttavaraus
{
	font-size: 2.6em;
	color:rgb(24,83,35);
	margin-left:10px;
	font-style: inherit;
}

.asio-header-2 {
	font-size: 7em;
	color: white;
	font-style: inherit;
	font-weight: bolder;
}

.header-text-2
{
	color:black;
	font-size: 2.1em;
	padding-left: 0px;
}

.header-text-0
{
	color:black;
	font-size: 2.1em;
	padding-left: 0px;
}

.tuotesivulle-kenttavaraus
{
	color: rgb(24,83,35);
	font-size: 3em;
}

/********** LOPPUU KENTTÄVARAUS ************/

/********** NETTIKALENTERIT ***************/
#bg-3
{
	background-color: rgb(255, 216, 106);
	color:black;
	min-height: 550px;
	padding-top: 55px;
}

#bg-3-inner
{
	background-image: url(../img/3_screens.png);
	background-repeat: no-repeat;
    background-position: right bottom;
	background-size: 60%;
	height:550px;
}

/*********** LOPPUU NETTIKALENTERIT **********/

/*********** ALKAA KURSSIMYYNTI **********/

#bg-4
{
	background-color: #00adae;
	color: white;
	min-height: 550px;
	padding-top: 55px;
}

#bg-4-inner
{
	height:550px;
}

/********** LOPPUU KURSSIMYYNTI ***********/

/********** ALKAA MAJOITUSHALLINTO ***********/
#bg-5
{
	background-color: #949cd9;
	color:black;
	min-height: 550px;
	padding-top: 55px;
}

#bg-5-inner
{
	height:550px;
}

/********** LOPPUU MAJOITUSHALLINTO ***********/

/********** ALKAA SANOMAPALVELIN **************/
#bg-6
{
	background-color: #0081a5;
	color:black;
	min-height: 550px;
	padding-top: 55px;
}

#bg-6-inner
{
	height:550px;
}

.sanomapalvelin-tuotesivulle
{
	padding-left: 80px!important;
}

/********** LOPPUU SANOMAPALVELIN **************/

/********** ALKAA KOKOUSVARAUS *****************/
#bg-7
{
	background-image: url(../img/bckgrnd_pink.png);
	background-size: cover;
	color:white;
	min-height: 550px;
	padding-top: 55px;
}

#bg-7-inner
{
	height:550px;
}

/********** LOPPUU KOKOUSVARAUS **************/

#bg-8
{
	background-image: url(../img/bckgrnd_orange.png);
	background-size: cover;
	color:black;
	min-height: 550px;
	padding-top: 55px;
}

#bg-8-inner
{
	height:550px;
}



/********** ALKAA PARKKIVARAUS ***************/

#bg-parkki
{
	background-image: url(../img/bckgrnd.png);
	background-size: cover;
	color:white;
	min-height: 550px;
	padding-top: 55px;
}

/********** LOPPUU PARKKIVARAUS **************/


/********** LOPPUU MAJOITUSHALLINTO ***********/

.referenssilista
{
	list-style-type: none;
    color: white;
    padding: 0px;
}
.referenssilista a
{
	color: white;
	font-size: 1.2em;
}

.btn-warning {
	padding: 15px;
	font-size: 1.25em!important;
}

/* Custom panel */
.panel-img > .panel-body {
  padding: 0px;
}
.panel-img > .panel-body > img {
  width: 100%;
  height: 100%;
}
.panel-img > .panel-footer {
  text-align: center;
}

@media (min-width: 1460px) {
	.container {
		width: 1500px;
	}
	.img-size {
		max-width:360px;
	}
}
.col-md-4, .col-md-3, .col-md-5 {
	padding-bottom: 25px!important;
}

.img-left {
		width: 200px!important;
}

@media (min-width: 993px) {
	.img-left {
		margin-right: 0;
	}
	
	.img-right {
		margin-left: 0;
	}
}

@media (max-width: 900px) {
	.img-size {
		max-width:200px!important;
	}
	
	.space {
		display:none;
		margin-top: 20px;
	}
	
}

@media (max-width: 759px) {
	.footer-img {
		
	}
}

@media (max-width: 500px) {
	.aula-h3 { margin-top: 20px!important; }
}

@media (max-width: 400px) {
	
	.navbar-left img {
		height: 38px!important;
	}
}

.img-size {
		max-width:360px;
}

.purple {
	color: rgb(139,0,188);
}
.cursive {
	font-style: cursive;
}

.centered {
	text-align: center;
}

.purple-bg {
	background-color: #8b00bc;
	padding-bottom: 50px;
	padding-top: 50px;
}

.space {
	max-width: 65px;
	height: auto;
}

/* Contact social media logos */
.possome {
	width: 45px;
	margin-left: 5px;
}

.section-padding {
	padding-bottom: 50px;
}

.bullet {
  list-style: none;
  padding: 0;
}
.bullet li {
	position: relative;
	padding-left: 40px;
    line-height: 28px;
	font-size: 26px;
	padding-bottom: 10px;
}
.bullet li:before {
  content: '\2022';
  line-height: 28px; /*match the li line-height for vertical centered bullets*/
  position: absolute;
  left: 0;
}
.bullet li.huge:before {
  font-size: 68px;
  color: rgb(197, 108, 181);
}

.row-image {
	width: 200px;
}

.img-width {
	width: 250px!important;
	padding-bottom: 10px;
}



/* Bootstrap customization */
.nav li
{
	text-transform: uppercase;
	font-weight: bold;
}

.nav a { font-size: 16px;}

.navbar-inverse 
{
	border-color: rgb(9,118,157);
}

.navbar-left { margin-top: 6px!important; width:100px }

.navbar-brand
{
	padding: 7px 15px;
}

.inverse-dropdown{
  background-color: #222;
  border-color: #080808;
  &>li>a{
    color: #999;
    &:hover{
      color: #fff;
      background-color: #000;
    }
  }
  &>.divider {
    background-color: #000;
  }
}

.navbar-default {
  background-color: #ffffff;
  border-color: #ffffff;
}

/* .navbar-default
{
	border-bottom: 2px solid rgb(9,118,157);
	border-color: rgb(9,118,157);
} */

.navbar-default .navbar-brand {
  color: #000000;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #cacaca;
}
.navbar-default .navbar-text {
  color: #000000;
}
.navbar-default .navbar-nav > li > a {
  color: #000000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #cacaca;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #cacaca;
  background-color: #062B4A;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #062B4A;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #cacaca;
  background-color: #062B4A;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #cacaca;
  background-color: #062B4A;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #cacaca;
  background-color: #062B4A;
}
.navbar-default .navbar-toggle {
  border-color: #062B4A;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #062B4A;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}
.navbar-default .navbar-link {
  color: #000000;
}
.navbar-default .navbar-link:hover {
  color: #cacaca;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #cacaca;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #cacaca;
    background-color: #062B4A;
  }
}@media (min-width:1000px) {

	.navbar-default .container
	{
		float: left;
	}

}

@media (min-width: 992px) {
	.container {
		width: 100%;
	}
}

/* Sticky footer styles
-------------------------------------------------- */

.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
  background-color: #f5f5f5;
}

/* MEDIA QUERIES */

@media(max-width:1650px)
{
	.nutshell {
		bottom: 40px;
	}
}

@media(max-width:1640px) {
	.varausohjelmistot-p { padding-left: 10px; padding-right: 0px; }
}

@media(max-width:1500px)
{
	body { font-size: 0.9em; }
	#bg-laptop { background-size: 100%; }
	#bg-2-inner { background-size: 55%; }
	#bg-3-inner { }
	#bg-5-inner { }
	.arrow { width: 160px; }
	.aaa { width: 140px!important;}
	.bisnode { width: 80px!important;}
	.header-text {max-width: 750px;}
	.news-image img { width: 130px!important; }
}

@media(max-width: 1330px)
{
	.sanomapalvelin-tuotesivulle { padding-left: 0px!important;}
}

@media(max-width: 1250px) {
	body { font-size: 0.7em }
	.sanomapalvelin-tuotesivulle .arrow { width: 120px; }
	.news-all-content
	{
		font-size: 1.6em;
	}
	.ingressi-header
	{
		font-size: 2.2em;
	}
	.ingressi-h1
	{
		font-size: 26px!important;
	}
}

@media(min-width: 1001px) {
	#bg-laptop { padding-left: 60px; }
}

@media(max-width: 1000px) {
	body { font-size: 0.6em; }
	#news {display:none;}
	.news-all-content
	{
		font-size: 1.9em;
	}
}

@media(max-width: 768px) {
	body { font-size: 0.6em; }
	/* .asio-header  { font-size: 9em }
	.erp-header  { font-size: 4.5em }
	.header-text { font-size: 1.5em; max-width: 500px; } */
	.arrow  {width: 110px;}
	.asiolla-varataan { display: none; }
}

/*
@media(min-width:768px) {
	.col-md-10 { padding-left: 45px!important}
} */

@media(max-width:767px) {
	.yritys
	{
		margin-bottom: 20px;
		margin-top: 0px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.nutshell { display: none; }
}

@media(max-width: 600px) {
	body { font-size: 0.5em; }
	.arrow  {width: 70px;}
	.tuotesivulle { font-size: 2em; }
	#bg-laptop { background-size: 150%; }
	#bg-1-inner { padding-bottom: 10px; }
	#bg-2-inner { background-size: 90%}
	.news-all-content { font-size: 1.9em; }
	.ingressi-h1 { font-size: 22px!important; }
	.header-text-0 { padding-bottom: 88px } /* 1 rivi */
	.header-text-1 { padding-bottom: 64px } /* 3 riviä */
	.header-text-2 { padding-bottom: 67px; } /* 2 riviä */
	.phone-middle-1 { padding-left: 40px; } /* 3 riviä */
	.phone-middle-2 { padding-left: 39px; } /* 2 riviä */
	.img-height { height: auto; }
	.varausohjelmistot-p { padding-left: 0px; padding-right: 0px; padding-top: 5px !important; }
	.varausohjelmistot-padding-header { padding-bottom: 0px; }
	#header-text-fix { padding-bottom: 0px !important }
	/* #bg-tilavarausdemo {
		background-image: url("../img/demo_small2.png");
	} */
}

@media(max-width: 427px)
{
	.header-text-1 { padding-bottom: 43px } /* 3 riviä */
	.header-text-0 { padding-bottom: 67px } /* 1 rivi */
}

@media (max-width: 520px)
{
	.asio-header {font-size: 3.8em;}
	#header-nettikalenterit { font-size: 1.6em; }
	#bg-1-inner { height: 100%; }
	.carousel-header { padding-top: 10px; }
	
}

@media(max-width: 370px) {
	#bg-laptop {background-size: 150%;}
	#bg-2-inner { background-size: 100%; }
	#bg-3-inner { background-size: 100%; background-position: center center; }
	#bg-4-inner { background-size: 100%; }
	#bg-5-inner { background-size: 100%; }
	#bg-6-inner { background-size: 100%; }
	.ingressi-h1 { font-size: 18px!important; }
}

/* @media(max-width: 850px) {
	.asio-header { font-size: }
	.asio-erp { font-size:  }
	.header-text { font-size: }
} */


/*ADDITIONAL BOOTSTRAP RIGHT OFFSET */

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}