﻿/* CSS Document */

/* fontit suhteellisiksi */

/*------------------------------------------*/
/*	     01 - General & Basic Styles
/*------------------------------------------*/

html {
	font-size: 13px;
}


i {
	font-size: 1.1rem;
}

h1 {
    font-size: 1.85rem;
	line-height: 2.30rem;
}

h2 {
    font-size: 1.69rem;
	line-height: 2.15rem;
}

h3 {
    font-size: 1.38rem;
	line-height: 1.85rem;
}

h4 {
    font-size: 1.23rem;
	line-height: 1.69rem;
}

h5 {
    font-size: 1.08rem;
	line-height: 1.54rem;
}

h6 {
    font-size: 0.92rem;
	line-height: 1.38rem;
}

p {
    font-size: 1rem;
    line-height: 1.69rem;
}


.fittext {
	font-size: 2.92rem;
	line-height: 1.6em;
}

a.main-button, input[type=submit] {
    font-size: 0.92rem;
}


a.main-button i {
	font-size: 1.2em;
}


/*------------------------------------------*/
/*	     02 - Header & Navigation
/*------------------------------------------*/


.top-bar .contact-details li a {
	font-size: 0.92rem;
	line-height: 2.46rem;
}

ul.social-list li a i {
	font-size: 1em;
	line-height: 2.54rem;
}

.navbar-default .navbar-nav > li > a {
    font-size: 1.08rem;
}

.dropdown li a, .sup-dropdown li a {
    font-size: 0.92rem;
}

.show-search i {
	font-size: 1.2em !important;
	line-height: 2.77rem;
}


/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/

#main-slide .carousel-control i{
	line-height: 2.77rem;
	font-size: 2.46rem;
}

#main-slide .slider-content h2{
	font-size: 5rem;
	font-size: 5vw;
	text-shadow: 2px 2px 4px #000000;	
}

#main-slide .slider-content h3{
	font-size: 3rem;
	font-size: 3vw;	
	text-shadow: 2px 2px 4px #000000;	
}

.slider.btn{
	font-size: 2rem;
	font-size: 2vw;	
	line-height: 2rem;
}



/*------------------------------------------*/
/*	   03 - Main Page Elements
/*------------------------------------------*/


ul.breadcrumbs li {
	font-size: 1rem;
}

label {
	font-size: 1rem;
}

.widget-search input[type=search], #contact-form input[type=text], #contact-form textarea, #respond input[type=text], #respond textarea {
    font-size: 1rem;
}

.error-page h1 {
    font-size: 12.3rem;
    line-height: 10.77rem;
}

.error-page h3 {
    font-size: 4.92rem;
	line-height: 5.38rem;
}

.error-page p {
    font-size: 1.69rem;
    line-height: 2.15rem;
}


/*------------------------------------------*/
/*	     05 - Shortcodes Elements
/*------------------------------------------*/

/*************** Call To Action ***************/

.call-action p {
	font-size: 1.08rem;
}

/*************** Latest News ***************/

.latest-posts-classic .left-meta-post .post-date .day {
	font-size: 1.54rem;
}

.latest-posts-classic .left-meta-post .post-date .month {
	line-height: 1.08rem;
	font-size: 0.85rem;
}

.latest-posts-classic .left-meta-post .post-type i {
	line-height: 3rem;
	font-size: 1.4em;
}


/*************** Toggles & Accordion ***************/


.panel-title {
	font-size: 1rem;
}

.panel-title a i {
	font-size: 1.2em;
}


/*************** Dropcaps ***************/

.dropcap {
	font-size: 3.08rem;
	line-height: 2.62rem;
}

.dropcap.border-dropcap {
	font-size: 2.15rem;
	line-height: 3.23rem;
}

.dropcap.bg-dropcap {
	font-size: 2.15rem;
	line-height: 3.69rem;
}

/*************** Milestone ***************/

.milestone-block .milestone-icon i {
	font-size: 2em;
}

.milestone-block .milestone-number {
	font-size: 2rem;
	line-height: 2.15rem;
}

.milestone-block .milestone-text {
	font-size: 1.38rem;
}

/*************** Pricing Tables ***************/

.pricing-table .plan-price .price-value {
	font-size: 2.92rem;
	line-height: 3.08rem;
}

.pricing-table .plan-price .price-value span {
	font-size: 1.38rem;
	line-height: 1.38rem;
}

.pricing-table .plan-price .interval {
	line-height: 1.08rem;
}

.pricing-table .plan-list li {
	font-size: 0.92rem;
}

/*************** Buttons ***************/

.btn-system {
	font-size: 1em;
}

.btn-large {
	font-size: 1.08rem;
}

.btn-medium {
	font-size: 1.08rem;
}


/*************** Pie Charts ***************/

.easyPieChart {
	font-size: 1.85rem;
}

.easyPieChart span {
	line-height: 1.54rem;
	font-size: 1rem;
}

.easyPieChart i {
	font-size: 3.5em;
}

/*************** Lists ***************/

ul.icons-list li i {
	font-size: 1.08rem;
}

/*************** Icons ***************/

.icon-small {
	font-size: 2em;
}

.icon-medium {
	font-size: 2.5em;
}

.icon-large {
	font-size: 3em;
}

.icon-mini-effect {
	font-size: 1.2em;
	line-height: 2.46rem;
}






