@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400i,700,900');


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); 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);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}




/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}




/*****************************************/
/* Start your style declarations here    */
/*****************************************/


body {
    
    background: #fff;
}


.rivi0 .row-fluid-wrapper, .rivi1 .row-fluid-wrapper, .rivi2 .row-fluid-wrapper, .rivi3 .row-fluid-wrapper, .rivi4 .row-fluid-wrapper, .header-container, .footer-container, .body-container {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    width: 100%;
    padding: 0px 0;
    box-sizing:border-box;
}

.header-top {
    
    border-top: #0055a4 40px solid;
        border-bottom: 1px solid #f1f3f2;
        padding-top: 20px;
        margin-bottom: 35px;
        padding-bottom: 25px;
}

.teksti1, .teksti2, .teksti3, .teksti4, .teksti5, .teksti6, .teksti7, .teksti8 {
    
    display: none;   
}


.footer {
    
        background: #1d1d1d;
        padding: 35px 0 60px;
        margin-top: 40px;
}

.footer * {
    
    color: #fff;
}

.lp .kehys {
    
    max-width: 960px !important;
    float: none !important;
    margin: 0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}

body form.hs-form .hs-form-field ul.inputs-list li {
    
    position: relative;
    padding-left: 35px !important;
    
}

body form.hs-form .hs-form-field ul.inputs-list li input {
    
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 1000px) {

body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
     position: absolute;
    top: 84px;
    padding: 20px;
    background: #fff;
    left: 0;
    z-index: 100;
    width: 320px;
    box-shadow: 0px 4px 18px rgba(0,0,0,0.2);
    display: none;
}

}
  
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
    display: block !important;
}


.top_lang {
  
  display: none;
}

.light-blue-bg {
  
  background: #00aae7;
  padding: 44px 19px 18px;
  color: #fff;
  border-radius: 37px;
}

.light-blue-bg p, .light-blue-bg li {
  
  color: #fff;
}

.some {
  
      margin-bottom: 30px;
    display: block;
}


.referenssit {
  
  background: #0053a6;
  color: #fff;
  padding: 3% 4%;
}

.left70 {
  
  float: left;
  width: 69%;
}

.right30 {
  
  float: right;
  width: 29%;
}

.blogi .post-listing h1 {
    
    color: #272727;
    margin: 2px 0px 23px 0px !important;
    border-bottom: 1px solid #eee;
        font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    font-style: normal;
    padding-bottom: 23px;
    font-weight: 300;
    
}

.copy a {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
    text-decoration: none;
    text-align: right;
}

.blogi .post-listing .hs-featured-image-wrapper {
    
    
    overflow: hidden;
    max-height: 380px;
  
}

@media screen and (min-width: 767px) {

.blogi .post-listing .hs-featured-image-wrapper img {
    
    
    width: 150%;
    margin-left: -25%;
    max-width: 150%;

}


}


.blogi .post-listing h1 {
    
    text-align: center;   
}

body .stButton .stButton_gradient {
    
    height: 22px;
}

.referenssit h3, .referenssit h2 {
 color: #fff;
  font-size: 25px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2em;
}

.referenssit .kuvat {
  
  border-top: 1px solid #004080;
  padding-top: 20px;
  margin-top: 10px;
  margin-left: 0px;
}

.referenssit .kuvat ul {
  
 margin: 0px; 
}

.kuvat li {
  
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 0px;
  
}

.kuvat li:before {
  
 content: "" !important;
  position: static;
}

.referenssit p {
 color: #fff;
}

.articleBody {
  margin-bottom: 57px;
}

.laadunvalvonta {
  background: url('../../../images/pagepic/laadunvalvonta-bg.jpg') no-repeat right top;
  
  min-height: 649px;
}

.laadunvalvonta-wrapper {
  
  padding-right: 34%;
}



li.i-1:before {
  background: url('../../../images/layout/icons/i-ajoneuvojen-laadunvalvonta.png') no-repeat left top ;
  
}

li.i-2:before {
  background: url('../../../images/layout/icons/i-ajoneuvojen-lisavarustelu.png') no-repeat left top ;
  
}

li.i-3:before {
  background: url('../../../images/layout/icons/i-ajoneuvojen-myyntikunnostukset.png') no-repeat left top ;
  
}

li.i-4:before {
  background: url('../../../images/layout/icons/i-varaosa-materiaalilogistiikka.png') no-repeat left top ;
  
}

li.i-5:before {
  background: url('../../../images/layout/icons/i-informaatiopalvelut.png') no-repeat left top ;
  
}

li.i-6:before {
  background: url('../../../images/layout/icons/i-kuljetuspalvelut.png') no-repeat left top ;
  
}

li.i-7:before {
  background: url('../../../images/layout/icons/i-one-stop-shop.png') no-repeat left top ;
  
}

li.i-1:before, li.i-2:before, li.i-3:before, li.i-4:before,li.i-5:before,li.i-6:before,li.i-7:before {
 content: " " !important; 
  width: 20px;
  padding: 10px;
  
  
}


.logot img {
  
  max-height: 100px;
  
}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
  
 height: 26px !important;

}

.some {
  height: auto;
 
  margin-top: 42px;
}

 .mobile {
      
      display: none;
    }

.logot .w25 {
  
 text-align: center;
  
}

.assix-logo {
  position: relative;
  top: 0px;
  padding-left: 90px;
}

.assix-logo img {
  position: absolute;
  top: 0px;
  left: 0px;
}

.blog .readmore .btn {
  
  font-size: 0px;
  color: #0076bc;
  padding: 10px 10px;
    min-width: 60px;
  
}

.blog .readmore .icon-chevron-right {
  
  display: none;
}

.blog .readmore .btn:before {
  
  font-size: 17px;
  color: #fff;

  content: "Lue lisää ";
  
}

.blog .readmore .btn:after {
  
  font-size: 17px;
  color: #fff;
  padding-left: 5px;
  font-family: 'fontAwesome';
  content: "\f0a9";
  
}

 #header {
  margin: 0px 0 0;
  height: auto !important;
}

.blog .item  {
  border-bottom: 10px solid #eee;
  margin-bottom: 35px;
  padding-bottom: 19px;
}

.blog .items-leading {
   border-bottom: 10px solid #eee;
  margin-bottom: 35px;
  padding-bottom: 19px;
}

body a {
  color: #0055a4;
}

.custommobile {
  
  display: none !important;
}

.yamm .navbar-collapse.pull-right {
  width: 100%;
 
  background: #fff;
}



.custommobile hr {
  
    margin: 53px 0px 0px;
}

.custommobile h1 {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 37px;
}

.content_sidebar .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  padding: 20px;
  margin-left: 0px;
}

.content_sidebar .nav li .current a {
  
  font-weight: 700;
  color: #000;
  
}


.content_fullwidth .content_sidebar .nav ul {
  margin: 0 0 7px 0px;
}

.content_fullwidth .content_sidebar .nav li:before {
  content: "\f0fe ";
  font-family: FontAwesome;
  color: #0076bc;
  font-size: 1em;
  padding-right: 0px;
  position: absolute;
  left: 7px;
  top: 4px;
}

.content_fullwidth .content_sidebar .nav li ul li:before {
  
 content: "";'
 position: static; 
}

.content_fullwidth .content_sidebar .nav li ul {
  margin-left: 16px;
  padding-top: 14px;
}


body .content_sidebar .nav>li>a {
  position: relative;
  display: block;
    padding: 3px 6px 0px 22px;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
}


.main-padding {
  
  padding: 4% 0;
}


.palvelut .w33 {
  float: left;
  width: 31%;
  background-color: #fff;
  padding: 0px;
  min-height: 385px;
  margin-right: 1%;
  margin-bottom: 1%;
  border: none;
}

.green-bg {
  
  background: #83c327 !important;
}

#tunnus {
  
  margin-bottom: 30px;
}

#fin-laheta {
  
  width: 100%;
}

#chronoform-FI-Assistore-Tunnukset .form-group:last-child {
  
  width: 100%;
}

#chronoform-FI-Assistore-Tunnukset .form-control {
 
  width: 90% !important;
  padding: 26px 20px !important;
  background-color: #f4f5f6 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 2px !important;
}

#chronoform-FI-Assistore-Tunnukset #laheta {
  
  background: #83c327 !important;
  display: inline-block !important;
  width: auto !important;
  padding: 20px 50px !important;
  color: #fff !important;
  margin: 10px auto !important;
  font-weight: 400;
  text-transform: uppercase !important;
  box-shadow: 2px 2px 0px #eee !important;
  border-radius: 4px !important;
  
}

#chronoform-FI-Assistore-Tunnukset .form-group {

  width: 50%;
  float: left;
}

#chronoform-FI-Assistore-Tunnukset {
  
  background: none;
  max-width: 970px;
  margin: 0 auto;
  text-align: center;
  box-shadow: none;
  border: none;
}

body .main-header {
  
  color: #0056a4;
  font-size: 60px;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
}


body .gbs3 .gcore-display-table {
  display: table;
  width: 100%;
}

.tp-caption.Paaotsikko_Banneri {
  
  color: #0055a4;
}

.lightblue-bg {
  background-color: #009fe3;
  padding: 4% 3%;
  width: 100%;
}

.lightblue-bg .w25 {
  
  color: #fff;
  text-align: center;
}

.lightblue-bg .w25 p {
color: #fff;
}

.lightblue-bg h2 {
  
  color: #0056a4;
  font-size: 65px;
  text-transform: none;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0px 0px 40px;
  text-align: center;
  padding: 0px;
}



.lightblue-bg .services h3, .lightblue-bg .services h3 a{
  
color: #fff;  
  display: block !important;
  margin-top: 15px;
}


.form-header span, form h3 span, form label {
    font-weight: 700;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    padding: 6px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border .2s,box-shadow .2s;
    -moz-transition: border .2s,box-shadow .2s;
    -o-transition: border .2s,box-shadow .2s;
    transition: border .2s,box-shadow .2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

p, li {
  
font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color: #010d25;
}

 .content_fullwidth .tabs li:before
{
 content: "" !important; 
}

body .blue-bg .tp-button:hover {
  
  color: #0076bc !important
}

.moduletable h6, .moduletable h3 {
  
  display: none;
}

body .tabs li.active a {
  background-color: #0075bf;
}

body .tabs li.active a:after {
  border-left-color: #0075bf;
}


.content_sidebar {
    float: right;
	width: auto;
    max-width: 27%;
	padding: 0px 0px 0px 0px;
}

.content_sidebar .moduletable:first-child {
  
  padding-top: 100px;
}

.content_sidebar .moduletable {
  
  min-width: 315px;
  margin-bottom: 30px;
}

.form-header {
  
  margin-top: 0px !important; 
}

body .moduletableright .gbs3 .gcore-display-table, body .content_sidebar .gbs3 .gcore-display-table {
  
 width: 100% !important;
}

body .moduletableright .gbs3 .form-control, body .content_sidebar .gbs3 .form-control {
  
  width: 90% !important;
  padding: 10px 5% !important;
}


.chrono_credits {
  
  display: none !important;
}

.bw {
  
  filter: grayscale(100%); 
  -webkit-filter: grayscale(100%); filter: grayscale(100%);
}

body .moduletableright .nav>li {
  
  float: none;
}


body .moduletableright .nav>li>a {
  position: relative;
  display: block;
  padding: 2px 5px 0px;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
}


body .tabs-content {
  float: right;
}

body .tabs li a {
  color: #454545;
  display: block;
  height: auto;
  padding: 22px 0px 20px 0px;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.5em;
  background-color: #eee;
  position: relative;
}

body .tabs li {
  margin: 0px 0px 16px 0px;
  text-align: center;
}

body .tabs-content .tabs-panel.bgimg1, body .tabs-content .tabs-panel.bgimg2, body .tabs-content .tabs-panel.bgimg3 {
  
  height: auto;
  min-height: 470px;
}

.ratkaisut .bgimg1 {
  
  background: url('../../../images/layout/assistor_ajoneuvologistiikka.jpg') no-repeat right top !important;
}

.ratkaisut .bgimg2 {
  
  background: url('../../../images/layout/assistor_varaosa-ja-materiaalilogistiikka.jpg') no-repeat right top !important;
}

.ratkaisut .bgimg3 {
  
  background: url('../../../images/layout/assistor_informaatiopalvelut.jpg') no-repeat right top !important;
  background: url('../../../images/layout/informaatiopalvelut-bg5.jpg') no-repeat right top !important;
  
}

.tabs .content_fullwidth ul {
  margin: 0 0 0px 0px;
}


.form-right, form {

  background-color: #f7f8f9;
  padding: 30px 25px;
  border: 1px solid #e9e9e9;
  box-shadow: 0px 0px 4px #eee;

}

.form-header span, form h3 span, form label {
  
  font-weight: 700;
}

form label {
  
  color: #000;
}

.blog h2 {
  
  margin: 2px 0px 23px 0px !important;
  border-bottom: 1px solid #eee;
  padding-bottom: 23px;
}

body .blog .page-header {
  margin: 2px 0px 3px 0px !important;
  border-bottom: none;
}

.blog .page-header h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 19px;
}

.w25 {
  
  float: left;
  width: 23%;
  margin-right: 2%;
}

.right75 {
  
  float: right;
  width: 72%;
}

.widget-type-rich_text p, .widget-type-rich_text ul, .hs_cos_wrapper_type_rich_text p, .hs_cos_wrapper_type_rich_text ul, .post-body p, .post-body ul {
    
    padding: 0;
    margin: 0 0 1.3em 0;
}

.widget-type-rich_text ul, .hs_cos_wrapper_type_rich_text ul, .post-body ul {
    
    padding-left: 20px;   
}

h3 {
  
  font-size: 25px;
  line-height: 1.3em;
  font-weight: 400;
  margin-bottom: 18px;
}

hr {
  
	height: 1px;
  background: none;
  color: #d8d8d8;
  margin: 30px 0px;
  border-top: 1px dotted #d8d8d8;
}

.content_fullwidth li {
  
  padding-bottom: 10px;
  padding-left: 10px;
  list-style: none;
   position: relative;
  
}

.content_fullwidth ul {
  
  margin: 0 0 20px 29px;
}

.content_fullwidth .tabs {
  
  margin: 0 4% 0px 0px;
}

.content_fullwidth li:before {
  
    content: "\f00c";
  font-family: FontAwesome;
  color: #0076bc;
  font-size: 1em;
  padding-right: 0px;
  position: absolute;
  left: -20px;
  top: 3px;
}

.content_fullwidth .plus li:before {
  
    content: "\f0fe ";
  font-family: FontAwesome;
  color: #0076bc;
  font-size: 1em;
  padding-right: 0px;
  position: absolute;
  left: -20px;
  top: 3px;
}


.content_fullwidth li ul li:before {
  
  content: "";
}

.content_fullwidth li ul {
  
  padding-top: 10px;
}

.content_fullwidth li ul  {
  margin-left: 0px;
  padding-top: 20px;
}

.content_fullwidth li ul li {
  list-style: square;
  padding-left: 0px;
    margin-left: 18px;
  padding-bottom: 6px;
  font-size: 16px;
}

.moduletableright {
  
  width:27%;
  float: right;
}

.moduletableright h3 {
  
 display: none; 
}

.moduletableright .customright h3 {
 display: block; 
}

.item-pageleft {
  
  width: 70%;
  float: left;
}

