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

@font-face {  font-family: 'OpenSansRegular';  src: local('OpenSansRegular'), local('OpenSansRegular'), url('/fonts/OpenSans-Regular.ttf') format('opentype');}
.OpenSans-Regular { font-family:'OpenSansRegular';}
@font-face {  font-family: 'Play';  src: local('Play'), local('Play'), url('/fonts/Play-Regular.ttf') format('opentype');}
.Play { font-family:'Play';}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
	/*font-family: 'Hind Madurai', sans-serif;*/
	 font-family: 'OpenSansRegular';	
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {margin: 0; color: #333;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}

a {background-color: transparent; text-decoration:none; color: #999}
a:active, a:hover {outline: 0;}
a:hover {color:#C00;}

h1,.h1 { font-size: 3rem;}
h2,.h2 { font-size: 2rem; font-weight:400; font-family: 'OpenSansRegular'; }
h3,.h3 {  font-size: 2rem;}
h4,.h4 {  font-size: 1.125rem;}
h5,.h5 {  font-size: 0.875rem;}
h6,.h6 {  font-size: 0.75rem;}

p { margin: 0 0 10px; font-size:1rem; line-height:165%;}
p span {font-family: 'Play'; font-weight:700; font-size:1.18rem}
footer p { font-size:0.9rem; color:#999}

.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.text-justify { text-align: justify;}

b, strong {font-weight: bold;}

ul,ol {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 165%
}
ul ul,
ol ul,
ul ol,
ol ol {  margin-bottom: 0;}

img { border: 0; }
img { vertical-align: middle;}
img { max-width: 100%;  height: auto;}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.pbottom-5 { padding-bottom:5px;}
.pbottom-10 { padding-bottom:10px;}
.pbottom-15 { padding-bottom:15px;}
.pbottom-20 { padding-bottom:20px;}
.pbottom-25 { padding-bottom:25px;}
.pbottom-30 { padding-bottom:30px;}
.pbottom-35 { padding-bottom:35px;}
.pbottom-40 { padding-bottom:40px;}
.pbottom-45 { padding-bottom:45px;}
.pbottom-50 { padding-bottom:50px;}
.pbottom-55 { padding-bottom:55px;}

.ptop-5 { padding-top:5px;}
.ptop-10 { padding-top:10px;}
.ptop-15 { padding-top:15px;}
.ptop-20 { padding-top:20px;}
.ptop-25 { padding-top:25px;}
.ptop-30 { padding-top:30px;}
.ptop-35 { padding-top:35px;}
.ptop-40 { padding-top:40px;}
.ptop-45 { padding-top:45px;}
.ptop-50 { padding-top:50px;}
.ptop-55 { padding-top:55px;}

@media (min-width: 768px) {
}	

/* Container */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { /*width: 970px;*/ width: 750px;}
}
@media (min-width: 1200px) {
  .container {  /*width: 1170px;*/ width: 750px;}
}

/* ROW - COL */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:after { clear:both; content:""; display: block; visibility: hidden; height: 0px;}

.col-s-01, .col-s-02,.col-s-03, .col-s-04,.col-s-05, .col-s-06,.col-s-07, .col-s-08,.col-s-09, .col-s-10,.col-s-11, .col-s-12,
.col-m-01, .col-m-02,.col-m-03, .col-m-04,.col-m-05, .col-m-06,.col-m-07, .col-m-08,.col-m-09, .col-m-10,.col-m-11, .col-m-12,
.col-l-01, .col-l-02,.col-l-03, .col-l-04,.col-l-05, .col-l-06,.col-l-07, .col-l-08,.col-l-09, .col-l-10,.col-l-11, .col-l-12,
header-logo-left, header-logo, header-logo-right
 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-01, .col-xs-02,.col-xs-03, .col-xs-04,.col-xs-05, .col-xs-06,.col-xs-07, .col-xs-08,.col-xs-09, .col-xs-10,.col-xs-11, .col-xs-12,
.header-logo-left, .header-logo, .header-logo-right
{ float: left;}

.header-logo-left{ width: 15%;}
.header-logo { width: 270px; height:auto; padding-top:15px;}
.header-logo-right { width: 0%;}

.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 { width: 83.33333333%;}
.col-xs-09 { width: 75%;}
.col-xs-08 { width: 66.66666667%;}
.col-xs-07 { width: 58.33333333%;}
.col-xs-06 { width: 50%;}
.col-xs-05 { width: 41.66666667%;}
.col-xs-04 { width: 33.33333333%;}
.col-xs-03 { width: 25%;}
.col-xs-02 { width: 16.66666667%;}
.col-xs-01 { width: 8.33333333%;}

@media (min-width: 768px) {
.col-s-01, .col-s-02,.col-s-03, .col-s-04,.col-s-05, .col-s-06,.col-s-07, .col-s-08,.col-s-09, .col-s-10,.col-s-11, .col-s-12,
.header-logo-left, .header-logo, .header-logo-right
{ float: left;}

.header-logo-left{ width: 33.33333333%;}
.header-logo { width: 270px; height:auto;}
.header-logo-right { width: 33.33333333%;}

.col-s-12 { width: 100%;}
.col-s-11 { width: 91.66666667%;}
.col-s-10 { width: 83.33333333%;}
.col-s-09 { width: 75%;}
.col-s-08 { width: 66.66666667%;}
.col-s-07 { width: 58.33333333%;}
.col-s-06 { width: 50%;}
.col-s-05 { width: 41.66666667%;}
.col-s-04 { width: 33.33333333%;}
.col-s-03 { width: 25%;}
.col-s-02 { width: 16.66666667%;}
.col-s-01 { width: 8.33333333%;}
}

@media (min-width: 992px) {
.col-m-01, .col-m-02,.col-m-03, .col-m-04,.col-m-05, .col-m-06,.col-m-07, .col-m-08,.col-m-09, .col-m-10,.col-m-11, .col-m-12,
.header-logo-left, .header-logo, .header-logo-right
{ float: left;}

.header-logo-left{ width: 33.33333333%;}

.header-logo-right { width: 33.33333333%;}

.col-m-12 { width: 100%;}
.col-m-11 { width: 91.66666667%;}
.col-m-10 { width: 83.33333333%;}
.col-m-09 { width: 75%;}
.col-m-08 { width: 66.66666667%;}
.col-m-07 { width: 58.33333333%;}
.col-m-06 { width: 50%;}
.col-m-05 { width: 41.66666667%;}
.col-m-04 { width: 33.33333333%;}
.col-m-03 { width: 25%;}
.col-m-02 { width: 16.66666667%;}
.col-m-01 { width: 8.33333333%;}

}
@media (min-width: 1200px) {
.col-l-01, .col-l-02,.col-l-03, .col-l-04,.col-l-05, .col-l-06,.col-l-07, .col-l-08,.col-l-09, .col-l-10,.col-l-11, .col-l-12,
.header-logo-left, .header-logo, .header-logo-right
{ float: left;}

.header-logo-left{ width: 33.33333333%;}

.header-logo-right { width: 33.33333333%;}

.col-l-12 { width: 100%;}
.col-l-11 { width: 91.66666667%;}
.col-l-10 { width: 83.33333333%;}
.col-l-09 { width: 75%;}
.col-l-08 { width: 66.66666667%;}
.col-l-07 { width: 58.33333333%;}
.col-l-06 { width: 50%;}
.col-l-05 { width: 41.66666667%;}
.col-l-04 { width: 33.33333333%;}
.col-l-03 { width: 25%;}
.col-l-02 { width: 16.66666667%;}
.col-l-01 { width: 8.33333333%;}
}

.komma {position:absolute; top:0; left:15px; width:50px; z-index:10;}
@media (min-width: 480px) {
.komma {position:absolute; top:0; left:15px; width:60px; z-index:10;}
}
@media (min-width: 768px) {
.komma {position:absolute; top:0px; left:15px; width:60px; z-index:10;}
}


.komma {position:absolute; top:0; left:15px; width:50px; z-index:10;}
@media (min-width: 480px) {
.komma {position:absolute; top:0; left:15px; width:60px; z-index:10;}
}
@media (min-width: 768px) {
.komma {position:absolute; top:0px; left:15px; width:60px; z-index:10;}
}