.icon-medium-effect {
	font-size: 2em;
	line-height: 64px;
}


.icon-large-effect {
	font-size: 2.6em;
	line-height: 80px;
}


/*************** Testimonials ***************/

.testimonials .testimonial-content p {
	font-size: 1.85rem;
	line-height: 2.77rem;
}


.classic-testimonials .testimonial-content:before {
	font-size: 30px;
}


/*************** Team Members ***************/

.team-member .member-photo .member-name {
	font-size: 1.08rem;
}

.team-member .member-photo .member-name span {
	font-size: 1rem;
}

.team-member .member-socail a i {
	line-height: 2.15rem;
}

.team-member.modern .progress-label {
	font-size: 0.85rem;
	line-height: 2em;
}



/*************** Heading Titles ***************/

.big-title h1, .big-title h2 {
	font-size: 2rem;
	line-height: 2.46rem;
}

.big-title .title-desc {
	font-size: 1.23rem;
	line-height: 1.69rem;
}



/*------------------------------------------*/
/*	        06 - Portfolio Styles
/*------------------------------------------*/

.portfolio-item .portfolio-thumb .thumb-overlay i {
	font-size: 3em;
}


/* Start Campaign Section
==================================================================
*/

#portfolio-list li h3{
    font-size: 1.4em;
}

#portfolio-list li .header {
    font-size: 1.8em;
    line-height: 1.5em;
}

#portfolio-list li .body {
    font-size: 1em;
}

#portfolio-list li .more {
  font-size: 50px;
  line-height: 76px;
}


/*------------------------------------------*/
/*		  07 - Single Project Styles
/*------------------------------------------*/

.project-slider .thumb-overlay i {
	font-size: 3em;
}

/*------------------------------------------*/
/*			   08 - Blog Styles
/*------------------------------------------*/

.blog-post .post-head .thumb-overlay i {
	font-size: 3em;
}

.blog-post .post-type {
	line-height: 2.77rem;
}

.blog-post .post-type i {
	font-size: 1.2em;
}

.blog-post.quote-post .qoute-box h2 {
	font-size: 1.38rem;
	line-height: 2rem;
}


/*Pagination*/
#pagination span, #pagination a {
	line-height: 2.54rem;
}

/*------------------------------------------*/
/*		    09 - Single post Styles
/*------------------------------------------*/

.post-tags-list a {
	font-size: 0.92rem;
}

.post-share span {
	font-size: 1rem;
}

.post-share a i {
	line-height: 2.46rem;
	font-size: 1em;
}



/*------------------------------------------*/
/*			10 - SideBar Styles
/*------------------------------------------*/

.widget-search input[type=search] {
	line-height: 2.85rem;
}

.widget-search .search-btn {
	font-size: 1.2em;
	line-height: 2.77rem;
}


.sidebar .widget h4 {
	font-size: 1.08rem;
}


.sidebar .widget-popular-posts .widget-content h5 {
	font-size: 1rem;
	line-height: 1.46rem;
}

.sidebar .widget-popular-posts .widget-content span {
	font-size: 0.92rem;
}

.sidebar .tagcloud a {
    font-size: 0.92rem;
}




/*------------------------------------------*/
/*			 11 - Footer Styles
/*------------------------------------------*/

.footer-widget h4 {
	font-size: 1.08rem;
}

.social-widget ul.social-icons li a i {
	font-size: 1.4em;
	line-height: 2.77rem;
}

.mail-subscribe-widget form input[type=text] {
    font-size: 0.92rem;
}

.copyright-section {
	font-size: 0.85rem;
}

.copyright-section p {
	font-size: 0.85rem;
}

.back-to-top i {
    line-height: 2.77rem;
}


/*------------------------------------------*/
/*			 12 - Plugins Styles
/*------------------------------------------*/


/*
 * Nivo Lightbox v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Effects 
 **********************************************/

/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 */
 
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font-size: 1.08rem;
	line-height: 1.54rem;
}



/* 
 * 	Core Owl Carousel CSS
 *	v1.24
 */

/*
* 	Owl Carousel Owl Theme 
*/

/* Styling Next and Prev buttons */

.touch-slider .owl-controls .owl-buttons div{
	line-height: 4.62rem;
}

.touch-slider .owl-controls .owl-buttons div i{
	font-size: 1.8em;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
	line-height: 2.15rem;
}

.touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div {
	line-height: 1.69rem;
}

.touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i {
	font-size: 1.2em;
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	font-size: 0.92rem;
}


/******* Style Switcher *******/
.switcher-box h4 {
	line-height: 3.23rem;
	font-size: 1.08rem;
}
.switcher-box .colors-list {
	line-height: 1.54rem;
}
.switcher-box .layout-style, .switcher-box .topbar-style {
	font-size: 0.92rem;
}

.services-2-icon i {
  line-height: 4.62rem;  
  font-size: 2rem;
}

.services-2-icon h4 {
  font-size: 1.23rem;
}

.progress-bar {
  font-size: 0.92rem;
}


.counter-item i {
  font-size: 3.08rem;
}


.timer {
  font-size: 3.69rem;
  line-height: 6.15rem;
}


.services-3-icon i {
  line-height: 4.62rem;  
}


.services-3-icon h4 {
  font-size: 1.23rem;
}