body .page-header {
  margin: 2px 0px 40px 0px !important;
  border-bottom: 1px solid #eee;
  
}

.pager {
  
  display: none;
}

body .video {
  
  text-align: center;
  padding: 4% 0;
  margin-bottom: 3%;
  
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-toggle {
        
    display: none !important;
        position: relative;
    float: none;
    padding: 12px 10px;
    margin-top: 8px;
  
    margin-bottom: 0;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0;
  
   
    background: #272727;
   
    cursor: pointer;
        
    }
    

.navbar-toggle span.menu {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.navbar-toggle button {
    background: none;
    border: 0;
    display: inline-block;
        cursor: pointer;
    -webkit-appearance: button;
    float: right;
    color: #fff;
        font-size: 21px;
    margin-top: 2px;
}

.blue-bg p {
  color: #fff;
  font-size: 18px;
  line-height: 1.3em;
}

body .video h2 {
  
  font-size: 45px;
  color: #9cc8ee;
  margin-bottom: 30px;
}

.copyright_info p {
  
  color: #fff;
  font-size: 14px;
}

.bold {
  
  font-weight: 700;
}

.page-header h2 {
  
  font-size: 40px;
  font-weight: 700;
}

body .breadcrumb {
  margin: 20px 0px 32px -8px;
  display: block;
  padding-top: 21px;
}

.breadcrumb:after  {
content:"";
clear: both;  
}

.breadcrumb li:before  {

 content:"" !important; 
}
  
.breadcrumb a {
  
  color: #000;
}

.breadcrumb .active {
  
  color: #bec2cb;
}

.breadcrumb li{
  
  float: left;
  color: #000;
  padding-left: 0px;
  font-size: 14px;
  line-height: 1.3em;
  padding-right: 5px;
}

.breadcrumb .divider {
  
  color: #000;
  padding-left: 5px;
}

.palvelut h2 {
  
   font-size: 21px;
  line-height: 1.3em;
  margin-bottom: 8px;
}

.fa {
  
  margin-right: 6px;
}

.palvelut a {
  
  font-weight: 700;
}

a.plus:before {
  
  content: "\f0fe  ";
  font-family: FontAwesome;
  
}

.moduletableright  {
  
  padding-top: 100px;
}


.customright h2 {
  
  font-size: 20px;
  line-height: 1.3em;
}

.palvelut p {
  
  font-size: 14px;
  color: #000;
  line-height: 1.4em;
}

.w33 {
  
  float: left;
  width: 31%;
  margin-right: 3%;
  margin-bottom: 3%;
}

.w33:last-child {
  
  float: left;
  width: 31%;
  margin-right: 0%;
}

body .footer1 h4.lmb, .footer1 h2, .footer1 h2 a {
  
  color: #0097db;
  font-size: 29px;
  text-transform: uppercase;
  margin-bottom: 26px;
  font-weight: 300;
  margin-top: 0px;
    line-height: 1.2em;
  background: none;
  padding: 0px;
}

.footer1 h2 a {
  
 margin: 0px 0px 3px 0px;
}


.footer1 p, .footer1 h3, .footer1 a {
  
  color: #fff;
  
}

.footer1 p {
  
  font-size: 16px; 
  line-height: 1.4em;
}


.footer1 a {
  
    background: #000;
  padding: 6px 20px;
  color: #fff;
  border-radius: 3px;
  box-shadow: 2px 2px 0px #00578c;
  margin: 0px 15px 15px 0px;
  display: inline-block;
  font-weight:400;
  font-size: 16px;
  line-height:1.3em;
}

.uutta .lmb {
  
  display: none !important;
}

.footer1 .one_fourth {
  
  width: 29%;
}

img, iframe {
  
  max-width: 100%;
}

.valkoinen-teksti * {
    
    color: #fff;
}

body .row-fluid [class*="span"] {
    min-height: 1px !important;
}

.sininen-bg {
    
    background-color: #0055a4;
}

.wp-header .logo {
    
    float: none;
    position: absolute;
    top: 0;
    left: 20px;
    display: block;
    width: 100%;
    z-index: 1;
    min-height: 46px;
    margin-top: 18px;  
   
    width: 292px;
    height: 64px;
   

}

.hs-blog-post .addthis_toolbox {
    
    z-index: 10;
}



.wp-header .paamenu {
    
    padding-left: 305px;
    box-sizing: border-box;
   
}

.header-container-wrapper .hs-menu-depth-1.hs-menu-item:hover a {
  background: none;
}

.wp-header .paamenu  .hs-menu-depth-1.hs-menu-item > a {
        position: relative;
    display: block;
    padding: 38px 19px 22px;
    width: auto;
    max-width: 9999px;
    font-weight: 700;
    font-size: 16px;
        color: #0055a4;
    line-height: 1.6em;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
}

body .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
 	width: auto;
  max-width: 100%;
}

.wp-header .paamenu .hs-menu-depth-2:hover > a,
.wp-header .paamenu .hs-menu-depth-2 > a:hover {
 	background: none !important; 
} 

.wp-header .paamenu .hs-menu-depth-2 > a {
  
  	padding: 0 0 11px 0;
        color: #0055a4;
    line-height: 1.6em;
    font-family: 'Titillium Web', sans-serif;
      padding-bottom: 11px;
    display: block;
      font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
  width: auto;
  max-width: 100%;
  white-space: initial;
}

.wp-header .paamenu  .hs-menu-depth-1.hs-menu-item a:hover {
    
    color: #000;
    opacity: 1;
    background: none;
}   

.wp-header .paamenu .hs-menu-wrapper {
    
    margin: 0;
    font-size: 1px;
    line-height: 1em;
    text-align: left;
}




.wp-header .paamenu  .hs-menu-depth-1.hs-menu-item {
    
    margin: 0;
    padding: 0;
}

.wp-header .paamenu ul li.active.hs-menu-depth-1 {
    background: #e8eaee;
    opacity: 1;
}

.wp-header .wp-header-top {
    
       padding: 6px 0px 10px 0px;
    text-align: right;
        font-size: 14px;
    line-height: 1.3em;
}

.wp-header .wp-header-top .ylaosa {
    
    padding-right: 110px;
}

.wp-header .wp-header-top * {
     font-size: 14px;
    line-height: 1.3em;
}

a.mustapainike, .mustapainike a {
    
    padding: 6px 10px;
   font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3em;
    background-color: #000;
    border-radius: 3px;
    box-shadow: 2px 2px 0px #00578c;
    text-decoration: none !important;
    display: inline-block;
}

.wp-header-top a.mustapainike {
    
    
    margin-left: 13px;
    
}

.wp-header .wp-header-bottom {
    
    position: relative;
    border-bottom: 1px solid #f1f3f2;
}


.rivi {
    
    padding-top: 60px;
    padding-bottom: 60px;
}


.rivi-matala {
    
    padding-top: 35px;
    padding-bottom: 35px;
}

body {
    
    margin: 0;
}

body .hs-rss-module {
    
    padding: 0;
}

.wp-footer .tumma-bg {
    
    border-top: 1px dashed #3b3b3b;
}

.wp-footer .widget-type-rss_listing h3 {
    
    display: none;
}

.wp-footer {
    
    word-break: break-word;
}

.wp-footer p {
    
  
    font-size: 16px;
    line-height: 1.4em;

}

.wp-footer .tumma-bg p {
    
  
    font-size: 14px;
    line-height: 1.4em;

}

.wp-footer h2 {
    
    color: #0097db;
    font-size: 29px;
    text-transform: uppercase;
    margin-bottom: 26px;
    font-weight: 300;
    margin-top: 0px;
    line-height: 1.2em;
    background: none;
    padding: 0px;
}

.wp-footer .hs-rss-item a {
    
        color: #fff;
    font-size: 24px;
    padding: 0px 0px 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #80bbde;
    display: block;
    text-decoration: none;
    background: none;
    font-weight: 400;
    box-shadow: none;
}

.tumma-bg {
    
    background: #1d1d1d;
}

.footer1 .latestnews a {
  
  color: #fff;
  font-size: 25px;
  padding: 0px 0px 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #80bbde;
  display: block;
  background: none;
  font-weight: 400;
  box-shadow: none;
}

.footer1 .divider_dashed1  {
  
  display: none !important;
}
body .footer1 {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  background: #0055a4;
  margin-top: 60px;
}

.toimialat p {
  
  font-size: 18px;
  color: #010d25;
}

.toimialat .gray-bg {
  
  padding: 4% 7%;
  text-align: center;
}

.toimialat .gray-bg h2 {
 margin-bottom: 2px; 
}



.toimialat .tags {
  
  text-align: center;
}

.tags a, .tags span {
  
  background: #009fe3;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  box-shadow: 2px 2px 0px #ccc;
  margin: 0px 15px 15px 0px;
  display: inline-block;
  font-weight:700;
  line-height:1.3em;
  
}

p {
  
  margin: 0 0 1.3em;
}

.widget-type-rich_text li, .post-body li, .hs_cos_wrapper_type_rich_text li {
    padding-top: 0.3em;
  
}

.box {
  
  background: #e8eaee;
  border-radius: 2px;
  padding: 15% 5%;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #0076bc;
  position: relative;
}

.bluebox {
  
   background: #0076bc;
  border-radius: 2px;
  padding: 15% 5%;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  position: relative;
}

.rows3 {
  
  padding: 10% 5%;
}

.ratkaisu-content a {
  
  font-weight: 700;
  color: #000;
}

.bluebox a, .box a, .bluebox p, .box p {
  
  font-weight: 700;
  font-size: 18px;
  color: #0076bc;
  margin: 0px;
  padding: 0px;
  
}

.bluebox .arrow {
  
  position: absolute;
  right: -12px;
  top: 40%;
  background: url('../../../images/layout/bluearrow.jpg') no-repeat left top;
  width: 12px;
  height: 16px;
}

 .box .arrow {
  
  position: absolute;
  right: -10px;
  top: 40%;
  background: url('../../../images/layout/boxarrow.jpg') no-repeat left top;
  width: 10px;
  height: 16px;
}

.ratkaisut .box 

.bluebox a {
  
  color: #fff;
}


.ratkaisut {
  
  
  padding-top: 70px;
  padding-bottom: 15px;
}



.ratkaisu-links {
  
  width: 15%;
  float: left;
}

.ratkaisu-content {
  
  width: 100%;
  float: right;
}

.ratkaisu-wrapper {
  
  padding-right: 52%;
}

.ratkaisut h2 {
  
  font-size: 30px; 
  color: #7dacd5;
  text-transform: uppercase;
  margin-top: 0px;
  font-weight: 500;
  margin-bottom: 20px;
  
}

.ratkaisut p {
 font-size: 14px; 
  color: #000;
}


.ratkaisut h4 {
  
  font-size: 18px; 
}

.blue-bg {
  background-color: #0075bf;
  padding: 3% 3%;
  width: 100%;
}

.blue-bg h2 {
  
  color: #fff;
  font-size: 40px;
  text-transform: none;
  font-weight: 300;
  margin: 0px;
  padding: 0px;
}

.blue-bg .tp-button {
  
  box-shadow: 2px 2px 0px #00578c !important;
  font-size: 19px;
  text-shadow: none !important;
}

body .color-black {
  
  background: #000 !important;
  color: #fff !important;
}

body .color-white {
  
  background: #fff !important;
  color: #0075bc !important;
}

.left15 {
  
  float: left;
  width: 14%;
}

.right15 {
  
  float: right;
  width: 14%;
}

.left33 {
  
  width: 32%;
  float: left;
}

.right33 {
  
  width: 32%;
  float: right;
}

.left50 {
  
  width: 49%;
  float: left;
}

.right50 {
  
  width: 49%;
  float: right;
}

.left66 {
  
  width: 65%;
  float: left;
}

.right66 {
  
  width: 65%;
  float: right;
}

.left25 {
  
  width: 24%;
  float: left;
}

.right25 {
  
  width: 24%;
  float: right;
}

.left85 {
  
  width: 84%;
  float: left;
}

.right85 {
  
  width: 84%;
  float: right;
}

.services .right85 {
 width: 80%; 
  padding-right: 2%;
}

.services {
  
  margin-bottom: 5px;
  
}

.services h3, .services h3 a {
  
  color: #0055a4;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.services p {
  
  font-size: 16px;
  color: #000;
  line-height: 1.3em;
}

.gray-bg {
  
  background: #f7f8f9;
  padding: 3%;
  width: 100%;
  margin: 25px 0;
}

.gray-bg h2 {
  
  color: #0097db;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  line-height: 1.2em;
  margin: 10px 0px 40px;
}

.service1, .service2, .service3, .service4, .service5, .service6, .service7 {
  
  height: 49px;
}

form input, form textarea {
    
    margin-bottom: 10px;
}

.hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
}

form h3 {
    
    margin-top: 0;
}


input[type="radio"], input[type="checkbox"] {
    
    width: 15px;
    height: 15px;
}


.hs_submit input {
    
 
    background: #0055a4;
    color: #fff;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 22px;
    border-radius: 5px;
    height: auto;
    box-shadow: none;
    border: none;
}



/*

.service1 {
  
  background: url(../../../images/layout/ajoneuvojen-laadunvalvonta.png) no-repeat center top;
  background-size: cover;
 
  
}


.service2 {
  
  background: url(../../../images/layout/ajoneuvojen-myyntikunnostukset.png) no-repeat center top;
  background-size: cover;
  
  
}

.service3 {
  
  background: url(../../../images/layout/ajoneuvojen-lisavarustelu.png) no-repeat center top;
  background-size: cover;
 
  
}

.service4 {
  
  background: url(../../../images/layout/informaatiopalvelut.png) no-repeat center top;
  background-size: cover;
  
  
}
.service5 {
  
  background: url(../../../images/layout/varaosa-materiaalilogistiikka.png) no-repeat center top;
  background-size: cover;
  
  
}
.service6 {
  
  background: url(../../../images/layout/kuljetuspalvelut.png) no-repeat center top;
  background-size: cover;
 
  
}
*/

/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ feature sections
	+ page title
	+ parallax backgrounds
	+ video backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/


/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/


body #trueHeader #logo {
  
  background: url(../../../images/headers/assistor-logo.jpg) no-repeat left top !important;
}

a:hover {
  
  opacity: 0.8;
}

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}

.container_full {
	width: 100%;
	float: left;
	margin: auto auto auto auto;
}

.container_full.slidertop {
	margin-top: -80px;
}

.container {
	width: 1170px;
	margin: auto auto auto auto;
}

body #trueHeader {
  
  box-shadow: none;
  border-bottom: 1px solid #f1f3f2;
}

.content_fullwidth {
	float: left;
	width: 100%;
	padding: 50px 0px 0px 0px;
}
.content_left {
	float: left;
	width: 71%;
	padding: 18px 0px 0px 0px;
}
.right_sidebar {
	float: right;
	width: 25%;
	padding: 18px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 25%;
	padding: 18px 0px 0px 0px;
}
.content_right {
	float: right;
	width: 71%;
	padding: 18px 0px 0px 0px;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
	position: relative;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

/* Logo */
#trueHeader #logo{
	float:left;
	display:block;
	width:100%;
	min-height: 46px;
	margin-top:18px;
	position: relative;
	text-indent:-999em;
	background:url(../../../images/logo.png) no-repeat left bottom;
}

