/* ==========================================================================
   Metsä custom styles - mobile first 
   ========================================================================== */

/*------------  general  --------------- */
/* .container-fluid img {max-width: 100%;}  */
a.arrowrounded { }

.container-fluid { max-width: 100%; padding-bottom: 20px; }
    .container-fluid .container-fluid { padding: 0; }
.wide { width: 100%; position: relative; }
    .wide.grey { padding-bottom: 0; background: url("../img/shadow.png") no-repeat top center #e5e6e5; }

    .wide .container-fluid { padding-bottom: 0; }
.row.narrow { max-width: 700px; margin-top: 20px; line-height: 20px; }
iframe { max-width: 100% !important; }
.green { color: #8fd400 !important; }
.ms-rtestate-field p, p.ms-rteElement-P { line-height: 1.4; }
blockquote { border: 0; margin: 0 0 10px 15px; padding: 0; font-size: 14px; }
    blockquote blockquote { margin: 0; }
ol li { margin-bottom: 8px; }
.ms-srch-hover-siteViewerContainer { width: 1000px !important; border: 0; }
select:focus { outline: none; }
input[type="password"]:focus, input[type="text"]:focus, select:focus, textarea:focus, .sp-peoplepicker-topLevelFocus, .ms-inputBoxActive, .ms-inputBox.ms-inputBoxActive:hover { border-color: #E4E4E4; }

/*sp dialog fix*/
.ms-dlgContent { position: fixed !important; }


/* responsive tables demo */
table.demo { width: 100%; margin: 30px auto; }

@media screen and (max-width:767px) {
    .navbar-brand { padding-left: 5px; }
    .logo img { max-width: 145px; }
    .scrollable > div { overflow-x: auto; }
    .scrollable.has-scroll { position: relative; overflow: hidden; }
        .scrollable.has-scroll.right-shadow:after { position: absolute; top: 0; left: 100%; width: 50px; height: 100%; border-radius: 10px 0 0 0.2px 0 0 50%; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); content: ''; }
        .scrollable.has-scroll.left-shadow:before { position: absolute; top: 0; left: -50px; width: 50px; height: 100%; border-radius: 10px 0 0 0.2px 0 0 50%; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25); content: ''; }
    /* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
    .scrollable > div::-webkit-scrollbar { height: 12px; }
    .scrollable > div::-webkit-scrollbar-track { box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset; background: #f0f0f0; }
    .scrollable > div::-webkit-scrollbar-thumb { border-radius: 6px; background: #ccc; }

    /* search results */
    .ms-srch-item, .ms-srch-item-path { width: 100%; }
    .ms-searchCenter-result-main .ms-srch-sbLarge-fullWidth { width: 77%; }
    .ms-searchCenter-result-main { margin-top: 0; }
        .ms-searchCenter-result-main .ms-srch-sbLarge > .ms-srch-sb-searchLink { float: right; margin-right: 3px; }
        .ms-searchCenter-result-main #SearchBox, .ms-searchCenter-result-main .ms-srch-sbLarge { width: 100%; }
    .ms-srch-result-groups .ms-srch-item-path { display: none; }
}

.lightFont { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
.medium { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
.nopadding { padding: 0 !important; }
.nopaddingbottom { padding-bottom: 0 !important; }
    .nopaddingbottom h1 { margin-bottom: 20px; }
.marginTop0 { margin-top: 0 !important; }
.marginTop20 { margin-top: 20px; }
.marginTop40 { margin-top: 40px; }
.marginBottom { margin-bottom: 10px; }

.borderTop { border-top: 2px solid #c7c7c7; }
.borderTopDotted { border-top: 1px dotted #c7c7c7; }
.row input[type="text"] { border: 1px solid #e3e3e3; font-size: 12px; height: 26px; padding: 0 5px; }
.row .ms-searchCenter-result-main input[type="text"] { border: 0; }

/*search results*/
.ms-srch-Paging .ms-promlink-button-image { top: -4px; left: -1px; }
.ms-srch-result #PagingSelf a { color: #000; }
.ms-ref-refiner #Value a, .ms-ref-unsel-toggle { color: #363534; }
    .ms-ref-ctrl .ms-ref-selSec .ms-ref-filterSel, .ms-ref-ctrl .ms-ref-allSec .ms-ref-filterSel, .ms-ref-refiner #Value a:hover, .ms-ref-unsel-toggle:hover { color: #000; }
.ms-srchnav-link-selected:link, .ms-srchnav-link-selected:visited, .ms-srchnav-link-selected:hover, .ms-srchnav-link:hover { color: #000; }
.ms-srchnav-link, .ms-srchnav-link:visited { color: #333; }
.contentsection .ms-searchCenter-refinement a, .contentsection .ms-searchCenter-result-main a { padding-left: 0; background-image: none; text-transform: none; margin-bottom: 0; }
    .contentsection .ms-searchCenter-refinement a.ms-ref-refinername { line-height: 23px; }
.ms-searchCenter-refinement { margin-top: 35px; }
.ms-searchCenter-result-main { margin-top: 30px; }
    .ms-searchCenter-result-main .ms-srch-sbLarge input[type="text"] { border: 0; height: 28px; font-size: 14px; }
.ms-srchnav-item h2 { font-size: 18px; }
.ms-ref-refinername { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
input[type="checkbox"] + .ms-ref-name.ms-displayInlineBlock.ms-ref-ellipsis { position: relative; top: 8px; }
.histogram_bar_active { border-top: 2px solid #8fd400; }
    .histogram_bar_active:hover, .histogram_bar_inactive:hover { background-color: #8fd400; border-left: 1px solid #92C0E0; border-right: 1px solid #92C0E0; border-top: 2px solid #8fd400; }
.ajax__multi_slider_default .inner_rail_horizontal { background-color: #8fd400; border-bottom: 1px solid #8fd400; border-top: 1px solid #8fd400; }
.closeform { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1486px transparent !important; display: inline-block; width: 20px; height: 20px; cursor: pointer; margin-left: 5px; float: right; margin-right:10px;}
.findContact .form-control { width: auto; }
.ms-rtestate-field h2 { color: #262626; }
.offerSummary .green p { word-wrap: break-word; }

.closeformX { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1486px transparent !important; display: inline-block; width: 20px; height: 20px; cursor: pointer; margin-left: 5px; float: right; margin-right:10px;}

@media screen and (max-width:767px) {
    /* search results */
    .ms-srch-item, .ms-srch-item-path { width: 100%; }
    .ms-searchCenter-result-main .ms-srch-sbLarge-fullWidth { width: 77%; }
    .ms-searchCenter-result-main { margin-top: 0; }
        .ms-searchCenter-result-main .ms-srch-sbLarge > .ms-srch-sb-searchLink { float: right; margin-right: 3px; }
        .ms-searchCenter-result-main #SearchBox, .ms-searchCenter-result-main .ms-srch-sbLarge { width: 100%; }
    .ms-srch-result-groups .ms-srch-item-path { display: none; }
}

/* ------- arrows --- */
/*normal link*/
a.arrow { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") left 3px no-repeat transparent; line-height: 16px; padding-left: 20px; text-transform: uppercase; display: inline-block; margin-bottom: 6px; }

/*scroll down indicator in header*/
#arrowDown { display: block; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") center -31px no-repeat rgba(0, 0, 0, 0.55); width: 100px; height: 100px; position: absolute; top: 295px; left: 50%; margin-left: -50px; z-index: 2; opacity: 1; }
    #arrowDown.notshown { opacity: 0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }

/*scroll up indicator in footer*/
.arrowUp { display: block; cursor: pointer; float: right; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") center -191px no-repeat rgba(0, 0, 0, 0.55); width: 40px; height: 40px; }

/*edit mode dropdowns always above other content - fix for image renditions in ie*/
#Ribbon\.Image\.Image\.Renditions\.PickRendition\.Menu { z-index: 9999 !important; max-height: 200px !important; }


/* bordered h1 for separating some content  */
.border h1, h1.border { border-top: 2px solid #e5e6e5; padding-top: 25px; }
h1 { padding-top: 20px; padding-left: 15px; padding-right: 15px; max-width: 910px; margin-left: auto; margin-right: auto; }

/*  old browsers (<ie9) */
.browsehappy { margin: 0 auto; padding: 10px; color: #fff; background-color: #8fd400; text-align: center; font-weight: bold; }

/* centered columns styles */
.row-centered { text-align: center; }
.col-centered { display: inline-block; float: none; text-align: center; margin-right: -4px; }

@font-face { font-family: "BentonSans-Book"; src: url("/_layouts/15/MGSPMetsaForestInternet/fonts/4676d06e-667e-41ca-8f6b-e78721a03562-2.eot"); src: url("/_layouts/15/MGSPMetsaForestInternet/fonts/4676d06e-667e-41ca-8f6b-e78721a03562-2.eot?") format("embedded-opentype"), url("/_layouts/15/MGSPMetsaForestInternet/fonts/4676d06e-667e-41ca-8f6b-e78721a03562-3.woff") format("woff"), url("/_layouts/15/MGSPMetsaForestInternet/fonts/4676d06e-667e-41ca-8f6b-e78721a03562-1.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "BentonSans-Light"; src: url("/_layouts/15/MGSPMetsaForestInternet/fonts/e1a152a7-425f-45ff-bf5c-cffc64b0bc35-2.eot"); src: url("/_layouts/15/MGSPMetsaForestInternet/fonts/e1a152a7-425f-45ff-bf5c-cffc64b0bc35-2.eot?") format("embedded-opentype"), url("/_layouts/15/MGSPMetsaForestInternet/fonts/e1a152a7-425f-45ff-bf5c-cffc64b0bc35-3.woff") format("woff"), url("/_layouts/15/MGSPMetsaForestInternet/fonts/e1a152a7-425f-45ff-bf5c-cffc64b0bc35-1.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "BentonSans-Medium"; src: url("/_layouts/15/MGSPMetsaForestInternet/fonts/703b1387-2b8f-4bbb-83a0-50eb2db89fd9-2.eot"); src: url("/_layouts/15/MGSPMetsaForestInternet/fonts/703b1387-2b8f-4bbb-83a0-50eb2db89fd9-2.eot?") format("embedded-opentype"), url("/_layouts/15/MGSPMetsaForestInternet/fonts/703b1387-2b8f-4bbb-83a0-50eb2db89fd9-3.woff") format("woff"), url("/_layouts/15/MGSPMetsaForestInternet/fonts/703b1387-2b8f-4bbb-83a0-50eb2db89fd9-1.ttf") format("truetype"); font-weight: normal; font-style: normal; }


/*------------  Header  --------------- */
h1, h3, h4 { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
.firstzone .ms-webpart-zone .ms-webpartzone-cell:first-child h1.chapter-header, .formpagelayout h1.chapter-header { padding-top: 60px; margin-bottom: 0; }
h1.chapter-header.small + h2 { margin-top: 0; margin-bottom: 20px; }
h1.chapter-header { font-size: 24px; line-height: 26px; text-align: center; }
    h1.chapter-header.small { font-size: 14px; text-transform: uppercase; text-align: left; margin: 0; padding: 20px 0 10px; }
.jumbotron h1.chapter-header { text-align: left; }
.jumbotron h1 { margin-top: 20px; margin-bottom: 10px; text-align: left; padding-top: 0; padding-left: 0; padding-right: 0; }
.jumbotron .fullwidth{font-weight:bold;line-height:1.10em;}
h3, h4 { text-transform: uppercase; }
h2 { letter-spacing: -1px; }

.navbar .container-fluid { position: relative; padding-bottom: 0; }
.navbar .breadcrumb-wrapper { padding-bottom: 9px; }

/* navigation */
.MGNav, .MGNav ul { float: none !important; }
.navbar { margin-bottom: 0; border-bottom: 0; transition: border-bottom 0.2s ease-out; -webkit-transition: border-bottom 0.2s ease-out; -moz-transition: border-bottom 0.2s ease-out; }
.navbar-fixed-top { border-bottom: 4px solid #eaeaea; transition: border-bottom 0.2s ease-out; -webkit-transition: border-bottom 0.2s ease-out; -moz-transition: border-bottom 0.2s ease-out; }

/*hotspot*/
.mobile-hotspot-links { display: block; }
.block-hotspot .mobile-hotspot-links .hotspot-links { display: block; }
.block-hotspot .hotspot-info > div { border-top: 0 !important; }

.navbar-nav { border-top: 3px solid #e5e6e5; margin-top: 0; margin-bottom: 0; }
    .navbar-nav > li { border-bottom: 1px solid #e5e6e5; }
        .navbar-nav > li .selected, .navbar-nav > li > a:hover { color: #8fd400 !important; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 15px -736px #363534; }
        .navbar-nav > li > a { font-size: 13px; text-transform: uppercase; padding: 15px 15px 15px 35px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
            .navbar-nav > li > a:visited { color: #363534; }
.navbar-toggle, .navbar-toggle:hover { border-radius: 0; border: 3px solid #e5e6e5; border-top: 0; border-bottom: 0; margin: 0; padding: 14px; right: 104px; background-color:#fff; }
.navbar .main-basket { background-color: transparent; position: absolute; width: 100%; z-index: 5; color: #fff; left: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); min-height: 36px; }

.navbar.navbar-fixed-top .main-basket { bottom: -40px; display: none; }
.navbar .breadcrumb { max-width: 968px; background-color: #fff; bottom: -56px; width: 100%; padding-left: 50px; position: absolute; z-index: 2; border-bottom: 1px solid #e5e6e5; text-transform: uppercase; line-height: 18px; min-height: 19px; border-radius: 0; margin-left: -15px; }
    .navbar .breadcrumb a { margin-right: 5px; font-size: 10px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; color: #8b8b8b; }
        .navbar .breadcrumb a.active { color: #363534; }
            .navbar .breadcrumb a.active:hover { text-decoration: none; cursor: default; }
.navbar.navbar-fixed-top .breadcrumb { bottom: -60px; }
.main-basket a, .main-basket p, .main-basket .basket { padding: 4px 10px; font-family: BentonSans-Medium; font-size: 12px; color: #fff; margin: 0; }
.main-basket a, .main-basket p { display: inline-block; }
.basket { cursor: pointer; font-size: 13px; display: inline-block; }
.basket-icon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 7px -959px transparent; cursor: pointer; height: 16px; width: 26px; display: inline-block; }
.basket-icon-white { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest_basket.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 16px; width: 26px; display: inline-block; }
.main-basket a.basket { padding: 6px 10px; }

/* social icons in basket */
.main-basket div { display: inline-block; }
.main-basket .HeaderUp span { border-right: 1px solid #fff; display: inline-block !important; }
    .main-basket .HeaderUp span:last-child a { padding-right: 13px; }
.main-basket a:visited { color: #fff !important; }
.main-basket .social .icon { margin-bottom: 0; height: 25px; width: 27px; margin-right: 4px; }
.main-basket a.social { padding: 5px 4px; float: right; }
.main-basket a.twitter .icon { background-position: center -1569px; }
.main-basket a.facebook .icon { background-position: center -1619px; }
.main-basket a.youtube .icon { background-position: center -1669px; }

/* search */
.sb-search { z-index: 1; position: absolute; float: right; top: 0px; right: 2px; width: 20px; transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; background-color: #fff; height: 32px; border-radius: 5px; }
.sb-search-input { position: absolute; right: 30px; top: 0; background-color: transparent; border: none; outline: none; width: 43px; height: 51px; margin: 0; padding: 6px 4px 6px 8px; font-family: inherit; font-size: 14px; line-height: 14px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #fff; transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; visibility: hidden; border: 1px solid #d8d8d8; border-right: 0; }
    .sb-search-input:focus, .sb-search.open .sb-search-input { width: 200px; background-color: #fff; transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 0; border-top-right-radius: 0px; color: #363534; }
        .sb-search-input:focus + .sb-icon-search, .sb-search.open .sb-icon-search { visibility: hidden; }
    .sb-search-input::-webkit-input-placeholder { color: #9f9f9f; opacity: 1; font-style: italic; position: relative; top: 3px; }
    .sb-search-input:-moz-placeholder { color: #9f9f9f; opacity: 1; font-style: italic; position: relative; top: 3px; }
    .sb-search-input::-moz-placeholder { color: #9f9f9f; opacity: 1; font-style: italic; position: relative; top: 3px; }
    .sb-search-input:-ms-input-placeholder { color: #9f9f9f; opacity: 1; font-style: italic; }
    .sb-search-input::-ms-clear { display: none; }
.sb-icon-search { visibility: visible; position: absolute; right: 0px; top: 0px; display: inline-block; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 20px -134px; height: 50px; width: 50px; border: 0; }
    .sb-icon-search:hover { cursor: pointer; }
.sb-search-submit { position: absolute; right: 0; top: 0; z-index: 1; position: absolute; right: 0; width: 30px; height: 51px; display: inline-block; padding: 0; margin: 0; line-height: 20px; text-align: center; cursor: pointer; visibility: hidden; background: url("../img/sprite.png") no-repeat 0px -135px #fff; border: none; outline: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #d8d8d8; border-left: 0; }
.sb-search-submit { }

.open.sb-search { transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; width: 230px; }
.open .sb-search-input, .open .sb-search-submit { visibility: visible; }

/*oob search*/
.ms-srch-sb > .ms-srch-sb-searchLink { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 7px -135px; height: 48px; width: 38px; border: 0; }
#searchInputBox { position: relative; left: 2px; margin-bottom:0; }
#sb-search #searchInputBox .ms-srch-sb-borderFocused { float: right; }
#searchInputBox { visibility: hidden; }
.open #searchInputBox { transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; width: 230px; }
#searchInputBox.open { visibility: visible; }
.ms-srch-sb > .ms-srch-sb-navLink { height: 20px; width: 20px; margin-left: 6px; margin-top: 4px; }
.ms-srch-sb > input { width: 189px; height: 48px; }
#searchInputBox { width: 233px; }
    #searchInputBox .ms-srch-sb { display: block; }

/* Breadcrumb */
.breadcrumb-wrapper { display: none; }

/* language selection */
ul.language { position: absolute; top: 0; right: 50px; border-right: 3px solid #e5e6e5; margin-bottom: 0; max-height: 50px; }
    ul.language li.dropdown { height: 50px; line-height: 50px; display: inline-block; }
    ul.language .dropdown-toggle { text-decoration: none; font-size: 16px; height: 50px; display: inline-block; padding: 1px 17px 14px; }
    ul.language .dropdown-menu { right: 0; left: auto; min-width: 30px; padding: 0; }
        ul.language .dropdown-menu > li > a { padding: 3px 12px; }

/* sidenav for mobile */
#sidenav-mobile { border-top: 3px solid #eaeaea; margin-left: -15px; margin-right: -15px; text-transform: uppercase; }
    #sidenav-mobile button { text-transform: uppercase; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
    #sidenav-mobile > button { width: 100%; padding: 10px 15px; border: none; background: transparent; text-align: left; }
        #sidenav-mobile > button.collapsed .caret { margin-left: 5px; border-top: 4px solid; border-bottom: 0; }
        #sidenav-mobile > button .caret { margin-left: 5px; border-bottom: 4px solid; border-top: 0; position: relative; top: -2px; }
#sidenav-mobile-list { padding: 0; list-style: none; margin-left: 15px; }
    #sidenav-mobile-list li { display: block; }
        #sidenav-mobile-list li a { display: block; padding: 10px 10px 10px 20px; }
            #sidenav-mobile-list li a span { color: #363534; }
            #sidenav-mobile-list li a.arrow { background-position: 5px 12px; }

/* subpage slider */
.subpage-slider { padding-top: 90px; }
.subpage-slider-wrapper { margin: 0 50px; }
.subpage-slider-next { right: 10px; }
.subpage-slider-prev { left: 10px; }

/*------------  Footer --------------- */
footer { margin-top: 30px; }
    footer .wide:first-child { background-color: #8d8d8d; color: #fff; font-size: 12px; padding-bottom: 10px; }
    footer .wide { background-color: #e5e6e5; color: #555; text-transform: uppercase; font-size: 10px; padding-bottom: 30px; }
        footer .wide .container-fluid { padding-top: 20px; }
    footer li a { text-transform: none; color: #555 !important; font-size: 10px; }
    footer ul { margin: 0 0 20px 0; padding: 0; }
    footer li { margin: 0; padding: 0; list-style: none; }

/*social share buttons*/
.container-fluid.socialshare { padding-bottom: 0; }
.addthis_sharing_toolbox { float: right; }
#at-cv-toaster { display: none !important; }

/* Footer social icons  */
.social { margin: 0 auto; display: inline-block; color: #fff !important; margin-right: 25px; margin-top: 15px; }
    .social .icon { width: 40px; height: 40px; display: block; margin: 0 auto 10px; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat; }
.linkedin .icon { background-position: center -800px; }
.twitter .icon { background-position: center -850px; }
.youtube .icon { background-position: center -900px; }
.facebook .icon { background-position: center -1414px; }


/*------------  content elements  --------------- */

/*  Image highlight / jumbotron   */
.jumbotron { padding: 0; background-color: transparent; margin-bottom: 30px; position: relative; color: #fff; overflow: hidden; -webkit-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.15); box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.15); }
    .jumbotron img { position: absolute; top: 0; left: 0; right: 0; max-width: 100%; height: auto; }

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

    /* .jumbotron {min-height:230px;}
.jumbotron > img { max-height:230px; max-width:none;}  */
    .jumbotron h1 { padding-top: 30px; padding-left: 15px; }
    .jumbotron p { /*padding-left: 15px; margin-bottom: 15px;*/ font-size: 15px; }
    #wrapper .jumbotron .container-fluid { padding-bottom: 20px; }
    .jumbotron.main h1 { padding-top: 40px; }
    .jumbotron img { position: relative; top: 0; left: -50%; right: 0; max-width: none; height: 289px; }
    .jumbotron .container-fluid { padding-bottom: 0; background-color: #363534; }
}

.jumbotron .text-right { text-align: left; }
.jumbotron .container-fluid a { color: #fff; position: relative; display: inline-block; }
.jumbotron a { color: #fff; position: relative; display: block; }
.jumbotron .container-fluid a:after { content: url("/_layouts/15/MGSPMetsaForestInternet/img/arrowrounded.png"); padding: 0 0 0 5px; position: absolute; bottom: -5px; }
.jumbotron.grey, .jumbotron.grey a { color: #333; }

/* Key highlight */
.keyhighlight { margin-top: 25px; text-align: center; margin: 0 auto 20px; overflow: hidden; }
.main-title { text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; }
.description { font-size: 0.9em; }
.keyhighlight .col-xs-6, .keyhighlight .col-xs-4 { margin-bottom: 20px; }
.keyhighlight .row { margin-top: 25px; }
.keyhighlight p { margin-top: 2px; }

/* Kpi highlight */
.kpihighlight .center-block-new { display: inline-block; margin-left: -2px; text-align: left; float: none; vertical-align: top; text-align: center; }
.kpihighlight { margin-bottom: 20px; }
    .kpihighlight a { margin-top: 30px; display: inline-block; }
        .kpihighlight a:hover { text-decoration: none; }
    .kpihighlight img { margin-bottom: 5px; }
.kpivalue { font-size: 28px; margin-top: 5px; font-family: "BentonSans-Light", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.kpivaluetitle { margin-left: 5px; margin-right: 5px; font-size: 13px; text-transform: uppercase; display: inline-block; text-align: left; line-height: 14px; }
.kpititle { font-size: 16px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 10px; margin-bottom: 9px; }
.kpidescription { font-size: 13px; }

/* dashboard header */
.dashboardheader { margin: 0 auto; }
    .dashboardheader .kpivalue { margin-bottom: 10px; }

/* content section */
.contentsectionimage { margin-bottom: 15px; }
.contentsection [class*="col-"] h2:first-child, .contentsection [class*="col-"] h3:first-child, .contentsection [class*="col-"] h4:first-child { margin-top: 0; }

/* linkbox  */
.linkboxcontainer { background-color: #f3f3f3; padding: 10px; }
.linkbox { list-style: none; margin: 0; padding: 0; }

/*subpagelinks*/
.subpagelinks { margin-top: 20px; }

/*address listing*/
.addresslisting .row { margin-bottom: 20px; font-size: 13px; }

/* contact search */
ul.select { margin-bottom: 20px; position: relative; }
    ul.select .dropdown-toggle .caret { float: right; margin-top: 7px; border-top: 6px solid #c6c8c7; border-left: 6px solid transparent; border-right: 6px solid transparent; }
    ul.select li.dropdown { display: block; width: 205px; }
    ul.select .dropdown-toggle { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; text-decoration: none; display: block; width: 205px; font-size: 14px; padding: 5px 11px; border: 1px solid #e4e4e4; margin-bottom: 0; }
    ul.select .dropdown-menu { right: 0; left: auto; padding: 0; margin-top: -1px; width: 205px; border-top: 0; }
        ul.select .dropdown-menu > li > a { padding: 3px 12px; }

/*forms*/
input[type="text"]:focus, input[type="textarea"]:focus, select:focus, input[type="submit"]:focus { outline: none; }
input.submit, input.submit:hover { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 81px 9px #7f7f7f; margin-left: 0; text-align: left; width: 100px; color: #fff; text-transform: uppercase; border: 0; font-size: 14px; padding: 6px 30px 6px 15px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
label { text-transform: uppercase; color: #8f9190; margin-left: 0; }
input.inputSearchContacts { width: 61%; min-width: 150px; display: inline-block; }
input.submitSearchContacts { margin-left: 10px; }

/* =Custom Select Menu */
.custom-select-menu { display: block; margin-bottom: 0px; outline: none; position: relative; }
    .custom-select-menu label { display: block; position: relative; /* Prevents text-selection on the label. */ -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; border: 1px solid #e4e4e4; outline: none; width: 100%; background: url("../img/sprite_forms.png") no-repeat scroll right -97px transparent; height: 31px; overflow: hidden; padding: 0px 26px 0px 10px; font-size: 14px; font-family: "BentonSans-Medium",Arial,Helvetica,sans-serif; text-transform: none; font-weight: normal; color: #363534; line-height: 31px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; }

        .custom-select-menu label:before { content: " "; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #c6c8c7; float: right; margin-top: 7px; display: inline-block; margin-left: 2px; vertical-align: middle; width: 10px; height: 5px; position: absolute; right: 10px; top: 5px; }
        .custom-select-menu label.opened { border-bottom: 0; }
        .custom-select-menu label.selection-made { }
        .custom-select-menu label.opened.selection-made { }
    .custom-select-menu ul { padding: 0; background-color: #fff; border: 1px solid #e4e4e4; border-top: 0; left: 0; width: 100%; list-style: none; margin: 0; position: absolute; top: 31px; z-index: 2; }
    .custom-select-menu li { background-color: transparent; cursor: pointer; font-size: 14px; padding: 4px 10px; }
        .custom-select-menu li:last-child { border-bottom: 0; margin-bottom: 0px; }
        .custom-select-menu li:hover { background-color: #f5f5f5; }
    .custom-select-menu .selected { }

/* mosaic  */
.mosaic img { position: absolute; top: 0; left: 0; min-width: 100%; max-width: none; min-height: 100%; max-width: none; }
.mosaic a, .mosaic a:visited { color: #fff; }
.container-fluid.mosaic { margin-left: -4px; padding-bottom: 0; }

.nasdaq .green { padding-right: 5px; }
.mosaic .row { margin-left: -9px; margin-right: -9px; }
    .mosaic .row .row { margin-left: -4px; margin-right: 0; }
.mosaic [class*="col-"] { padding-left: 9px; padding-right: 9px; color: #fff; }
.mosaic .smallbox:first-child, .mosaic .col-xs-6:first-child { padding-left: 0; }
.mosaic .smallbox + .smallbox, .mosaic .col-xs-6 + .col-xs-6 { padding-right: 0; }
.mosaic .col-xs-6 .smallbox { padding: 0; }
.mosaicimage { position: relative; overflow: hidden; height: 100%; }
.mosaiccontent { padding: 10px; position: relative; height: 214px; width: 100%; background: rgba(0, 0, 0, 0.45); transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; }
.bigbox .smallbox .mosaiccontent { position: relative; height: 214px; width: 100%; }
.verticalbox .mosaiccontent, .bigbox .mosaiccontent { height: 446px; }
.mosaiccontent:hover { background: rgba(0,0,0,0); }
.mosaiccontent .text { line-height: 24px; font-size: 20px; font-family: "BentonSans-Light", Arial, Helvetica, sans-serif; width: 100%; max-height: 100%; padding: 10px; text-align: left; position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0); transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -webkit-transition: background .2s ease-in-out; }
/*.top .mosaiccontent .text {bottom:auto; top:0;}*/
.mosaiccontent:hover .text { background: rgba(0, 0, 0, 0.45); }
.dynamictall .smallbox:first-child, .dynamictall .col-xs-6:first-child { padding-right: 0; padding-left: 9px; }
.dynamicsquare .smallbox:first-child, .dynamicsquare .col-xs-6:first-child { padding-right: 0; padding-left: 9px; }
.dynamicsquare .brandtitle { display: none; }

.brandtitle { text-transform: uppercase; font-size: 13px; }
    .brandtitle span { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
    .brandtitle.forest { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 0 -348px; padding: 0 0 0 23px; }
    .brandtitle.wood { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 0 -398px; padding: 0 0 0 28px; }
    .brandtitle.fibre { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 0 -448px; padding: 0 0 0 23px; }
    .brandtitle.board { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 0 -498px; padding: 0 0 0 23px; }
    .brandtitle.tissue { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 0 -548px; padding: 0 0 0 23px; }
    .brandtitle.group { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 0 -600px; padding: 0 0 0 28px; }

.greenline { width: 214px; height: 3px; background-color: #8fd400; position: relative; top: -3px; }
    .greenline.big { width: 35%; }
    .greenline.medium { width: 170px; }

.nasdaq .mosaicimage { background-color: #363534; }
.nasdaq iframe { margin: 4px 0 10px; height: 337px; }
.readmore, .readmore:visited { color: #fff; }
.archive_link a { color: #fff; text-decoration: none; }
.nasdaq .mosaiccontent, .nasdaq .mosaiccontent:hover { background-color: #363534; }
.nasdaq .brandtitle { line-height: 24px; }
.bigbox, .verticalbox { margin-bottom: 18px; position: relative; }
/*height: 446px;*/
.smallbox, .mosaic .horizontalbox { margin-bottom: 18px; height: 214px; padding: 0; position: relative; }

/*read more link*/
.readmore { color: #fff; float: right; }
    .readmore span { padding: 0; background: url("../img/sprite.png") no-repeat 7px 7px rgba(0, 0, 0, 0.55); position: relative; top: 7px; margin-left: 5px; height: 24px; width: 24px; display: inline-block; }


/*job items*/
.jobitem.row { padding: 20px 0 10px; border-bottom: 1px solid #e5e6e5; margin: 0; }
.row.nopadding .col-xs-12 { padding-left: 0; padding-right: 0; }
.row.nopadding [class*="col-"]:last-child { }
.jobitem .col-xs-3 { padding-right: 5px; padding-left: 0; font-size: 0.9em; }
.jobitem .readmore span { top: -4px; }
.jobitem h4 { margin-top: 0; text-transform: none; }

@media only print, screen and (min-width: 489px) {
    .socialmedia #twitter iframe, .socialmedia #Twitter iframe { width: 100%; margin: auto; }
    .mosaic .verticalbox { width: 223px; }
    .dynamic5col .verticalbox { width: 170px; }
    .mosaic .smallbox { width: 223px; }
    .mosaic .bigbox { width: 464px; }
    .mosaic .horizontalbox { width: 446px; padding: 0; }
    .mosaic .col-xs-12.smallbox { padding-left: 0px; padding-right: 9px; }
    .mosaic .col-xs-6.smallbox { padding-right: 9px; }
        .mosaic .col-xs-6.smallbox + .col-xs-6.smallbox { padding-left: 9px; padding-right: 0; }
    /* .greenline.big {width:446px;}*/
}

/* tabs / content drawers  */
.tab-content { margin: 0 auto; max-width: 446px; }
    .tab-content img { max-width: 100%; margin-bottom: 20px; }
    .tab-content h1 { padding-top: 0; margin-top: 0; margin-bottom: 10px; font-family: "BentonSans-Light", Arial, Helvetica, sans-serif; text-align: left; padding-left: 0; padding-right: 0; color: #262626; }
    .tab-content > div { padding: 30px 0; }
    .tab-content .brandtitle { margin-bottom: 10px; line-height: 16px; min-height: 24px; }
.col-centered .brandtitle { text-align: left; }
.tab-content .brandtitle.forest { background: url("../img/sprite.png") no-repeat 0 -350px; padding: 0 0 0 23px; }
.tab-content .brandtitle.wood { background: url("../img/sprite.png") no-repeat 0 -400px; padding: 0 0 0 28px; }
.tab-content .brandtitle.fibre { background: url("../img/sprite.png") no-repeat 0 -450px; padding: 0 0 0 23px; }
.tab-content .brandtitle.board { background: url("../img/sprite.png") no-repeat 0 -500px; padding: 0 0 0 23px; }
.tab-content .brandtitle.tissue { background: url("../img/sprite.png") no-repeat 0 -550px; padding: 0 0 0 23px; }
.tab-content .brandtitle.group { background: url("../img/sprite.png") no-repeat 0 -602px; padding: 0 0 0 28px; }
.container-fluid .tab-content .container-fluid { padding: 0; }
.drawerrightcol { margin-top: 25px; }
.closeDrawer, .dynamic5Close { background: url("../img/sprite.png") no-repeat right -645px !important; padding: 7px 30px 7px 0 !important; text-transform: uppercase !important; color: #8e908f !important; font-size: 14px !important; position: absolute !important; top: 5px !important; right: 10px !important; z-index: 1 !important; }
.mainlink { margin-bottom: 0; margin-top: 5px; }

/* image highlight carousel - partly visible next/prev slides */
.carouselContainer { max-width: 910px; overflow: hidden; }
    .carouselContainer .bx-wrapper { max-width: 910px; width: 100%; margin: 0 auto; background: #f2f2f2; display: block; }
    .carouselContainer .bx-viewport { position: static !important; }
.highlightCarousel > li { position: relative; }
    .highlightCarousel > li .bg { height: auto; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); z-index: 1; width: 100%; position: absolute; color: #fff; padding: 10px; bottom: 0; border: 0; }
        .highlightCarousel > li .bg p { margin-bottom: 0; font-size: 0.9em; margin-bottom: 0; }
        .highlightCarousel > li .bg h2 { padding: 0 0 5px 0; margin: 0; color: #fff; font-family: 'BentonSans-Book', Arial, Helvetica, sans-serif; font-size: 16px; }
            .highlightCarousel > li .bg h2 a { color: #fff; }

.carouselContainer .highlightCarousel > li .bg { height: 100%; border-left: 10px solid #fff; border-right: 10px solid #fff; }
    .carouselContainer .highlightCarousel > li .bg h2, .carouselContainer .highlightCarousel > li .bg p { display: none; }
.carouselContainer .highlightCarousel > li.active-slide .bg { height: auto; border: 0; }
    .carouselContainer .highlightCarousel > li.active-slide .bg h2, .carouselContainer .highlightCarousel > li.active-slide .bg p { display: block; }

/*reports and publication*/
.snip-reportPubl .block { width: 125px; float: left; height: 125px; margin-bottom: 18px; }
    .snip-reportPubl .block img { width: 125px; }
.snip-reportPubl .left-b { margin-left: 18px; }


/* cloud */
.container-fluid.cloud { padding-bottom: 20px; padding-top: 20px; }
#cloud { width: 100%; }
    #cloud ul { list-style: none; margin: 0; padding: 0; text-align: center; }
    #cloud li { list-style: none; display: inline-block; margin: 3px 10px; }
        #cloud li a.weight1 { font-size: 32px; color: #8fd400; }
        #cloud li a.weight2 { font-size: 25px; opacity: 0.85; color: #8fd400; }
        #cloud li a.weight3 { font-size: 19px; opacity: 0.70; color: #8fd400; }
        #cloud li a.weight4 { font-size: 19px; opacity: 0.55; }
        #cloud li a.weight5 { opacity: 0.4; }
        #cloud li a { font-size: 13px; color: #363534; text-decoration: none; outline: none; border-bottom: 3px solid #fff; padding: 0; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
            #cloud li a:hover, #cloud li.active a, #cloud li.active a:hover { border-bottom: 3px solid #8fd400; }
/* forest service carousel */
.serviceCarouselContainer { overflow: hidden; max-width: 1010px; margin: 0 auto; position: relative; }

@media screen and (max-width: 400px) {
    .serviceCarouselContainer { max-width: 280px; }

    #findContactwp .custom-combobox { margin-top: 10px; }
}

.serviceCarouselContainer .bx-wrapper { max-width: 910px; width: 100%; margin: 0 auto; background: #f2f2f2; display: block; }
.serviceCarouselContainer .bx-viewport { position: static !important; }
.serviceCarouselContainer > li { position: relative; }
.serviceCarouselContainer h2 { font-size: 14px; font-family: 'BentonSans-Medium', Arial, Helvetica, sans-serif; }
#slider-prev a { background: url("../img/sprite.png") no-repeat scroll center -291px rgba(0, 0, 0, 0.55); width: 40px; height: 40px; display: inline-block; position: absolute; left: 0; top: 55px; border-radius: 50%; z-index: 2; }
#slider-next a { background: url("../img/sprite.png") no-repeat scroll center -241px rgba(0, 0, 0, 0.55); width: 40px; height: 40px; display: inline-block; position: absolute; right: 0; top: 55px; border-radius: 50%; z-index: 2; }
    #slider-prev a.disabled, #slider-next a.disabled { display: none; }
.forestServiceCarousel li:last-child { margin: 0 !important; }
/*{ font-size:14px; padding: 8px 0; font-family:"BentonSans-Medium", Arial, Helvetica, sans-serif;}*/
.forestServiceCarousel .arrow { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 0px 4px transparent; padding-left: 20px; cursor: pointer; font-size: 12px; }
.forestServiceCarousel .green.medium { font-size: 13px; margin-bottom: 5px; }
.forestServiceCarousel p { font-size: 13px; }
.confirmation { visibility: hidden; }
.serviceList .confirmation { display: none; }

/*Contact us*/
.f24 { font-size: 24px; font-family: "BentonSans-Light", Arial, Helvetica, sans-serif; }
.marginTop { margin-top: 30px; }
.contactform input[type="text"], .contactform input[type="tel"], .contactform input[type="email"] { min-width: 195px; height: 26px; margin-right: 5px; border: 1px solid #e5e6e5; padding-left: 5px; }
textarea { padding: 5px; }
.list-unstyled.service.contactdropdown { display: inline-block; margin-bottom: 0; margin-right: 20px; margin-top: 20px; }
#searchButton { background-color: #7f7f7f; padding: 6px 15px 4px 15px; color: #fff; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; display: inline-block; margin-top: 20px; }
.arrowright { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat scroll 2px 2px transparent; height: 12px; width: 22px; display: inline-block; }
.videoText .arrowright { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 0 0 transparent; height: 12px; width: 22px; display: inline-block; }
.newwindow { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 2px -1533px transparent; height: 12px; width: 22px; display: inline-block; }
#searchButton .arrowright { margin-left: 5px; }
.m14 { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 14px !important; }
    .m14 span { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
.greyunderline { border-bottom: 1px solid #e5e6e5; padding-bottom: 5px; }
.pager { font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 13px; }
    .pager .prev { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -20px transparent; padding-left: 20px; cursor: pointer; }
    .pager .next { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll right -994px transparent; padding-right: 20px; cursor: pointer; }
    .pager .active { text-decoration: underline; margin: 0 5px; }
    .pager .inactive { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; margin: 0 5px; cursor: pointer; }
.person { margin: 20px auto 0; border-bottom: 1px solid #e5e6e5; padding-bottom: 5px; margin-bottom: 20px;min-height:300px; }
    .person label { font-weight: normal; text-transform: none; }
    .person .radio { padding-left: 20px; }
    .person .imagewrapper { height: auto; display: inline-block; margin-right: 20px; max-width: 100px; }
.personWrapper > span { padding-left: 15px; }
.imagewrapper { height: 100%; display: inline-block; margin-right: 20px; max-width: 100px; }
    .imagewrapper img { border: 2px solid #e5e6e5; }
.imagewrapper { float: left; }
.textwrapper { margin-left: 120px; }
    .textwrapper p { font-size: 13px; margin-bottom: 0; }
        .textwrapper p.bold { font-size: 14px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
    .textwrapper .marginBottom { margin-bottom: 10px; }
    .textwrapper .contact { cursor: pointer; }
.contactbox { background-color: #f2f2f2; border-top: 2px solid #e5e6e5; padding: 20px; }
    .contactbox p { font-size: 13px; }
    .contactbox .call { font-size: 14px; }

    .contactbox .message { color: #fff; font-size: 14px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; display: inline-table; padding: 8px 27px 8px 10px; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 87% -987px #7f7f7f; cursor: pointer; }
        .contactbox .message::first-letter { text-transform: uppercase; }
    .contactbox .arrow { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 0px 4px transparent; padding-left: 20px; cursor: pointer; font-size: 12px; }
.contact.bold.marginBottom > .arrowright { float: left; }
.contact.bold.marginBottom > a { margin-left: 22px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; display: block; }
.sendButton { color: #fff; font-size: 14px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; display: inline-block; padding: 8px 20px 8px 10px; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 62px -986px #7f7f7f; cursor: pointer; }
    .sendButton:hover { color: #fff; }

.twoColumnSnippet .col-md-6 { padding-left: 15px; }
.twoColumnSnippet { background-color: #fff; }
.twoColumnSnippet { padding-left: 0; }

/*Social media*/
.socialmedia .nav > li > a { font-size: 20px; }
.nav-tabs .twitter { background: url("../img/sprite.png") no-repeat scroll left -1065px transparent; padding-left: 35px; cursor: pointer; }
.nav-tabs .facebook { background: url("../img/sprite.png") no-repeat scroll left -1112px transparent; padding-left: 35px; cursor: pointer; }
.nav-tabs .youtube { background: url("../img/sprite.png") no-repeat scroll left -1162px transparent; padding-left: 50px; cursor: pointer; }
.socialmedia .nav-tabs > li, .nav-pills > li { float: none; display: inline-block; *display: inline; /* ie7 fix */ zoom: 1; /* hasLayout ie7 trigger */ }
.socialmedia .nav-tabs, .nav-pills { text-align: center; }
    .socialmedia .nav-tabs li.active { border-bottom: 3px solid #8fd400; color: #363534; }
        .socialmedia .nav-tabs li.active > a:hover { border-bottom: none; }
    .socialmedia .nav-tabs li > a:hover { border-bottom: 3px solid #8fd400; color: #363534; }
    .socialmedia .nav-tabs li > a:focus { outline: none; }
.socialmedia .tab-content { text-align: center; }
.socialmedia .nav-tabs > li.active > a, .socialmedia .nav-tabs > li.active > a:hover, .socialmedia .nav-tabs > li.active > a:focus, .socialmedia .nav-tabs > li > a:hover, .socialmedia .nav-tabs > li > a { border-left: 0; border-right: 0; border-top: 0; }
    .socialmedia .nav-tabs > li.active > a, .socialmedia .nav-tabs > li.active > a:hover, .socialmedia .nav-tabs > li.active > a:focus { border: 0; }

.socialmedia .nav > li > a > img { width: 28px; height: 28px; margin-right: 10px; border: 0; }

/*Services page*/
h2.h1 { margin-top: 0; }
.text-uppercase.borderTop { font-size: 14px; margin-top: 0; padding-top: 40px; }
.services.jumbotron { padding-top: 30px; color: #363534; height: auto; box-shadow: none; }
    .services.jumbotron h1 { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
.serviceList .col-sm-2 { cursor: pointer; }
    .serviceList .col-sm-2 img { float: left; border-left: 1px dotted #9f9f9f; border-top: 1px solid #363534; }
.serviceList .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 5px; overflow: hidden; z-index: 2; font-size: 11px; }
.serviceList .col-sm-2.active .overlay, .serviceList .packet .overlay { background-color: rgba(0,0,0,0.50); }
    .serviceList .col-sm-2.active .overlay p { color: #fff; }
    .serviceList .col-sm-2.active .overlay .closeButton { color: #8fd400; background-color: rgba(0,0,0,0.50); border-radius: 50%; display: inline-block; padding: 3px 10px; font-size: 18px; font-weight: bold; z-index: 3; bottom: 10px; right: 10px; position: absolute; cursor: pointer; }
        .serviceList .col-sm-2.active .overlay .closeButton:before { content: "x"; }
.serviceList .packettext { text-transform: uppercase; font-size: 13px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; color: #8fd400; padding: 20px; }
.serviceList .col-sm-2 .overlay p { text-transform: uppercase; }
.serviceList .col-sm-2 .overlay span { visibility: hidden; }
.serviceList .col-sm-2.active .overlay span { visibility: visible; color: #fff; }
.serviceList .col-sm-2:first-child img { border-left: none; }
.serviceList .text-uppercase { margin-top: 20px; }
.serviceList .packet { position: relative; }
.serviceSearchResults { margin-bottom: 20px; }
#sharedModal .modal-dialog { width: auto; max-width: 900px; }

/* servicelist selection */
.serviceList ul.service { padding: 12px 8px; background-color: #f4f4f4; border-bottom: 1px solid #c7c7c7; text-align: center; }
ul.service li.dropdown { display: inline-block; margin: 0 auto; }
    ul.service li.dropdown a.dropdown-toggle { height: 26px; line-height: 26px; display: inline-block; min-width: 195px; border: 1px solid #e3e3e3; background-color: #fff; text-align: left; }
ul.service .dropdown-toggle { text-decoration: none; font-size: 12px; height: 25px; display: inline-block; padding: 0 5px; width: 100%; }
ul.service .dropdown-menu { left: 0; right: auto; min-width: 195px; padding: 0; font-size: 12px; }
    ul.service .dropdown-menu > li > a { padding: 3px 12px; cursor: pointer; }
ul.service .caret { color: #e3e3e3; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid; position: absolute; top: 9px; right: 5px; }

.serviceSearchResults > div { max-width: 318px; }
.serviceSearchResults h2 { font-size: 14px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.serviceSearchResults p { font-size: 13px; }
.serviceSearchResults .basket { margin-bottom: 0px; }
.serviceSearchResults .arrow { font-size: 12px; }
.serviceSearchResults > div { margin-top: 20px; }
.readmore { display: inline-block; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }

/*Services sub page*/
.services.subpage.jumbotron h1 { font-size: 30px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
.greybox { background-color: #f4f4f4; padding: 20px; text-align: center; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
    .greybox [class*="col-"] { padding-left: 0; }
    .greybox .dottedline { border-bottom: 1px dotted #363534; padding-bottom: 10px; margin-bottom: 10px; }
    .greybox h3 { text-transform: none; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; text-align: left; }
    .greybox p.green { color: #8fd400; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; }
    .greybox a { font-size: 12px; }
    .greybox p { font-size: 13px; padding-left: 38px; margin-bottom: 5px; text-align: left; }
        .greybox p.medium.green { padding-left: 0; text-align: center; }
.foresticon { display: inline-block; height: 28px; width: 28px; }
.target, .benefit, .workamount, .priceestimate { position: relative; }
    .target .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1214px transparent; position: absolute; top: 0; left: 0; }
    .benefit .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1260px transparent; position: absolute; top: 0; left: 0; }
    .workamount .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1310px transparent; position: absolute; top: 0; left: 0; }
    .priceestimate .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1359px transparent; position: absolute; top: 0; left: 0; }
a.greenButton { background-color: #7fbd00; color: #fff; height: 45px; text-align: center; font-size: 17px; padding-left: 0; padding-top: 10px; cursor: pointer; display: inline-table; min-width: 240px; margin: 20px auto; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
    a.greenButton:first-letter { text-transform: uppercase; }
.borderTopDotted .col-sm-6 input.greenButton { padding-left: 10px; }
h2.subtitle { text-transform: uppercase; color: #8e908f; font-size: 14px; padding-top: 20px; margin-top: 0; }
p.subtitle { font-size: 24px; }
p.number { padding-left: 30px; position: relative; }
    p.number span { border-radius: 50%; background-color: #363534; color: #8fd400; font-size: 12px; width: 20px; height: 20px; text-align: center; line-height: 20px; display: inline-block; position: absolute; left: 0; }
.videoContainer { position: relative; padding-bottom: 56.25%; height: 0; max-height: 678px; width: 100%; margin: 0 auto; text-align: center; }
    .videoContainer iframe, .videoContainer object, .videoContainer embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; max-height: 678px; }
.videoText { text-align: left; padding-top: 30px; }
.darkgreybox, .row.darkgreybox { background-color: #e6e6e6; padding: 20px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; margin: 0; }
    .darkgreybox p { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
a.greyButton { background-color: #5e5d5d; color: #fff; height: 45px; text-align: center; border-radius: 3px; font-size: 17px; padding-right: 15px; padding-left: 15px; padding-top: 10px; cursor: pointer; display: inline-table; float: right; }
    a.greyButton span { margin-left: 5px; }
.greenbox { background-color: #e5ecea; padding: 20px; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
    .greenbox .h2 { font-size: 18px; color: #7ca295; margin-top: 0; margin-bottom: 20px; font-family: "BentonSans-Medium",Arial, Helvetica, sans-serif; }
    .greenbox .h3 { font-size: 16px; font-family: "BentonSans-Medium",Arial, Helvetica, sans-serif; }
    .greenbox p { font-size: 12px; }
    .greenbox a.tel { font-size: 26px; margin-bottom: 10px; display: inline-block:; }
a.darkgreenButton { background-color: #7ca295; color: #fff; height: 45px; text-align: center; font-size: 17px; padding-right: 9px; padding-left: 20px; padding-top: 10px; cursor: pointer; display: inline-table; margin-top: 10px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
    a.darkgreenButton::first-letter { text-transform: uppercase; }
    a.darkgreenButton span { margin-left: 23px; }
.greenbox .img-responsive { margin-bottom: 20px; }
.greenBottomBorder { border-bottom: 1px solid #bdd1ca; margin-bottom: 20px; }
.greenbox .greenBottomBorder:last-child { border-bottom: none; margin-bottom: 0; }
.product p.title { font-size: 18px; }
.product p { font-size: 14px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
.satisfaction .h1 { margin: 0; margin-right: 20px; }
.satisfaction .starwrapper { position: relative; overflow: hidden; background-color: #f4f4f4; display: inline-block; }
.satisfaction .staroverlay { position: absolute; width: 125px; z-index: 1; display: inline-block; background-color: #dfdf00; height: 100%; }
.satisfaction img { z-index: 2; position: relative; }
.greybox.contact a.tel { display: inline-block; font-size: 26px; padding-left: 30px; }
.greybox.contact p { padding-left: 0; }
.greybox .text-center { text-align: center; }
.contactbox p.tel { display: inline-block; font-size: 26px; padding-left: 30px; }
.greytext { color: #8e908f; }
.purchsingForm label.greytext, label.greytext { color: #8e908f; display: inline; }
.examples { margin: 0 auto; margin-bottom: 20px; }
    .examples .imagewrapper { height: 100%; display: inline-block; margin-right: 20px; max-width: 142px; float: none; }
        .examples .imagewrapper img { cursor: pointer; }
    .examples .textwrapper { margin-top: 20px; margin-left: 0; }
        .examples .textwrapper h4 { margin-top: 0; }
        .examples .textwrapper p { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }

/*Offering basket*/
.offeringList .textwrapper { margin-left: 0; text-align: left; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
.offeringList h3 { margin-top: 0; padding-right: 50px; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; text-transform: none; }
.offeringList .textwrapper input[type="text"] { width: 100%; }
.offeringList .imagewrapper { max-width: 175px; }
.offeringList .greybox p { padding-left: 0; }
.offeringList .greybox .removeButton { color: #8e908f; border: 1px solid #c5c6c7; display: inline-block; padding: 10px; float: right; }
    .offeringList .greybox .removeButton span:before { content: "x"; background-color: #c1c4c4; border-radius: 50%; line-height: 18px; height: 20px; width: 20px; margin-right: 10px; display: inline-block; text-align: center; color: #fff; }
    .offeringList .greybox .removeButton:hover span:before { text-decoration: none; }
.offeringList .greydottedbottom { border-bottom: 1px dashed #c5c6c7; text-align: right; }
.offeringList .col-md-3 .greydottedbottom { padding-right: 15px; white-space: nowrap; }
.offeringList .textwrapper .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 { padding-left: 5px; }
.offeringList .greydottedbottom a { margin-left: 10px; }
.offeringList .red { color: #592c35; }
.offeringList .list-unstyled.service.contactdropdown { margin-top: 0; width: 100%; }
.offeringList ul.service li.dropdown { width: 100%; }
    .offeringList ul.service li.dropdown a.dropdown-toggle { min-width: 0; }
.offeringList ul.service .dropdown-menu { min-width: 0; width: 100%; }
.greenplus span:before { content: "+"; color: #8fd400; font-size: 30px; width: 30px; display: inline-block; position: absolute; left: 0; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
.greenplus:hover span:before { text-decoration: none; }
.greenplus { line-height: 30px; height: 30px; display: inline-block; position: relative; padding-left: 25px; }
.offeringList .greybox .greydottedbottom .removeButton { padding: 0px; border: none; background-color: #f4f4f4; position: absolute; right: -5px; }
    .offeringList .greybox .greydottedbottom .removeButton::before { margin-right: 0; }
.offeringList .col-md-3 .greytext { margin-top: 10px; }
.offeringList h3 .green.greydottedbottom { padding-left: 50px; margin-top: 10px; display: block; }
.offeringList .greenButton .arrowright { margin-left: 5px; }

.offeringList1 .textwrapper { margin-left: 0; text-align: left; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
.offeringList1 h3 { margin-top: 0; padding-right: 50px; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; text-transform: none; }
.offeringList1 .textwrapper input[type="text"] { width: 100%; }
.offeringList1 .imagewrapper { max-width: 175px; }
.offeringList1 .greybox p { padding-left: 0; }
.offeringList1 .greybox .removeButton { color: #8e908f; border: 1px solid #c5c6c7; display: inline-block; padding: 10px; float: right; }
.offeringList1 .greybox .removeButton span:before { content: "x"; background-color: #c1c4c4; border-radius: 50%; line-height: 18px; height: 20px; width: 20px; margin-right: 10px; display: inline-block; text-align: center; color: #fff; }
.offeringList1 .greybox .removeButton:hover span:before { text-decoration: none; }
.offeringList1 .greydottedbottom { border-bottom: 1px dashed #c5c6c7; text-align: right; }
.offeringList1 .col-md-3 .greydottedbottom { padding-right: 15px; white-space: nowrap; }
.offeringList1 .textwrapper .col-md-3 + .col-md-3 + .col-md-3 + .col-md-3 { padding-left: 5px; }
.offeringList1 .greydottedbottom a { margin-left: 10px; }
.offeringList1 .red { color: #592c35; }
.offeringList1 .list-unstyled.service.contactdropdown { margin-top: 0; width: 100%; }
.offeringList1 ul.service li.dropdown { width: 100%; }
.offeringList1 ul.service li.dropdown a.dropdown-toggle { min-width: 0; }
.offeringList1 ul.service .dropdown-menu { min-width: 0; width: 100%; }
.greenplus span:before { content: "+"; color: #8fd400; font-size: 30px; width: 30px; display: inline-block; position: absolute; left: 0; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }
.greenplus:hover span:before { text-decoration: none; }
.greenplus { line-height: 30px; height: 30px; display: inline-block; position: relative; padding-left: 25px; }
.offeringList1 .greybox .greydottedbottom .removeButton { padding: 0px; border: none; background-color: #f4f4f4; position: absolute; right: -5px; }
.offeringList1 .greybox .greydottedbottom .removeButton::before { margin-right: 0; }
.offeringList1 .col-md-3 .greytext { margin-top: 10px; }
.offeringList1 h3 .green.greydottedbottom { padding-left: 50px; margin-top: 10px; display: block; }
.offeringList1 .greenButton .arrowright { margin-left: 5px; }



/*Offering request*/
.form-group.borderTopDotted { padding-top: 20px; }
.contactrequest input[type="text"], .contactrequest input[type="tel"], .contactrequest input[type="email"] { height: 26px; margin-right: 0px; border: 1px solid #e5e6e5; padding-left: 5px; }
.contactrequest label { font-weight: normal; }
.mandatory { color: #8fd400; padding: 0; margin: 0; }
    .mandatory:before { content: "*"; }
.optional { color: #8fd400; padding: 0; margin: 0; }
    .optional:before { content: "**"; }
.validationError, .validationError .mandatory, .validationError .mandatoryText { color: red; padding: 0; margin: 0; }
.contactrequest .validationError input[type="text"], .contactrequest .validationError input[type="tel"], .contactrequest .validationError input[type="email"] { border-color: #a94442; }
.validationError span { color: red; }
/* jquery ui combobox for office search*/
.custom-combobox { position: relative; width: 100%; max-width: 281px; display: inline-block; height: 33px; }
.googleMaps .custom-combobox { margin-bottom: 10px; }
.custom-combobox-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin-left: -1px; padding: 0; }
.custom-combobox-input { margin: 0; width: 254px; padding: 8px; height: 33px; }
.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; width: 100%; max-width: 280px; }
.ui-widget { font-family: "BentonSans-Book", Arial, sans-serif; font-size: 12px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; background-image: none; background-color: #ebebeb; outline: none; color: #363534; }
    .ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus { outline: none; }
.custom-combobox-toggle { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") #ebebeb no-repeat 10px -1035px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-right, .ui-corner-br { border-radius: 0; }

/*find contact person -search*/
#findContactwp .large { height: 33px; }
#findContactwp .custom-combobox { max-width: 226px; }
#findContactwp .custom-combobox-input { width: 200px; }
#findContactwp .searchButton { padding-top: 8px; padding-bottom: 9px; }

/*purchasing form combobox*/
.purchsingForm .custom-combobox { max-width: none; }
.purchsingForm .custom-combobox-input { width: 100%; }
.purchsingForm .ui-autocomplete { max-width: 100%; }

@media only print, screen and (min-width: 486px) {
    .carouselContainer .bx-viewport { overflow: visible !important; }
    .carouselContainer .bx-wrapper { width: 70%; }
    .highlightCarousel > li { overflow: hidden; }

    .carouselContainer .bx-wrapper .bx-prev { left: -15%; }
    .carouselContainer .bx-wrapper .bx-next { right: -15%; }
    /*sub page*/
    .examples .imagewrapper { float: left; }
    .examples .textwrapper { margin-left: 162px; margin-top: 0; }
    .offeringList h3 .green.greydottedbottom { margin-top: 0px; display: inline; }
    .offeringList1 h3 .green.greydottedbottom { margin-top: 0px; display: inline; }
}

#chat_window, #chat_windowIE { width: 270px; }

.main-basket .hidden-xs { display: inline-block !important; }

#popup { width: 285px; height: 72%; position: absolute; color: #000; background-color: #FFF; top: 29%; left: 53%; margin-top: -100px; margin-left: -150px; padding: 15px 0px; overflow: auto; -webkit-overflow-scrolling: touch; }
/*#recaptchaContactRequest { transform: scale(0.86); -webkit-transform: scale(0.86); transform-origin: 0 0; -webkit-transform-origin: 0 0; }*/

@media only print, screen and (min-width: 489px)and (orientation: landscape) {
    #popup { width: 50%; height: 75%; top: 38%; left: 49%; -webkit-overflow-scrolling: touch; }
    /*iframe[title="recaptcha challenge"] { -webkit-transform: scale(0.65); transform: scale(0.65); -webkit-transform-origin: bottom left; transform-origin: bottom left; }*/
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #popup { width: 60%; height: 70%; top: 40%; left: 49%; -webkit-overflow-scrolling: touch; }
    /*iframe[title="recaptcha challenge"] { -webkit-transform: scale(0.65); transform: scale(0.65); -webkit-transform-origin: bottom left; transform-origin: bottom left; }*/
}
#fullwidthwhitebg .row{background-color:#363534;color:#fff}
 #fullwidthnew_smallfont .fwsmalltxt{font-size:14px;}

  #fullwidthnew_smallfont .fullwidth{font-size:45px;}

#fullwidthnew p:last-child, #fullwidthnew_smallfont p:last-child, .jumboyoutube_txtundrLin p:last-child {
    border-bottom: none;
    padding-bottom:0;
    }
    #fullwidthnew .col-sm-5, #fullwidthnew_smallfont .col-sm-5, .jumboyoutube_txtundrLin .col-sm-5{padding-top:0;width:inherit;}


    #fullwidthnew_smallfont .fullwidth{margin-top:0}
#fullwidthnew_smallfont .fwsmalltxt{margin-top:20px;margin-bottom:15px}
.txtWrap .txtWrapImg {padding-right:10px;padding-bottom:25px;width:auto}
.vertical-align {
    display:block;
}
/*text wrap image for mobile*/
.wrapSnip IMG {
    float: left;
    margin: 25px 25px 25px 0;
    width:360px;
}
.imagewrap .linkboxcontainer {
    background-color: #f3f3f3;
    padding: 10px;
margin-top:10px;
}

#errorPopup{border: 1px solid #ccc;width: 93%;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 3%;padding: 10px;z-index: 999;position: fixed;}
#errorPopupCamp{border: 1px solid #ccc;width: 93%;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 3%;padding: 10px;z-index: 999;position: fixed;}
#errorPopupON{border: 1px solid #ccc;width: 93%;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 3%;padding: 10px;z-index: 999;position: fixed;}
#errorPopupRec{border: 1px solid #ccc;width: 93%;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 3%;padding: 10px;z-index: 999;position: fixed;}
#errorPopupSM{border: 1px solid #ccc;width: 93%;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 3%;padding: 10px;z-index: 999;position: fixed;}

/*----------------------------------------  Vertical tablets  ----------------------------------------
--------------------------------------------- */
@media only print, screen and (min-width: 768px) {

   #errorPopup{border: 1px solid #ccc;/* width: 522px; */height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);/* top: 40%; *//* left: 35%; */padding: 10px;z-index: 999;/* position: fixed; */}
	#errorPopupCamp{border: 1px solid #ccc;/* width: 522px; */height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);/* top: 40%; *//* left: 35%; */padding: 10px;z-index: 999;/* position: fixed; */}
	#errorPopupON{border: 1px solid #ccc;/* width: 522px; */height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);/* top: 40%; *//* left: 35%; */padding: 10px;z-index: 999;/* position: fixed; */}
	#errorPopupRec{border: 1px solid #ccc;/* width: 522px; */height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);/* top: 40%; *//* left: 35%; */padding: 10px;z-index: 999;/* position: fixed; */}
	#errorPopupSM{border: 1px solid #ccc;/* width: 522px; */height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);/* top: 40%; *//* left: 35%; */padding: 10px;z-index: 999;/* position: fixed; */}

     /*Text wrap image */
    .wrapSnip IMG {
        float: left;
        margin: 25px 25px 25px 0;
    }
    .imagewrap .linkboxcontainer {
        background-color: #f3f3f3;
        padding: 10px;
        margin-top: 0px;
    }

     #fullwidthnew_smallfont .fwsmalltxt{font-size:14px;}

    #fullwidthnew_smallfont .fullwidth{font-size:45px;}

    #fullwidthnew_smallfont .fullwidth{margin-top:0}
#fullwidthnew_smallfont .fwsmalltxt{margin-top:20px;margin-bottom:15px}

    #fullwidthnew  p:last-child, #fullwidthnew_smallfont  p:last-child, .jumboyoutube_txtundrLin p:last-child {
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    }
    #fullwidthnew .col-sm-5,  #fullwidthnew_smallfont .col-sm-5, .jumboyoutube_txtundrLin .col-sm-5{padding-top:0;max-width:41.66666667%;}
    .txtWrap .txtWrapImg {padding-right:10px;padding-bottom:25px;width:46.666667%}


    #fullwidthwhitebg .row,  #fullwidthwhitebg .row a{background-color:transparent;color:#363534}
    #sidenav-mobile{border-top:0;}

    .mobile-hotspot-links { display: none; }

    #popup { width: 522px; position: absolute; color: #000; background-color: #FFF; top: 35%; left: 34%; margin-top: -100px; margin-left: -150px; padding: 15px 0px; height: 60%; }

    .dynamicsquare .brandtitle { display: none; }
    .chat-header { font-size: 12px; }

    .navbar .main-basket { bottom: -36px !important; }
    .main-basket .hidden-xs { display: inline-block !important; }

    #chat_window, #chat_windowIE { width: 300px; }

    .joinCooperative .col-md-9 { padding-left: 34px !important; }

    .contentsection .col-sm-9 { padding-left: 35px; }

    #sb-search #searchInputBox .ms-srch-sb-borderFocused { float: none; }
    .navbar.navbar-fixed-top .main-basket { display: block; }

    .navbar-nav > li .selected, .navbar-nav > li > a:hover { color: #363534 !important; }
    .purchsingForm input.submit { float: right; margin-right: 65px; }

    .serviceList ul.service { background-color: #F4F4F4; border-bottom: 1px solid #C7C7C7; padding: 12px 8px; text-align: left; }
    .dynamic5col .verticalbox { width: 152px; }
    .snip-reportPubl .block { width: 175px; float: left; height: 175px; margin-bottom: 18px; }
        .snip-reportPubl .block img { width: 175px; }
    .snip-reportPubl .left-b { margin-left: 18px; }

    .navbar .main-basket { width: auto; left: auto; right: 0; }

    .jumbotron .container-fluid { padding-top: 40px; position: absolute; z-index: 1; background-color: transparent; }

    .jumbotron img { position: absolute; }
    .border h1, h1.border { padding-top: 40px; }
    h1 { padding-top: 20px; }
    .firstzone .ms-webpart-zone .ms-webpartzone-cell:first-child h1.chapter-header, .formpagelayout h1.chapter-header { margin-bottom: 20px; }
    .row.narrow { margin: 0 auto; }

    /*------------  Header  --------------- */
    /* navigation */
    #navbar { margin-left: 0; }
    .navbar-nav { border-top: 0; }
    .navbar-collapse { float: left; width: 71%; margin-top: 18px; }
    .navbar-nav > li { margin: 0 16px 0 0; border-top: 0; border-bottom: 0; }
        .navbar-nav > li:last-child { margin-right: 0; }
        .navbar-nav > li > a { padding: 5px 0 0; border-bottom: 3px solid transparent; }
            .navbar-nav > li > a:visited { color: #363534; }
            .navbar-nav > li > a:focus { outline: none; }
            .navbar-nav > li .selected, .navbar-nav > li > a:hover { border-bottom: 3px solid #8fd400; color: #363534; background-image: none; background-color: transparent; }

    /* language selection */
    ul.language { top: 15px; border: 0; }
        ul.language .dropdown-menu { margin-top: 7px; }
        ul.language li.dropdown { height: 20px; line-height: 20px; }
        ul.language .dropdown-toggle { font-size: 14px; padding: 8px 0; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; }

    /*search */
    .sb-search { top: 17px; right: 9px; }
    .sb-icon-search { top: 8px; right: 6px; height: 18px; width: 18px; background: url("../img/sprite.png") no-repeat left -150px; }
    .sb-search-input { height: 32px; }
    .sb-search-submit { height: 32px; background: url("../img/sprite.png") no-repeat 6px -143px #fff; }

    .ms-srch-sb > .ms-srch-sb-searchLink { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat 13px -143px; height: 30px; width: 38px; border: 0; }
    #searchInputBox { position: relative; right: 0px; }
    #searchInputBox { visibility: hidden; }
    .open #searchInputBox { transition: width 0.2s ease-out; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; width: 230px; }
    #searchInputBox.open { visibility: visible; }
    .ms-srch-sb > .ms-srch-sb-navLink { height: 20px; width: 20px; margin-left: 6px; margin-top: 4px; }
    .ms-srch-sb > input { width: 159px; height: 30px; }
    #searchInputBox { width: 203px; }


    /*breadcrumb*/
    .breadcrumb-wrapper { display: block; }
    .breadcrumb-wrapper { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #E5E6E5; }
        .breadcrumb-wrapper span:first-child a { padding-left: 0; }
        .breadcrumb-wrapper span a, .breadcrumb-wrapper span .breadcrumbCurrentNode { padding: 0 5px; text-transform: uppercase; font-size: 10px; color: #8b8b8b; }
        .breadcrumb-wrapper span:last-child { color: #333; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; padding-left: 2px; }
        .breadcrumb-wrapper span:nth-child(even) { content: ''; background: url('/_layouts/15/MGSPMetsaForestInternet/img/sprite.png') left 3px no-repeat; padding: 0 7px; position: relative; top: 1px; }

    /* Side navigation*/
    #sidenav { background-color: rgba(0, 0, 0, 0); }
    #sidenav { position: fixed; top: 165px; z-index: 5; }
        #sidenav .sidenavTitle { background-color: rgba(0,0,0,0.5); color: #fff; padding: 4px 8px 4px 27px; margin-left: 0; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif;  margin-bottom: 5px; height: 25px; display: block; width: 240px; }
        #sidenav .collapsed .sidenavTitle { visibility:hidden;}
        #sidenav .collapsed li + .sidenavTitle {visibility:visible;}
        #sidenav ul { width: 240px; overflow: hidden; padding: 0; -webkit-transition: width 0.5s, -webkit-transform 0.5s; /* For Safari 3.1 to 6.0 */ transition: width 0.5s, transform 0.5s; }
            #sidenav ul.collapsed { width: 25px; }
            #sidenav ul li { position: relative; width: 100%; padding-left: 25px; margin: 0; }
                #sidenav ul li a:before { content: '\2022'; color: #8f9190; text-align: center; font-size: 50px; display: block; width: 25px; height: 25px; position: absolute; z-index: 2; left: 0; top: 0; background-color: #7f7f7f; background-color: rgba(0,0,0,0.6); }
                #sidenav ul li.previous a:before { content: ''; background-image: url(../img/sprite.png); background-position: 5px -1246px; }
                #sidenav ul li a { color: #fff; display:inline-block; position: static; height: 25px; line-height: 25px; width: 100%; background-color: #3f3f3f; background-color: rgba(0,0,0,0.5); margin-bottom: 5px; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                    #sidenav ul li a span { color: #fff; }
                    #sidenav ul li a.arrow { background-image: none; }
                    #sidenav ul li a:hover { text-decoration: none; height: auto; white-space: normal; }
                    #sidenav ul li a:focus { text-decoration: none; height: 25px; }
                    #sidenav ul li.active a,
                    #sidenav ul li.active a span,
                    #sidenav ul li.active a:before,
                    #sidenav ul li a:hover,
                    #sidenav ul li a:hover span,
                    #sidenav ul li a:hover:before { color: #8fd400; }
                    #sidenav ul li a:after { content: ''; }

    /* Footer social icons  */
    .social { margin-right: 10px; margin-left: 10px; margin-top: 0; }
        .social .icon { margin-bottom: 20px; }
    footer .row .col-sm-4.text-center:first-child { padding-top: 10px; text-align: left; }
    footer .wide .container-fluid { padding-top: 30px; }
    footer ul { margin-bottom: 30px; }

    /*------------  content elements  --------------- */

    /* Image highlight / jumbotron  */
    .jumbotron h1 { margin-top: 0; }
    .jumbotron .container-fluid { padding-top: 40px; position: relative; z-index: 1; }
    .jumbotron .text-right { text-align: right; padding-right: 30px; }


    /* graphical elements  			
	.top-shadow{background:url("../img/shadow.png") center top no-repeat; background-size:contain; } */

    /*  Key highlight  */
    .keyhighlight h1 { border-top: 0; }
    .keyhighlight .col-xs-6, .keyhighlight .col-xs-4 { margin-bottom: 0px; }

    /* content section  */
    .contentsectionimage { margin-bottom: 35px; }

    /* linkbox  
.linkboxcontainer {margin-top:20px;}*/

    /*subpagelinks*/
    .subpagelinks { margin-top: 30px; }


    /* mosaic  */
    .container-fluid.mosaic { margin-left: auto; max-width: 800px; }
    .mosaic .row { margin: 0 auto; }

    /*tabs*/
    .closeDrawer, .dynamic5Close { top: 15px !important; right: 25px !important; }

    /* image highlight carousels  */
    .highlightCarousel > li .bg { padding: 10px; }
        .highlightCarousel > li .bg h2 { font-size: 26px; line-height: 26px; }

    /* kpihighlights */
    .kpititle { margin-top: 40px; }

    /*job items*/
    .jobitem .col-xs-3 { font-size: 1em; }

    /*forms*/
    input.inputSearchContacts { width: 84%; }


    .offeringList .textwrapper { margin-left: 195px; width: auto; }
	

    /*offering basket*/
    .offeringList .greybox .removeButton { border: 1px solid #c5c6c7; padding: 10px; }
    .offeringList1 .textwrapper { margin-left: 195px; width: auto; }

    /*offering basket*/
    .offeringList1 .greybox .removeButton { border: 1px solid #c5c6c7; padding: 10px; }
}

@media screen and (max-width: 991px) {
    .ms-webpart-zone, .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical { display: block; }
}

@media only print, screen and (max-width: 991px) and (min-width: 768px) {
    .socialmedia #twitter iframe, .socialmedia #Twitter iframe { width: 57%; margin: auto; }
    .jumbotron.main .container-fluid { padding-left: 40px; padding-right: 40px; }
}



/**************************************************************************************
                            new main navigation / 12/2016 
**************************************************************************************/
/*level 1 */
ul.nav:focus, .navbar-collapse:focus, .navbar-nav:focus .navbar-nav a:focus, .navbar-nav li:focus, .navbar-nav ul:focus  {outline:none !important; outline-color: transparent !important;}

/*level 2 and 3*/
.navbar-nav li ul.dynamic {width:100%; box-sizing:border-box; -webkit-box-sizing: border-box; white-space: normal; word-wrap: normal; padding: 0; margin: 0; border: none; box-shadow: none; }
.navbar-nav li:nth-child(1) ul.dynamic { /*display: block !important;*/  }
.navbar-nav ul.dynamic li.dynamic {display:block;}    
.navbar-nav ul.dynamic li a:hover {text-decoration:none;}
    
    
/*only mobile*/
@media only print, screen and (max-width: 767px) {
    .navbar-fixed-top {max-height:100%; /*overflow-y:auto;*/} /*enable vertical scrolling when nav is longer than page*/
    #searchInputBox {margin-bottom:0;}
    .ms-qSuggest-container {display:none;}
    
    .navbar-nav li a {padding: 12px 44px 12px 15px; display:block;}
    .navbar-nav > li > a, .navbar-nav > li > a:hover {background-image:none; color:#363534 !important; background-color:#fff;}
    .navbar-nav > li .selected {padding-left:15px; background-image:none; color:#363534 !important; background-color:#fff; font-weight:bold;}
    .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a.selected {background-color:#f2f2f2;}  
    
    .navbar-nav ul.dynamic li.dynamic {position:relative;}
    .more {position:absolute; right:0; top:0; height:44px; z-index:1; width:60px; display:inline-block; cursor:pointer; background: url('/_layouts/15/MGSPMetsaForestInternet/img/nav_arrow_down.png') 75% center no-repeat;}

    /*level 2*/
    .navbar-nav ul.dynamic.level2 {background-color:#f2f2f2; position:static !important;}
    .navbar-nav ul.dynamic.level2 li.has-popup > a  {background-color: #f2f2f2;}

    /*level 3*/
    .navbar-nav ul.dynamic.level3 {background-color:#dbdbdb; list-style-type: none; position:static !important; }
    
    .navbar-nav ul.dynamic.level2 li > a {padding-left:25px;}
    .navbar-nav ul.dynamic.level3 li > a {padding-left:35px;}

    /*don't show submenu with hover, instead show with click function in main.js */
    ul.dynamic {display:none !important;}
    .navbar-nav li.active > ul.dynamic {display:block !important;}

    
}

  .linkInfoTop, .linkInfoMid, .linkInfoBottom{
        display: block;
    background: url(/_layouts/15/MGSPCampaigns/img/sprite.png) left 3px no-repeat transparent;
    padding-left: 17px;
    margin: 10px 0 10px 0;
    font-weight: bold;
    }

/*desktop*/
@media only print, screen and (min-width: 768px) {

    .linkInfoTop{
    position: absolute;
    z-index: 111;
    top: 17%;
    left: 24%;
    color: #fff!important;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    width: 53%;
    font-family: arial;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -1px 1px #999;
    background:none;
    }
	
	.linkInfoTop:hover, .linkInfoMid:hover,  .linkInfoBottom:hover{color:#8fd400!important;text-decoration:none!important}

   .linkInfoMid{
    position: absolute;
    z-index: 111;
    top: 41%;
    left: 24%;
    color: #fff!important;
    font-size: 37px;
    text-align: center;
    font-weight: bold;
    width: 53%;
    font-family: arial;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -1px 1px #999;
    background:none;
    }

.linkInfoBottom{
    position: absolute;
    z-index: 111;
    top: 64%;
    left: 24%;
    color: #fff!important;
    font-size: 37px;
    text-align: center;
    font-weight: bold;
    width: 53%;
    font-family: arial;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -1px 1px #999;
    background:none;
    }


    /*level 1 */
    .navbar-nav > li.has-popup > a, .navbar-nav > li.has-popup > a.selected  {background-image:none;}
    .navbar-nav > li.has-popup > a.level1.highlighted {background-color:#fff}

    /*level 2 and 3*/
    .navbar-nav ul.dynamic li a {padding: 12px 30px 12px 15px; display:block;  }

    /*level 2 */
    .navbar-nav ul.dynamic.level2 {background-color:#fff; width: 250px; box-shadow:0px 3px 4px 0px rgba(0,0,0,0.3) !important; }
    .navbar-nav ul.dynamic.level2 li.has-popup > a   {background: url('/_layouts/15/MGSPMetsaForestInternet/img/nav_arrow_right.png') 96% center no-repeat #fff;}
    .navbar-nav ul.dynamic.level2 li > a{background-color:#fff;}
    .navbar-nav ul.dynamic.level2 li > a:hover {background-color:#f2f2f2;}
    .navbar-nav ul.dynamic.level2 > li.has-popup > a:hover  {background-color: #f2f2f2;}
    .navbar-nav ul.dynamic.level2 li.has-popup a.level2.highlighted {background-color:#f2f2f2}

    /*level 3*/
    .navbar-nav ul.dynamic.level3 {list-style-type: none; background-color:#f2f2f2;  min-height:100%; box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3) !important; z-index:-1;}
    .navbar-nav ul.dynamic.level3 li a {background-color: #f2f2f2;}
    .navbar-nav ul.dynamic.level3 li a:hover {background-color:#dbdbdb;}

/*landscape tablets: hide dropdown */
    .touch ul.dynamic {display:none !important;}
}

/*******************************************
   main navigation ends
*******************************************/


/*---------------------------------------------  Desktop  ---------------------------------------------
--------------------------------------------- */
@media only print, screen and (min-width: 992px) {

    #errorPopup{border: 1px solid #ccc;width: 522px;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 35%;padding: 10px;z-index: 999;position: fixed;}
	 #errorPopupCamp{border: 1px solid #ccc;width: 522px;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 35%;padding: 10px;z-index: 999;position: fixed;}
	 #errorPopupON{border: 1px solid #ccc;width: 522px;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 35%;padding: 10px;z-index: 999;position: fixed;}
	 #errorPopupRec{border: 1px solid #ccc;width: 522px;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 35%;padding: 10px;z-index: 999;position: fixed;}
	 #errorPopupSM{border: 1px solid #ccc;width: 522px;height: auto;color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);top: 40%;left: 35%;padding: 10px;z-index: 999;position: fixed;}

     .linkInfoTop{
    position: absolute;
    z-index: 111;
    top: 17%;
    left: 24%;
    color: #fff!important;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    width: 53%;
    font-family: arial;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -1px 1px #999;
    background:none;
    }
	
	.linkInfoTop:hover, .linkInfoMid:hover,  .linkInfoBottom:hover{color:#8fd400!important;text-decoration:none!important}

   .linkInfoMid{
    position: absolute;
    z-index: 111;
    top: 41%;
    left: 24%;
    color: #fff!important;
    font-size: 37px;
    text-align: center;
    font-weight: bold;
    width: 53%;
    font-family: arial;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -1px 1px #999;
    background:none;
    }

.linkInfoBottom{
    position: absolute;
    z-index: 111;
    top: 64%;
    left: 24%;
    color: #fff!important;
    font-size: 37px;
    text-align: center;
    font-weight: bold;
    width: 53%;
    font-family: arial;
    line-height: 42px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0px -1px 1px #999;
    background:none;
    }

    /*new join cooperative snippet*/

    .vertical-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
      /*new join cooperative snippet end*/

        #fullwidthnew_smallfont .fullwidth{margin-top:0}
#fullwidthnew_smallfont .fwsmalltxt{margin-top:20px;margin-bottom:15px}

    #fullwidthnew p:last-child, #fullwidthnew_smallfont p:last-child, .jumboyoutube_txtundrLin p:last-child {
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    }
    #fullwidthnew .col-sm-5, #fullwidthnew_smallfont .col-sm-5, .jumboyoutube_txtundrLin .col-sm-5{padding-top:0;max-width:41.66666667%; }
    .txtWrap .txtWrapImg {padding-right:10px;padding-bottom:25px;width:46.666667%}
    #fullwidthwhitebg .row{background-color:transparent;color:#363534}

    .dynamicsquare .smallbox:first-child, .dynamicsquare .col-xs-6:first-child {
        padding-right: 0!important;
        padding-left: 9px;
    }

    .mobile-hotspot-links { display: none; }
    #popup { width: 522px; height: auto; position: absolute; color: #000000; background-color: #ffffff; /* To align popup window at the center of screen*/ top: 34%; left: 40%; margin-top: -230px; margin-left: -150px; padding: 15px 0 15px 0; }

    .dynamicsquare .brandtitle { display: none; }
    .navbar .main-basket { bottom: -36px !important; }
    .main-basket .hidden-xs { display: inline-block !important; }
    #chat_window, #chat_windowIE { width: 300px; }
    .chat-header { font-size: 12px; }
    .socialmedia #twitter iframe, .socialmedia #Twitter iframe { width: 57% !important; margin: auto; }
    .no-part-spacing .ms-webpartzone-cell, .no-part-spacing .marginBottom { margin-bottom: 0; }
    .no-fluid .container-fluid { width: auto; padding-bottom: 0; }
    .no-fluid .contact { margin-right: 0px; margin-left: 0px; }

    .navbar-nav > li .selected, .navbar-nav > li > a:hover { color: #363534 !important; }
    .purchsingForm input.submit { float: right; margin-right: 51px; }
    .serviceList ul.service { background-color: #F4F4F4; border-bottom: 1px solid #C7C7C7; padding: 12px 8px; text-align: left; }
    .greybox p { text-align: left; }
    .contactbox .marginTop20:first-child {margin-top: 0;} 
    .contactbox .marginTop20{margin-top:25px} 
    .contact-social p, .contact-social a{padding:0}
    #sidenav-mobile { border-top: 0px; }
    .dynamic5col .smallbox + .smallbox, .dynamic5col .col-xs-6 + .col-xs-6 { margin-left: 14px; }

    .snip-reportPubl .block { width: 214px; float: left; height: 214px; margin-bottom: 18px; }
        .snip-reportPubl .block img { width: 214px; }
    .snip-reportPubl .left-b { margin-left: 18px; }

    .container-fluid { }
    h1.chapter-header { font-size: 30px; line-height: 32px; }
    .border h1, h1.border { padding-top: 50px; }
    h1 { padding-top: 30px; }


    /*------------  Header  --------------- */
    /* navigation */
    .navbar-collapse { width: 720px; }
    .navbar-nav > li > a { padding: 5px 0 4px; }
        .navbar-nav > li > a:visited { color: #363534; }

    /*breadcrumb*/
    .breadcrumb-wrapper { display: block; }
    .breadcrumb-wrapper { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #E5E6E5; width: 925px !important; }
        .breadcrumb-wrapper span:first-child a { padding-left: 0; }
        .breadcrumb-wrapper span a, .breadcrumb-wrapper span .breadcrumbCurrentNode { padding: 0 5px; text-transform: uppercase; font-size: 10px; color: #8b8b8b; }
        .breadcrumb-wrapper span:last-child { color: #333; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; padding-left: 2px; }
        .breadcrumb-wrapper span:nth-child(even) { content: ''; background: url('/_layouts/15/MGSPMetsaForestInternet/img/sprite.png') left 3px no-repeat; padding: 0 7px; position: relative; top: 1px; }

    /* Footer social icons  */
    .social { margin-right: 30px; margin-left: 30px; }
    footer .row .col-sm-4.text-center:first-child { padding-top: 20px; text-align: left; }


    /*------------  content elements  --------------- */
    .contentsection .col-sm-9 { padding-left: 15px; }
    /* Image highlight / jumbotron  --------------- */
    .jumbotron { height: 430px; }
        .jumbotron .container-fluid { padding-top: 140px; }
        .jumbotron.main { height: 430px; }
        .jumbotron p { font-size: 18px; }
        .jumbotron img { width: 100%; }

    /*  scroll down indicator  */
    #arrowDown { top: 412px; }

    /* mosaic  */
    .container-fluid.mosaic { margin-left: auto; max-width: 910px; }
    .mosaic .row { margin-left: -15px; margin-right: -15px; }
        .mosaic .row .row { margin: 0; }
    .mosaiccontent .text { padding: 20px; }
    .mosaic .verticalbox { width: 223px; }
    .dynamic5col .verticalbox { width: 170px; }
    .mosaic .smallbox { padding-left: 0; }
    .mosaic .bigbox { width: 446px; padding: 0; }
    .mosaic .horizontalbox { width: 446px; padding: 0; }
    .mosaic .col-centered { float: left; margin-right: 0; }
    .dynamictall.mosaic .col-centered { float: none; }
    /* horizontally centered boxes for dynamictall mosaic */

    .mosaic .col-md-6 { padding-left: 0; }
    .mosaic .col-xs-12 { padding-left: 0; padding-right: 0; }
    .mosaic .col-md-6 + .col-md-6 { padding-right: 0; float: right; }

    .nasdaq .mosaiccontent { padding: 20px; }

    .mosaic.dynamicsquare .col-md-6 + .col-md-6, .mosaic.dynamictall .col-md-6 + .col-md-6 { padding-left: 9px; }
        .mosaic.dynamicsquare .col-md-6 + .col-md-6 .smallbox:last-child, .mosaic.dynamictall .col-md-6 + .col-md-6 .verticalbox:last-child { float: right; }
        .mosaic.dynamicsquare .col-md-6 + .col-md-6 .smallbox:first-child, .mosaic.dynamictall .col-md-6 + .col-md-6 .verticalbox:first-child { float: left; padding-left: 0; }
    .mosaic.dynamicsquare .col-md-6 + .col-md-6, .mosaic.dynamictall .col-md-6 + .col-md-6 { }

    /*Section Page content */
    .linkboxcontainer { width: 23.5%; }
    /*tabs*/
    .tab-content { max-width: none; }
    .tab-pane .col-md-4 { padding-left: 0; }
    .container-fluid .tab-content .container-fluid { padding: 0 15px; }
    .tab-content .row > div + div { padding-left: 0; }
    .drawerrightcol { margin-top: 50px; }
    .drawerleftcol a.arrow { margin-bottom: 10px; }

    /* image highlight carousel - partly visible next/prev slides */
    .carouselContainer .highlightCarousel > li .bg { border-left: 19px solid #fff; border-right: 19px solid #fff; }

    /* kpihighlights */
    .kpivalue { font-size: 36px; }
    .kpivaluetitle { font-size: 14px; line-height: 15px; }

    /*forms*/
    input.inputSearchContacts { width: 87%; }
    input.submitSearchContacts { float: right; margin-left: 0; }

    /* sub page*/
    a.greyButton { float: left; }
    .greybox p { text-align: left; }
        .greybox p.greenButton { text-align: center; }
    .row.serviceSearchResults.marginTop40 { margin: 40px auto 0; max-width: 100%; }

    /*offering basket*/
    .offeringList .greybox .col-md-4 .removeButton { margin-top: 0px; }
    .offeringList h3 { padding-right: 0px; }

    .offeringList1 .greybox .col-md-4 .removeButton { margin-top: 0px; }
    .offeringList1 h3 { padding-right: 0px; }
}

/* Bug  - dynamic mosaic in portrait tablet and mobile */

@media (min-width:768px) and (max-width: 991px) {
    .container-fluid.mosaic.dynamicsquare { max-width: 713px; margin: 0 auto; }
    .mosaic.dynamicsquare .col-xs-6.smallbox.col-centered { float: left; margin-right: 0; padding-left: 4px !important; padding-right: 5px !important; }
}

@media (max-width: 767px) {
    .container-fluid.mosaic.dynamicsquare { max-width: 475px; margin: 0 auto; }
    .mosaic.dynamicsquare .col-xs-6.smallbox.col-centered { padding-left: 4px !important; padding-right: 5px !important; float: left; margin-right: 0; }
}

/*Table Styles*/
/* -----------  Tables ----------- */
#TableStyle0-Menu, #TableStyle1-Menu, #TableStyle2-Menu, #TableStyle3-Menu, #TableStyle4-Menu, #TableStyle5-Menu, #TableStyle6-Menu, #TableStyle7-Menu, #TableStyle8-Menu, #TableStyle9-Menu, #TableStyle10-Menu, #TableStyle11-Menu { display: none; }
/* hide all table styles than default and clear style */

/*Basic*/
table.ms-rteTable-myCustomTable { -ms-name: "Basic"; }
.ms-rteTable-myCustomTable > tbody > tr > th { text-transform: uppercase; color: rgba(0,0,0,0.54); border-bottom: 3px solid rgba(0,0,0,0.54); }
.ms-rteTable-myCustomTable > tbody > tr > td { color: rgba(0,0,0,0.86); border-bottom: 1px solid rgba(0,0,0,0.54); }
.ms-rteTable-myCustomTable > tbody > tr > td, .ms-rteTable-myCustomTable > tbody > tr > th { vertical-align: top; padding: 7px 5px 6px; font-size: 75%; }

/*Minimalistic*/
table.ms-rteTable-myCustomTable-1 { -ms-name: "Minimalistic"; }
.ms-rteTable-myCustomTable-1 > tbody > tr > th { text-transform: uppercase; color: rgba(0,0,0,0.54); border-bottom: 3px solid rgba(0,0,0,0.54); }
.ms-rteTable-myCustomTable-1 > tbody > tr > td { color: rgba(0,0,0,0.86); border: 0; }
.ms-rteTable-myCustomTable-1 > tbody > tr > td, .ms-rteTable-myCustomTable-1 > tbody > tr > th { vertical-align: top; padding: 7px 5px 6px; font-size: 75%; }

/*Alternating Columns*/
table.ms-rteTable-myCustomTable-2 { -ms-name: "Alternating Columns"; }
.ms-rteTable-myCustomTable-2 > tbody > tr > th { text-transform: uppercase; color: rgba(0,0,0,0.54); border-bottom: 3px solid rgba(0,0,0,0.54); }
    .ms-rteTable-myCustomTable-2 > tbody > tr > th:nth-child(even) { background-color: rgba(0,0,0,0.05); }
.ms-rteTable-myCustomTable-2 > tbody > tr > td { color: rgba(0,0,0,0.86); border-bottom: 1px solid rgba(0,0,0,0.54); }
.ms-rteTable-myCustomTable-2 > tbody > tr > td, .ms-rteTable-myCustomTable-2 > tbody > tr > th { vertical-align: top; padding: 7px 5px 6px; font-size: 75%; }

/*Basic Green*/
table.ms-rteTable-myCustomTable-3 { -ms-name: "Basic Green"; }
.ms-rteTable-myCustomTable-3 > tbody > tr > th { text-transform: uppercase; color: rgba(0,0,0,0.54); border-bottom: 3px solid rgba(143,212,0,1.0); }
.ms-rteTable-myCustomTable-3 > tbody > tr > td { color: rgba(0,0,0,0.86); border-bottom: 1px solid rgba(0,0,0,0.54); }
.ms-rteTable-myCustomTable-3 > tbody > tr > td, .ms-rteTable-myCustomTable-3 > tbody > tr > th { vertical-align: top; padding: 7px 5px 6px; font-size: 75%; }

/*Specification*/
table.ms-rteTable-myCustomTable-4 { -ms-name: "Specification"; }

.ms-rteTable-myCustomTable-4 > tbody > tr > th { text-transform: uppercase; color: rgba(0,0,0,0.54); border-bottom: 1px solid rgba(0,0,0,0.54); }
.ms-rteTable-myCustomTable-4 > tbody > tr > td { border-bottom: 1px solid rgba(0,0,0,0.54); }
    .ms-rteTable-myCustomTable-4 > tbody > tr > td:nth-child(odd) { color: rgba(0,0,0,0.86); background-color: rgba(0,0,0,0.05); }
.ms-rteTable-myCustomTable-4 > tbody > tr > td, .ms-rteTable-myCustomTable-4 > tbody > tr > th { vertical-align: top; padding: 7px 5px 6px; font-size: 75%; }


@media only print, screen and (min-width: 992px) {
    .socialmedia #twitter iframe, .socialmedia #Twitter iframe { width: 57% !important; margin: auto; }
    .ms-rteTable-myCustomTable > tbody > tr > td, .ms-rteTable-myCustomTable > tbody > tr > th,
    .ms-rteTable-myCustomTable-1 > tbody > tr > td, .ms-rteTable-myCustomTable-1 > tbody > tr > th,
    .ms-rteTable-myCustomTable-2 > tbody > tr > td, .ms-rteTable-myCustomTable-2 > tbody > tr > th,
    .ms-rteTable-myCustomTable-3 > tbody > tr > td, .ms-rteTable-myCustomTable-3 > tbody > tr > th,
    .ms-rteTable-myCustomTable-4 > tbody > tr > td, .ms-rteTable-myCustomTable-4 > tbody > tr > th { font-size: 100%; }
}

@media only print, screen and (min-width: 768px) {
    .ms-rteTable-myCustomTable > tbody > tr > td, .ms-rteTable-myCustomTable > tbody > tr > th,
    .ms-rteTable-myCustomTable-1 > tbody > tr > td, .ms-rteTable-myCustomTable-1 > tbody > tr > th,
    .ms-rteTable-myCustomTable-2 > tbody > tr > td, .ms-rteTable-myCustomTable-2 > tbody > tr > th,
    .ms-rteTable-myCustomTable-3 > tbody > tr > td, .ms-rteTable-myCustomTable-3 > tbody > tr > th,
    .ms-rteTable-myCustomTable-4 > tbody > tr > td, .ms-rteTable-myCustomTable-4 > tbody > tr > th { font-size: 100%; }
}

/*purchasing form*/
.purchsingForm label { font-weight: normal; text-transform: none; color: #363534; display: inline; }
.purchsingForm .radio label { padding-left: 0; }
    .purchsingForm .radio label label { padding-top: 5px; padding-left: 5px; }
.purchsingForm .radio:first-child { margin-top: 0; }
.purchsingForm input[type='checkbox'] { margin-top: 0px; }
.purchsingForm input[type="text"], .purchsingForm input[type="tel"], .purchsingForm input[type="email"] { height: 26px; margin-right: 0px; border: 1px solid #e5e6e5; padding-left: 5px; }

@media screen and (max-width: 768px) {
    .purchsingForm input[maxlength] { max-width: 55px; }
    input[type=file] { max-width: 100%; }
}

.purchsingForm select { padding: 3px; }
.purchsingForm textarea { border: 1px solid #e5e6e5; }
.mandatoryText { color: red; text-transform: lowercase; font-size: 12px; }
.mandatory:before { content: "*"; }
.mandatory { color: #8fd400; padding: 0; margin: 0; }
.optional:before { content: "**"; }
.optional { color: #8fd400; padding: 0; margin: 0; }
.validationError .mandatory, .validationError .mandatoryText { color: red; padding: 0; margin: 0; }
.purchsingForm .validationError input[type="text"], .purchsingForm .validationError input[type="tel"], .purchsingForm .validationError input[type="email"], .purchsingForm .validationError textarea { border-color: red; }
.purchsingForm .formMsg { text-align: center; font-weight: bold; margin: 0; }
    .purchsingForm .formMsg h3 { color: #8fd400; text-transform: none; }
.purchsingForm .form-group table { width: 100% !important; }
.purchsingForm a, .purchsingForm a:visited { color: #000; }
.radio label label, .checkbox label label { padding-left: 0; }
.checkbox .mandatoryText { clear: both; }
/*KPi Highlights*/
.dvKPIValue { margin-top: 32px; margin-bottom: 96px; }

/*order form*/
.chapter-header, #heading1 { color: #363534 !important; }
.form-control { margin-bottom: 0 !important; }
.publication { margin-bottom: 10px; clear: both; }
.publicationPreview { float: left; max-width: 75px; }
.publicationDescr { margin-left: 80px; }
    .publicationDescr div { padding: 0px 0px 10px 0px; }

/*join cooperative snippet*/
.joinCooperative { background-color: #363533; padding: 0px; color: #fff; }
    .joinCooperative .tel { color: #fff; }
    .joinCooperative .col-md-9, .joinCooperativeContact { padding: 20px; }
    .joinCooperative .joinCooperativeContact { background-color: #4a4947; }
    .joinCooperative h2 { margin-top: 0; margin-bottom: 15px; color: #fff !important; }
    .joinCooperative .greenButton { margin-top: 0; }
.joinCooperativeContact { text-align: center; }

/*2 column snippet*/
.twoColumnSnippet { background-color: #fff; }
    .twoColumnSnippet .col-md-6 { padding-left: 15px; }
.twoColumnSnippet { padding-left: 0; }
    .twoColumnSnippet h2 { color: #262626; }

/*metsaan.fi snippet*/
.metsaanfi h2 { margin-top: 0; color: #262626; }
.metsaanfi .message { color: #fff; font-size: 14px; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; display: inline-block; padding: 8px 20px 8px 10px; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 89px -1524px #7f7f7f !important; cursor: pointer; width: 113px; }

/*order newsletter*/
h1.text-left, .text-left h1 { padding-left: 0; padding-right: 0; }
.orderNewsletter input.submit { background-position: 114px 9px; width: auto; }
.orderNewsletter p { border-bottom: 2px solid #c7c7c7; padding-bottom: 10px; margin-bottom: 40px; }
.reclamation .linerow { border-top: 2px solid #c7c7c7; padding: 10px 0; }
.reclamation .radiobuttons input[type="radio"] { margin-top: 0; }
.radiobuttons input[type="radio"] + label { display: inline; }
.radiobuttons td { padding-bottom: 6px; }

/*reclamtion form*/
.reclamation input[type="radio"], .sendMsg input[type="radio"] { margin-top: -7px; margin-right: 6px; }

.reclamation .greenButton, .orderNewsletter .greenButton, .sendMsg .greenButton, .reclamation .greenButton:hover, .orderNewsletter .greenButton:hover, .sendMsg .greenButton:hover { background-color: #7fbd00; color: #fff; height: 45px; text-align: center; font-size: 17px; padding-left: 0; padding-top: 10px; cursor: pointer; display: inline-block; min-width: 240px; margin: 20px auto; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; border: 0; }
    .reclamation .greenButton:hover, .orderNewsletter .greenButton:hover { text-decoration: underline; }

.dynamic5col .verticalbox + .verticalbox + .verticalbox + .verticalbox + .verticalbox + .verticalbox { padding-left: 0; }
.dynamic5col .smallbox:first-child, .dynamic5col .col-xs-6:first-child { padding-right: 0; }
.dynamic5col .smallbox + .smallbox, .dynamic5col .col-xs-6 + .col-xs-6 { margin-left: 0; }

.text-left h1.chapter-header { text-align: left; }

.servicePageContent p.marginTop { margin-top: 30px; line-height: 1.35; }

/*suite link box*/
#suiteLinksBox { display: none; }

.visible-desktop { display: table-cell !important; }
.metsaverkko .message { padding-right: 27px !important; }
.MGNav { display: none; }

/*join cooperative snippet*/
.joinCooperative { background-color: #363533 !important; padding: 0px !important; color: #fff !important; }
    .joinCooperative .tel { color: #fff !important; }
    .joinCooperative .col-md-9, .joinCooperativeContact { padding: 20px; }
    .joinCooperative .joinCooperativeContact { background-color: #4a4947 !important; }
    .joinCooperative h2 { text-transform: none; margin-top: 0 !important; margin-bottom: 15px !important; color: #fff !important; }
    .joinCooperative .greenButton {margin-top: 0 !important;font-size: 13px;word-wrap: break-word;padding: 14px 10px 10px 10px;width:250px;text-transform:uppercase}
    .joinCooperative_new .greenButton {margin-top: 0 !important;font-size: 13px;word-wrap: break-word;padding: 14px 10px 10px 10px;width:250px;text-transform:uppercase}
.joinCooperativeContact { text-align: center !important; }
.joinCooperative p { font-size: 13px; color: #fff !important; }

/*2 column snippet*/
.twoColumnSnippet { background-color: #fff !important; }
    .twoColumnSnippet .col-md-6 { padding-left: 15px !important; }
.twoColumnSnippet { padding-left: 0 !important; }
    .twoColumnSnippet h2 { color: #262626 !important; }


.metsaanfi { background-color: #f2f2f2 !important; border-top: 2px solid #e5e6e5 !important; padding: 20px !important; }
.darkgreybox { background-color: #e6e6e6 !important; padding: 20px !important; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif !important; }
    .darkgreybox p { font-family: "BentonSans-Book", Arial, Helvetica, sans-serif !important; }
    .darkgreybox a.greyButton { text-transform: lowercase; }
a.greyButton { background-color: #5e5d5d !important; color: #fff !important; height: 45px !important; text-align: center !important; border-radius: 3px !important; font-size: 17px !important; padding-right: 15px !important; padding-left: 15px !important; padding-top: 10px !important; cursor: pointer !important; display: inline-block !important; }
.greybox { background-color: #f4f4f4 !important; padding: 20px !important; text-align: center !important; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif !important; }
.target .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1214px transparent !important; position: absolute !important; top: 0 !important; left: 0 !important; }
.benefit .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1260px transparent !important; position: absolute !important; top: 0 !important; left: 0 !important; }
.workamount .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1310px transparent !important; position: absolute !important; top: 0 !important; left: 0 !important; }
.priceestimate .foresticon { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1359px transparent !important; position: absolute !important; top: 0 !important; left: 0 !important; }
.cntBx { background-color: #f2f2f2 !important; border-top: 2px solid #e5e6e5 !important; padding: 20px !important; }

.highlightSlider h4 { max-height: 33px; overflow: hidden; }
#s4-workspace, .breadcrumb-wrapper { visibility: hidden; }
a:visited { color: #262626; }

.linkboxcontainer .linkbox a, .linkboxcontainer .linkbox li a, .contentsection a, .subpagelinks a, .snip-reportPubl a, .addresslisting a { background: url("/_layouts/15/MGSPMetsaForestInternet/img/arrow.png") 0 0 no-repeat transparent; line-height: 16px; padding-left: 20px; display: inline-block; margin-bottom: 6px; }
.linkboxcontainer .linkbox li p a, .contentsection p a, .subpagelinks p a, .snip-reportPubl p a, .addresslisting p a { background: none; padding: 0; display: inline-block; margin-bottom: 6px; }
.linkboxcontainer p a { background: url("/_layouts/15/MGSPMetsaForestInternet/img/arrow.png") 0 0 no-repeat transparent; line-height: 16px; padding-left: 20px; display: inline-block; margin-bottom: 6px; }

/*invisible chapter header*/
.invisble { display: none; }

.tab-content .drawerrightcol p a.link-style, .tab-content a { background: url(/_layouts/15/MGSPMetsaForestInternet/img/sprite.png) left 3px no-repeat; line-height: 16px; padding-left: 20px; display: inline-block; margin-bottom: 6px; }
.tab-content .drawerrightcol p a.link-style { background: url(/_layouts/15/MGSPMetsaFibreInternet/img/sprite.png) left 3px no-repeat !important; line-height: 16px !important; padding-left: 20px !important; display: inline-block !important; margin-bottom: 6px !important; text-decoration: none !important; }
    .tab-content .drawerrightcol p a.link-style:hover { font-weight: normal; text-decoration: underline !important; }
.nasdaqiframecontent iframe { display: block; margin: auto; }

/*nasdaq webaprt*/
.nasdaq.white .mosaiccontent { background-color: #fff; }

.disble { color: #ddd; }

/*default link style in content area under paragraph*/
.link-style { background: none !important; padding-left: 0 !important; text-transform: none !important; text-decoration: underline; }
    .link-style:hover { text-decoration: underline; font-weight: bold; color: #000; }

/*visited link for jumbotron*/
.jumbotron .container-fluid a:visited { color: #fff; }
.jumbotron .container-fluid a.link-style { text-decoration: none; }
    .jumbotron .container-fluid a.link-style:hover { text-decoration: underline; font-weight: normal; color: #fff; }

.tel, .tel.link-style { font-size: 26px; font-family: "BentonSans-Light", Arial, Helvetica, sans-serif; padding-left: 30px !important; background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll left -1017px transparent !important; text-decoration: none; }
    .tel.link-style:hover { font-weight: normal; text-decoration: underline; cursor: pointer; }

/*left navigation back link*/
#sidenav .back:before { background: #8fd400 url(/_layouts/15/MGSPMetsaForestInternet/img/green-arrow.png) left 3px no-repeat !important; content: ''; height: 25px; }
#sidenav-mobile ul li a.back { background: transparent url("/_layouts/15/MGSPMetsaForestInternet/img/green-arrow_mobile.png") no-repeat scroll 4px 13px !important; }


/*sitemap arrows*/
.arrowLink { background: url("/_layouts/15/MGSPMetsaForestInternet/img/arrow.png") left 2px no-repeat transparent; line-height: 16px; padding-left: 20px; display: inline-block; margin-bottom: 6px; }
.mwTOCColumn .level-item-pos { padding: 0; margin: 0; }
.mwTOCColumn .MGTOCLevel2 { padding-left: 20px; }
.mwTOCColumn .MGTOCLevel3 { padding-left: 40px; }

/*Service page section two web part zone margin*/
.section-two .ms-webpartzone-cell { margin-bottom: 0; }

.contentpage { padding-top: 36px; }
/*Content section ul li a tag no arrow*/
.contentsection ul li a, .contentsection ol li a { background: none; padding-left: 0; text-decoration: underline; }
    .contentsection ul li a:hover, .contentsection ol li a:hover { font-weight: bold; }

.contentsection ul.linkbox li a { font-weight: normal; text-decoration: none; }
    .contentsection ul.linkbox li a:hover { text-decoration: underline; }

/*IE11 fixes*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #sidenav ul li a { color: #fff; display: inline-block; position: static; height: 25px; line-height: 25px; width: 100%; background-color: #3f3f3f; background-color: rgba(0,0,0,0.5); margin-bottom: 0px; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

@supports (-ms-accelerator:true) {
    #sidenav ul li a { color: #fff; display: inline-block; position: static; height: 25px; line-height: 25px; width: 100%; background-color: #3f3f3f; background-color: rgba(0,0,0,0.5); margin-bottom: 0px; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
    #sidenav ul li a { color: #fff; display: inline-block; position: static; height: 25px; line-height: 25px; width: 100%; background-color: #3f3f3f; background-color: rgba(0,0,0,0.5); margin-bottom: 0px; padding-left: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}


@media print {
    header, footer, #arrowDown, #sidenav, .socialshare { display: none; }
    .jumbotron h1, .jumbotron a { color: #ffffff !important; }

    .greenbox { background-color: #e5ecea !important; padding: 20px !important; font-family: "BentonSans-Book", Arial, Helvetica, sans-serif; }
        .greenbox .h2 { font-size: 18px !important; color: #7ca295 !important; margin-top: 0 !important; margin-bottom: 20px !important; font-family: "BentonSans-Medium",Arial, Helvetica, sans-serif !important; }
    a.darkgreenButton { background-color: #7ca295 !important; color: #fff !important; height: 45px !important; text-align: center !important; border-radius: 3px !important; font-size: 17px !important; padding-right: 20px !important; padding-left: 20px !important; padding-top: 10px !important; cursor: pointer !important; display: inline-block !important; margin-top: 10px !important; }
    .arrowright { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite_forest.png") no-repeat scroll 2px 2px transparent !important; height: 12px !important; width: 22px !important; display: inline-block !important; }
}

#last-label label label { display: inline; }
.ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4, .ms-rtestate-field h5, .ms-rtestate-field h6 { color: #363534; }

@media (min-width: 639px) {
    .jumbotron img { height: auto; left: 0; max-width: 100%; }
}
/*Mobile view search fix*/
.ms-srch-ellipsis { white-space: normal; }

/*edit tool panel font changes*/
.ms-ToolPaneOuter * { font-family: sans-serif; color: inherit; vertical-align: middle; font-weight: normal; text-transform: capitalize; margin-bottom: 0; }
.ms-ToolPaneOuter input, .ms-ToolPaneOuterselect, .ms-ToolPaneOuter textarea, .ms-ToolPaneOuter button, .ms-ToolPaneOuter option { margin: 0 5px 0 0; text-transform: none; }
#MSOTlPn_MainTD div.UserControlGroup table { border-spacing: 2px; }
#MSOTlPn_MainTD div.UserSectionTitle, #MSOTlPn_MainTD div.UserGeneric, #MSOTlPn_MainTD label, #MSOTlPn_MainTD span, #MSOTlPn_MainTD input { font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: normal; text-transform: none; }
#MSOTlPn_MainTD label, #MSOTlPn_MainTD span, #MSOTlPn_MainTD input { box-sizing: content-box; color: #777; display: inline; margin-bottom: 0px; }
    #MSOTlPn_MainTD span#MSOTlPn_TlPnCaptionSpan { color: #000; }
#MSOTlPn_MainTD label, #MSOTlPn_MainTD span { margin-left: 0px; max-width: none; }
#MSOTlPn_MainTD input { color: #444; }
#MSOTlPn_MainTD input, #MSOTlPn_MainTD textarea, #MSOTlPn_MainTD keygen, #MSOTlPn_MainTD select, #MSOTlPn_MainTD button { margin: 0em; font: 13.3333px Arial; }
    #MSOTlPn_MainTD input[type="radio"] { margin: 3px 3px 0px 5px; }
    #MSOTlPn_MainTD input[type=button], #MSOTlPn_MainTD input[type=reset], #MSOTlPn_MainTD input[type=submit] { background-color: #fdfdfd; box-sizing: border-box; font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-size: 11px; margin-left: 10px; }

/* responsive tables demo */
table.demo { width: 100%; margin: 30px auto; }

@media screen and (max-width:767px) {
    .scrollable > div { overflow-x: auto; }
    .scrollable.has-scroll { position: relative; overflow: hidden; }
        .scrollable.has-scroll.right-shadow:after { position: absolute; top: 0; left: 100%; width: 50px; height: 100%; border-radius: 10px 0 0 0.2px 0 0 50%; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); content: ''; }
        .scrollable.has-scroll.left-shadow:before { position: absolute; top: 0; left: -50px; width: 50px; height: 100%; border-radius: 10px 0 0 0.2px 0 0 50%; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25); content: ''; }
    /* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
    .scrollable > div::-webkit-scrollbar { height: 12px; }
    .scrollable > div::-webkit-scrollbar-track { box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset; background: #f0f0f0; }
    .scrollable > div::-webkit-scrollbar-thumb { border-radius: 6px; background: #ccc; }
}
/*VPMFSS-278*/
#MSOTlPn_MainTD { display: block; position: fixed; top: 65px; right: 0px; z-index: 1000; height: auto; max-height: 90%; width: auto !important; overflow-y: auto; overflow-x: hidden; background: transparent; }

    #MSOTlPn_MainTD > table { margin-right: 0px; position: static; width: 100%; }
.ms-TPBorder { width: 100%; }
/*end of VPMFSS-278*/

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 { color: #363534 !important; }
.jumbotron h1 { color: #fff !important; }
.chat-header { font-size: 12px; }

/*hot spot image*/
.block-info { background: #f2f3f2; padding: 1.5em; }
    .block-info.no-bg { background: transparent; padding: 0; }

@media (max-width: 767px) {
    .block-info { margin-top: 2em; margin-bottom: 2em; }
}

.block-info h5 { margin-top: 0; margin-bottom: 1em; text-transform: uppercase; font-family: "BentonSansMedium", sans-serif; }
.block-info ul.links { padding-left: 0; text-transform: uppercase; list-style-type: none; list-style-position: outside; }
    .block-info ul.links i { float: left; display: inline-block; color: #8fd400; padding-left: 0; margin-right: .5em; line-height: 1.4; }
    .block-info ul.links li { padding-left: 20px; }
    .block-info ul.links a { text-decoration: none; text-transform: uppercase; font-family: "BentonSansBook", sans-serif; }
.block-hotspot { display: block; position: relative; border: 5px solid #e4e6e5; background: #e4e6e5; min-height: 100px; }
    .block-hotspot .hotspot-window { position: relative; }
    .block-hotspot.esb-team .hotspot-window { height: 250px; padding: 34px; background-size: cover; }

@media (max-width: 767px) {
    .block-hotspot.esb-team .hotspot-window { height: 100px; }
}

.block-hotspot .hotspot-target { position: relative; z-index: 1; width: 100%; height: auto; }
.container-fluid .block-hotspot .hotspot { position: absolute; z-index: 1; width: 42px; height: 42px; line-height: 45px; border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; font-size: 1.7em; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; -moz-transition: -moz-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; text-decoration: none; }
.block-hotspot .hotspot:hover,
.block-hotspot .hotspot.active { text-decoration: none; background: rgba(0, 0, 0, 0.6); color: #8fd400; }
.block-hotspot .hotspot.active { -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

@media (max-width: 767px) {
    .block-hotspot .hotspot { display: none; }
}

.block-hotspot.esb-team .hotspot { position: relative; display: block; margin-bottom: 18px; border-radius: 0; width: 300px; height: 42px; background: none; text-align: left; }
    .block-hotspot.esb-team .hotspot img { display: inline-block; vertical-align: top; width: 42px; height: auto; border: 2px solid #c8c8c8; }
    .block-hotspot.esb-team .hotspot span { margin-left: 25px; display: inline-block; vertical-align: top; text-transform: uppercase; text-decoration: underline; font-size: 12px; color: #363534; font-family: "BentonSansMedium", sans-serif; }
    .block-hotspot.esb-team .hotspot:hover,
    .block-hotspot.esb-team .hotspot.active { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
        .block-hotspot.esb-team .hotspot:hover img,
        .block-hotspot.esb-team .hotspot.active img { border-color: #8fd400; }
        .block-hotspot.esb-team .hotspot:hover span,
        .block-hotspot.esb-team .hotspot.active span { color: #000; }

@media (max-width: 767px) {
    .block-hotspot.esb-team .hotspot { display: none; }
}

@media (max-width: 767px) {
    .block-hotspot [data-hotspot-target] { display: none; }
}

.block-hotspot .hotspot-info > div { display: none; padding: 2em; position: relative; }

@media (max-width: 767px) {
    .block-hotspot .hotspot-info > div { display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
        .block-hotspot .hotspot-info > div:last-child { border-bottom: 0; }
        .block-hotspot .hotspot-info > div img.img-responsive { margin-bottom: 1em; }
}

.block-hotspot .hotspot-info .preview img,
.block-hotspot .hotspot-info .preview a { float: none; display: inline-block; vertical-align: bottom; padding: 0; }
    .block-hotspot .hotspot-info .preview img span:hover,
    .block-hotspot .hotspot-info .preview a span:hover { text-decoration: underline; }
.block-hotspot .hotspot-info .preview img { margin-right: 8px; }
.block-hotspot .hotspot-info h5 { /*font-family: "BentonSansLight", sans-serif;*/ margin-top: 0; font-size: 2.04em; }
    .block-hotspot .hotspot-info h5 b { font-family: "BentonSansBold", sans-serif; font-weight: normal; }
.block-hotspot .hotspot-info p { width: 100%; }
.block-hotspot .hotspot-info .cta i { display: inline-block; vertical-align: top; color: #8fd400; width: 16px; margin-top: 2px; font-size: 0.846em; }
.block-hotspot .hotspot-info .cta span { display: inline-block; vertical-align: top; font-weight: bold; text-transform: uppercase; }
.block-hotspot .hotspot-info a.hotspot-close { position: absolute; top: 20px; right: 10px; color: #8fd400; font-size: 1.538em; }
    .block-hotspot .hotspot-info a.hotspot-close:hover { color: #000000; text-decoration: none; }

@media (max-width: 767px) {
    /*  .block-hotspot .hotspot-info a.hotspot-close {
    display: none;
  }*/
}

.block-sharing { padding: 1.5em; }

@media (max-width: 767px) {
    .block-sharing { text-align: center; }
}

.block-sharing h5 { margin-top: 0; margin-bottom: 1em; text-transform: uppercase; font-family: "BentonSansMedium", sans-serif; }
.block-sharing ul.social { list-style: none; padding-left: 0; }
    .block-sharing ul.social li { display: inline-block; padding-left: 0; margin-right: 0.5em; }

@media (max-width: 767px) {
    .block-sharing ul.social li { margin-right: 1em; }
}

.block-sharing ul.social li:last-child { margin-right: 0; }
.block-sharing ul.social a { display: block; font-size: .9em; color: #ffffff; }
    .block-sharing ul.social a:hover { text-decoration: none; }
        .block-sharing ul.social a:hover i { color: #8fd400; }
    .block-sharing ul.social a:focus,
    .block-sharing ul.social a:visited,
    .block-sharing ul.social a:active { outline: none; }
.block-sharing ul.social i { display: block; width: 30px; height: 30px; border-radius: 100%; line-height: 31px; text-align: center; background: #8d8d8d; color: #e9e9e9; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }

.includeLinksInfo .hotspot-links {margin-left:20px;}
.hotspot-links { display: block; background: url("/_layouts/15/MGSPCampaigns/img/sprite.png") left 3px no-repeat transparent; padding-left: 17px; margin: 10px 0 10px 0; font-weight: bold; }

.hotspot-info .row .col-sm-8 a { background: url(/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png) left 3px no-repeat; line-height: 16px; padding-left: 20px; display: inline-block; margin-bottom: 6px; }
.container-fluid.bubbleHotspot .block-hotspot .hotspot { position: absolute; z-index: 1; width: auto; height: auto; max-height: 58px; max-width: 150px; line-height: normal; border-radius: 0; background-color: #8fd400; text-align: left; font-size: 1em; -webkit-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; /* transition: background 0.2s ease-in-out; */ -moz-transition: -moz-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; text-decoration: none; padding: 10px; color: #fff; padding: 5px; overflow: hidden; text-align: center; }

    .container-fluid.bubbleHotspot .block-hotspot .hotspot.active { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: initial; background-color: #222; color: #fff; }
    .container-fluid.bubbleHotspot .block-hotspot .hotspot:hover { background-color: #666; color: #fff; }

@font-face { font-family: 'icomoon'; src: url('/_layouts/15/MGSPCampaigns/fonts/icomoon.eot?-rq127d'); src: url('/_layouts/15/MGSPCampaigns/fonts/icomoon.eot?#iefix-rq127d') format('embedded-opentype'), url('/_layouts/15/MGSPCampaigns/fonts/icomoon.woff?-rq127d') format('woff'), url('/_layouts/15/MGSPCampaigns/fonts/icomoon.ttf?-rq127d') format('truetype'), url('/_layouts/15/MGSPCampaigns/fonts/icomoon.svg?-rq127d#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"],
[class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-new-window:before { content: "\e611"; }
.icon-youtube:before { content: "\e600"; }
.icon-slideshare:before { content: "\e601"; }
.icon-linkedin:before { content: "\e602"; }
.icon-twitter:before { content: "\e603"; }
.icon-slider-right:before { content: "\e604"; }
.icon-slider-left:before { content: "\e605"; }
.icon-share:before { content: "\e606"; }
.icon-page-down:before { content: "\e607"; }
.icon-pageup:before { content: "\e608"; }
.icon-link-arrow:before { content: "\e609"; }
.icon-hotspot-plus:before { content: "\e60a"; }
.icon-google-plus:before { content: "\e60b"; }
.icon-fill-orm:before { content: "\e60c"; }
.icon-facebook:before { content: "\e60d"; }
.icon-download:before { content: "\e60e"; }
.icon-contact:before { content: "\e60f"; }
.icon-close:before { content: "\e610"; }

/*button transition*/

/*add transition for all buttons */
#searchButton, .contactbox a.message, a.greenButton, a.darkgreenButton, .reclamation .greenButton, .orderNewsletter .greenButton, .sendMsg .greenButton, a.greyButton { transition: background-color 0.2s; -webkit-transition: background-color 0.2s; }

    /*hover rules for buttons: disable underline*/
    .contactbox a.message:hover,
    a#searchButton:hover, a.greenButton:hover, a.darkgreenButton:hover { text-decoration: none; }

    /*hover rules for DESKTOP buttons: add background color and animation */
    .no-touch .contactbox a.message:hover,
    .no-touch a#searchButton:hover, a.greenButton:hover, a.darkgreenButton:hover, .reclamation .greenButton:hover, .orderNewsletter .greenButton:hover, .sendMsg .greenButton:hover { color: #fff; background-color: #666 !important; outline: none; text-decoration: none; transition: background-color 0.2s; -webkit-transition: background-color 0.2s; }

    /*active rules: add darker background color and animation */
    .contactbox a.message:active, .no-touch .contactbox a.message:active,
    a#searchButton:active, .no-touch a#searchButton:active, a.greenButton:active, a.darkgreenButton:active,
    .reclamation .greenButton:active, .orderNewsletter .greenButton:active, .sendMsg .greenButton:active { outline: none; background-color: #222 !important; text-decoration: none; transition: background-color 0.2s; -webkit-transition: background-color 0.2s; }

    /*don't forget to disable focus!*/
    .contactbox a.message:focus,
    a#searchButton:focus, a.greenButton:focus, a.darkgreenButton:focus,
    .reclamation .greenButton:focus, .orderNewsletter .greenButton:focus, .sendMsg .greenButton:focus { outline: none; text-decoration: none; }

.searchButton { background: url("/_layouts/15/MGSPMetsaForestInternet/img/sprite.png") no-repeat scroll 49px 12px #7f7f7f; padding: 6px 35px 4px 10px; color: #fff; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 13px; cursor: pointer; display: inline-block; margin-top: 20px; transition: background 0.2s; text-decoration: none; }
    .searchButton:hover { background-color: #666; color: #fff; text-decoration: none; }
    .searchButton:active { background-color: #222; color: #fff; text-decoration: none; }
    .searchButton:focus { text-decoration: none; color: #fff; }

.gryButton { background-color: #7f7f7f !important; color: #fff !important; font-size: 13px !important; cursor: pointer !important; display: inline-block !important; text-align: center; margin-left: 0 !important; transition: background 0.2s !important; border-radius: 0 !important; border: 0 !important; }
    .gryButton:hover { background-color: #666 !important; color: #fff; text-decoration: none; outline: none !important; }
    .gryButton:active { background-color: #222 !important; color: #fff; text-decoration: none; }
    .gryButton:focus { text-decoration: none; color: #fff; outline: none; }

input.message { background: url(/_layouts/15/MGSPMetsaForestInternet/img/sprite.png) no-repeat scroll 48px 9px #7f7f7f; padding: 6px 35px 4px 10px; color: #fff; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; display: inline-block; border: 0; }

    input.message:hover { background-color: #666 !important; color: #fff; text-decoration: none; outline: none !important; }
    input.message:active { background-color: #222 !important; color: #fff; text-decoration: none; }
    input.message:focus { text-decoration: none; color: #fff; outline: none; }

a.greyButton:hover { background-color: #666 !important; color: #fff; text-decoration: none; outline: none !important; }
a.greyButton:active { background-color: #222 !important; color: #fff; text-decoration: none; }
a.greyButton:focus { text-decoration: none; color: #fff; outline: none; }
/*Highlight Carosel Image */
.Wimg { background-color: transparent !important; }

/*Brand tool*/
.brandingTool{background-color: #e4e6e5;}
    .brandingTool .columns{padding-top:15px;}
    .brandingTool .textImage{margin-bottom:20px;padding-left:0px;}
    .panels, .flip {
    padding: 5px;
    text-align: center;
    background-color: #cbcccb;
    /* border: solid 1px #c3c3c3; */
    margin-bottom:10px;
    text-align:left;
	
    }
	.panels{padding:0!important;}
	
	.panels .col-sm-6 p{    padding: 10px 17px 0 0px;}
	.panels .col-sm-6 .videoLinks{ padding: 8px 17px 0 0px;}
   .panels img{width:100%;}
	
	.mobileFlip .flip{
	
		background-color: #373635;
    color: #fff;
    background: #373635 url(/_layouts/15/MGSPCampaigns/img/open-content.png) no-repeat 9px;
    background-size: 13px;
    padding-left: 35px;
	
	}
	.flip{
cursor:pointer;
      background-color: #cbcccb;
    color: #fff;
    background: #cbcccb url(/_layouts/15/MGSPCampaigns/img/open-content.png) no-repeat 9px;
    background-size: 13px;
    padding-left: 35px;
    }
	.selectedFlip{

       background-color: #373635;
    color: #fff;
    background: #373635 url(/_layouts/15/MGSPCampaigns/img/close-content.png) no-repeat 9px;
    background-size: 13px;
    padding-left: 35px;
    }
	 .flip:hover{

       background-color: #373635;
    color: #fff;
    background: #373635 url(/_layouts/15/MGSPCampaigns/img/close-content.png) no-repeat 9px;
    background-size: 13px;
    padding-left: 35px;
    }
	
	
	.videoLinks a, .panels a{background: url(/_layouts/15/MGSPMetsaForestInternet/img/arrow.png) left top no-repeat transparent;
    line-height: 10px;
    padding-left: 15px;
    display: inline-block;
    margin-bottom: 6px;}

    .videoLinks a.brandvideo{background: url(/_layouts/15/MGSPCampaigns/img/video.png) left top no-repeat transparent;
    line-height: 10px;
    padding-left: 20px;
    display: inline-block;
    margin-bottom: 6px;}
	
	

    .panels {
    padding: 10px;
    display: none;
	background-color:transparent;

    }
	
	.textImage  h1 img{width:10%}
	.textImage  h1{font-size:45px;margin-bottom:20px;}
	
	
	.panels .col-sm-6 p{padding: 0 16px;}
	.videoLinks a{margin: 0 20px;}
    .buymore{float:none}
    .MFO-greenButton a{float:none}
	@media only print, screen and (min-width: 769px) {

			.textImage  h1{font-size:80px;margin-bottom:20px;padding-top:10px;}
			.textImage  h1 img{width:7%}
			.brandingTool{width:75%}
			.panels .col-sm-6 p {
    padding: 10px 17px 0 0px;
}
.videoLinks a{margin: 0;margin-bottom: 6px;}

	}
	
	@media only print, screen and (min-width: 992px) {
        .MFO-greenButton a{float:right}
        .buymore{float:left}
		.textImage  h1{font-size:80px;margin-bottom:20px;margin-left:0;}
		.textImage  h1 img{width:7%}
        .brandingTool{width:910px;}
     
			.panels .col-sm-6 p {
    padding: 10px 17px 0 0px;
}
.videoLinks a{margin: 0;margin-bottom: 6px;}

		
	}
    /*Brand Tool end*/

    

      /*left navigation fix for updated chrome browsers*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 	#sidenav ul li { position: relative; width: 100%; padding-left: 25px;display:flex; }
	#sidenav ul li a:before { content: '\2022'; color: #8f9190; text-align: center; font-size: 50px; display: block; width: 25px; height: 25px; position: absolute; z-index: 2; left: 0; background-color: #7f7f7f; background-color: rgba(0,0,0,0.6); }
	 }


.imgWrappeSnippet p{text-align:justify;margin:0;}

/*jumbotron full width youtube*/
.jumboyoutubeiframe{max-width:1458px;margin:auto;display:none}
#jumboiframe{position:absolute;width:100%;height:100%;max-width:1458px!important;top:0;}
/*jumbotron full width youtube end*/

.jumboyoutubeclicked  img{visibility: hidden;}



/*forest grand total hide for last row*/
.grand-total-last .grand-total{width:1px}
.grand-total-last .grand-total .greytext{visibility:hidden}
.grand-total-last .grand-total .green,.grand-total-last .grand-total {display:none}


/*Iphone 5 Cursor target problem*/
.ContactAlpha {position:fixed}

 
  
/*estimayion Tool css*/
.size-0-75 {
  
    font-size: 13px;
}


.color-gray-darken-1 {
    color: #6E6E6E;
}
.stats {
  display: table;
  table-layout: fixed
}

.stats__item {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.stats__item:after {
  content: '';
  display: block;
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15)
}

.stats__item:last-child:after {
  display: none
}

.stats__label {
  display: block;
  white-space: nowrap
}

.stats__value {
  display: block;
  white-space: nowrap
}

.stats__single-line {
  display: block;
  text-align: left
}

.stats-grid__item {
  position: relative;
  display: table;
  width: 100%
}

@media screen and (max-width: 611px) {
  .stats-grid__item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:after {
    background-color: rgba(0, 0, 0, 0.15)
  }
  
  .stats-grid__item:last-child:after {
    display: none
  }
}

@media screen and (min-width: 612px) {
  .stats-grid__item {
    display: block;
    float: left;
    width: 50%;
    border-bottom: none;
  }
  .stats-grid__item:nth-child(1):before {
    content: '';
    display: block;
    position: absolute;
    left: 0.75rem;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:nth-child(1):before {
    background-color: rgba(0, 0, 0, 0.15)
  }

  .stats-grid__item:nth-child(2):before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0.75rem;
    bottom: 0;
    height: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:nth-child(2):before {
    background-color: rgba(0, 0, 0, 0.15)
  }

  .stats-grid__item:nth-child(2n+1):after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:nth-child(2n+1):after {
    background-color: rgba(0, 0, 0, 0.15)
  }
  
}

@media screen and (min-width: 980px) {
  .stats-grid__item {
    /* float: left; */
    width: 25%;
  }
  .stats-grid__item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:after {
    background-color: rgba(0, 0, 0, 0.15)
  }
  
  .stats-grid__item:nth-child(2n+1) {
    border-right: none;
  }
  .stats-grid__item:nth-child(1):before,
  .stats-grid__item:nth-child(2):before {
    display: none
  }
  .stats-grid__item:last-child:after {
    display: none
  }
}

.stats-grid__label {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

@media screen and (min-width: 612px) {
  .stats-grid__label {
    display: block;
    text-align: center
  }
}
 
.stats-grid__value {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
  
/*estimayion Tool css*/
.size-0-75 {
  
    font-size: 13px;
}


.color-gray-darken-1 {
    color: #6E6E6E;
}
.stats {
  display: table;
  table-layout: fixed
}

.stats__item {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.stats__item:after {
  content: '';
  display: block;
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15)
}

.stats__item:last-child:after {
  display: none
}

.stats__label {
  display: block;
  white-space: nowrap
}

.stats__value {
  display: block;
  white-space: nowrap
}

.stats__single-line {
  display: block;
  text-align: left
}

.stats-grid__item {
  position: relative;
  display: table;
  width: 100%
}

@media screen and (max-width: 611px) {
  .stats-grid__item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:after {
    background-color: rgba(0, 0, 0, 0.15)
  }
  
  .stats-grid__item:last-child:after {
    display: none
  }
}

@media screen and (min-width: 612px) {
  .stats-grid__item {
    display: block;
    float: left;
    width: 50%;
    border-bottom: none;
  }
  .stats-grid__item:nth-child(1):before {
    content: '';
    display: block;
    position: absolute;
    left: 0.75rem;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:nth-child(1):before {
    background-color: rgba(0, 0, 0, 0.15)
  }

  .stats-grid__item:nth-child(2):before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0.75rem;
    bottom: 0;
    height: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:nth-child(2):before {
    background-color: rgba(0, 0, 0, 0.15)
  }

  .stats-grid__item:nth-child(2n+1):after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:nth-child(2n+1):after {
    background-color: rgba(0, 0, 0, 0.15)
  }
  
}

@media screen and (min-width: 980px) {
  .stats-grid__item {
    /* float: left; */
    width: 25%;
  }
  .stats-grid__item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 1px;
    background-color: white
  }
  .stats-grid--inverse .stats-grid__item:after {
    background-color: rgba(0, 0, 0, 0.15)
  }
  
  .stats-grid__item:nth-child(2n+1) {
    border-right: none;
  }
  .stats-grid__item:nth-child(1):before,
  .stats-grid__item:nth-child(2):before {
    display: none
  }
  .stats-grid__item:last-child:after {
    display: none
  }
}

.stats-grid__label {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

@media screen and (min-width: 612px) {
  .stats-grid__label {
    display: block;
    text-align: center
  }
}

.stats-grid__value {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

@media screen and (min-width: 612px) {
  .stats-grid__value {
    display: block;
    text-align: center
  }
}
.padding-0-5 {
    padding: 17px;
}
.tableColumn td, .tableColumn th {border-bottom: 1px solid rgba(0, 0, 0, 0.15);}

.tableColumn {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
#container1{

    padding-top:0;
}
@media only print, screen and (min-width: 768px) {
    .tableColumn {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 25px;
    }
    #container1{

    padding-top:70px;
}
}

.landing-progress__item {
  position: relative;
  padding-left: 38px;
  padding-top: 4px;
  padding-bottom: 1rem
}

@media screen and (max-width: 767px) {
  .landing-progress__item {
    padding-left: 34px
  }
}

.landing-progress__item:after {
  content: attr(data-step);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  font-size: 0.67rem;
  line-height: 1rem;
  text-align: center;
  line-height: 36px;
  color: #6E6E6E;
  background-color: white;
  z-index: 1000
}

@media screen and (max-width: 979px) {
  .landing-progress__item:after {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 32px
  }
}

.landing-progress__item:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 19px;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 500
}

@media screen and (max-width: 979px) {
  .landing-progress__item:before {
    left: 17px
  }
}

.landing-progress__item:last-child:before {
  display: none
}

.landing-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 3.25rem;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center top;
  background-color: #323232;
  
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 768px) {
  .landing-promo {
    top: 2.75rem;
    
  }
}

.landing-promo-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.landing-promo-content__inner {
  position: relative;
  margin: auto;
  width: 100%;
  padding-bottom: 3.25rem;
  z-index: 3
}

@media screen and (min-width: 768px) {
  .landing-promo-content__inner {
    padding-bottom: 2.75rem
  }
}

.landing-promo__tile {
  max-width: 560px;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4)
}

@media screen and (min-width: 980px) {
  .landing-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
}

@media screen and (min-width: 980px) {
  .landing-flex__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
  }
  .landing-flex__column.landing-flex__column--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .landing-flex__column.landing-flex__column--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width: 980px) {
  .landing-overflow {
    overflow-x: hidden
  }
}

@media screen and (min-width: 980px) {
  .landing-image-hang {
    max-width: none
  }
}

.landing-split {
  position: relative
}

@media screen and (min-width: 980px) {
  .landing-split__left {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%
  }
}

@media screen and (min-width: 980px) {
  .landing-split__right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%
  }
}

.landing-split__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width: 979px) {
  .landing-split__image {
    height: 400px
  }
}

.landing-content {
  width: 100%;
  padding: 1rem 0.75rem
}

@media screen and (min-width: 980px) {
  .landing-content {
    padding: 3rem
  }
}

@media screen and (min-width: 1200px) {
  .landing-content {
    padding: 3.5rem
  }
}

.landing-split .landing-content {
  position: relative;
  z-index: 2
}

.landing-image-container {
  width: 100%;
  padding-top: 1rem
}

.landing-image-container::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 980px) {
  .landing-image-container {
    padding: 1.5rem 0
  }
}


.landing-progress__item {
  position: relative;
  padding-left: 38px;
  padding-top: 4px;
  padding-bottom: 1rem
}

@media screen and (max-width: 767px) {
  .landing-progress__item {
    padding-left: 34px
  }
}

.landing-progress__item:after {
  content: attr(data-step);
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  font-size: 0.67rem;
  line-height: 1rem;
  text-align: center;
  line-height: 36px;
  color: #6E6E6E;
  background-color: white;
  z-index: 1000
}

@media screen and (max-width: 979px) {
  .landing-progress__item:after {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 32px
  }
}

.landing-progress__item:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 19px;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 500
}

@media screen and (max-width: 979px) {
  .landing-progress__item:before {
    left: 17px
  }
}

.landing-progress__item:last-child:before {
  display: none
}

.landing-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 3.25rem;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center top;
  background-color: #323232;
 
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 768px) {
  .landing-promo {
    top: 2.75rem;
   
  }
}

.landing-promo-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.landing-promo-content__inner {
  position: relative;
  margin: auto;
  width: 100%;
  padding-bottom: 3.25rem;
  z-index: 3
}

@media screen and (min-width: 768px) {
  .landing-promo-content__inner {
    padding-bottom: 2.75rem
  }
}

.landing-promo__tile {
  max-width: 560px;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4)
}

@media screen and (min-width: 980px) {
  .landing-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
}

@media screen and (min-width: 980px) {
  .landing-flex__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
  }
  .landing-flex__column.landing-flex__column--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .landing-flex__column.landing-flex__column--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width: 980px) {
  .landing-overflow {
    overflow-x: hidden
  }
}

@media screen and (min-width: 980px) {
  .landing-image-hang {
    max-width: none
  }
}

.landing-split {
  position: relative
}

@media screen and (min-width: 980px) {
  .landing-split__left {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%
  }
}

@media screen and (min-width: 980px) {
  .landing-split__right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%
  }
}

.landing-split__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width: 979px) {
  .landing-split__image {
    height: 400px
  }
}

.landing-content {
  width: 100%;
  padding: 1rem 0.75rem
}

@media screen and (min-width: 980px) {
  .landing-content {
    padding: 3rem
  }
}

@media screen and (min-width: 1200px) {
  .landing-content {
    padding: 3.5rem
  }
}

.landing-split .landing-content {
  position: relative;
  z-index: 2
}

.landing-image-container {
  width: 100%;
  padding-top: 1rem
}

.landing-image-container::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 980px) {
  .landing-image-container {
    padding: 1.5rem 0
  }
}

.tile {
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    background-color: #ffffff;
}
.border-bottom {
    border-width: 0 0 1px 0;
    border-style: solid;
}
.border-color-border {
    border-color: rgba(0,0,0,0.15);
}

.floating-label-input input, .floating-label-input textarea {
    padding: 1rem;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 2px;
    box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.1);
    color: #323232;
    font-size: 16px;
    background-color: white;
    -webkit-transition: border-color 100ms ease, box-shadow 100ms ease;
    transition: border-color 100ms ease, box-shadow 100ms ease;
}
.floating-label-input--text label {
    top: 50%;
    left: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    font-size: 16px;
}

.floating-label-input label {
    display: none;
    position: absolute;
    left: 0.5rem;
    color: #6E6E6E;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1;
    cursor: text;
    pointer-events: none;
    -webkit-transition: top 100ms ease, font-size 100ms ease, -webkit-transform 100ms ease;
    transition: top 100ms ease, font-size 100ms ease, -webkit-transform 100ms ease;
    transition: transform 100ms ease, top 100ms ease, font-size 100ms ease;
    transition: transform 100ms ease, top 100ms ease, font-size 100ms ease, -webkit-transform 100ms ease;
}
.opux-btn-disabled:hover, .opux-btn:disabled:hover {
    background: #fff;
    border-color: #dcdcdc;
}

.opux-btn:hover, .opux-btn:focus {
    text-decoration: none;
}
.opux-btn:hover, .segmented-button__item:hover {
    border-color: rgba(255,106,16,0.75);
}
.opux-btn {
    padding: 17px;
    border-radius: 3rem;
    min-width: 8rem;
    font-size: 0.67rem;
    line-height: 1rem;
}
 
  

.resultScreen{display:none;}
.loginScreen{display:inline-block!Important;    
    background-color: #7fbd00;
    color: #fff;
    padding: 10px;
    cursor: pointer;}
.loginScreen:hover{background-color:#666;color:#fff}

.loading
{width:92px;}


#loadimg
{
    display:none;
    padding:30px 0;


}

.highcharts-container{margin:auto}

.FindScreen-1{text-align: center;margin-bottom: 20px;}
.FindScreen-2{margin-bottom: 25px;}
.FindScreen-3{border-bottom: 0}
.FindScreen-4{padding:0;}
.FindScreen-5{padding: 23px;margin:0;}
.FindScreen-6{padding: 26px;padding-bottom: 10px;}
.FindScreen-7{padding: 0 26px;padding-bottom: 26px;color: red;}
.FindScreen-8{padding: 26px;padding-top: 0;}
.FindScreen-9{text-align:center;width:100%;margin-top:-60px;}
.resultScreen-1{display: flex;flex-wrap: wrap;align-items: baseline;margin-bottom: 15px;}
.resultScreen-2{width:18%;display:inline-block;}
.resultScreen-3{width: 80%;text-align: center;display:inline-block;}
.resultScreen-4{margin: 0;padding: 0;}
.resultScreen-5{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #8fd400;/*margin-right: 5px;*/}
.resultScreen-7{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #666;margin-right: 5px;}
.resultScreen-9{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #ccc;/*margin-right: 5px;*/}
.resultScreen-11{text-align: center;margin: 30px 0;}
.resultScreen-12{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #8fd400;/*margin-right: 5px;*/}
.resultScreen-14{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #666;margin-right: 5px;}
.resultScreen-15,.resultScreen-17, .resultScreen-13, .resultScreen-10, .resultScreen-8, .resultScreen-6{position: relative;top: -3px;}
.resultScreen-16{display: inline-block;width: 16px;height: 16px;border-radius: 10px;background: #ccc;/*margin-right: 5px;*/}
.resultScreen-18{text-align: center;margin-bottom: 20px;margin-top: 20px;}
.resultScreen-19:hover{font-weight:bold;} 
.screenWidth{width:100%}
.screenDisplay,.screenWidth .block{display:block}
.screenAlign{text-align:center}
.bottomMargin{margin-bottom: 10px;}

.analysis-header__left a, .color-gray-darken-1 a,.resultScreen-19{text-decoration:underline !important}
.analysis-header__left a:hover, .color-gray-darken-1 a:hover,.resultScreen-19:hover{text-decoration:underline;font-weight:bold}

/*GDPR forms*/  
.GDPRTexts a{color: #8fd400!important;text-decoration: underline;}

/*hidden field*/
.hiddenField {
    display: none;
}
.gm-control-active{left:-12px!important}
.gm-ui-hover-effect{right: -31px!important;}