/*
Theme Name: Karico
Description: Theme for Karico
Author: Don & Branco
Author URI: http://www.donbranco.fi
Version: 1.1
*/


/* -------------- */
/* > RESET STYLES */
/* -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-60px 0 0; /* negative fixed header height */
}
/* < RESET STYLES */


/* -------------- */
/* > FONT-FACE    */
/* -------------- */

@font-face {
    font-family: 'Nexa';
    src: url('fonts/nexa-book-webfont.eot');
    src: url('fonts/nexa-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa-book-webfont.woff2') format('woff2'),
         url('fonts/nexa-book-webfont.woff') format('woff'),
         url('fonts/nexa-book-webfont.ttf') format('truetype'),
         url('fonts/nexa-book-webfont.svg#nexa_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa';
    src: url('fonts/nexa-light-webfont.eot');
    src: url('fonts/nexa-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa-light-webfont.woff2') format('woff2'),
         url('fonts/nexa-light-webfont.woff') format('woff'),
         url('fonts/nexa-light-webfont.ttf') format('truetype'),
         url('fonts/nexa-light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa';
    src: url('fonts/nexa-bold-webfont.eot');
    src: url('fonts/nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa-bold-webfont.woff2') format('woff2'),
         url('fonts/nexa-bold-webfont.woff') format('woff'),
         url('fonts/nexa-bold-webfont.ttf') format('truetype'),
         url('fonts/nexa-bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* < FONT FACE */

/* --------------- */
/* > COMMON STYLES */
/* --------------- */
body { background-color: #172b45; }
/* body.home { background: url("img/karico-fp.png") no-repeat fixed top center rgba(18, 91, 137, 1); background-size: cover; } */
body, p, span, a, label { font-family: Nexa,Arial,helvetica; font-size: 14px; letter-spacing: 0.4px; line-height: 18px; color: #1e3451; }
h1, h2, h3, h4, h5, h6 { font-family: 'Nexa', sans-serif; }
b,strong { font-weight: bold; }
input, textarea { width: 100% !important; max-width: 400px;}
em { font-style:italic; }
#main-content p { padding: 3px 0 10px; }
h1, h2 { font-size: 28px; line-height: 30px; font-weight: lighter; color: #329cd0; padding: 8px 0 15px; }
h3 { font-size: 21px; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-weight: lighter; color: #329cd0; text-transform: uppercase; }
h4 { font-size: 16px; font-weight: bold; margin-bottom: 14px; font-family: Arial; }
h5 { font-size: 25px; margin-bottom: 20px; color: #000; }
h6 { font-size: 16px; margin-bottom: 16px; font-weight: bold; color: #000; }
a { text-decoration: none; color: #000; }
a:hover { color: #3b3b3b; }
a h2
.anchor a{ top: -80px; }
hr { border: 0px; height: 1px; color: #c8c9cb; background-color: #c8c9cb; margin-top: 10px; margin-bottom: 10px; }
.entry-title { text-align: center; padding-bottom: 25px; padding-top: 80px; }
.grid-70 { width: 70%; float: right; }
.grid-30 { max-width: 30%; float: left; }
.grid-100 { max-width: 70%; margin-top: 25px; }
.liner { border-bottom: 3px solid #ececec; max-width: 960px; margin: 0 auto 80px; padding: 30px 0; }
.spacer { padding: 25px 0; }
/* < COMMON STYLES */

/* --------------------- */
/* > FRONT PAGE SPECIFIC */
/* --------------------- */
#main-logo { text-align: center; padding: 10% 0; max-width: 960px; width: 100%; margin: 0 auto; }
#blue-filter { background-color: rgba(42, 59, 73, 1); }
#fp-logo-area { padding-top: 17%; }
#fp-logo { margin: 0 0 25px; max-width: 600px; }
.slide-tausta { position: absolute; top: 0; left: 0; display: none; background: #FFF; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#valitausta { position: fixed; top: 0; left: 0; background-image: url("img/valikuva1.jpg"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -9999; -webkit-transform: rotate(0); }
#varaa { margin: -43px auto 0;position: absolute; text-align: center; width: 100%; max-width: 960px; }
body.home .grid-30 { float: right; }
body.home .grid-70 { float: left; }

  /* > SERVICES */
    .fp-service-item { position: relative; z-index: 4; box-sizing: border-box; float: left; padding: 0px 0 25px; width: 25%; margin-top: -95px; margin-bottom: 30px; }
	.fp-service-item p { font-size: 13px; letter-spacing: 0.3px; }
	.fp-service-item-wrap { padding: 0 15px; }
	.fp-service-item-image { padding: 40px 0 0; text-align: center; }
    .fp-service-item-image img { box-sizing: border-box; border: 7px solid #ff9128; border-radius: 255px; }
	.fp-service-item h2,
	.fp-service-item h2 a { padding: 10px 5px; text-align: center; font-size: 16px; color: #172b45; }
	.fp-service-item h2 a:hover { color: #61b1d8; }
	.fp-service-item h3 { font-size: 18px; padding-bottom: 10px; }
	.fp-service-item-border { margin-top: -30px; border-left: 1px solid #123123; border-bottom: 1px solid #123123; border-right: 1px solid #123123; height: 20px; }
  /* < SERVICES */

  /* > IMAGES */
    .fp-image-item { float: left; margin: 0 15px; min-height: 210px; padding: 15px 0 10px; width: 21%; }
	.fp-image-item-wrap { border: 1px solid #d3d3d3; padding: 15px 0; box-sizing: border-box; }
	.fp-image-item h3 { padding: 10px 5px; text-align: center; font-size: 14px;}
  /* < IMAGES */
  
  /* > FLEXSLIDER */
  .slide-tausta { position: absolute; top: 0; left: 0; display: none; background: #FFF; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  .flexslider { width: 100%; /* position: absolute; */ left: 0; }
  .flexslider .slide-text { position: relative; padding-top: 170px; z-index: 3; max-width: 960px; margin: 0 auto; min-height: 600px; }
  body.home .flexslider .slide-text { padding-top: 180px; }
  .flexslider .slide-text h2 { padding: 25px 35px; margin: 0 20px; background-color: #fff; background: rgba(255,255,255,0.9);  font-family: Nexa,Arial,helvetica; font-weight: lighter; font-size: 34px; line-height: 39px; color: #000; z-index: 2; display: inline-block; }
  .flexslider .slide-text p  { text-transform: uppercase; color: #fff; margin: 20px 20px; max-width: 150px; text-align: center; background-color: #4eb1e1; padding: 10px 35px; }
  .flexslider .slide-text a { font-family: Nexa, Arial; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: bold; }
  .flexslider .slides { max-height: 400px; overflow: hidden; }
  body.home .flexslider .slides { max-height: 700px; }
  .flexslider .slides .slide-bg { background-repeat: no-repeat; position: relative; width: 100%; height: 500px; background-position: 50% 50%; background-size: cover; }
  .flex-direction-nav {}
  .slides, .flex-control-nav, .flex-direction-nav{ list-style: none outside none; margin: 0; padding: 0; }
  .flex-control-nav {width: 100%; position: relative; bottom: 20px; text-align: center; z-index: 5; margin-top: -20px; }
  .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
  .flex-control-paging li a { width: 8px; height: 8px; border: 3px solid #ff9128; display: block; background: #fff; background: rgba(255,255,255,0.0); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */}
  .flex-control-paging li a:hover { background: #ff9128; }
  .flex-control-paging li a.flex-active { background: #ff9128; cursor: default; }
  .flex-direction-nav a:before { display: inline-block; }
  .flex-direction-nav .flex-prev { left: 0; z-index: 8; top: 300px; display: none; }
  .flex-direction-nav .flex-next { right: 0; text-align: right; z-index: 9; top: 300px; display: none; }
  .flex-direction-nav a { position: absolute; display: block; oveflow: hidden; top: 95%; width: 40px; height: 40px; font-size: 25px; font-family: HurmeSans, Arial; color: #fff; padding-left: 100px; padding-right: 100px;}
  /* < FLEXSLIDER */
  
  /* > NEWS LIST */
  #news-lift { color: #172b45; padding-left: 0px; list-style-image: url("/wp-content/uploads/2015/05/karico-bullet.png"); }
  #news-lift p, #news-lift a, #news-lift h3 { font-size: 14px; }
  #news-lift h3 { font-weight: bold; padding-bottom: 5px; color: #1e3451; }
#news-lift a { border-bottom: 1px solid #000; }
  /* < NEWS LIST */

  /* > MAIN CONTENT */
  .grid-70 article { padding: 0 30px 0 0 ; }
  /* < MAIN CONTENT */

  /* > CONTACT FORM -- CLEAN THIS */
  .contact-form { float: right; margin-bottom: 30px; }
  .qcf-style.default h2 { font-family: Knockout49, Arial; font-size: 25px; font-weight: lighter; letter-spacing: 2px; color: #fff; text-transform: uppercase; }
  .qcf-style.default p { color: #fff; } 
  .qcf-style #none {}
  .qcf-style.default #submit { font-family: Knockout49, Arial; font-size: 21px !important; font-weight: lighter; letter-spacing: 2px; }
  /* > CONTACT FORM */ 
  
 /* < FRONT PAGE SPECIFIC */
 
/* ---------------- */
/* > HEADER SECTION */
/* ---------------- */
#top { position: fixed; width: 100%; min-height: 80px; z-index: 9999; top:0; left: 0; background: #172b45; color: #fff; }
#top-wrapper { width: 100%; max-width: 960px; margin: 0 auto; }
#header-logo { background: url("img/karico-logo.png") no-repeat scroll left center rgba(0, 0, 0, 0); background-size: 135px 28px; width: 135px; height: 28px; margin-top: 26px; margin-left: 0; margin-right: 0; float: left; /*display: none;*/ }

  /* > HEADER SECTION - NAVIGATION */
  #top .nav { float: left; width: 100%; max-width: 620px; }
  #menu-main-menu { list-style: none; text-align: center; padding-top: 32px; }
  #menu-main-menu li { display: inline; margin: 0; padding: 17px 8px; }
  #menu-main-menu li.current-menu-item a { color: #61b1d8; }
  #menu-main-menu a { font-family: 'Nexa', sans-serif; font-size: 12px; color: #fff; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
  #menu-main-menu a:hover { color: #61b1d8; }
  #menu-main-menu .sub-menu { display: none; }
  #secondary-navigation { width: 100%; margin-top: 12px; max-width: 250px; }
  #secondary-navigation li { display: none !important;}
  #secondary-navigation .current-menu-item a { font-weight: bold; }
  #secondary-navigation #nav-2 li { display: block !important; /* border-bottom: 1px solid #ececec; */ padding: 10px 0; margin-right: 30px; }
  #secondary-navigation ul.sub-menu { box-sizing: border-box; display: block; }
  #secondary-navigation ul.sub-menu li { display: inline-block; padding: 10px; }
  #secondary-navigation ul.sub-menu li.current_page_item { background-image: url("img/dash-border.png"); background-position: left top; background-repeat: repeat; }
  #secondary-navigation a { color: #575757; }
  #secondary-navigation a:hover { color: #61b1d8; }
  #quick-links { list-style: none; float: right; text-transform: uppercase; font-size: 12px; margin-top: 25px; margin-right: 130px; }
  #quick-links li { border: 1px solid #fff; padding: 5px 10px; position: absolute; top: 25px; }
  #quick-links a { color: #fff; font-size: 12px; }
  #language { list-style: none; float: left; text-transform: uppercase; font-size: 12px; margin-top: 25px; padding-left: 15px; }
  #language li { border: 1px solid #fff; padding: 8px 5px; right: 10px; margin-left: 10px; }
  #language a { color: #fff; font-size: 12px; }
  #language ul.dropdown li ul { margin-top: 16px; }
  #language ul.dropdown li ul li { background-color: #172b45; }
  /* < HEADER SECTION - NAVIGATION */

  /* > HEADER SECTION - MOBILE NAVIGATION */  
  #top-mobile { display: none; position: fixed; top: 0; text-align: center; min-height: 45px; width: 100%; z-index: 999; background-color: #172b45; background-image: url("img/karico-logo.png"); background-size: 110px 23px; background-repeat: no-repeat; background-position: 14px center; border-bottom: 1px solid #d3d3d3; }
  #nav-menu { font-size: 28px; color: #DACA03; text-transform: uppercase; display: block; width: 100%; height: 47px; text-indent: -9999px; margin-bottom: 10px; background-image: url("img/toggle-menu.png"); background-position: right top; background-repeat: no-repeat; background-size: 30px 28px; border-top: 14px solid transparent; border-right: 14px solid transparent; box-sizing: border-box; }
  #navi-mobile .nav { background-color: #fff; display: none; border-bottom: 1px solid #d3d3d3; padding: 15px 0; }
  #navi-mobile { font-size: 12px; text-transform: uppercase; height: 0; }
  #navi-mobile li { list-style: none; padding: 5px 0; }
  #navi-mobile a { font-family: 'Nexa', sans-serif; color: #3b3b3b; padding: 8px 25px; font-weight: bold;}
  #navi-mobile ul { padding-left: 0; }
  #navi-mobile ul li ul li { list-style: none; padding: 3px 0; }
  #navi-mobile ul li ul li a { color: #3b3b3b; text-transform: lowercase; padding: 8px 0; font-size: 12px; }
  #navi-mobile .sub-menu { display: none; }
  #navi-mobile .menu-item-has-children .toggle { display: inline-block; width: 20px; height: 20px; line-height: 20px; background-color: #172b45; color: #fff; font-size: 17px; cursor: pointer; padding: 3px; }
  /* < HEADER SECTION - MOBILE NAVIGATION */  

/* < HEADER SECTION */


/* -------------- */
/* > MAIN SECTION */
/* -------------- */
#page { background-color: #fff; padding-bottom: 40px; }
#main-wrapper { width 100%; }

  /* > MAIN SECTION - CONTENT */
  #page-title { text-align: center; padding: 160px 0 45px;; max-width: 960px; width: 100%; margin: 0 auto; }
  .white-bg { background-color: #fff; width: 100%;}
  .grey-bg { background-color: #fff; width: 100%; padding: 20px 0; border-top: 1px solid #d3d3d3; } .grey-bg p, .grey-bg h2, .grey-bg h3 { color: #6b6b6b; text-align: center; margin: -35px auto 0; width: 210px; background-color: #fff;}
  .grey-arrow { background-image: url("img/grey-arrow.png"); background-position: top center; background-repeat: no-repeat; padding-top: 45px; }
  .content-wrapper { max-width: 960px; width: 100%; margin: 0 auto; }
  #main-content { padding: 10px; margin: 0 auto; }
  #main-content ul { padding-left: 13px; }
  #main-content p img { /*margin-bottom: 15px;*/ }
  #header-image img { width: 100% }
  .entry-content a { border-bottom: 1px solid #000; }
  .anchor{ display: block; height: 80px; margin-top: -80px; visibility: hidden; }
  /* < MAIN SECTION - CONTENT */


  /* > GALLERY PAGE SPECIFIC */
  .ngg-galleryoverview { text-align: center; }
  .ngg-gallery-thumbnail-box { float: none !important; display:inline-block; } 
  .ngg-gallery-thumbnail img { border: none !important; }
  /* < GALLERY PAGE SPECIFIC */

/* < MAIN SECTION */

/* ----------------- */
/* SERVICES SPECIFIC */
/* ----------------- */
  .service-item { box-sizing: border-box; float: left; width: 33%; height: 300px; }
  .service-item p { font-size: 13px; letter-spacing: 0.3px; }
  .service-item-wrap { padding: 0 35px 0 0; }
  .service-item-image { padding: 0px 0 0; text-align: center; }
  .service-item-image img { box-sizing: border-box; border: 7px solid #ff9128; border-radius: 210px; }
  .service-item h2,
  .service-item h2 a { padding: 10px 5px; text-align: center; font-size: 14px; color: #172b45; }
  .service-item h3 { font-size: 18px; padding-bottom: 10px; }
  .service-item-border { margin-top: -30px; margin-bottom: 35px; border-left: 1px solid #123123; border-bottom: 1px solid #123123; border-right: 1px solid #123123; height: 20px; }
/* < SERVICES SPECIFIC */

/* ---------------- */
/* > FOOTER SECTION */
/* ---------------- */
#footer-wrapper { background-color: #172b45; height: 100px; background-position: 0 50%; background-repeat: no-repeat; width: 100%; max-width: 960px; margin: 20px auto 80px; }
#footer-wrapper .content-container { padding: 25px 30px; }
#footer-wrapper .dash-border { background-image: url("img/dash-footer.png"); background-position: top left; background-repeat: repeat; padding: 10px; }
#footer-wrapper { padding: 0; font-size: 14px; line-height: 16px; letter-spacing: 0.3px; color: #fff; /* text-transform: uppercase; */ }
#footer-wrapper h3 { font-weight: lighter; font-size: 14px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background-color: #262228; padding: 5px 0; }
#footer-wrapper a { font-size: 14px; line-height: 16px; color: #fff; }
.footer-item { float: left; width: 25%; box-sizing: border-box; padding: 0 12px; }


/* < FOOTER SECTION */


/* ---------- */
/* > EXTRA */
/* ---------- */
.clear { clear: both; }
body.toimialat .service-item a { border-bottom: none !important; }
/* < EXTRA */


/* --------------- */
/* > MEDIA QUERIES */
/* --------------- */
  /* > LESS THAN 960 */
  @media only screen and (max-width : 959px) 
  {
  #language { margin-top: 14px; right: 45px; position: absolute; width: 100%; max-width: 230px; }
  #page-title { padding: 70px 0 20px; }
  .flexslider .slide-text { min-height: /*300px;*/ min-height: 250px; }
  .fp-service-item-image { padding: 0 0 10px; }
  .fp-service-item { margin-top: -45px; }
  .fp-image-item { width: 50%; margin: 0; }
  .service-item { height: 330px; }
  .flexslider { margin: 10px auto; float: none; }
  .flex-direction-nav a { top: 50%; padding-left: 5%; padding-right: 5%; }
  #header { padding-top: 25%; }
  .qcf-style.default { max-width: 100%; width: 100% !important; }
  #top-mobile { display: block; }
  .content-title { float: none; }
  #fp-logo { width: 80%; }
  .float-left { width: 95%; }
  .spacer { padding: 5px 0; }
  .content-container img { max-width: 100%; height: auto; }
  .service-item-image img { border: 7px solid #ff9128; }
  #top { display: none; }
  .footer-item { width: 50%; min-height: 275px; }
  #footer-wrapper { margin: 0 auto; }

  .flexslider .slide-text { position: relative; padding-top: 100px; z-index: 3; max-width: 960px; margin: 0 auto; min-height: 250px; }
  body.home .flexslider .slide-text { padding-top: 130px; /*padding-top: 8%;*/ }
  .flexslider .slides { max-height: 250px; overflow: hidden; }
      
  #secondary-navigation { display: none; }
      
  home.grid-30, .grid-30, .grid-70, .grid-100 { width: 100%; max-width: 100%; }
  #main-content { padding: 25px; margin: 0 auto; }
  #page { padding-bottom: 0px; }

      
  }
  /* < LESS THAN 960 */

  /* > LESS THAN 720 */

    @media only screen and (max-width: 719px)
    {
    .fp-service-item { display: none; }
	.service-item { width: 50%; height: auto; }
    .flexslider .slide-text h2 { padding: 15px 25px; margin: 0; font-size: 28px; overflow: hidden; }
    #footer-wrapper { height: 180px; }
    #footer-wrapper .content-container { margin: 12px; text-align: center; }
    #footer-wrapper img { display: none; }
    #footer-wrapper { padding: 0; font-size: 14px; line-height: 16px; letter-spacing: 0.3px; color: #fff; /* text-transform: uppercase; */ }
    #footer-wrapper h3 { font-weight: lighter; font-size: 14px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; background-color: #262228; padding: 5px 0; padding-left: 20px; padding-right: 20px; }
    .footer-item { float: left; width: 25%; box-sizing: border-box; padding: 0 12px; }
	.flexslider .slides .slide-bg { background-position: 50% 0; background-size: 110% auto; height: auto; position: relative; width: 100%; }
    }


  /* < LESS THAN 720 */

  /* > LESS THAN 580 */
  @media only screen and (max-width : 539px) 
  {
  #top-mobile { background-size: 60px auto; }
  #language li { padding: 7px 0px; right: -16px; }
  h1 { font-size: 26px; }
  h1, h2 { word-wrap: break-word; }
  .spacer { padding: 0; }
  #page-title { padding: 40px 0 0; }
  .fp-service-item { width: 100%; min-height: 10px; }
  .fp-image-item-wrap { padding: 0; } 
  .service-item-wrap { padding: 0 10px; }
  #secondary-navigation { padding-top: 20px; }
  #secondary-navigation a { font-size: 14px; }
  .entry-title { padding-top: 45px; padding-bottom: 0; }
      
  /*.flexslider .slide-text h2 { padding: 25px 35px; margin: 0 20px; font-size: 30px; line-height: 34px; }*/
  .flexslider .slides .slide-bg { background-position: 50% 0; background-size: 180% auto; height: auto; position: relative; width: 100%; }
  .flexslider .slide-text a { font-size: 14px; }
  body.home .flexslider .slides { max-height: 400px; }
  .flex-control-nav { bottom: 310px;}
  }
  /* < LESS THAN 580 */

  /* > LESS THAN 480 */
  @media only screen and (max-width : 329px) 
  {
  #top-mobile { background-size: 30px auto; }
  body { background: none !important; }
  .service-item { width: 100%; height: auto; } 
  .flexslider .slides .slide-bg { background-position: 50% 0; background-size: 200% auto; height: auto; position: relative; width: 100%; }
  }
  /* < LESS THAN 480 */

  /* > iPhone 4 */
  @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) { }
  /* < iPhone 4 */
/* < MEDIA QUERIES */


/* ---------- */
/* > CLEARFIX */
/* ---------- */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* < CLEARFIX */