/* top navigation */
.top_nav {
	float: left;
	width: 100%;
	padding: 10px 0px 0px 0px;
	background-color: #fff;
}
.top_nav .right {
	float: left;
	width: 100%;
	padding-bottom: 0px;
	border-bottom: 1px solid #f7f7f7;
}
.top_nav .right ul {
	float: right;
	padding: 0px;
	margin: 0px;
}
.top_nav .right li {
	float: left;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 0px 13px;
}
.top_nav .right li:hover i {
	color: #454545;
}
.top_nav .right li a {
	color: #999;
}
.top_nav .right li a:hover {
	color: #727272;
}
.top_nav .right li.link {
	float: left;
	font-size: 12px;
	margin-left: 18px;
	margin-top: 1px;
}
.top_nav .right li.link i {
	margin-right: 3px;
}

/* header area adinationals */
.logo {
	float: left;
	width: 25%;
}
.menu_main {
	float: right;
	width: 75%;
	z-index: 9999;
	position: relative;
}

.slider_ex {
	float: left;
	width: 100%;
	height: 580px;
	background: url(../images/slider-img.png) no-repeat center top;
}

.mstslider {
	float: left;
	width: 100%;
	height: auto;
	margin-top: -32px;
	z-index: 888;
	position: relative;
}

.slidershadow {
	float: left;
	width: 100%;
	height: 32px;
	background: url(../images/shadow.png) no-repeat center top;
	position: relative;
	z-index: 999;
}
.slidershadow2 {
	float: left;
	width: 100%;
	height: 32px;
	background: url(../images/shadow2.png) no-repeat center top;
	position: relative;
	z-index: 999;
}

/*----------------------------------------------------
   FEATURE SECTIONS
------------------------------------------------------*/

/* features section 1 */
.feature_section1 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px;
	background: url(../images/texture-1.png) repeat left top;
}

.arrow_box {
	width: 65%;
	position: relative;
	background: #e3e3e3;
	border: 5px solid #fff;
	border-radius: 4px;
	padding: 20px 0px;
	margin: 0 auto 32px auto;
}
.arrow_box:after,
.arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(249, 249, 249, 0);
	border-top-color: #e3e3e3;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 16px;
	margin-left: -16px;
}

.feature_section1 .one_fourth:hover .arrow_box,
.feature_section1 .one_fourth.active .arrow_box {
	position: relative;
	background: #fff;
	border: 5px solid #13afeb;
	-webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}
.feature_section1 .one_fourth:hover .arrow_box:after,
.feature_section1 .one_fourth:hover .arrow_box:before,
.feature_section1 .one_fourth.active .arrow_box:after,
.feature_section1 .one_fourth.active .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent; content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.feature_section1 .one_fourth:hover .arrow_box:after,
.feature_section1 .one_fourth.active .arrow_box:after {
	border-color: rgba(249, 249, 249, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.feature_section1 .one_fourth:hover .arrow_box:before,
.feature_section1 .one_fourth.active .arrow_box:before {
	border-color: rgba(19, 175, 235, 0);
	border-top-color: #13afeb;
	border-width: 16px;
	margin-left: -16px;
	-webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}

.arrow_box i {
	font-size: 50px;
	color: #272727;
}

.feature_section1 .one_fourth:hover .arrow_box i,
.feature_section1 .one_fourth.active .arrow_box i {
	color: #13afeb;
	-webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}
.feature_section1 .one_fourth:hover h5,
.feature_section1 .one_fourth.active h5{
	color: #13afeb;
	-webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}

/* features section 2 */
.feature_section2 {
	float: left;
	width: 100%;
	padding: 35px 0px;
	background-color: #13afeb;
}
.feature_section2 a {
	float: right;
	color: #13afeb;
	font-size: 16px;
	padding: 13px 35px;
	background-color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
}
.feature_section2 a:hover {
	color: #272727;
}

/* features section 3 */
.feature_section3 {
	float: left;
	width: 100%;
	padding: 70px 0px 46px 0px;
}
.feature_section3.two {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

/* features section 4 */
.feature_section4 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 64px 0px 70px 0px;
}
.feature_section4 i {
	font-size: 45px;
	color: #939393;
	margin-bottom: 20px;
}
.feature_section4 .cornered {
    box-sizing:border-box;
    height: 0px;
    border-bottom: 18px solid #fff;
    border-left: 18px solid transparent;
	-webkit-transition: border-bottom .3s, -webkit-transform .3s;
	transition: border-bottom .3s, transform .3s;
}
.feature_section4 .cornered2 {
    box-sizing:border-box;
    height: 0px;
    border-top: 18px solid #fff;
    border-right: 18px solid transparent;
	-webkit-transition: border-top .3s, -webkit-transform .3s;
	transition: border-top .3s, transform .3s;
}
.feature_section4 .ccont {
    background-color: #fff;
	padding: 20px;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.feature_section4 .one_fourth:hover i,
.feature_section4 .one_fourth.active i{
	color: #fff;
}
.feature_section4 .one_fourth:hover .cornered,
.feature_section4 .one_fourth.active .cornered {
    border-bottom: 18px solid #13afeb;
}
.feature_section4 .one_fourth:hover .cornered2,
.feature_section4 .one_fourth.active .cornered2 {
    border-top: 18px solid #13afeb;
}
.feature_section4 .one_fourth:hover .ccont,
.feature_section4 .one_fourth.active .ccont {
	color: #fff;
    background-color: #13afeb;
}
.feature_section4 .one_fourth:hover .ccont h5,
.feature_section4 .one_fourth.active .ccont h5 {
	color: #fff;
}

/* features section 5 */
.feature_section5 {
	float: left;
	width: 100%;
	padding: 65px 0px;
	background: url(../images/dark_matter.png) repeat left top;
	color: #999;
}

/* features section 6 */
.feature_section6 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 68px 0px;
}
.feature_section6 i {
	color: #454545;
	font-size: 40px;
	margin-bottom: 20px;
}
.feature_section6 .one_fourth:hover i,
.feature_section6 .one_fourth.active i {
	color: #13afeb;
	-webkit-transition: color .2s, -webkit-transform .2s;
    transition: color .2s, transform .2s;
}
.feature_section6 .one_fourth:hover h5,
.feature_section6 .one_fourth.active h5 {
	color: #13afeb;
	-webkit-transition: color .2s, -webkit-transform .2s;
    transition: color .2s, transform .2s;
}



/* features section 7 */
.feature_section7 {
	float: left;
	width: 100%;
	padding: 67px 0px 67px 0px;
	background: #454545 url(../../../images/background/site-img7.jpg) no-repeat center top;
}
.feature_section7 i {
	float: left;
	color: #fff;
	font-size: 40px;
}
.feature_section7 .rcont {
	float: right;
	width: 89%;
}

/* features section 8 */
.feature_section8 {
	float: left;
	width: 100%;
	padding: 70px 0px 50px 0px;
}
.feature_section8 .left {
	float: left;
	width: 40%;
}
.feature_section8 .right {
	float: left;
	width: 57%;
	padding-top: 50px;
	color: #999;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}

/* features section 9 */
.feature_section9 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 70px 0px;
}
.feature_section9 .cibox {
	width: 99.5%;
	height: 99%;
	margin: 0 auto;
	background-color: #f3f3f3;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}
.feature_section9 .cibox i {
	color: #767676;
	font-size: 45px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.feature_section9 .cibox.act {
	color: #fff;
	background: none;
	font-size: 13px;
	line-height: 18px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.feature_section9 .cibox.act i {
	color: #fff;
	font-size: 40px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.feature_section9 .cibox.act h5 {
	color: #fff;
	margin-bottom: 8px;
}

/* features section 10 */
.feature_section10 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 170px 0px;
	background: url(../../../images/background/site-img9.jpg) no-repeat center 115px;
}
.feature_section10 h4 {
	margin-bottom: 5px;
}
.feature_section10 .left {
	float: left;
	width: 42.5%;
	margin-right: 7.5%;
	margin-top: 165px;
	text-align: right;
}
.feature_section10 .right {
	float: left;
	width: 42.5%;
	margin-left: 7.5%;
	text-align: left;
	margin-top: 140px;
}
.feature_section10 .left .flist {
	float: right;
	padding-right: 147px;
	background: url(../../../images/background/site-img11.png) no-repeat right 10px;
}
.feature_section10 .left .flist:hover h4,
.feature_section10 .left .flist.active h4 {
	color: #13afeb;
}
.feature_section10 .right .flist {
	float: left;
	padding-left: 147px;
	background: url(../../../images/background/site-img10.png) no-repeat left 10px;
}
.feature_section10 .right .flist:hover h4,
.feature_section10 .right .flist.active h4 {
	color: #13afeb;
}

/* features section 11 */
.feature_section11 {
	float: left;
	width: 100%;
	padding: 83px 0px 90px 0px;
	background: #eee url(../../../images/background/site-img12.jpg) no-repeat center top;
}
.feature_section11 .contbox {
	float: left;
	width: 500px;
	padding: 40px 40px 50px 40px;
	text-align: center;
	background-color: #fff;
	outline: 10px solid #ffffff;
	outline-offset: 4px;
	margin-top: -17px;
	position: relative;
	z-index: 3;
}
.feature_section11 .contbox h5 {
	margin-bottom: 0px;
	margin-top: 5px;
	line-height: 30px;
}
.feature_section11 strong {
	float: left;
	color: #fff;
	font-size: 30px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	padding: 16px 30px;
	background-color: #13afeb;
	text-transform: uppercase;
	position: relative;
	z-index: 4;
	margin-left: 48px;
}

/* features section 12 */
.feature_section12 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px;
	background-color: #272727;
}
.feature_section12 h1 {
	color: #fff;
	margin: 0 auto;
	line-height: 52px;
	font-weight: 200;
	width: 94%;
}
.feature_section12 h1 strong {
	font-weight: normal;
}

/* features section 13 */
.feature_section13 {
	float: left;
	width: 100%;
	padding: 63px 0px 80px 0px;
}

/* features section 14 */
.feature_section14 {
	float: left;
	width: 100%;
	padding: 67px 0px;
	background: #eee url(../../../images/background/site-img13.jpg) repeat-y center top;
}
.feature_section14 .left {
	float: left;
	width: 50%;
	padding-right: 2%;
	background: url(../../../images/background/v-line.png) repeat-y right top;
}
.feature_section14 .left .conta {
	float: left;
	width: 100%;
	padding-top: 20px;
	min-height: 395px;
	background: url(../../../images/site-img14.png) no-repeat right top;
}
.feature_section14 .left .conta h1 {
	line-height: 47px;
}
.feature_section14 .left .conta p {
	width: 50%;
}

.feature_section14 .right {
	float: left;
	width: 50%;
	padding-left: 4%;
}
.feature_section14 .right .conta {
	float: left;
	width: 100%;
	padding-top: 20px;
	min-height: 395px;
	background: url(../../../images/site-img15.png) no-repeat right top;
}
.feature_section14 .right .conta h1 {
	line-height: 47px;
}
.feature_section14 .right .conta p {
	width: 50%;
}

/* features section 15 */
.feature_section15 {
	float: left;
	width: 100%;
	padding: 75px 0px 80px 0px;
	text-align: center;
	background-color: #13afeb;
	color: #fff;
}
.feature_section15 h1,
.feature_section15 h1 b {
	color: #fff;
}
.feature_section15 .one_third,
.feature_section15 .one_half,
.feature_section15 .one_fourth {
	text-align: left;
}
.feature_section15 i {
	font-size: 40px;
	float: left;
	margin-right: 20px;
}
.feature_section15 strong {
	float: left;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	font-weight: 300;
	padding: 13px 18px;
	background-color: #00a2e7;
	border-radius: 4px;
	margin-top: -7px;
}
.feature_section15 p {
	float: left;
	font-size: 16px;
	line-height: 25px;
	margin-top: 20px;
}

/* features section 16 */
.feature_section16 {
	float: left;
	width: 100%;
	min-height: 700px;
	padding: 70px 0px 70px 0px;
	text-align: center;
	background: url(../../../images/background/site-img17.jpg) no-repeat center 120px;
}
.feature_section16 .mcbox {
	float: left;
	width: 15.7%;
	margin-top: 40px;
}
.feature_section16 .mcbox.last {
	margin-top: 163px;
}
.feature_section16 .mcbox .cbox {
	min-height: 123px;
	padding: 27px 0px 0px 0px;
	background-color: #d3d3d3;
	margin: 0px;
	border: 1px solid #fff;
	border-right: none;
	border-bottom: none;
	font-size: 40px;
	color: #272727;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.feature_section16 .mcbox h6 {
	margin-bottom: 0px;
}
.feature_section16 .mcbox i {
	font-size: 40px;
	color: #272727;
	display: block;
	margin-bottom: 10px;
}
.feature_section16 .mcbox .cbox:hover,
.feature_section16 .mcbox .cbox.active {
	background-color: #272727;
	color: #fff;
}
.feature_section16 .mcbox .cbox:hover i,
.feature_section16 .mcbox .cbox.active i {
	color: #fff;
}
.feature_section16 .mcbox .cbox:hover h6,
.feature_section16 .mcbox .cbox.active h6 {
	color: #fff;
}

/* features section 17 */
.feature_section17 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #272727 url(../../../images/background/site-img18.jpg) no-repeat center top;
}
.feature_section17 .tbox {
	margin: 0 auto 50px auto;
	width: 164px;
	padding: 22px 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 27px;
	color: #fff;
	font-weight: 200;
	background-color: #13afeb;
	line-height: 30px;
}
.feature_section17 .tbox em {
	font-size: 14px;
	font-style: normal;
}

.feature_section17 h1,
.feature_section17 h1 b {
	color: #fff;
}

/* features section 18 */
.feature_section18 {
	float: left;
	width: 100%;
	padding: 70px 0px 70px 0px;
	text-align: center;
}
.feature_section18 .bnbox {
	float: left;
	padding: 35px 45px 40px 45px;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.feature_section18 .bnbox:hover {
	background-color: #f3f3f3;
}
.feature_section18 .bnbox.two {
	padding: 0px;
	background-color: #f3f3f3;
}
.feature_section18 .bnbox.three {
	box-shadow: none;
}
.feature_section18 .bnbox h5 {
	margin-bottom: 8px;
}
.feature_section18 .bnbox em {
	color: #999;
	font-size: 12px;
	font-style: normal;
	margin-bottom: 13px;
	display: block;
}
.feature_section18 .bnbox em.less {
	margin-bottom: 2px;
}

/* features section 19 */
.feature_section19 {
	float: left;
	width: 100%;
	padding: 70px 0px 90px 0px;
	text-align: center;
	background: url("../../../images/background/parallax-bg6.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.feature_section19 .pesbox {
	float: left;
	width: 100%;
	padding: 8% 8% 13% 8%;
	background-color: #fff;
	border-radius: 4px;
	text-align: left;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);

}
.feature_section19 .pesimg {
	float: left;
	margin-top: -42px;
	margin-left: 50px;
}
.feature_section19 .pesimg img {
	float: left;
	width: 70px;
	height: 70px;
	padding: 5px;
	border: 1px solid #999;
	border-radius: 100%;
}
.feature_section19 .pesimg strong {
	color: #13afeb;
	font-weight: normal;
}
.feature_section19 .pesimg i {
	color: #999;
	font-size: 12px;
	font-style: normal;
}

.feature_section19 .flex-control-nav {
	bottom: -50px;
}

/* features section 20 */
.feature_section20 {
	float: left;
	width: 100%;
	padding: 70px 0px 0px 0px;
	background: #272727 url(../../../images/background/site-img21.jpg) no-repeat center top;
}
.feature_section20 .flex-control-nav {
	bottom: 30px;
}
.feature_section20 .left {
	float: left;
	width: 43%;
	margin-left: 7%;
	padding-top: 145px;
}
.feature_section20 .right {
	float: left;
	width: 43%;
	margin-right: 7%;
}
.feature_section20 .right img {
	float: right;
}

/* features section 21 */
.feature_section21 {
	float: left;
	width: 100%;
	padding: 70px 0px 70px 0px;
	text-align: center;
}
.feature_section21 .cirbox {
	margin: 0 auto 30px auto;
	width: 127px;
	height: 127px;
	border-radius: 100%;
	border: 5px solid #13afeb;
	font-size: 16px;
	color: #272727;
	text-align: center;
	-webkit-transition: background-color .1s, -webkit-transform .1s;
    transition: background-color .1s, transform .1s;
}
.feature_section21 .cirbox strong {
	color: #13afeb;
	font-size: 30px;
	font-weight: normal;
	display: block;
	margin-top: 41px;
	margin-bottom: 5px;
}
.feature_section21 .cirbox:hover {
	color: #fff;
	background-color: #13afeb;
}
.feature_section21 .cirbox:hover strong {
	color: #fff;
}

/* features section 22 */
.feature_section22 {
	float: left;
	width: 100%;
	padding: 70px 0px 70px 0px;
	text-align: center;
	background: #13afeb url("../../../images/background/parallax-bg7.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
}
.feature_section22 h1,
.feature_section22 h1 b {
	color: #fff;
}
.feature_section22 .secbox {
	float: left;
	width: 100%;
	padding: 10% 10% 13% 10%;
	background-color: #fff;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.feature_section22 .secbox i {
	display: block;
	color: #fff;
	width: 62px;
	height: 54px;
	line-height: 54px;
	font-size: 30px;
	border-radius: 4px;
	background-color: #272727;
	margin: -55px auto 35px auto;
	-webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, transform .2s;
}
.feature_section22 .secbox:hover {
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.9);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.9);
}
.feature_section22 .secbox:hover i {
	color: #272727;
	background-color: #fff;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

/* features section 23 */
.feature_section23 {
	float: left;
	width: 100%;
	padding: 70px 0px 30px 0px;
}

/* features section 24 */
.feature_section24 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-color: #272727;
}

/* features section 25 */
.feature_section25 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 70px 0px;
}
.feature_section25 ul {
	float: left;
	width: 107%;
	padding: 0px;
	margin: 0px;
}
.feature_section25 li {
	width: 100%;
	padding: 10px 0px;
	margin: 0px;
	text-align: center;
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
}
.feature_section25 li.title {
	padding: 25px 0px;
	background-color: #eee;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.feature_section25 li.title h4 {
	font-weight: 200;
	margin-bottom: 10px;
}
.feature_section25 li.title h1 {
	font-weight: bold;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
}
.feature_section25 li.title h1 em {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}
.feature_section25 li.planbut {
	padding: 35px 0px;
	background-color: #eee;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.feature_section25 li.planbut a {
	color: #fff;
	font-size: 16px;
	padding: 12px 28px;
	background-color: #b1b1b1;
	border-radius: 4px;
}
.feature_section25 li.planbut a:hover {
	color: #fff;
	background-color: #13afeb;
}
.feature_section25 ul.active li.planbut a {
	color: #fff;
	background-color: #13afeb;
}
.feature_section25 ul.active li.title h4 {
	color: #13afeb;
}
.feature_section25 ul.active li.title h1 {
	color: #13afeb;
}
.feature_section25 ul.active li.title {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.feature_section25 ul.active li.mostp {
	color: #fff;
	padding: 5px 0px;
	background-color: #a7a7a7;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.feature_section25 ul.active {
	margin-top: -34px;
}

/* features section 26 */
.feature_section26 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

/* features section 27 */
.feature_section27 {
	float: left;
	width: 100%;
	padding: 59px 0px 59px 0px;
	text-align: center;
}
.feature_section27 .one_third,
.feature_section27 .one_half,
.feature_section27 .one_fourth {
	text-align: left;
}
.feature_section27 i {
	  float: left;
	  color: #454545;
	  font-size: 40px;
	  margin-right: 20px;
}

/* features section 28 */
.feature_section28 {
	float: left;
	width: 100%;
	padding: 90px 0px 90px 0px;
	background: url(../../../images/background/tex1.jpg) repeat left top;
}

/* features section 29 */
.feature_section29 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0px 0px 0px;
	background: #13afeb url(../../../images/background/site-img28.png) no-repeat center top;
}

/* features section 30 */
.feature_section30 {
	float: left;
	width: 100%;
	padding: 90px 0px 90px 0px;
}

/* features section 31 */
.feature_section31 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0px 90px 0px;
}
.feature_section31 .one_third,
.feature_section31 .one_half,
.feature_section31 .two_third {
	text-align: left;
}
.feature_section31 .isecbox {
	float: left;
	width: 100%;
	text-align: left;
}
.feature_section31 .isecbox i {
	float: left;
	font-size: 35px;
	margin-right: 18px;
	color: #13afeb;
	margin-top: 4px;
}
.feature_section31 .left {
	float: left;
	width: 60%;
	text-align: left;
}
.feature_section31 .right {
	float: left;
	width: 40%;
	text-align: right;
}


/* features section 32 */
.feature_section32 {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.feature_section32 .left {
	float: left;
	width: 45%;
}
.feature_section32 .right {
	float: left;
	width: 55%;
}
.feature_section32 .left iframe {
	float: left;
	width: 90%;
	height: 300px;
	border: 5px solid #fff;
	margin-bottom: 25px;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

/* features section 34 */
.feature_section34 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 30px 0px;
}


/* features section 35 */
.feature_section35 {
	float: left;
	width: 100%;
	padding: 70px 0px 0px 0px;
	background-color: #eee;
}
.feature_section35 .left {
	float: left;
	width: 41.5%;
}
.feature_section35 .left img {
	float: left;
}
.feature_section35 .right {
	float: left;
	width: 58.5%;
}
.feature_section35 .right h2 {
	font-weight: 400;
	margin-bottom: 10px;
}


/* features section 20 */
.features_sec20 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 30px 0px 20px 0px;
}
.features_sec20.lessmt {
	padding: 10px 0px 0px 0px;
}

/* features section 29 */
.features_sec29 {
	float: left;
	width: 100%;
	padding: 59px 0px;
	background-color: #f3f3f3;
}
.features_sec29 .box {
	float: left;
	width: 100%;
}
.features_sec29 .box img {
	float: left;
}
.features_sec29 .box h4 {
	float: left;
	width: 100%;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d3d3d3;
	text-transform: uppercase;
}
.features_sec29 .box ul {
	padding: 0px;
	margin: 0 0 0 30%;
}
.features_sec29 .box li {
	float: left;
	padding: 0px;
	margin: 0px 4px;
}
.features_sec29 .box li a {
	color: #727272;
	float: left;
	width: 26px;
	height: 26px;
	text-align: center;
	vertical-align: middle;
	line-height: 26px;
	background-color: #eee;
	border-radius: 100%;
}
.features_sec29 .box:hover h4 {
	color: #13afeb;
}

/* features section 18 */
.features_sec18 {
	float: left;
	width: 100%;
	padding: 70px 0px 70px 0px;
}
.features_sec18 ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.features_sec18 li {
	padding: 0px;
	margin: 0px;
}
.features_sec18 li h4 {
	margin-bottom: 8px;
}
.features_sec18 li.icon {
	float: left;
	width: 14%;
	color: #13afeb;
	font-size: 35px;
}
.features_sec18 li.text {
	float: left;
	width: 86%;
}
.features_sec18 li.icon2 {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 18px;
	color: #fff;
	font-size: 35px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	font-size: 27px;
	background-color: #13afeb;
}
.features_sec18 li.text2 {
	float: left;
	width: 84%;
}

/* features section 30 */
.features_sec30 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 70px 0px;
	background: url("../../../images/background/parallax-bg1.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
	position:relative;
}
.features_sec30 .hvideo iframe {
	width: 80%;
	height: 460px;
}

/* features section 16 */
.features_sec16 {
	float: left;
	width: 100%;
	padding: 59px 0px 40px 0px;
}
.features_sec16.lessmt {
	padding: 0px 0px 40px 0px;
}

/* fun facts */
ul.fun_facts {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.fun_facts li {
	float: left;
	width: 27%;
	padding: 13px 0px;
	margin: 0 5% 20px 0;
	text-align: center;
	border: 1px solid #e3e3e3;
}
.fun_facts li strong {
	font-size: 22px;
	color: #272727;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}
.fun_facts li i {
	color: #999;
	font-size: 13px;
	font-style: normal;
}

/* features section 42 */
.features_sec42.two {
	float: left;
	width: 100%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border-top: 0px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;
}
.features_sec42.two .box h5 {
	margin-bottom: 5px;
	color: #13afeb;
}
.features_sec42.two .box h6 {
	color: #454545;
	font-size: 13px;
}
.features_sec42.two .box ul {
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
}
.features_sec42.two .box li {
	float: left;
	padding: 0px;
	margin: 0px 0px;
}
.features_sec42.two .box li a {
	float: left;
	color: #999;
	width: 27px;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;
	background-color: #f7f7f7;
	border-radius: 100%;
	margin-right: 5px;
}
.features_sec42.two .box:hover li a:hover {
	background-color: #13afeb;
	border-radius: 100%;
	color: #fff;
}
.features_sec42.two .box:hover h5 {
	color: #13afeb;
}

.features_sec42.two .box:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.features_sec42.two.three {
	float: left;
	width: 100%;
	padding: 62px 0px 65px 0px;
	background-color: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* features section 45 */
.features_sec45 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 59px 0px 59px 0px;
	background-color: #f9f9f9;
	border-top: 1px dashed #d9d9d9;
	border-bottom: 1px dashed #d9d9d9;
}
.features_sec45 .one_fifth {
	text-align: center;
}
.features_sec45 .cirdiv {
	float: left;
	text-align: center;
	color: #272727;
	text-transform: uppercase;
}

/* features section 23 */
.features_sec23 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 70px 0px;
	background: url("../../../images/background/parallax-bg8.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
	position:relative;
	min-height: 340px;
}
.features_sec23 h1 {
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
}
.features_sec23 h1 b {
	font-weight: 200;
	display: block;
}
.features_sec23 .cont {
	float: right;
	width: 50%;
	color: #fff;
	margin-top: 40px;
	text-align: left;
}

/* features section 27 */
.features_sec27 {
	float: left;
	width: 100%;
	padding: 70px 0px 50px 0px;
}
.features_sec27 ul.blogs2 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.features_sec27 ul.blogs2 li {
	padding: 0px;
	margin: 0px;
}
.features_sec27 ul.blogs2 li img {
	float: left;
	margin-bottom: 20px;
}
.features_sec27 ul.blogs2 li h5 {
	margin-bottom: 4px;
	font-weight: 500;
	color: #13afeb;
}
.features_sec27 ul.news2 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 40px 0px;
}
.features_sec27 ul.news2.last {
	margin: 0px 0px 0px 0px;
}
.features_sec27 ul.news2 li {
	padding: 0px;
	margin: 0px;
}
.features_sec27 ul.news2 li.date {
	float: left;
	color: #454545;
	width: 40px;
	margin-right: 20px;
	text-align: center;
}
.features_sec27 ul.news2 li.date strong {
	display: block;
	font-size: 20px;
	font-weight: normal;
	color: #13afeb;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	text-align: center;
	border: 1px solid #13afeb;
}
.features_sec27 ul.news2 li h5 {
	display: block;
	margin-bottom: 0px;
	color: #13afeb;
}
.features_sec27 ul.news2 li.text {
	float: left;
	width: 89%;
}
.features_sec27 ul.news2 li.text p {
	float: left;
	margin-top: 5px;
}

/* features section 44 */
.features_sec44 {
	float: left;
	width: 100%;
	padding: 59px 0px 40px 0px;
}
.features_sec44 .accrodation {
	text-align: left;
}

/* features section 15 */
.features_sec15 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 50px 0px;
	background: url("../../../images/background/parallax-bg6.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
	color: #fff;
}
.features_sec15.two {
	padding: 0px 0px 0px 0px;
	background: none;
}
.features_sec15 i {
	color: #fff;
	font-size: 35px;
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
	background-color: #13afeb;
	border-radius: 100%;
	margin-bottom: 30px;
}
.features_sec15 h4 {
	color: #fff;
}
.features_sec15 h4 em {
	color: #999;
	font-size: 13px;
	display: block;
}


/* fresh works 1 */
.fresh_works1 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 43px 0px;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* fresh works 2 */
.fresh_works2 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 0px 0px;
}

/* fresh works 3 */
.fresh_works3 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 45px 0px;
	background-color: #eee;
}

/* fresh works 4 */
.fresh_works4 {
	float: left;
	width: 100%;
	padding: 70px 0px 120px 0px;
}
.fresh_works4 .one_full {
	text-align: center;
}

/* fresh works 5 */
.fresh_works5 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 0px 90px 0px;
}

/* parallax 1 */
.parallax_sec1 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 65px 0px 50px 0px;
	background: #eee url("../../../images/background/parallax-bg1.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
	position:relative;
	min-height: 440px;
}

.parallax_sec1 ul.left {
	float: left;
	width: 47%;
	padding-right: 2.9%;
	border-right: 1px solid #616161;
}
.parallax_sec1 .left li {
	float: left;
	width: 100%;
	text-align: right;
	color: #999;
	padding: 0px;
	margin: 0px 0px 50px 0px;
}
.parallax_sec1 .left li.last {
	margin: 0px 0px 0px 0px;
}
.parallax_sec1 .left li h5 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.parallax_sec1 .left li i {
	float: right;
	color: #fff;
	font-size: 32px;
	width: 72px;
	height: 72px;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 72px;
	background-color: #999;
	margin-left: 30px;
	-webkit-transition: background-color .8s, -webkit-transform .8s;
    transition: background-color .8s, transform .8s;
}

.parallax_sec1 ul.right {
	float: left;
	width: 47%;
	padding-left: 3%;
}
.parallax_sec1 .right li {
	float: left;
	width: 100%;
	text-align: left;
	color: #999;
	padding: 0px;
	margin: 0px 0px 50px 0px;
}
.parallax_sec1 .right li.last {
	margin: 0px 0px 0px 0px;
}
.parallax_sec1 .right li h5 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.parallax_sec1 .right li i {
	float: left;
	color: #fff;
	font-size: 32px;
	width: 72px;
	height: 72px;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 72px;
	background-color: #999;
	margin-right: 30px;
	-webkit-transition: background-color .8s, -webkit-transform .8s;
    transition: background-color .8s, transform .8s;
}

.parallax_sec1 .left li:hover i,
.parallax_sec1 .right li:hover i {
	color: #999;
	background-color: #fff;
}


/* parallax 2 */
.parallax_sec2 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 70px 0px;
	background: #eee url("../../../images/background/parallax-bg2.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_sec2 .hvideo iframe {
	float: right;
	width: 85%;
	height: 290px;
}
.parallax_sec2 .hvideo.right iframe {
	float: left;
}

/* parallax 3 */
.parallax_sec3 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 63px 0px 130px 0px;
	background: #eee url("../../../images/background/parallax-bg3.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_sec3 h2 {
	line-height: 45px;
	margin-bottom: 8px;
}

/* parallax 4 */
.parallax_sec4 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 64px 0px;
	background: #eee url("../../../images/background/parallax-bg4.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
	color: #fff;
}
.parallax_sec4 .one_fourth:hover h5 {
	color: #fff;
}

/* parallax 4 */
.parallax_sec5 {
	float: left;
	width: 100%;
	padding: 70px 0px;
	background: #eee url("../../../images/background/parallax-bg5.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_sec5 .appicons1 {
	float: left;
	width: 100%;
	margin: 30px 0px 57px 0px;
	padding: 30px 0px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}
.parallax_sec5 .appicons1 i {
	font-size: 40px;
	color: #454545;
	margin-right: 20px;
}

/* parallax 9 */
.parallax_sec9 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 80px 0px 80px 0px;
	background: #eee url("../../../images/background/parallax-bg9.jpg");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_sec9 ul {
	width: 90%;
	padding: 0px;
	margin: 0 auto;
}
.parallax_sec9 li {
	float: left;
	width: 19%;
	margin: 0px 5px;
	padding: 12px 0px;
	text-align: center;
	border: 1px solid #575757;
}
.parallax_sec9 li:hover {
	border: 1px solid #999;
}

/* page title */
.page_title {
	float: left;
	width: 100%;
	padding: 50px 0px 35px 0px;
	text-align: center;
	font-size: 14px;
	border-top: 5px solid #13afeb;
	color: #999;
	background: #272727 url(../../../images/background/h-line1.png) no-repeat center bottom;
}
.page_title.two {
	padding: 50px 0px 30px 0px;
}
.page_title h1 {
	color: #13afeb;
	font-size: 45px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 13px;
}

.page_title2 {
	position: relative;
	float: left;
	width: 100%;
	padding: 40px 0px 28px 0px;
}
.page_title2 .container {
	background: url(../../../images/background/h-line3.png) no-repeat left bottom;
}
.page_title2 .title {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}
.page_title2 .title h1 {
	margin: 0px;
	font-weight: 600;
	color: #13afeb;
	text-transform: none;
	font-size: 35px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #e0e0e0;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 22px 0px;
}
.page_title2 .pagenation i {
	color: #727272;
	margin: 0px 2px 0px 2px;
}
.page_title2 .pagenation a {
	padding: 0px;
	color: #727272;
}
.page_title2 .pagenation a:hover {
	color: #e0e0e0;
}

.page_title3 {
	position: relative;
	float: left;
	width: 100%;
	padding: 35px 0px 35px 0px;
	background: #f4f4f4;
	border-top: 2px solid #eee;
	border-bottom: 1px solid #eee;
}
.page_title3 h1 {
	margin: 0px;
	font-weight: 600;
	color: #13afeb;
	text-transform: none;
	font-size: 35px;
}

.page_title3 .pagenation {
	font-size: 12px;
}

/*----------------------------------------------------
 FOOTER STYLES
------------------------------------------------------*/
/* Address */
.footer1 {
	float: left;
	width: 100%;
	padding: 18px 0px 40px 0px;
	background: #262626 url(../../../images/background/footer-graph2.jpg) no-repeat center bottom;
}
.footer1 h4 {
	color: #fff;
	margin-bottom: 25px;
}
.footer1 h4.lmb {
	color: #fff;
	margin-bottom: 20px;
}

.footer1.three {
	float: left;
	width: 100%;
	padding: 57px 0px;
	background-color: #eee;
}
.footer1.three h4 {
	color: #272727;
	margin-bottom: 30px;
}
.footer1.three h4.lmb {
	color: #272727;
	margin-bottom: 20px;
}

.footer1.bggraph {
	background: #181818 url(../../../images/background/footer-bg.jpg) no-repeat center top;
}

ul.faddress {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.faddress li {
	padding: 3px 0px;
	margin: 0px;
}
.faddress li a {
	color: #727272;
}
.faddress li a:hover {
	color: #fff;
}

/* Tags */
.ftags {
	float: left;
	width: 100%;
}
.ftags ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.ftags li {
	float: left;
	padding: 0px;
	margin: 0px 8px 14px 0px;
}
.ftags li a {
	color: #727272;
	padding: 5px 10px;
	background-color: #303030;
}
.ftags li a:hover {
	color: #fff;
	background-color: #484848;
}

.ftags.three li a {
	color: #fff;
	padding: 5px 10px;
	background-color: #999;
}
.ftags.three li a:hover {
	color: #fff;
	background-color: #484848;
}

/* Tweets */
.twitter_feed {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.twitter_feed .left {
	float: left;
	padding: 0px;
	margin: -7px 0px 0px 0px;
	width: 20px;
}
.twitter_feed .right {
	float: right;
	padding: 0px;
	margin: -10px 0px 0px 0px;
	width: 89%;
}
.twitter_feed a {
	color: #999;
}
.twitter_feed a:hover {
	color: #fff;
}
.twitter_feed a.small {
	font-size: 9px;
	color: #727272;
}
.twitter_feed a.small:hover {
	font-size: 9px;
	color: #999;
}

.twitter_feeds_two {
	float: left;
}
.twitter_feeds_two .left {
	float: left;
	width: 100px;
	height: 133px;
	padding-top: 25px;
	margin-right: 20px;
	color: #fff;
	text-align: center;
}
.twitter_feeds_two i {
	color: #fff;
	font-size: 40px;
	margin-bottom: 5px;
}
.twitter_feeds_two .right {
	padding-top: 30px;
}
.twitter_feeds_two .right em {
	display: block;
	font-size: 12px;
	font-style: normal;
	color: #585858;
}
.twitter_feeds_two .right em a {
	color: #585858;
}
.twitter_feeds_two .right em a:hover {
	color: #999;
}



/* flickr */
#flickr_badge_wrapper {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#flickr_badge_wrapper img {
	width: 70px;
	height: 70px;
	margin-right: 8px;
	margin-bottom: 2px;
	border: 0px solid #999 !important;
}
#flickr_www {
	display:block;
	padding:0 10px 0 10px !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important;
	background:inherit !important;
	color:#3993ff;
}
#flickr_badge_wrapper {
	margin-top: 25px;
}
#flickr_badge_source {
	padding:0 !important;
}

/* Newsletter Signup */
.newsletter {
	float: left;
	width: 100%;
}
.newsletter .enter_email_input {
	float: left;
	width: 75%;
	height: 39px;
	padding: 0px 7px;
	line-height: 39px;
	background: #fff;
	border: 0px;
	font-size: 13px;
	font-weight: 600;
	color: #999;
}
.newsletter .input_submit {
	float: left;
	color: #fff;
	height: 39px;
	padding: 0px 10px;
	background-color: #13afeb;
	border: 0px;
	cursor: pointer;
}
.newsletter .input_submit:hover {
	color: #fff;
	background-color: #454545;
}

.newsletter_two {
	float: left;
}
.newsletter_two .left {
	float: left;
	width: 100px;
	height: 133px;
	padding-top: 25px;
	margin-right: 20px;
	color: #fff;
	text-align: center;
}
.newsletter_two i {
	color: #fff;
	font-size: 40px;
	margin-bottom: 5px;
}
.newsletter_two .right {
	float: left;
	padding-top: 20px;
}
.newsletter_two input.enter_email_input {
	float: left;
	padding: 3px 0px 2px 18px;
	height: 36px;
	width: 370px;
	margin: 5px 0 0 0px;
	background-color: #545454;
	border: 2px solid #616161;
	color: #999;
	font-size: 13px;
	border-radius: 4px;
}
.newsletter_two .input_submit {
	float: left;
	padding: 10px 20px;
	background-color: #3a3a3a;
	margin-top: 10px;
	border: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	border-radius: 4px;
}
.newsletter_two .input_submit:hover {
	color: #fff;
	cursor: pointer;
	background-color: #999;
}

/* quick links */
.qlinks {
	float: left;
	width: 100%;
}
.qlinks ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.qlinks li {
	padding: 4px 0px;
	margin: 0px;
}
.qlinks li a {
	color: #727272;
}
.qlinks li a:hover {
	color: #fff;
}
.qlinks li a i {
	margin-right: 3px;
}

/* Recent posts */
.frposts {
	float: left;
	width: 100%;
}
.frposts ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.frposts li {
	padding: 5px 0px 7px 0px;
	border-bottom: 1px solid #272727;
	margin: 0px;
}
.frposts li a {
	color: #727272;
}
.frposts li a:hover {
	color: #fff;
}
.frposts li a i {
	color: #575757;
	margin-right: 3px;
}

/* Site info */
.siteinfo {
	float: left;
	width: 100%;
}
.siteinfo a {
	color: #999;
	font-size: 13px;
}
.siteinfo a i {
	margin-left: 4px;
}
.siteinfo a:hover {
	color: #fff;
}

/* copyrights */
.copyright_info {
	float: left;
	padding: 0px 0px 35px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	color: #999;
	font-size: 12px;
	color: #999;
	font-style: normal;
	font-weight: normal;
	background: #1d1d1d;
}
.copyright_info.two {
	padding: 22px 0px 18px 0px;
}

.copyright_info.three {
	float: left;
	padding: 22px 0px 18px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	color: #999;
	font-size: 12px;
	color: #999;
	font-style: normal;
	font-weight: normal;
	background: #fff;
}

.copyright_info.four {
	background: #eee;
	padding: 20px 0px 20px 0px;
}

.copyright_info a {
	margin-top: 10px;
	font-size: 12px;
	color: #999;
	text-align: right;
}
.copyright_info a:hover {
	color: #e3e3e3;
}

/* footer social links */
ul.footer_social_links {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social_links li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 24px;
	line-height: 22px;
	vertical-align: middle;
	background-color: #252525;
	color: #999;
}
.footer_social_links li:hover {
	background-color: #454545;
}
.footer_social_links li i {
	color: #999;
}

.footer_social_links.four li {
	margin: 0px 0px 0px 13px;
	width: auto;
	height: auto;
	background: none;
}
.footer_social_links.four li:hover {
	background: none;
}


.footer_social_links.three li {
	background-color: #d3d3d3;
}
.footer_social_links.three li:hover {
	background-color: #999;
}
.footer_social_links.three li i {
	color: #fff;
}

.contactform_footer {
	float: left;
}
.contactform_footer h3 {
	margin-bottom: 10px;
}
.contactform_footer .sky-form .button {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	width: 90.5%;
	height: 50px;
	opacity: 1;
	background-color: #13afeb;
	margin-top: -20px;
}
.contactform_footer .sky-form .button:hover {
	color: #272727;
	background-color: #eee;
}

ul.fsocials {
	float: left;
	width: 100%;
	margin-top: -11px;
	padding-bottom: 22px;
	border-bottom: 1px solid #252525;
}
.fsocials li {
	float: left;
	width: 100%;
	padding: 16px 0px 4px 0px;
	margin: 0px;
}
.fsocials li i {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 13px;
	margin-top: -3px;
	font-size: 16px;
	color: #151515;
	background-color: #fff;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
}
.fsocials li a {
	color: #727272;
}
.fsocials li a:hover i {
	background-color: #13afeb;
}
.fsocials li a:hover {
	color: #fff;
}


.fnewsletter {
	float: left;
}
.fnewsletter input.enter_email_input {
	float: left;
	padding: 3px 0px 2px 10px;
	height: 34px;
	width: 200px;
	margin: 5px 0 0 0px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #727272;
	font-size: 13px;
}
.fnewsletter .input_submit {
	float: left;
	padding: 11px 10px;
	margin: 5px 0 0 0px;
	background-color: #13afeb;
	border: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
}
.fnewsletter .input_submit:hover {
	color: #272727;
	cursor: pointer;
	background-color: #eee;
}


/*----------------------------------------------------
	TYPOGRAPHY
------------------------------------------------------*/
/* lists */
ul.list_1 {
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.list_1 li {
	padding: 7px 0px;
	margin: 0px;
	color: #272727;
}
.list_1 li i {
	color: #272727;
	margin-right: 8px;
}

ul.list_2 {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 13%;
}
.list_2 li {
	text-align: right;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
}
.list_2 li i {
	color: #13afeb;
	margin-right: 8px;
}

ul.list_3 {
	float: left;
	padding: 0px;
	margin: 0px;
}
.list_3 li {
	padding: 4px 0px;
	margin: 0px;
}
.list_3 li i {
	color: #fff;
	margin-right: 8px;
}

ul.list_4 {
	float: left;
	padding: 0px;
	margin: 0px;
}
.list_4 li {
	padding: 6px 0px;
	margin: 0px;
}
.list_4 li i {
	margin-right: 8px;
}

ul.list_5 {
	float: left;
	padding: 0px;
	margin: 0px;
}
.list_5 li {
	float: left;
	width: 100%;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	padding: 0px 0px;
	margin: 0px 0px 4px 0px;
	overflow: hidden;
}
.list_5 li.last {
	margin: 0px 0px 0px 0px;
}
.list_5 li img {
	float: left;
	margin-right: 20px;
	width: 90px;
	height: 40px;
}
.list_5 li a {
	font-size: 14px;
	color: #999;
}
.list_5 li a:hover {
	color: #fff;
}

.mb {
	margin-top: 50px;
}

.big_text1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 35px;
	color: #454545;
}
.big_text1 i {
	color: #13afeb;
	font-style: normal;
}

ul.fullimage_box2 {
	float: left;
	padding: 40px 20px;
	margin: 0px;
	width: 99%;
	border: 1px solid #eee;
	border-radius: 4px;
}
.fullimage_box2 li {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
ul.fullimage_box2.last {
	float: left;
	width: 100%;
	margin-left: 4%;
}
.fullimage_box2 li i {
	color: #13afeb;
}
.fullimage_box2 h4 {
	color: #13afeb;
	margin-top: 20px;
}

.box_widget_full {
	float: left;
	width: 100%;
	padding: 2.5%;
	margin: 0px;
	background-color: #fbfbfb;
	border: 1px solid #eee;
	border-bottom: 2px solid #eee;
}
.box_widget_full h4 {
	margin-bottom: 10px;
}
.box_widget_full i {
	float: left;
	color: #454545;
	margin-right: 25px;
}

.sidebar_widget {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.sidebar_widget ul.arrows_list1{
	padding: 0px;
	margin: 0px;
	float: left;
	margin-top: -10px;
}
.sidebar_widget ul.arrows_list1 li a {
	color: #13afeb;
	line-height: 30px;
}
.sidebar_widget ul.arrows_list1 li a:hover {
	color: #272727;
}
.sidebar_widget ul.arrows_list1 i {
	margin-right: 4px;
}
.sidebar_title {
	float: left;
	width: 100%;
}
.sidebar_widget h4, .clientsays_widget h4 {
	margin-bottom: 30px;
	float: left;
	font-weight: 300;
}
.sidebar_widget h4 i, .clientsays_widget h4 i {
	font-weight: 500;
	font-style: normal;
}

/* Recent Posts */
ul.recent_posts_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
.recent_posts_list li {
	padding: 0px 0px 13px 0px;
	margin: 0px 0px 16px 0px;
	list-style-type: none;
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%;
}
.recent_posts_list li a {
	text-decoration: none;
	line-height: 17px;
	display: block;
	color: #999;
}
.recent_posts_list li a:hover {
	color: #13afeb;
}

.recent_posts_list li span {
	float: left;
	margin-right: 15px;
}
.recent_posts_list li span img {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.recent_posts_list li span img:hover {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.recent_posts_list li i {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
	font-style: normal;
	color: #c9c9c9;
}
.recent_posts_list li.last {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #f5f6f6;
}

/* client says widget */
.clientsays_widget {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #999;
}
.clientsays_widget strong {
	font-weight: 600;
	color: #454545;
}
.clientsays_widget h3 {
	margin-bottom: 18px;
}
.clientsays_widget img {
	float: left;
	margin-right: 13px;
	margin-top: 7px;
	border: 1px solid #e3e3e3;
}

/* 404 Error Page */
.error_pagenotfound {
	padding: 50px 30px 58px 30px;
	margin: 0 auto;
	width: 59%;
	background-color: #fff;
	border: 1px solid #eee;
	border-bottom: 5px solid #eee;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
.error_pagenotfound strong {
	display: block;
	font-size: 145px;
	line-height: 100px;
	color: #e3e3e3;
	font-weight: normal;
	margin-bottom: 10px;
}
.error_pagenotfound b {
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #999;
	margin: 0;
	font-weight: 300;
}
.error_pagenotfound em {
	display: block;
	font-size: 18px;
	line-height: 59px;
	color: #13afeb;
	margin: 0;
	font-style: normal;
}


/* Buttons */
a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.but_goback i {
	color: #fff;
}
a.but_goback {
	padding: 13px 25px 13px 22px;
	margin: 0px 0px 0px 0px;
	background: #13afeb;
	border-bottom: 1px solid #999;
}
a.but_goback:hover {
	color: #fff;
	background-color: #383634;
}
a.but_ok_2 {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_ok_2:hover {
	background-color: #ff9900;
}

a.but_wifi {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #0099cc;
	border-bottom: 1px solid #909090;
}
a.but_wifi:hover {
	background-color: #00abde;
}

a.but_warning_sign {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e5cc19;
	border-bottom: 1px solid #909090;
}
a.but_warning_sign:hover {
	background-color: #efda1b;
}

a.but_user {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #007f99;
	border-bottom: 1px solid #909090;
}
a.but_user:hover {
	background-color: #0090ad;
}

a.but_tag {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e59919;
	border-bottom: 1px solid #909090;
}
a.but_tag:hover {
	background-color: #efa61b;
}

a.but_table {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c6699;
	border-bottom: 1px solid #909090;
}
a.but_table:hover {
	background-color: #5674ad;
}

a.but_star {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #99cc4c;
	border-bottom: 1px solid #909090;
}
a.but_star:hover {
	background-color: #a6da52;
}

a.but_search {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #66667f;
	border-bottom: 1px solid #909090;
}
a.but_search:hover {
	background-color: #747490;
}

a.but_phone {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	background: #e56619;
	border-bottom: 1px solid #909090;
}
a.but_phone:hover {
	background-color: #ef6f1b;
}

a.but_pencil {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #cc4c19;
	border-bottom: 1px solid #909090;
}
a.but_pencil:hover {
	background-color: #da521b;
}

a.but_new_window {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #001900;
	border-bottom: 1px solid #909090;
}
a.but_new_window:hover {
	background-color: #333333;
}

a.but_music {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #cccc7f;
	border-bottom: 1px solid #909090;
}
a.but_music:hover {
	background-color: #dada8a;
}

a.but_hand_right {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_hand_right:hover {
	color: #fff;
	background-color: #ff9900;
}

a.but_thumbs_down {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #9999cc;
	border-bottom: 1px solid #909090;
}
a.but_thumbs_down:hover {
	background-color: #a6a6da;
}

a.but_thumbs_up {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #00cce5;
	border-bottom: 1px solid #909090;
}
a.but_thumbs_up:hover {
	background-color: #00daef;
}

a.but_globe {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #669999;
	border-bottom: 1px solid #909090;
}
a.but_globe:hover {
	background-color: #6fa6a6;
}

a.but_hospital {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #196666;
	border-bottom: 1px solid #909090;
}
a.but_hospital:hover {
	background-color: #1b6f6f;
}

a.but_coffe_cup {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #7f994c;
	border-bottom: 1px solid #909090;
}
a.but_coffe_cup:hover {
	background-color: #8aa652;
}

a.but_settings {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #997f4c;
	border-bottom: 1px solid #909090;
}
a.but_settings:hover {
	background-color: #a68a52;
}

a.but_chat {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #7f9919;
	border-bottom: 1px solid #909090;
}
a.but_chat:hover {
	background-color: #8aa61b;
}

a.but_play_button {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c664c;
	border-bottom: 1px solid #909090;
}
a.but_play_button:hover {
	background-color: #567456;
}

a.but_remove_2 {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e59966;
	border-bottom: 1px solid #909090;
}
a.but_remove_2:hover {
	background-color: #efa66f;
}

a.but_lock {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #994c19;
	border-bottom: 1px solid #909090;
}
a.but_lock:hover {
	background-color: #a6521b;
}

a.but_shopping_cart {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #cc7f4c;
	border-bottom: 1px solid #909090;
}
a.but_shopping_cart:hover {
	background-color: #da8a52;
}

a.but_exclamation_mark {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c7f7f;
	border-bottom: 1px solid #909090;
}
a.but_exclamation_mark:hover {
	background-color: #528a8a;
}

a.but_info {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #667fcc;
	border-bottom: 1px solid #909090;
}
a.but_info:hover {
	background-color: #6f8ada;
}

a.but_question_mark {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c0019;
	border-bottom: 1px solid #909090;
}
a.but_question_mark:hover {
	background-color: #620020;
}

a.but_minus {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #666666;
	border-bottom: 1px solid #909090;
}
a.but_minus:hover {
	background-color: #747474;
}

a.but_plus {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #333333;
	border-bottom: 1px solid #909090;
}
a.but_plus:hover {
	background-color: #444444;
}

a.but_folder_open {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #99cc99;
	border-bottom: 1px solid #909090;
}
a.but_folder_open:hover {
	background-color: #a6daa6;
}

a.but_file {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #999999;
	border-bottom: 1px solid #909090;
}
a.but_file:hover {
	background-color: #a6a6a6;
}

a.but_envelope {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #727272;
	border-bottom: 1px solid #909090;
}
a.but_envelope:hover {
	background-color: #7c7c7c;
}

a.but_edit {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e5cc7f;
	border-bottom: 1px solid #909090;
}
a.but_edit:hover {
	background-color: #efda8a;
}

a.but_cogwheel {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #194c7f;
	border-bottom: 1px solid #909090;
}
a.but_cogwheel:hover {
	background-color: #1e5c99;
}

a.but_check {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #004c4c;
	border-bottom: 1px solid #909090;
}
a.but_check:hover {
	background-color: #005c5c;
}

a.but_camera {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #007fcc;
	border-bottom: 1px solid #909090;
}
a.but_camera:hover {
	background-color: #008ada;
}

a.but_calendar {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c99e5;
	border-bottom: 1px solid #909090;
}
a.but_calendar:hover {
	background-color: #52a6ef;
}

a.but_bookmark {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #990000;
	border-bottom: 1px solid #909090;
}
a.but_bookmark:hover {
	background-color: #b60000;
}

a.but_book {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #7f9999;
	border-bottom: 1px solid #909090;
}
a.but_book:hover {
	background-color: #8aa6a6;
}

a.but_download {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_download:hover {
	background-color: #ff9900;
}

a.but_pdf {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_pdf:hover {
	background-color: #ff9900;
}

a.but_word_doc {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_word_doc:hover {
	background-color: #ff9900;
}

a.but_woman {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_woman:hover {
	background-color: #ff9900;
}


/* styled boxes */
.info, .error, .notice, .success {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #bbb;
	margin-bottom: 20px;
	font-size: 13px;
}
p.error {
	border: none;
}
.info strong, .error strong, .notice strong, .success strong {
	font-size: 16px;
}
.message-box-wrap {
	border: 0px solid #fff;
	padding:10px;
}
.info {
	color: #4a84bc;
	border-color: #c6e3ff;
	background-color: #e6f3ff;
}
.error {
	color: #bd6767;
	border-color: #f1bdbd;
	background-color: #ffdddd;
}
.notice {
	color: #a79a30;
	border-color: #d7d099;
	background-color: #f6f2d2;
}
.success {
	color: #1ea133;
	border-color: #a9ecb4;
	background-color: #dffbe4;
}
.close-but {
	width: 10px;
	height: 10px;
	float: right;
	border: none;
	margin: 5px;
	cursor: pointer;
	font-size: 0px;
	background: url(../images/icon-remove.png) no-repeat center top;
}

/* dropcaps */

.dropcap1, .dropcap2, .dropcap3 {
	float: left;
	text-align: center;
	overflow:hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.dropcap1 {
	width: 53px;
	height:	58px;
	line-height: 50px;
	background:url(../../../images/elements/dropcap_gray.png) no-repeat scroll 0px 0px transparent;
	color: #999;
	margin:0 8px -4px 0;
	font-size: 32px;
}
.dropcap1.gray {
	background-image:url(../../../images/elements/dropcap_gray.png);
}
.dropcap2 {
	background:url(../../../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent;
	color:#999;
	line-height: 47px;
	height: 56px;
	width: 53px;
	margin:0 8px -4px 0;
	font-size:32px;
}
.dropcap2.gray {
	background-image:url(../../../images/elements/dropcap_gray.png);
}
.dropcap3 {
	font-size:40px;
	line-height: 40px;
	width:44px;
	height:44px;
	margin:0 0 -4px 0;
}
.dropcap3.gray {
	color: #999;
}


/* styled lists */
ul.list1 {
	padding: 0px;
	margin: 0px;
}
.list1 li {
	padding: 0px;
	margin: 0px;
	text-align: left;
	line-height: 30px;
}
.list1 li i {
	padding: 0px;
	margin: 0px 4px 0px 0px;
}


/* highlight colors */
.highlight {
	color: #fff;
	padding: 2px 5px;
	background: #000;
	border-radius:3px;
}
.highlight.black {
	background: #000;
	border-radius:3px;
}
.highlight.red {
	background: #ff0000;
	border-radius:3px;
}
.highlight.gray {
	background: #aaa;
}
.highlight.yellow {
	background: #fff000;
}
.highlight.blue {
	background: #0099cc;
}
.highlight.pink {
	background: #e826b4;
}
.highlight.green {
	background: #48b02b;
}
.highlight.orange {
	background: #ffcc00;
}
.highlight.magenta {
	background: #9325ea;
}

ul.list_empty {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.list_empty li {
	float: left;
	padding: 0px;
	margin: 0px 20px 35px 0px;
}

/* tables */
.table-style {
	float: left;
	width: 100%;
}
.table-list {
	float: left;
	background-color: #fff;
	border: 1px solid #dddddd;
	margin-bottom:20px;
	width: 100%;
}
.table-list th {
	padding: 18px 10px;
	background-color: #eee;
}
.table-list td {
	padding: 13px 10px;
	text-align: center;
	background-color: #f5f5f5;
}
.table-list tr:hover td {
	background-color: #f9f9f9;
}

/* pricing tables */
.pricing-tables-main {
	position: relative;
	float: left;
	margin-bottom: 40px;
}

.pricing-tables {
	position: relative;
	float: left;
	width: 24%;
	border: 1px solid #eee;
}
.pricing-tables .title {
	float: left;
	width: 100%;
	height: 57px;
	padding: 13px 0 10px 0;
	background-color: #454545;
	text-align: center;
	font-size: 23px;
	color: #fff;
	border-top: 3px solid #272727;
	border-bottom: 1px solid #818181;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #636363;
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables .price i {
	font-size: 14px;
	color: #ccc;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}
.pricing-tables .cont-list li.last {
	border: none;
}
.pricing-tables .ordernow {
	float: left;
	width: 100%;
	padding: 28px 0px;
	background-color: #eee;
	text-align: center;
	color: #fff;
}
.pricing-tables-main .ordernow .normalbut{
	color: #fff;
	background-color: #666;
	border: 1px solid #454545;
	padding: 10px 18px;
	border-radius: 3px;
	font-weight: normal;
}
.pricing-tables-main .ordernow .normalbut:hover{
	background-color: #727272;
}
.pricing-tables-main .ordernow .colorchan{
	color: #fff;
	background-color: #13afeb;
	padding: 10px 18px;
	border-radius: 3px;
	font-weight: normal;
}
.pricing-tables-main .ordernow .colorchan:hover{
	color: #fff;
	background-color: #272727;
}
.pricing-tables-helight{
	position: relative;
	float: left;
	width: 27%;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-helight .title {
	float: left;
	width: 100%;
	height: 73px;
	padding: 20px 0 0 0;
	margin-top: -10px;
	background-color: #0aa4df;
	text-align: center;
	font-size: 23px;
	color: #fff;
	border-top: 3px solid #0893c9;
	border-bottom: 1px solid #1cb7f3;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #13afeb;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight .price i {
	font-size: 14px;
	color: #eee;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables-helight .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables-helight .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables-helight .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}
.pricing-tables-helight .cont-list li.last {
	border: none;
}
.pricing-tables-helight .ordernow {
	float: left;
	width: 100%;
	padding: 30px 0 35px 0;
	background-color: #eee;
	text-align: center;
	color: #fff;
}

.pricing-tables-two {
	position: relative;
	float: left;
	width: 33%;
	border: 1px solid #eee;
}
.pricing-tables-two .title {
	float: left;
	width: 100%;
	height: 57px;
	padding: 13px 0 10px 0;
	background-color: #454545;
	text-align: center;
	font-size: 23px;
	color: #fff;
	border-top: 3px solid #272727;
	border-bottom: 1px solid #818181;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-two .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #636363;
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-two .price i {
	font-size: 14px;
	color: #ccc;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables-two .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables-two .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables-two .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}
.pricing-tables-two .cont-list li.last {
	border: none;
}
.pricing-tables-two .ordernow {
	float: left;
	width: 100%;
	padding: 28px 0;
	background-color: #eee;
	text-align: center;
	color: #fff;
}

.pricing-tables-helight-two{
	position: relative;
	float: left;
	width: 33%;
	z-index: 3;
	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-helight-two .title {
	float: left;
	width: 100%;
	height: 73px;
	padding: 20px 0 0 0;
	margin-top: -10px;
	background-color: #0aa4df;
	text-align: center;
	font-size: 23px;
	color: #fff;
	border-top: 3px solid #0893c9;
	border-bottom: 1px solid #1cb7f3;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight-two .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #13afeb;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight-two .price i {
	font-size: 14px;
	color: #eee;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables-helight-two .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables-helight-two .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables-helight-two .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}
.pricing-tables-helight-two .cont-list li.last {
	border: none;
}
.pricing-tables-helight-two .ordernow {
	float: left;
	width: 100%;
	padding: 30px 0 35px 0;
	background-color: #eee;
	text-align: center;
	color: #fff;
}

/* columns with box */
.framed-box {
	border: 1px solid #e3e3e3;
	width: 100%;
}
.framed-box.center{
	text-align:center;
}
.framed-box-wrap {
	background-color: #f9f9f9;
}
.framed-box-wrap .pricing-title {
	background-color: #f1f1f1;
	padding: 20px 0px 0px 0px;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.framed-box-wrap .pricing-text-list {
	padding: 15px 20px 40px 20px;
	text-align: center;
}

/* blog */
.blog_post {
	float: left;
	width: 100%;
}
.blog_post h3 {
	float: left;
	text-align: left;
	color: #333;
	line-height: 30px;
}
.blog_post h3 a {
	color: #13afeb;
	text-decoration: none;
	float: left;
	margin-top: 3px;
	text-transform: none;
	font-weight: 500;
	font-size: 30px;
}
.blog_post h3 a:hover {
	color: #383634;
}
ul.post_meta_links {
	float: left;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.post_meta_links li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	list-style-type: none;
	color: #999;
}
.post_meta_links li a {
	color: #999;
	padding: 0px 18px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
}
.post_meta_links li a:hover {
	color: #727272;
	text-decoration: none;
}
.post_meta_links li i {
	color: #bbb;
	font-size: 12px;
	font-style: normal;
}
.blog_postcontent {
	float: left;
	width: 100%;
}
.blog_postcontent .image_frame {
	float: left;
	width: 100%;
	margin-bottom: 27px;
}


/* blog small */
.blog_post h3 {
	width: 74%;
}
.blog_postcontent .image_frame.small {
	float: left;
	width: 43%;
	border: 7px solid #fff;
	margin-bottom: 25px;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.blog_postcontent .image_frame.small:hover {
	border: 7px solid #f9f9f9;
}
.blog_postcontent .image_frame img {
	float: left;
	width: 99.7%;
	border: 1px solid #fff;
}
.blog_postcontent .video_frame.small iframe {
	float: left;
	width: 43%;
	height: 180px;
	border: 7px solid #fff;
	margin-bottom: 25px;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.blog_postcontent .video_frame iframe {
	float: left;
	width: 100%;
	height: 520px;
	margin-bottom: 27px;
}
.post_info_content_small {
	padding: 0px;
	margin: 0 0 0 4%;
	width: 50%;
	float: left;
}
ul.post_meta_links_small {
	float: left;
	margin: -15px 0px 12px 80px;
	padding: 0px 0px 0px 0px;
	width: 80%;
}
.post_meta_links_small li.post_by {
	float: left;
	padding: 0px 0px 0px 18px;
	background: url(../../../images/blog/icon-by-user.png) no-repeat 0px 5px;
}
.post_meta_links_small li.post_categoty {
	float: left;
	padding: 0px 0px 0px 26px;
	background: url(../../../images/blog/icon-category.png) no-repeat 9px 6px;
}
.post_meta_links_small li.post_comments {
	float: left;
	padding: 0px 0px 0px 26px;
	background: url(../../../images/blog/icon-comments.png) no-repeat 9px 5px;
}
.post_meta_links_small li a {
	color: #a1a1a1;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	font-size: 11px;
}
.post_meta_links_small li a:hover {
	color: #727272;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	font-size: 11px;
}
.blog_post a.date {
	color: #454545;
	font-size: 16px;
	font-weight: normal;
}
.blog_post a.date:hover {
	color: #13afeb;
}
.post_readmore:link, .post_readmore:visited {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../../../images/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../../../images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}
.sharepost {
	float: left;
	width: 80%;
	margin-bottom: 40px;
}
.sharepost ul {
	margin: 0px;
	padding: 0px;
}
.sharepost li {
	margin: 0px 7px 5px 0px;
	padding: 2px 5px;
	float: left;
	border-radius: 2px;
	list-style-type: none;
	background-color: #13afeb;
}
.sharepost li i {
	color: #fff;
}
.sharepost li:hover {
	background-color: #383634;
}

.about_author {
	float: left;
	width: 100%;
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
}
.about_author img {
	float: left;
	margin-right: 20px;
}
.about_author a {
	font-family: 'Open Sans' !important;
	font-weight: normal;
	font-weight: 600;
	color: #333;
}
.about_author a:hover {
	color: #13afeb;
}


/* pagination */
.pagination.center {
	text-align: center;
}
.pagination.center b{
	float: inherit;
}
.pagination {
	clear:both;
	padding:10px 0;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}
.pagination b{
	float:left;
	margin: 0px 5px 2px 0;
	padding:0px 10px;
	font-weight: normal;
	color: #999;
}
.pagination a.navlinks {
	font-size: 12px;
	color: #454545;
	background-color: #eee;
	font-weight: 600;
	text-transform: uppercase;
	padding: 7px 10px;
	border-radius: 3px;
}
.pagination a.navlinks:hover {
	color: #fff;
	background-color: #454545;
}
.pagination a.current {
	color: #fff;
	background-color: #454545;
}

/* comment form */
.comment_form {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 40px;
	font-weight: normal;
}
.comment_input_bg {
	float: left;
	width: 75%;
	height: 40px;
	padding: 7px 10px 0px 10px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_textarea_bg {
	float: left;
	width: 90%;
	height: 235px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_checkbox {
	float: left;
	display: block;
	width: 90%;
	margin-top: 10px;
}
.comment_submit {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 9px 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border-radius: 4px;
	color: #333;
	text-transform: uppercase;
}
.comment_submit:hover {
	background-color: #f9f9f9;
	cursor: pointer;
}

/* comments */
.comment_wrap{
	padding:20px 20px 20px 0px;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.comment_wrap.chaild{
	border-bottom:1px solid #eee;
	margin:10px 20px 10px 50px;
	overflow:hidden;
}
.gravatar{
	float:left;
}

.comment_content{
	overflow:hidden;
	padding-left:20px;
	position:relative;
	min-height:80px; 
}
.comment_content .comment_meta{
	position:relative;
}
.comment_content .comment_meta .comment_author{
	display:inline;
	font-size:14px;
	font-style: normal;
}
.comment_content .comment_meta .comment_author i{
	display:inline;
	font-size:11px;
	font-style: italic;
}
.comment_content .comment_text {
	clear:both;
	padding-top:0px;
	overflow:hidden;
}
.comment_content .comment_text a {
	color: #d3d3d3;
	margin-top: 5px;
	float: left;
}
.comment_content .comment_text a:hover {
	color: #727272;
	margin-top: 5px;
	float: left;
}
#comments_section li ul li{
	margin-left: 30px;
}


/*----------------------------------------------------
	RIGHT SIDEBAR
------------------------------------------------------*/
.site-search-area {
	margin: 18px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 80%;
}
#site-searchform {
	margin: 0;
	padding: 0;
}
#site-searchform #s{
	border: 1px solid #e0e0e0;
	background-color: #fff;
	width: 80%;
	height:41px;
	padding:5px 10px 5px 10px;
	color: #999;
	float: left;
	font-size: 13px;
}
#site-searchform #searchsubmit{
	float: left;
	width:50px;
	height:41px;
	cursor:pointer;
	text-indent:-5555em;
	line-height:100;
	overflow:hidden;
	background: #13afeb url(../../../images/site-search-icon.png) no-repeat center 14px;
	border:0;
}
#site-searchform #searchsubmit:hover{
	background: #383634 url(../../../images/site-search-icon.png) no-repeat center 14px;
}

.sidebar_widget {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.sidebar_widget ul.arrows_list1{
	padding: 0px;
	margin: 0px;
	float: left;
	margin-top: -10px;
}
.sidebar_widget ul.arrows_list1 li a {
	color: #13afeb;
	line-height: 30px;
}
.sidebar_widget ul.arrows_list1 li a:hover {
	color: #383634;
}
.sidebar_widget ul.arrows_list1 i {
	margin-right: 4px;
}
.sidebar_title {
	float: left;
	width: 100%;
}
.sidebar_widget h3, .clientsays_widget h3 {
	margin-bottom: 30px;
	float: left;
}
.sidebar_widget h3 i, .clientsays_widget h3 i {
	font-weight: 500;
	font-style: normal;
}

/* Recent Posts */
ul.recent_posts_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
.recent_posts_list li {
	padding: 0px 0px 13px 0px;
	margin: 0px 0px 16px 0px;
	list-style-type: none;
	border-bottom: 1px solid #f5f6f6;
	float: left;
	width: 100%;
}
.recent_posts_list li a {
	text-decoration: none;
	line-height: 17px;
	display: block;
	color: #999;
}
.recent_posts_list li a:hover {
	color: #13afeb;
}

.recent_posts_list li span {
	float: left;
	margin-right: 15px;
}
.recent_posts_list li span img {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.recent_posts_list li span img:hover {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.recent_posts_list li i {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
	font-style: normal;
	color: #c9c9c9;
}
.recent_posts_list li.last {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #f5f6f6;
}

/* client says widget */
.clientsays_widget {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #999;
}
.clientsays_widget strong {
	font-weight: 600;
	color: #454545;
}
.clientsays_widget h3 {
	margin-bottom: 18px;
}
.clientsays_widget img {
	float: left;
	margin-right: 13px;
	margin-top: 7px;
	border: 1px solid #e3e3e3;
}

/* Advertisements */
ul.adsbanner-list {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.adsbanner-list li {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
	width: 120px;
	height: 120px;
	list-style-type: none;
}
.adsbanner-list li img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 120px;
	height: 120px;
	list-style-type: none;
}
.adsbanner-list li.last {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 120px;
	height: 120px;
	list-style-type: none;
}

.blocklabel {
	float: left;
	width: 100%;
	display: block;
	margin-top: 10px;
}
.input_bg {
	float: left;
	width: 70%;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.textarea_bg {
	float: left;
	width: 90%;
	height: 235px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.address_info {
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 20px 20px 10px 20px;
	width: 99%;
	margin-bottom: 40px;
}
.address_info.two {
	background-color: #fff;
	border: none;
	margin-bottom: 20px;
	padding-top: 0px;
}
.address_info h3 i {
	font-weight: 500;
	font-style: normal;
}
.google-map {
	width: 99%;
	height: 350px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.google-map2 {
	width: 100%;
	height: 450px;
}
.google-map3 {
	width: 100%;
	height: 300px;
	border: 10px solid #fff;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}
.google-map4 {
	width: 100%;
	height: 200px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}



/* portfolio single image */
.portfolio_area {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
}
.portfolio_area_left {
	padding: 0px;
	margin: 0px;
	width: 75%;
	float: left;
}
.portfolio_area_left img {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.portfolio_area_right {
	padding: 0px;
	margin: 0px 0px 0px 3%;
	width: 22%;
	float: left;
}
.project_details {
	padding: 0px;
	margin: 70px 0px 0px 0px;
}
.project_details span {
	padding: 5px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
}
.project_details strong {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #727272;
	float: left;
	width: 40%;
}
.project_details em {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #727272;
	float: left;
	width: 60%;
}
.project_details span a {
	padding: 3px 10px;
	margin: 0px 0px 0px 3px;
	font-size: 11px;
	line-height: 30px;
	font-weight: normal;
	font-style: normal;
	color: #727272;
	background-color: #e3e3e3;
	border-radius:3px;
}
.project_details span a:hover {
	background-color: #ddd;
}
.addto_favorites {
	padding: 3px 10px 5px 10px;
	margin: 20px 0px 0px 0px;
	width: 142px;
	display: block;
	border-radius:3px;
	font-size: 13px;
	color: #999;
	background: #eee;
}
.addto_favorites:hover {
	background: #ddd;
}
.addto_favorites i {
	color: #c3c3c3;
}

ul.small_social_links {
	padding: 0px;
	margin: 9px 0 25px 0px;
}
.small_social_links li {
	padding: 0px;
	margin: 0px 9px 0px 0px;
	float: left;
}
.small_social_links li i {
	color: #13afeb;
}
.small_social_links li a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.small_social_links li a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.portfolio_image {
	float: left;
	width: 97%;
	padding: 0px;
	margin: 0px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.portfolio_image .title {
	float: left;
	width: 92%;
	padding: 10px 19px 7px 20px;
	margin: 0px;
	font-size: 13px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.portfolio_image i {
	position: absolute;
	display: none;
	color: #fff;
	margin-left: 45%;
	margin-top: 22%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.portfolio_image:hover i {
	display: block;
}
.portfolio_image img {
	float: left;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.portfolio_image img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* punchline text */
.punchline_text_box {
	float: left;
	width: 100%;
	padding: 25px 30px;
	margin: 0px;
	border: 1px solid #eee;
	border-left: 5px solid #13afeb;
	color: #999;
}
.punchline_text_box strong {
	font-weight: normal;
	font-size: 22px;
	color: #272727;
}
.punchline_text_box .left {
	float: left;
	width: 80%;
}
.punchline_text_box .right {
	float: left;
	width: 20%;
}

/* know more button */
a.knowmore_but {
	float: right;
	padding: 13px 20px 13px 20px;
	margin: 0px 0px 0px 50px;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	background-color: #13afeb;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #999;
}
a.knowmore_but:hover {
	color: #fff;
	background-color: #272727;
}

/* read more buttons */
.readmore_but1 {
	color: #fff;
	padding: 16px 40px;
	border-radius: 4px;
	background-color: #272727;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but1:hover {
	color: #fff;
	background-color: #13afeb;
}
.readmore_but1.nocurve {
	border-radius: 0px;
}
.readmore_but1.marlt {
	margin-left: 20px;
}

.readmore_but2 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 14px 35px;
	border-radius: 4px;
	background-color: #272727;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but2:hover {
	color: #fff;
	background-color: #13afeb;
}

.readmore_but3 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 14px 35px;
	border-radius: 4px;
	background-color: #13afeb;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but3:hover {
	color: #fff;
	background-color: #272727;
}

.readmore_but4 {
	color: #272727;
	font-size: 16px;
	text-align: left;
	font-weight: 300;
	padding: 12px 80px 12px 25px;
	border-radius: 4px;
	border: 2px solid #eee;
	-webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}
.readmore_but4:hover {
	color: #13afeb;
}

.readmore_but5 {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 14px 20px;
	border-radius: 4px;
	background-color: #13afeb;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but5 i {
	border-left: 1px solid #009bd8;
	padding-left: 10px;
	margin-left: 10px;
	padding-top: 17px;
	padding-bottom: 17px;
}
.readmore_but5:hover {
	color: #fff;
	background-color: #272727;
}
.readmore_but5:hover i {
	border-left: 1px solid #454545;
}

.readmore_but6 {
	color: #fff;
	font-weight: 600;
	padding: 13px 40px;
	border-radius: 4px;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but6:hover {
	color: #fff;
	background-color: #454545;
}

.readmore_but7 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 9px 20px;
	border-radius: 4px;
	background-color: #13afeb;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but7:hover {
	color: #fff;
	background-color: #272727;
}

.readmore_but8 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 14px 35px;
	border-radius: 4px;
	background-color: #13afeb;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but8:hover {
	color: #272727;
	background-color: #eee;
}

.readmore_but9 {
	color: #fff;
	padding: 16px 40px;
	border-radius: 4px;
	background-color: #13afeb;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.readmore_but9:hover {
	color: #fff;
	background-color: #272727;
}



.iframecontainer {
	width: 620px;
	margin: auto auto auto auto;
}

.content_fullwidth.lessmar {
	padding: 18px 0px 0px 0px;
}


/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 999;
}

/* moving text */
.rw-wrapper{
	float: left;
	width: 80%;
	font-size: 32px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	line-height: 35px;
	font-weight: 300;
}
.rw-sentence{
	margin: 0;
}
.rw-sentence span{
	color: #fff;
}
.rw-words{
	margin-top: -30px;
	display: inline;
	text-indent: 95px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #fff;
	-webkit-animation: rotateWord 8s linear infinite 0s;
	-moz-animation: rotateWord 8s linear infinite 0s;
	-o-animation: rotateWord 8s linear infinite 0s;
	-ms-animation: rotateWord 8s linear infinite 0s;
	animation: rotateWord 8s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 2s; 
	-moz-animation-delay: 2s; 
	-o-animation-delay: 2s; 
	-ms-animation-delay: 2s; 
	animation-delay: 2s; 
	color: #fff;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 4s; 
	-moz-animation-delay: 4s; 
	-o-animation-delay: 4s; 
	-ms-animation-delay: 4s; 
	animation-delay: 4s; 
	color: #fff;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 6s;
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #fff;
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -moz-transform: translateY(-30px); }
	5% { opacity: 1; -moz-transform: translateY(0px);}
    17% { opacity: 1; -moz-transform: translateY(0px); }
	20% { opacity: 0; -moz-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -o-transform: translateY(-30px); }
	5% { opacity: 1; -o-transform: translateY(0px);}
    17% { opacity: 1; -o-transform: translateY(0px); }
	20% { opacity: 0; -o-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; transform: translateY(-30px); }
	5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
	20% { opacity: 0; transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}

#wrap {
  display: inline-block;
  position: relative;
  height: 30px;
  float: right;
  padding: 0;
  position: relative;
  margin-left: 40px;
  margin-top: 25px;
}

#wrap input[type="text"] {
  height: 30px;
  font-size: 21px;
  display: inline-block;
  border: none;
  outline: none;
  color: #999;
  padding: 0px 10px;
  padding-right: 60px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
  border-radius: 3px;
}

#wrap input[type="text"]:focus:hover {
  background-color: #fff;
  -webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

#wrap input[type="text"]:focus {
  width: 300px;
  z-index: 1;
  cursor: text;
  background-color: #fff;
  -webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
#wrap input[type="submit"] {
  height: 30px;
  width: 30px;
  display: inline-block;
  color:red;
  float: right;
  background: url(../images/site-search-menu.png) no-repeat center 1px;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}

#wrap input[type="submit"]:hover {
  opacity: 0.8;
}

/* aboutme bio */
.biobox {
	float: right;
	width: 100%;
}
.biobox i {
	font-size: 25px;
	color: #fff;
	float: left;
	margin-right: 25px;
	background-color: #13afeb;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
}

/* horizantal big line */
.hbigline {
	float: left;
	width: 100%;
	height: 5px;
	background: url(../../../images/background/h-line2.png) repeat-x left top;
}

/* footer graph @new */
.footer_graph {
	float: left;
	width: 100%;
	height: 61px;
	background: url(../../../images/background/footer-graph.png) no-repeat 120px top;
}

/* funfacts @new */
.fuicsec {
	float: left;
	width: 100%;
	padding: 30px 0px;
	background-color: #f3f3f3;
}
.fuicsec h3 {
	margin: 0px;
	color: #454545;
	font-size: 22px;
}
.fuicsec i {
	float: left;
	font-size: 35px;
	color: #999;
	margin-right: 20px;
	margin-top: 10px;
}
.fuicsec .one_fifth {
	border-right: 1px solid #e0e0e0;
}
.fuicsec .one_fifth.last {
	border-right: 0px solid #e0e0e0;
}

/* cicle features section */
.circlefus {
	text-align: center;
}
.circlefus i {
	font-size: 27px;
	color: #fff;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;
	background-color: #13afeb;
	border-radius: 100%;
	margin-bottom: 25px;
	box-shadow: 0 0 0 4px #fff, 0 0 0 5px #13afeb;
	-webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s;
}
.circlefus i:hover {
	color: #fff;
	background-color: #272727;
	box-shadow: 0 0 0 4px #fff, 0 0 0 5px #272727;
}

/* features section 81 */
.feature_section81 {
	float: left;
	width: 100%;
	padding: 30px 0px 58px 0px;
}

.top_nav {
  float: left;
  width: 100%;
  padding: 10px 0px 0px 0px;
  background-color: #0055a4;
    margin-top: 0px;
  padding-top: 0px;
}

.top_nav .right {

border: none;

}

.top_nav * {

color: #fff;	
    font-size: 14px;
  line-height: 1.3em;
}

.top_nav .right {
  
  position: relative;
}

.top_nav .button {
padding: 4px 10px;
  margin-left: 13px;
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  box-shadow: 2px 2px 0px #00578c;
}

.top_nav .top_text {
float: right;
  margin-right: 110px;
  padding-top: 12px;
}

.top_lang {
  
    position: absolute;
  right: 0px;
  top: 0px;
  height: auto;
  background: #fff;
    padding: 14px 16px;
  
}

.top_nav select {
  height: 20px;
  color: #0075bc;
  font-weight: 700;
  font-family: 'Titillium Web', sans-serif;
  border: none;
  cursor: pointer;
  
}

.top_nav select option  {
color: #0075bc;
  font-weight: 700;
  
}

* {
    
    box-sizing: border-box;
}

.kehys {
  
  max-width: 1210px;
  width: 100%;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

body .nav>li>a {
  position: relative;
  display: block;
  padding: 38px 19px 22px;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Titillium Web', sans-serif;
  text-transform: uppercase;
}

body, p, div, li, td {
  
  font-family: 'Titillium Web', sans-serif;
}

body .menu_main ul.nav > li > a:hover {
  
 color: #000;
  opacity: 1;
}

body .nav>li {
  position: relative;
  display: block;
  float: left;
}

body .menu_main ul.nav > .active {
  
  background: #e8eaee;
}

body #trueHeader {
  box-shadow: none;
  border-bottom: 1px solid #f1f3f2;
  
}

body .tp-button, body .painike {
  
 background: #0055a4;
  color: #fff;
  font-weight: 700;
  font-family: 'Titillium Web', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 40px;
  border-radius: 3px;
  box-shadow: 2px 2px 0px #ccc;
  text-decoration: none;
}

body .btn, body .btn-default, body .gbs3 .btn {
  background: #0055a4;
  color: #fff;
  font-weight: 700;
  font-family: 'Titillium Web', sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 5px;
  height: auto;
   display: inline-block;
  box-shadow: none;
}

.btn:hover, .painike:hover, .tp-button:hover {
  
  color: #fff !important;
  background: #1a1a1a;
}

.autovero .form-title {
    
    display: none;
}

.autovero form label {
    font-weight: 300;
}

.content_fullwidth.lessmar {
  padding: 0px 0px 0px 0px;
}

.item-page {
  text-align: left;
  /* margin-top: 24px; */
}







@media only screen 
  and (max-width: 1200px) {

    .services .right85 {
 
}

.wp-header .paamenu  .hs-menu-depth-1.hs-menu-item > a {
   padding: 38px 10px 22px;
   transition: all 0.2s;
    
}
    
    .white-bg {
  
  background: rgba(255,255,255,0.6);
  min-height: 649px;
}
    
   .blue-bg .left50, .blue-bg .right50 {
     
     float: none;
     display: block;
     text-align: center;
     width: 100%;
     
   }
    
.ratkaisu-wrapper {
  width: 52%;
  padding: 0px;
  background: rgba(255,255,255,0.7);
}   
    
    .left33 {
 width: 48%;
}
    
.blue-bg h2 {

  margin-bottom: 32px;
}

    
  }

@media only screen and (min-width: 1000px) {
    
   .wp-header .paamenu {
       display: block  !important;
}

}


@media only screen 
  and (max-width: 999px) {

   .wp-header .logo {
  float: none;
  width: 100%;
  display: block;
  position: static !important;
  text-align: center;
  
       height: 72px;
     
}
    
    .header-container-wrapper .hs-menu-depth-1 .hs-menu-children-wrapper {
     	background: none; 
    }
    
     .header-container-wrapper .hs-menu-depth-1 > ul {
     	padding-bottom: 10px;  
    }
    
    .wp-header .paamenu ul {
     	width: 100%;
      display: block;
    }
    
  .wp-header .paamenu .hs-menu-depth-1.hs-menu-item  {
    position: relative;
    display: block;
    float: none;
    width: 100%;
}
     .wp-header .paamenu .hs-menu-depth-1.hs-menu-item a  {
           padding: 8px 11px 8px;
    }
    
 .wp-header .paamenu .hs-menu-depth-2.hs-menu-item  {
    position: relative;
    display: block;
    float: none;
    width: 100%;
     box-sizing: border-box;
     padding-left: 30px !important;
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
}
    
    .wp-header .paamenu .hs-menu-depth-1.hs-menu-item ul  {
      
       display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
      position: static !important;
    }
    
  .wp-header .paamenu .hs-menu-depth-1.hs-menu-item a {
    font-size: 16px;
padding: 8px 11px 8px;
    display: block;
    line-height: 1.1em;
}

.wp-header .wp-header-top .ylaosa {
    padding-right: 0;
}
    
    .wp-header .wp-header-bottom {
        
        border: none;
        margin-bottom: 40px;
    }
      .white-bg {
  
  background: rgba(255,255,255,0.8);
  min-height: 649px;
}

    .header-container .kehys, .footer-container .kehys, .body-container .kehys {
    width: auto;
    max-width: 740px;
}
    
    .wp-header .paamenu {
        
        display: none;
    }
    
    .navbar-toggle {
        
        display: block !important;
        
    }
    
    
    .laadunvalvonta-wrapper {
  
  padding-right: 0%;
}
  
    
    .yamm .navbar-collapse.pull-right {
  width: 100%;
 
  background: #fafafa;
}
    
    .navbar-collapse.pull-right {
  width: 100%;
  /* float: none !important; */
  background: #fafafa;
  border: 1px solid #eee;
}
    
    #header {
  margin: 0px 0 0;
  height: auto !important;
}
    
   body .paamenu {
  float: none;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 700px;
  margin: 0 auto;
  /* padding-top: 18px; */
  padding: 0 !important;
  display: block;
    background: #fafafa;
     border: 1px solid #eee;
}
    
    body #trueHeader #logo {
  background: url('../../../images/headers/assistor-logo.jpg') no-repeat center top !important;
}
    
   
    
    .left33 {
 width: 48%;
}
    
}

@media only screen 
  and (max-width: 767px) {

 .custommobile {
  
  display: block !important;
}
    
   .left70 {
  
  float: none;
  width: 100%;
}

.right30 {
  
  float: none;
  width: 100%;
}

.header-container .kehys, .footer-container .kehys, .body-container .kehys {
    width: auto;
    max-width: 500px;
}

 .blogi .body-container .kehys { 
     
    padding-left: 0 !important;   
    padding-right: 0 !important;
    max-width: 100% !important;
 }

.wp-header .paamenu  .hs-menu-depth-1.hs-menu-item a {
    padding: 8px 11px 8px;
}

.wp-header .paamenu  .hs-menu-depth-1.hs-menu-item  {
    position: relative;
    display: block;
    float: none;
    text-align: left;
}

    
    .content_sidebar .moduletable:first-child {
  padding-top: 0px;
}
.content_sidebar .moduletable {
  min-width: 100%;
  margin-bottom: 30px;
}
    
    #header.sticky #trueHeader {
  position: static !important;
  top: 0;
}
    
    .ratkaisu-wrapper {
  width: 100%;
 
}
    
    body .tp-button, body .painike {
 
  display: inline-block;
  height: auto;
      margin-bottom: 20px;
}
    
    #trueHeader {
      
      position: relative;
    }
    
    .logo {
  float: none;
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}
    
    .forcefullwidth_wrapper_tp_banner {
      
      display: none !important;
    }
    
   body ul.tabs {
  width: 100%; 
      
    }
    
   body  .tabs-content {
  width: 100%;
}
    
body .ratkaisut .bgimg1, body .ratkaisut .bgimg2, body .ratkaisut .bgimg3 {
  
  background: none !important;
}
    
    
    body .tabs li {
  margin: 0px 0px 16px 0px;
  text-align: center;
  float: left;
  width: 33%;
}
    
    
    .top_nav .top_text {
    
      float: none;
  margin-right: 0px;
  padding-top: 12px;
}
  
    
  body .left33, body .left50, body .left66, body .right33, body .right50, body .rigth66, .w33, .w50, .palvelut .w33, .palvelut .w50, .w25, .right75, .left25 {
      
      float: none;
      display: block;
      margin: 0 0 20px;
      padding: 0px;
      width: 100%;
    }
    
    
    .palvelut .w33 {
      
      text-align: center;
      width: 100%;
      padding: 5%;
      margin: 0px 0px 15px 0px !important;
      min-height: 10px;
    }
    
    .w33:last-child {
  float: none;
  width: 100%;
  margin-right: 0%;
      margin-bottom: 15px;
}
    
    .service1, .service2, .service3, .service4, .service5, .service6, .service7 {
  height: 49px;
  display: block;
}
    
    .footer1 .one_fourth {
  width: 100%;
}
    
    .service1, .service2, .service3, .service4, .service5, .service6, .service7 {
  height: 60px;
  display: block;
}
    
    .services .right85 {
  width: 80%;
  padding-right: 2%;
}
    
    .blog {
  padding: 5%;
      width: 90%;
}
    
    .item-pageleft {
  width: 100%;
  float: none;
}
    
    .content_sidebar {
  float: none;
  width: auto;
  max-width: 100%;
      width: 100%;
  padding: 6px 0px 30px 0px;
}
    
    .content_sidebar .moduletable {
  min-width: 315px;
  margin-bottom: 30px;
}
    
   .content_sidebar .nav {
  margin: 0 0 0px 0px !important;
}
    
    .lightblue-bg h2 {
  color: #0056a4;
  font-size: 32px;
  text-transform: none;
  font-weight: 700;
  line-height: 1.2em;
    }
    
    body .main-header {
  color: #0056a4;
  font-size: 36px;
  line-height: 1.2em;
      
    }
    
    #chronoform-FI-Assistore-Tunnukset .form-group {
  width: 100%;
  float: left;
}
    
    .referenssit h3, .referenssit h2 {
  color: #fff;
  font-size: 19px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2em;
}
    
    .kuvat li {
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  max-width: 45%;
}
    
}

@media only screen 
  and (max-width: 600px) {
    
.top_nav .button {
      
      display: inline-block;
      text-align: center;
      margin-top: 10px;
  padding: 6px 20px;
    }
    
    .top_nav * {
  text-align: center !important;
}
    
    
    .wp-header .wp-header-top {
        
        text-align: center;
    }
    
    .wp-header-top a.mustapainike {
        
        margin: 10px 0 10px 0;
        display: block;
        text-align: center;
    }
    
    
  }

@media only screen 
  and (max-width: 479px) {
    
.kehys {
  width: auto;
  max-width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;

}
    
    .laadunvalvonta, .white-bg {
      
      background: none;
      min-height: 10px;
    }
    
    .mobile {
      
      display: inline;
    }
    
    .blue-bg h2 {
  color: #fff;
  font-size: 28px;
  text-transform: none;
  font-weight: 300;
  margin: 0px;
  padding: 0px;
  margin-top: 30px;
}
    
      body .tp-button, body .painike {
 
  display: block;
        margin-bottom: 20px;
  height: auto;
}
    
    .top_nav * {
      
      text-align: center !important;
    }
    
.top_nav .button {
      
      display: block;
      text-align: center;
      margin-top: 10px;
    }
    
  }