/* ========================================================================== Metsä custom styles - mobile first ========================================================================== */ /*------------ general --------------- */ /* .container-fluid img {max-width: 100%;} */ a.arrowrounded {} .container-fluid { max-width:100%; padding-bottom:20px;} .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;padding-right:5px;} .ms-srch-hover-siteViewerContainer {width: 1000px !important; border:0;} /*sp dialog fix*/ .ms-dlgContent{position:fixed! important;} /* ------- arrows --- */ /*normal link*/ a.arrow {background: url("/_layouts/15/MGSPMetsaGroupInternet/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/MGSPMetsaGroupInternet/img/sprite.png") center -31px no-repeat rgba(0, 0, 0, 0.55); width: 100px; height: 100px; position:absolute; top: 230px; 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/MGSPMetsaGroupInternet/img/sprite.png") center -191px no-repeat rgba(0, 0, 0, 0.55)!important; width: 40px!important; height: 40px!important; } /* bordered h1 for separating some content */ .border h1, h1.border {border-top: 2px solid #e5e6e5; padding-top: 25px; } h1 {padding-top:10px; padding-left:15px; padding-right:15px; max-width:910px; margin-left:auto; margin-right:auto;} /* old browsers ( li { border-bottom: 1px solid #e5e6e5; } .navbar-nav > li .selected, .navbar-nav > li > a:hover {color:#8fd400!important; background: url("/_layouts/15/MGSPMetsaGroupInternet/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;} .navbar .main-basket { background-color: transparent; position: absolute; width: 100%; z-index: 2; color: #fff; left: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); min-height: 35px; } .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 .HeaderUp{margin-top:5px} .main-basket .HeaderUp span:last-child{border:0} /*hotspot*/ .mobile-hotspot-links { display: block; } .block-hotspot .mobile-hotspot-links .hotspot-links { display: block; } .block-hotspot .hotspot-info > div { border-top: 0 !important; } /* 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/MGSPMetsaGroupInternet/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/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 7px -135px; height: 48px; width: 38px; border: 0; } #searchInputBox { position: relative; left: 2px; margin-bottom:0; } #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;} /* Breadcrumb */ .breadcrumb-wrapper{display:none;} /* language selection */ ul.language { position:absolute; top:0; right: 50px; border-right: 3px solid #e5e6e5; margin-bottom:0; } ul.language li.dropdown { height: 50px;/* line-height: 50px;*/ display:inline-block; }/*commented for top spacing responsive*/ ul.language .dropdown-toggle {text-decoration:none; font-size:16px; height: 50px; display:inline-block; padding: 14px 11px; } 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 .green{padding-right:0;} #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; } @media (min-width: 768px) { #sidenav-mobile { border-top: 0; } } /* 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;} 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;} /* Footer social icons */ .social {margin:0 auto; display:inline-block; color:#fff!important; margin-right:25px; margin-top:15px;} .social .icon{width:43px; height:43px; display:block; margin: 0 auto 10px; background:url("../img/sprite.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 -950px;} .instagram .icon{background-position: center -1001px;} /*------------ content elements --------------- */ /* Image highlight / jumbotron */ .jumbotron {padding: 0; 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.main {} .jumbotron > img, .jumbotron > a > 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;margin-bottom:14px;} .jumbotron .container-fluid a:after {content: url("/_layouts/15/MGSPMetsaGroupInternet/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:20px;} .colverticalalign {vertical-align:top;} /* 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:31px; margin-top:5px; font-family:"BentonSans-Light", Arial, Helvetica, sans-serif; text-transform: uppercase;} .kpivaluetitle {margin-left:5px; margin-right:5px; font-size:14px; text-transform: uppercase; display:inline-block; text-align:left; line-height:15px;} .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;} .contentsection h2{color:#363534!important} /* linkbox .linkboxcontainer {margin-top:43px;}*/ .linkbox {list-style:none; margin:0; padding:0;} /*subpagelinks*/ .subpagelinks {margin-top:20px;} /*address listing*/ .addresslisting .row {margin-bottom:20px; font-size:13px;} .addresslisting a{text-decoration:underline;background:none!important;padding-left:0!important} .addresslisting a:hover{text-decoration:underline;font-weight:bold;} /* 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/MGSPMetsaGroupInternet/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; } /* echo content */ .echoContainer .echoContent {padding:0 9px 20px 9px} .echoContent a:hover {text-decoration:none;} .echoContent a.arrow:hover {text-decoration:underline;} .echoContent h4 {margin-top:10px;max-height:none!important;} .echoContent img {max-width:100%;} .echoEdition {font-size:0.9em; margin-top:5px; margin-bottom:0;} .echoContainer { margin: 0 auto; max-width: 245px; } /*.echoContainer {font-size: 0px;}*/ .echoContainer .echoContent {display: inline-block;float: none;font-size: 14px;vertical-align: top;} /* echo filters & search results */ .echoFilters {margin-top:30px;} .echoFilters .submit {margin-top:0px;} .echoSearchResults {display:none;} .searchButton { background-color: #7f7f7f; padding: 7px 15px 6px 15px; color: #fff; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; display: inline-block; margin-top:0; width:auto; } .searchButton:hover{text-decoration:underline;color:#fff} .echoContainer .searchResultsMeta {text-transform: uppercase; font-size:0.9em; width:100%; padding-bottom:10px; font-family:"BentonSans-Medium", Arial, Helvetica, sans-serif; color:#555;} /* =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 {} /*videocontainer for responsive youtube embeds*/ .videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 25px; 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;} /* mosaic */ .mosaic img {position:absolute; top:0; left:0; min-width: 100%; max-width:none; min-height:100%; max-width:none;} .mosaic a {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;} .dynamicsquare .smallbox:first-child, .dynamicsquare .col-xs-6:first-child {padding-right:0!important;} .dynamictall .smallbox:first-child, .dynamictall .col-xs-6:first-child {padding-right:0;padding-left:9px;} .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;} .MgMosaic .mosaiccontent{height:214px} .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; } .mosaiccontent:hover .text {background: rgba(0, 0, 0, 0.45);} .brandtitle {text-transform:uppercase; font-size:13px;} .brandtitle span { font-family:"BentonSans-Medium", Arial, Helvetica, sans-serif;} .brandtitle.default {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -600px; padding: 0 0 0 28px;} .brandtitle.forest {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -348px; padding:0 0 0 23px;} .brandtitle.wood {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -398px; padding: 0 0 0 28px;} .brandtitle.fibre {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -448px; padding: 0 0 0 23px;} .brandtitle.board {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -498px; padding: 0 0 0 23px;} .brandtitle.tissue {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -548px; padding: 0 0 0 23px;} .brandtitle.group {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -600px; padding: 0 0 0 28px;} .greenline {width:167px; height:3px; background-color:#8fd400; position:relative; top:-3px;} .greenline.big {width:35%; } .nasdaq .mosaicimage {background-color:#363534;} .nasdaq iframe {margin:4px 0 10px;} .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; height: 446px; position:relative; } .smallbox, .mosaic .horizontalbox { margin-bottom: 18px; height: 214px; padding:0; position:relative; } /*read more link*/ .readmore {color:#fff; float:right; } .readmore .img-circle {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;} /* Sub Navigation basket*/ .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; } .main-basket a.basket { padding: 6px 10px; } .main-basket a:visited { color: #fff !important; } /*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, .jobitem .col-xs-4 {padding-right:5px; padding-left:0; font-size:0.9em;} .jobitem .readmore span { top:-4px; } .jobitem h4 {margin-top:0; text-transform:none; } @media (min-width: 489px) { .socialmedia #twitter iframe, .socialmedia #Twitter iframe{width:100%;margin:auto} .dynamictall .verticalbox{width:150px!important} .mosaic .verticalbox {width: 223px;} .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;} .echoContainer { margin: 0 auto; max-width: 486px; } .echoContainer .echoContent { width: 47%; } } /* tabs / content drawers */ .tab-content { margin:0 auto; max-width:446px;} .tab-content 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;} .tab-content img {max-width:100%;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;} .tab-content .brandtitle.default {background:url("/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png") no-repeat 0 -600px; padding: 0 0 0 28px;} .container-fluid .tab-content .container-fluid {padding:0;} .drawerrightcol {margin-top: 25px;} .closeDrawer, .closeDrawerCloud {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;} /* 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; } .Wimg{background-color:transparent!important} /*reports and publication*/ .snip-reportPubl .block{width:151px;height:auto;margin-bottom:18px;} .snip-reportPubl .block img{width:151px;height:214px;} .snip-reportPubl h4{margin-top:0;} /* cloud */ .container-fluid.cloud {padding-bottom: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; } @media (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%;} } .main-basket .hidden-xs { display: inline-block !important; } #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} .txtWrap .firstpragraph{margin-bottom:25px;} .HSimgdesktop{display:none;} .HSimgmobile{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; } .paragraphSnippet{ font-family: "BentonSans", Arial, Helvetica, sans-serif!important; font-size: 18pt!important; font-weight: bold; width: 100%; margin: 5% 0 5% 0; } /*---------------------------------------- Vertical tablets ---------------------------------------- --------------------------------------------- */ @media only print, screen and (min-width: 768px) { .paragraphSnippet{ font-family: "BentonSans", Arial, Helvetica, sans-serif!important; font-size: 18pt!important; font-weight: bold; width: 50%; margin: 5% 0 5% 0; } .searchButton{width:100%;margin-top:24px;text-align:center} .echoContainer .echoContent { margin-bottom: 0; width: 23%; } .echoContainer {max-width: none;} .contentsection .col-sm-9 {padding-left: 35px;} .echoSearchResults .echoContainer{ margin-left: -9px;} /*Text wrap image */ .wrapSnip IMG { float: left; margin: 25px 25px 25px 0; } .imagewrap .linkboxcontainer { background-color: #f3f3f3; padding: 10px; margin-top: 0px; } .HSimgdesktop{display:block;} .HSimgmobile{display:none} #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%} #sidenav-mobile{border-top:none} .mobile-hotspot-links { display: none; } #fullwidthwhitebg .row, #fullwidthwhitebg .row a{background-color:transparent;color:#363534} .contentsection .col-sm-9 {padding-left: 35px;} #blogPage > div > .col-sm-4{ max-width:214px; float:right; padding:0; margin-right:15px; } .navbar .main-basket { bottom: -36px !important;width: auto; left: auto; right: 0; } .main-basket .hidden-xs { display: inline-block !important; } .navbar.navbar-fixed-top .main-basket { display: block; } h1.chapter-header .green{display:inline-block} .jumbotron > img, .jumbotron > a > img {position:absolute; top:0; left:0; right:0;max-width: 100%;height:auto;} .jumbotron .container-fluid{background-color:transparent} .greenline {width:214px;} .linkboxcontainer{background-color:#f3f3f3;padding:10px;width:23.5%} #sb-search #searchInputBox .ms-srch-sb-borderFocused {float:none;} .socialmedia #twitter iframe, .socialmedia #Twitter iframe{width:57%;margin:auto} .dynamictall .verticalbox{width:170px!important} .navbar-nav > li .selected, .navbar-nav > li > a:hover {color: #363534 !important;} .purchsingForm input.submit{float:right;margin-right:65px;} .snip-reportPubl .block{ width:151px;height:214px;float:left;margin-bottom:18px;} .snip-reportPubl .block img{width:151px;height:214px;} .snip-reportPubl .left-b{margin-left:18px;} .container-fluid {} .border h1, h1.border {padding-top:40px;} h1 {padding-top: 20px; } .row.narrow {margin: 0 auto;} /*------------ Header --------------- */ /* navigation */ #navbar {margin-left:0;} .navbar-nav {border-top: 0; } .navbar-collapse {float: left; width: 77%; 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 .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/MGSPMetsaGroupInternet/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/MGSPMetsaGroupInternet/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: 2; } #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; } #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;} .jumbotron .col-sm-5{padding-top:0;} .jumbotron{min-height:auto;} /* 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:43px;}*/ /*subpagelinks*/ .subpagelinks {margin-top:30px;} /* mosaic */ .container-fluid.mosaic {margin-left:auto; max-width:800px;} .mosaic .row {margin:0 auto;} /*tabs*/ .closeDrawer, .closeDrawerCloud {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%; } } @media only print, screen and (max-width: 991px) and (min-width: 768px) { .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;} } /*desktop*/ @media only print, screen and (min-width: 768px) { /*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;} .navbar .main-basket { bottom: -36px !important; } /*landscape tablets: hide dropdown */ .touch ul.dynamic {display:none !important;} } /******************************************* main navigation ends *******************************************/ /*--------------------------------------------- Desktop --------------------------------------------- --------------------------------------------- */ @media only print, screen and (min-width: 992px) { .echoContainer { margin: 0 auto; max-width: 100%; } .echoContainer .echoContent { margin-bottom: 0; width: 23%; } .echoSearchResults .echoContainer{ margin-left: -9px;} /*text wrap image*/ .wrapSnip IMG { float: left; margin: 25px 25px 25px 0; width: 300px; height: 370px; } .imagewrap .linkboxcontainer { background-color: #f3f3f3; padding: 10px; margin-top:0px; } .HSimgdesktop{display:block;} .HSimgmobile{display:none} #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} #sidenav-mobile{border-top:none} .mobile-hotspot-links { display: none; } .contentsection .col-sm-9 {padding-left: 15px;} #blogPage > div > .col-sm-8{ min-width:705px; } .dynamicsquare .smallbox:first-child, .dynamicsquare .col-xs-6:first-child {padding-right:0!important;padding-left:9px} .dynamicsquare .mosaic .col-xs-6.smallbox { padding-right: 0; } /* Blog page About author column */ #blogPage >div >.col-sm-8 { min-width: 705px; } h1.chapter-header .green{display:inline-block} .jumbotron > img , .jumbotron > a > img {position:absolute; top:0; left:0; right:0;max-width: 100%;height:auto;} .greenline {width:214px;} .socialmedia #twitter iframe, .socialmedia #Twitter iframe{width:57%!important;margin:auto} .dynamictall .verticalbox{width:223px!important;} .linkboxcontainer{background-color:#f3f3f3;padding:10px;width:23.5%} .kpivalue span{display: inline-block;vertical-align:middle} .navbar-nav > li .selected, .navbar-nav > li > a:hover {color: #363534 !important;} .purchsingForm input.submit{float:right;margin-right:51px;} /*dynamic page link*/ .MGsubpagelinks {margin:0;padding:0;list-style-type:none;} .MGsubpagelinks li {width:22%;height:36px;line-height: 1.5em;padding-right:8px;float: left;display: inline;} .snip-reportPubl .block{width:151px;height:214px;float:left;margin-bottom:18px;} .snip-reportPubl .block img{width:151px;height:214px;} .snip-reportPubl .left-b{margin-left:18px;} .container-fluid {} h1.chapter-header {font-size:30px; line-height:32px;margin-bottom:30px;border-top:2px solid #eaeaea} .border h1, h1.border {padding-top:50px;} h1 {padding-top: 30px; } /*------------ Header --------------- */ /* navigation */ .navbar-collapse { width: 780px; } .navbar-nav > li > a { padding: 5px 0 4px; } .navbar-nav > li > a:visited {color: #363534;} .main-basket .hidden-xs { display: inline-block !important; } /*breadcrumb*/ .breadcrumb-wrapper{display:block;} .breadcrumb-wrapper{padding-top:8px;padding-bottom:8px!important;border-bottom:1px solid #E5E6E5;width: 925px!important;border-bottom: 0;} .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/MGSPMetsaGroupInternet/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 --------------- */ /* 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%; } .jumbotron .col-sm-5{padding-top:0;} /* scroll down indicator */ #arrowDown { top: 460px; } /* 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 .smallbox { padding-left: 0; } .mosaic .bigbox { width: 446px; padding: 0; } .mosaic .horizontalbox { width: 446px; padding: 0; } .mosaic .col-centered { float: left; margin-right: 0; } .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 {} /*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: 37px; } /*forms*/ input.inputSearchContacts {width:87%; } input.submitSearchContacts {float:right; margin-left:0;} } /* Bug - mosaic three in row in portrait tablet */ @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) { .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;} .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: -5px;padding: 0;margin-right: 5px;} .purchsingForm input[type="text"], .purchsingForm input[type="tel"], .purchsingForm input[type="email"] {height: 26px;margin-right: 0px;border: 1px solid #e5e6e5;padding-left: 5px;} .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;} .validationError .mandatory, .validationError .mandatoryText {color: #a94442;padding: 0;margin: 0;} .purchsingForm .validationError input[type="text"], .purchsingForm .validationError input[type="tel"], .purchsingForm .validationError input[type="email"], .purchsingForm .validationError textarea{border-color: #a94442;} .purchsingForm .formMsg{text-align:center;font-weight:bold;text-transform:uppercase;margin:50px 0 50px 0; } .purchsingForm .formMsg h3{color:#8fd400;} /*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;} @media print { header, footer, #arrowDown, #sidenav,.socialshare {display: none;} .jumbotron h1, .jumbotron a {color:#ffffff!important} } /*dynamic page link*/ .MGsubpagelinks {margin:0;list-style-type:none;} /*advance search*/ .srch-advancedtable { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } .srch-advancedtable td {padding: 3px;} h3.ms-advsearch-header { font-size: 1em; color: #525252; margin: 0; text-transform: capitalize; } .ms-advsrchText-v1 label, .ms-advsrchText-v2 label { font-family: inherit; font-weight: normal; color: inherit; vertical-align: middle; font-size: 12px; text-transform: capitalize; margin-bottom: 0; } .ms-advsrchText-v1 span {font-size: 12px;} .ms-advsrchText-v1 {padding: inherit;} .ms-advsrchText-v2 input[type="checkbox"] {margin-right: 5px;} .ms-advsrchText-v2 select, .ms-advsrchtips span {font-size: 12px;} .ms-advsrchText-v2 input, .ms-advsrchText-v1 input { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: content-box; font-size: 12px; } .ms-advsrchText-v2 input[type="checkbox"] {margin-top: 0;} /*suite link box*/ #suiteLinksBox{display:none;} /*search page*/ .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;} .contactform{display:none} .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;} .MGNav{display:none} .ms-cui-menu{position:fixed!important} .linkboxcontainer .linkbox a,.linkboxcontainer .linkbox li a, .contentsection a, .subpagelinks a, .snip-reportPubl a, .addresslisting a{background: url("/_layouts/15/MGSPMetsaGroupInternet/img/arrow.png") left top 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;} .highlightSlider h4{max-height:33px;overflow:hidden} /*title image slider*/ .titleslider.highlightSlider h4{background: url("/_layouts/15/MGSPMetsaGroupInternet/img/arrow.png") 0 0 no-repeat transparent;line-height: 16px;padding-left: 20px;text-transform: uppercase;display: inline-block;margin-bottom: 6px;} .titleslider.highlightSlider .mosaiccontent {height:110px;} .titlecontrol .bx-controls .bx-controls-direction .bx-prev, .titlecontrol .bx-wrapper .bx-controls-direction a{margin:0} #s4-workspace,.breadcrumb-wrapper{visibility:hidden} /*rss feed webpart*/ .rssfeedDescription span, .rssfeedDetails span{font-weight:bold;font-weight: bold;width: 147px;display: inline-block;} .rssfeedDescription p, .rssfeedDetails p{font-size:13px;} .rssfeedDescription .arrow{margin-bottom:0;text-transform:lowercase;padding-left:15px;margin-left:10px;} .feedTitle h4{cursor:pointer} .feedTitle h4:hover{text-decoration:underline} .feedTitle a:visited{color:#363534} .jobitem1 .business-area{width: 220px;} .jobitem1 .country{width:167px} .titlerow h4{cursor:default!important;color:#8fd400} .titlerow h4:hover{text-decoration:none!important} /*carousel responsive*/ @media screen and (max-width: 991px) { .ms-webpart-zone, .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical {display: block;} } @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;} } /*invisible chapter header*/ .invisble{display:none;} .tab-content 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;} .nasdaqiframecontent iframe{display:block;margin:auto} /*nasdaq webaprt core*/ .nasdaq.white .mosaiccontent{background-color:#fff;padding:0;height:auto} .nasdaq.white .readmore{color:#262626!important;padding-bottom:5px;} .nasdaq.white{padding:0;height:auto;} .nasdaq.white{padding:0;height:auto;} .nasdaq.white .mosaicimage{background-color:#fff;height:auto} /*default link style in contnet area under paragraph*/ .link-style{text-decoration:underline;background:none!important;padding-left:0!important} .link-style:hover{text-decoration:underline;font-weight:bold;} /*left navigation back link*/ #sidenav .back:before{background: #8fd400 url(/_layouts/15/MGSPMetsaGroupInternet/img/green-arrow.png) left top no-repeat!important;content:'';height:25px;} #sidenav-mobile ul li a.back{background:transparent url("/_layouts/15/MGSPMetsaGroupInternet/img/green-arrow_mobile.png") no-repeat scroll 4px 13px!important;} /*footer link*/ .footerLinks li{text-align:center} /*sitemap arrows*/ .arrowLink{background: url("/_layouts/15/MGSPMetsaGroupInternet/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;} /*available jobs arrow link*/ .availableJobs a{ float: right;margin-top: -43px;margin-right:7px} /*m brain*/ .mBrain .item a, .mBrain .description {font-family: BentonSans-Book,Arial,sans-serif;font-size: 14px;line-height: 1.35;color:#363534} .mBrain .link-item a{font-weight:bold} .mBrain .description {font-size:12px;margin-top:10px} .mBrain .description .description a{background: url("/_layouts/15/MGSPMetsaGroupInternet/img/arrow.png") left 2px no-repeat transparent;padding-left: 17px;font-size:12px} .mBrain h4{font-weight:bold;margin-bottom:0;} /*search elemnts*/ .ms-srchnav ul li h2{font-size:16px;} .ms-srchnav ul li h2 a:visited{color:#8fd400} /*add this snippet*/ .addthisSnippet{float:right;width:105px;} /*event calendar*/ .eventCalendar .headers.jobitem.row{text-transform: uppercase;color: #363534;border-bottom: 2px solid rgba(143,212,0,1.0);font-weight:bold} .eventCalendar h4{color:#363534;text-transform:uppercase!important} /*Social media*/ .socialmedia .nav > li > a {font-size:20px;border:0;} /*.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:0;border-bottom: 3px solid #8fd400; color:#363534;} .socialmedia .nav-tabs li.active > a:hover { border-bottom: none; } .socialmedia .nav-tabs li > a:hover {border:0;border-bottom: 3px solid #8fd400; color:#363534;} .socialmedia .nav-tabs li > a:active{border:0} .socialmedia .nav-tabs li > a:focus {outline:none;border:0;} .socialmedia .tab-content {text-align:center;} .socialmedia .nav > li > a > img {width:28px;height:28px;margin-right:10px;border:0;} /*motto snippet updated*/ .motto img{margin:auto;} /*search pagination changes*/ .ms-srch-pagingNext {position: absolute!important;left: -110px!important;top: -5px!important;} #PageLinkNext .ms-srch-pagingNext{position: absolute!important;left: -110px!important;top: -5px!important;} /*word cloud*/ .cloud select{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;margin-bottom:20px;} /*visited link*/ .mosaicimage a:visited{color:#fff!important} /*.container-fluid a:visited {color:#363534;}*/ .container-fluid a:visited, #container-fluid a:visited {color:#363534;} /*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;} /*section page right box*/ .linkboxcontainer{background-color:#f3f3f3;padding:10px} .contentsection ul li a{background:none;padding-left:0;} /*content snippet grey box*/ .contentsnippet .linkboxcontainer{width:100%} .contentsection ul li a{background:none;padding-left:0;text-decoration:underline} .contentsection ul li a:hover{font-weight:bold} .linkboxcontainer .linkbox li a:hover{font-weight:normal!important;text-decoration:underline} .linkboxcontainer .linkbox li a{text-decoration:none} @media all and (min-width:639px) { .jumbotron > img, .jumbotron > a > img {height: auto; left: 0; max-width: 100%;} } /*blogs*/ #blogPage .blog-author img { margin: 0 !important; } #blogPage .blog.header > div { padding-bottom: 5px; } #blogPage .blog-title { margin: 0 0 20px; color:#363534; font-size:26px; line-height:26px; letter-spacing:-1px; padding:0px; text-align:left; } #blogPage .blog-body { margin-top: 30px; } #blogPage .blog-body img, #blogPage .blog-image img { max-width: 100%; } #blogPage .blog-image img { padding: 0; } #blogPage .blog-author { margin-top: 10px; display: block; max-width: 214px; } #blogPage .blog-author .header { font-weight: bold; display: block; padding-bottom: 10px; } .videoLinks a{background: url(img/arrow.png) left top no-repeat transparent; line-height: 9px; padding-left: 17px; display: inline-block; margin-bottom: 6px;} #blogPage, .commentsList { } .blogCommentform, .commentsList { } .commentsList .comment-row { margin-top: 8px; } .commentsList .comment-row:first-child { margin-top: 0; } .commentsList .text { margin-bottom: 5px; } .blogListItem { margin-bottom: 20px; display: table; width: 100%; overflow: hidden; padding-bottom:20px; } .blogListImage { max-width: 150px; max-height: 150px; float: left; margin-right: 10px; } .blogListImage img { width: 100%; } .blogListText { padding-left: 160px; } .blogListText .title { font-size: 20px; } .blogListText .datename { font-size: 90%; } .blogListText .title, .blogListText .datename, .blogListText .text { margin-bottom: 10px; } .blogListText .commentCount { float: right; } .blogListText .commentCount:after { content: ''; display: block; width: 20px; height: 20px; float: left; background: url(/_layouts/15/MGSPMetsaGroupInternet/img/comment.png) left top no-repeat; } .blogListText .lastline a { margin: 0; } .blogFormItem { padding-top: 5px; padding-left:0px; } .blogFormItem >span { display: block; text-transform: uppercase; font-weight: bold; color: #363534; } .blogFormItem input, .blogFormItem textarea { width: 100%; padding: 5px; border: 1px solid #999; } .blogFormItem.notvalid input, .blogFormItem.notvalid textarea { background: #ffe5e6; } .blogFormItem input { margin-bottom: 5px; } .blogFormItem.notvalid input { background-color: rgba(255,0,0,0.1); } .blogFormItem.notvalid .warning { color: red; font-size: 80%; font-weight: bold; padding-top: 2px; } .blogFormItem .blogFormInput { width: 330px; margin-bottom: 20px; } .blogFormItem .blogFormTextarea { position: relative; width: 380px; margin-top: -12px; } .blogFormItem .blogFormTextarea .note { margin-bottom: 5px; } .blogFormItem .blogFormTextarea .commentInfo { text-align: right; position: absolute; top: 0; right: 0; } .blogFormItem .blogFormTextarea #CommentTextArea { margin-top: 16px; } .blogFormItem .blogFormInput, .blogFormItem .blogFormTextarea { /*margin-left: 10px;*/ } .blogFormItem .mandatory, .blogFormItem .characters { text-align: right; font-size: 80%; padding-left:5px; } .blogFormItem .mandatory, .blogFormItem .note, .blogFormItem .policy, .blogFormItem .commentInfo { color: #a6a6a5 !important; } .ErrorMessage { display: block; color: #bf0000; font-weight: bold; font-size: 85%; } .ErrorMessage span { padding-top: 5px; } .ErrorMessage span:before { content: ''; display: block; float: left; width: 20px; height: 16px; background: url(/_layouts/15/MGSPMetsaGroupInternet/img/errorMessage.png) left top no-repeat; } .blogFormItem .arrow { text-transform: uppercase; font-size: 85%; padding-left: 12px; } .blogFormItem .arrow.policy { display: block; margin-top: 3px; } .blogFormItem .note { font-size: 80%; clear: left; } .blogFormItem .mandatory { margin-top: -10px; margin-bottom: 5px; display:block } .blogFormTextarea .mandatory{display:inline-block} .blogFormItem a{text-transform:uppercase;font-weight:bold} .blogFormItem .formButton { display:block} .blogFormItem .mandatory:before { content: '*'; color: red; } .blogs .formButton { text-transform: uppercase; font-weight: bold; } .blogs .formButton:after { content: url("/_layouts/15/MGSPMetsaGroupInternet/img/arrowrounded.png"); padding: 0 0 0 5px; position: relative; bottom: -5px; } .blogFormItem .mandatory br { display: none; } .blogFormItem .blogFormTextarea textarea { height: 80px; } .blogCommentform, .commentsList { } .commentsList .comment-row { margin-top: 23px; } .commentsList .comment-row:first-child { margin-top: 0; } .commentsList .text { margin-bottom: 5px; } .blogs .ms-webpartzone-cell{margin-bottom:0;} .blogs div.ms-formfieldlabelcontainer span.ms-formfieldlabel {letter-spacing:0;} .blogListText .datename .date, .blogListText .datename .author{display:block} #blogPage{margin-top:40px} /*mobile view preview in saerch page*/ .ms-srch-hover-siteViewerContainer {width: 1000px !important; border:0;} .bxslider{visibility:hidden} /*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; } } @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;} } .ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 { color:#363534 !important; } .fullscreen-enabled { position: relative; } .fullscreen-enabled a.go-fullscreen { position: absolute; top: 10px; right: 40px; width: 42px; height: 42px; z-index: 10; border-radius: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0.5; } .fullscreen-enabled a.go-fullscreen.simple { background: rgba(255, 255, 255, 0); text-align: right; } .fullscreen-enabled a.go-fullscreen.simple svg { margin: 0; } .fullscreen-enabled a.go-fullscreen svg { margin: 26.190476% 21.428571%; fill: #8fd400; width: 57.142857%; height: 47.619048%; } .fullscreen-enabled a.go-fullscreen:hover { opacity: 1; } .fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: 999; opacity: 0; -webkit-transition: opacity 0.25s ease-in; -o-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .fullscreen.show { opacity: 1; } .fullscreen img { position: relative; display: block; margin: auto; max-width: 100%; max-height: 100%; } .fullscreen a.exit-fullscreen { position: absolute; top: 20px; right: 20px; font-size: 1.25em; color: #8fd400; cursor: pointer; background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0.5; border-radius: 100%; text-decoration: none; padding: 10px; } .fullscreen a.exit-fullscreen:hover { opacity: 1; } @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"; } /*hot spot image*/ .block-info { background: #f2f3f2; padding: 1.5em; } .block-info.no-bg { background: transparent; padding: 0; } .newhotspotimage .col-sm-8{padding-top:15px;} @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; } /*new hotspot image*/ .newhotspotimage .block-hotspot { display: block; position: relative; border: none; background:none; 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; } .newhotspotimage .block-hotspot .hotspot {width: 15px; height: 15px;font-size: .7em;line-height: 18px;} .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; } .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"; } /*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;} @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) { .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*/ /*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*/ /*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); } } .jumboyoutubeclicked img{visibility: hidden;} /*text wrap img snippet*/ .jumboyoutubeclicked img{visibility: hidden;} .imgWrappeSnippet p{text-align:justify;margin:0;} /*job listing classes */ .row1.nopadding1 .col-xs-121 { padding-left: 0; padding-right: 0; } .col-xs-121 { width: 100%; } .container-fluid * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-sm-41 { width: 270px; } @media only print, screen and (min-width: 768px){ .col-sm-41 { width: 330px; }} .table-responsive1 {overflow-y:auto} @media only print, screen and (min-width: 768px){ .table-responsive {overflow:hidden} .col-sm-41, .col-sm-81 { float: left; }} .col-sm-81 { width: 607px; } @media only print, screen and (min-width: 768px){ .col-sm-81 { width: 570px; }} @media only print, screen and (min-width: 768px){ .jobitem1 .col-xs-31 { font-size: 1em; position: relative; min-height: 1px; }} .jobitem1 .col-xs-31, .jobitem1 { padding-right: 5px; padding-left: 0; /* font-size: 0.9em;*/ position: relative; min-height: 1px; } .col-xs-31 { width: 166px; } .col-xs-21 { width: 16.66666667%; } .titlerow1 h4 { cursor: default!important; color: #8fd400; } .jobitem1 h4 { margin-top: 0; text-transform: none;padding-top:0;padding-right:12px; } .jobitem1.row1 { padding: 20px 0 10px; border-bottom: 1px solid #e5e6e5; margin: 0; } .col-xs-21, .col-xs-31, .col-xs-121 { float: left; } .container-fluid1 { max-width: 100%; padding-bottom: 20px; } @media only print, screen and (min-width: 992px) .container-fluid1, #container-fluid1 { width: 940px; } .container-fluid1, #container-fluid1 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; display: table; width: 940px; } .container-fluid1:before, .container-fluid1:after, .row1:before, .row1:after, #row1:before, #row1:after, { display: table; content: " "; } .container-fluid1:after, .row1:after, #row1:after { clear: both; } .container-fluid1:before, .container-fluid1:after, .row1:before, .row1:after, #row1:before, #row1:after { display: table; content: " "; } .jobitem1 .readmore1 span { top: -4px; } .readmore1 .img-circle1 { 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; } .img-circle1 { border-radius: 50%; } .readmore1 { color: #fff; float: right; } .open{ max-height: none!important;} .showhide {max-height: 57px; overflow: hidden;} .showmore{display: inline-block;font-size:13px;font-weight:bold;color:black!important} .GDPRTexts a { color: #8fd400!important; text-decoration: underline; font-weight:normal; text-transform:none; } .borderTopDotted { border-top: 1px dotted #c7c7c7; } .marginTop20 { margin-top: 20px; } /*profile snippet*/ .pro-table { display: table; height:100%; width: 100%; padding-left:0px!important; padding-bottom:0px!important; } .cell { vertical-align: top; display: table-cell; height:100%; padding-left: 20px; padding: 0 15px; padding-bottom: 13px; padding-top: 10px; } .blogSpace{padding-bottom:0px!important} .cell:first-child{background-color: #8fd400;padding-left: 0;padding: 0;width: 25px;} .pro-container { height: 100%; } .Profile-Snippet .text-bold{font-weight:bold} .blogPict, .blogPict img{width:95px!important;height:95px!important;background-color:#fff!important} @media only print, screen and (min-width: 768px) { .pro-table { display: table; height:100%; width: 940px; padding-left:35px } } @media only print, screen and (min-width: 992px) { .pro-table { display: table; height:100%; width: 100%!important; padding-left:15px; } } /*#divShortDesc { font-weight: bold; }*/ .dfwp-column .link-item a { background: url(/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png) 16px 4px no-repeat transparent; line-height: 14px; padding-left: 31px; display: inline-block; } .dfwp-column{padding:0!important} .gm-control-active{left:-12px!important} .gm-ui-hover-effect{right: -31px!important;} .blogs .linkboxcontainer .item{padding-top:0;} .blogs .linkboxcontainer .dfwp-column .link-item a { background: url(/_layouts/15/MGSPMetsaGroupInternet/img/sprite.png) 10px 1px no-repeat transparent; line-height: 22px; padding-left: 28px; display: inline-block; width:93%; } .blogs .linkboxcontainer .groupheader {font-size: 16px;color: #363534;padding-top: 5px;} .blogs .linkboxcontainer{background-color:#f3f3f3;padding:10px;padding-bottom: 20px;} #COC-snippet-1 a{background:none;padding:0;} #COC-snippet-1 img{width:100%!important;height:100% !important;} #COC-snippet-1 .col-sm-3{padding-left:0;} #COC-snippet-1 .col-sm-3 a:hover img{opacity:0.5} .rule-to-remember {margin:18px 0} .rule-to-remember .col-xs-12 div.rule{font-family: BentonSans-Book;font-size: 14px;color: #363534;letter-spacing: 0;line-height: 36px;} .rule-to-remember .col-xs-12 div.we-respect{font-family: BentonSans-Book;font-size: 29px;color: #8FD400;letter-spacing: 0;line-height: 36px;} .green-box{background-color: #E3F4C0;padding-left: 20px;padding-top: 36px;padding-bottom: 36px;padding-right:36px;} .green-bg-snippet h2{font-family: BentonSans-Medium;font-size: 20px;color: #363534!important;letter-spacing: 0;line-height: 24px;} .green-bg-snippet ul{margin-left: 0;padding-left: 30px;font-family: BentonSans-Book;font-size: 14px;color: #363534;letter-spacing: 0;line-height:22px;} .COClinkBox{width:100%!important} .COClinkBox h4{margin-top:0} /*.COC-snippet-1{position: absolute !important;} */ .COC-snippet-1 img{width:100%;height:auto;} @media only print, screen and (min-width: 768px) { #COC-snippet-1 a{background:none;padding:0;} #COC-snippet-1 img{width:100%!important;height:100% !important;} #COC-snippet-1 .col-sm-3{padding-left:0;} #COC-snippet-1 .col-sm-3 a:hover img{opacity:0.5} .rule-to-remember {margin:18px 0} .rule-to-remember .col-xs-12 div.rule{font-family: BentonSans-Book;font-size: 14px;color: #363534;letter-spacing: 0;line-height: 36px;} .rule-to-remember .col-xs-12 div.we-respect{font-family: BentonSans-Book;font-size: 29px;color: #8FD400;letter-spacing: 0;line-height: 36px;} .green-box{background-color: #E3F4C0;padding-left: 20px;padding-top: 36px;padding-bottom: 36px;padding-right:36px;} .green-bg-snippet h2{font-family: BentonSans-Medium;font-size: 20px;color: #363534!important;letter-spacing: 0;line-height: 24px;} .green-bg-snippet ul{margin-left: 0;padding-left: 30px;font-family: BentonSans-Book;font-size: 14px;color: #363534;letter-spacing: 0;line-height:22px;} .COClinkBox{width:100%!important} .COClinkBox h4{margin-top:0} /*.COC-snippet-1{position: absolute !important;}*/ .COC-snippet-1 img{width:100%;height:auto;} } @media only print, screen and (min-width: 992px) { #COC-snippet-1 a{background:none;padding:0;} #COC-snippet-1 img{width:100%!important;height:100% !important;} #COC-snippet-1 .col-sm-3{padding-left:0;} #COC-snippet-1 .col-sm-3 a:hover img{opacity:0.5} .rule-to-remember {margin:18px 0} .rule-to-remember .col-xs-12 div.rule{font-family: BentonSans-Book;font-size: 14px;color: #363534;letter-spacing: 0;line-height: 36px;} .rule-to-remember .col-xs-12 div.we-respect{font-family: BentonSans-Book;font-size: 29px;color: #8FD400;letter-spacing: 0;line-height: 36px;} .green-box{background-color: #E3F4C0;padding-left: 20px;padding-top: 36px;padding-bottom: 36px;padding-right:36px;} .green-bg-snippet h2{font-family: BentonSans-Medium;font-size: 20px;color: #363534!important;letter-spacing: 0;line-height: 24px;} .green-bg-snippet ul{margin-left: 0;padding-left: 30px;font-family: BentonSans-Book;font-size: 14px;color: #363534;letter-spacing: 0;line-height:22px;} .COClinkBox{width:100%} .COClinkBox h4{margin-top:0} /*.COC-snippet-1{position: absolute !important;} */ .COC-snippet-1 img{width:100%;height:auto;} } /*metsa urban carbon*/ @font-face { font-family: "BentonSans-Regular"; src: url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonRegular.eot"); src: url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonRegular.eot?") format("embedded-opentype"), url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonRegular.woff") format("woff"), url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "BentonSans-Bold"; src: url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonBold.eot"); src: url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonBold.eot?") format("embedded-opentype"), url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonBold.woff") format("woff"), url("/_layouts/15/MGSPMetsaGroupInternet/fonts/BentonBold.ttf") format("truetype"); font-weight: normal; font-style: normal; } .unit{ font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif;} @media only screen and (min-width: 320px) { .unit1 [class*="col-"] img{width: 28px;/* margin-left: 14px; *//* margin-right: 25px; */margin-top: 9px;margin-bottom: 8px;} .unit2 [class*="col-"] img{width: 28px;/* margin-left: 14px; */margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .unit3 [class*="col-"] img{ width: 28px;margin-left: 14px;margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .unit4 [class*="col-"] img{ width: 28px;margin-left: 14px;margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .btn1 img{width: 28px;margin-left: 14px;margin-right: 25px;margin-top: 16px;margin-bottom: 8px;} .btn2 img{width: 44px;margin-left: 9px;margin-right: 12px;margin-bottom: 9px;margin-top: 21px;} .btn3 img{width: 39px;margin-left: 11px;margin-right: 15px;} .btn4 img{width: 53px;margin-left: 6px;margin-right: 7px;} .btn1 span{margin-top:5px;} .btn2 span{margin-top:5px;} .btn3 span{margin-top: 3px;} .btn4 span{margin-top: -1px;} .carbon-webaprt { background-color: #f1f1f1; padding-top: 0; } .carbon-webaprt .title { font-size: 22px; margin: 20px 0; height: 66px; text-align: center; } .carbon-button [class*="col-"] div { font-family: BentonSans-Book; font-size: 14px; color: #363534; letter-spacing: 0; line-height: 59px; background: #FFFFFF; box-shadow: none; border-radius: 10px; margin-bottom: 7px; background: #8FD400; padding: 5px 0 5px 5px; background-color: #fff; background-size: 29%; cursor: pointer; height: 84px; font-size: 12px; border: 1px solid #D2D2D2; } .carbon-button [class*="col-"] div:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.50); border-radius: 10px; background: #8FD400; background-size: 22%; } .carbon-button [class*="col-"] div.activeB { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.50); border-radius: 10px; background: #8FD400; /* background-size: 29%; */ } .carbon-button .btn1 { background-position: 4px 11px !important; } .carbon-button .btn2 { background-position: 4px -52px !important; } .carbon-button .btn3 { background-position: 4px -111px !important; } .carbon-button .btn4 { background-position: 4px -171px !important; } .metrics [class*="col-"] .unit1, .metrics [class*="col-"] .unit2, .metrics [class*="col-"] .unit3, .metrics [class*="col-"] .unit4{ background: transparent; background-size: 22%; padding-left: 0; } .metrics .unit1 { background-position: 0 -214px !important; } .metrics .unit2 { background-position: 0 -301px !important; } .metrics .unit3 { background-position: 0 -412px !important; } .metrics .unit4 { background-position: 0 -532px!important; } .metrics [class*="col-"]{padding:0;} .second-column .title { text-align: center; font-family: "BentonSans-Medium"; font-size: 22px; color: #76AE01; letter-spacing: -0.5px; line-height: 26px; height: auto; } .third-column .title { color: #B60601; text-align: center } .kg { height: 106px; width: 313px; background-color: #fff; border-radius: 50%/50%; display: inline-block; text-align: center; padding-top: 0; font-weight: bold; margin-top: 15%; font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif; font-size: 30px; color: #5C5C5C; letter-spacing: -0.52px; text-align: center; line-height: 19px; margin: auto; border-radius: 17%/44%; } .formula { padding-top: 15%; font-size: 32px; color: #a7a7a7; font-weight: normal; font-family: "BentonSans-light", Arial, Helvetica, sans-serif; float: left; padding-left: 30px; } .unit-title { font-family: "BentonSans-Book"; font-size: 14px; color: #363534; letter-spacing: 0; line-height: 19px; } .unit { font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif; font-size: 20px; color: #363534; letter-spacing: -0.25px; margin-bottom: 25px; } .infoText { margin: 35px 0 0 0; display:none; } .infoLink { font-size: 10px; margin-top:15px; margin-bottom:15px } .infoLink a { margin:0; font-size: 11px; text-decoration: underline; display: inline-block; /* margin-left: 10px */ } .infoLink a#link1{margin-left:15px!important;} .carbon-button [class*="col-"] div {} .bottomSection [class*="col-"] { padding: 0 } .bottomInformation .row { margin: 0 } .bottomInformation .title { font-size: 22px; font-weight: bold; margin-bottom: 15px; height: auto; text-align: left; } .bottomInformation .col-xs-12, .bottomInformation .image-column { padding-right: 0; padding-left:0; position: relative; } .image-column .sepratorImage img { /*position: absolute; width: 43px; left: 15px; top: -2px;*/ display:none } .image-column .mainImage { width: 100% !important; } .carbon-button .col-xs-6{padding-right:0;padding-left: 8px;} .carbon-button .col-xs-6:first-child{padding-left:0;padding-right:0} .second-column{clear:both;top: 23px;padding: 0;} .third-column{padding:0} .carbon-webaprt-bottom { background-color: #e4e4e4; } .carbon-button span{ display: inline-block; vertical-align: middle; line-height: normal; width: 45%; } .carbon-button span:first-child{width:auto;} .carbon-button span:first-child img{} .mobileArrows1{display:block;/* position: absolute; *//* top: -14%; */position: relative;width:100%;} .mobileArrows1 a:first-child{display:inline-block;left: 15px;top: -143px;width: 82px;height: 80px;line-height: 0px;background: transparent url("/Style%20Library/Urbancarbon/images/Urban_carbon_Arrow.png") no-repeat;border: 0;background-position: 0 -1px;} .mobileArrows1 a{ position: absolute; right: 8px; top: -143px; width: 82px; height: 80px; font-size: 0px; line-height: 0px; background: transparent url("/_layouts/15/MGSPMetsaGroupInternet/img/Urban_carbon_Arrow.png") no-repeat; background-position: -99px -1px; } .title-info-conta{margin-bottom:15px} #kg{position: relative;padding-top: 47px;float: left;padding-left: 30px;} } /*iphone changes*/ /* Portrait */ @media only screen and (max-width: 320px) { .unit1 [class*="col-"] img{width: 28px;/* margin-left: 14px; */margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .unit2 [class*="col-"] img{width: 28px;margin-left: 0;margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .unit3 [class*="col-"] img{width: 28px;margin-left: 0;margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .unit4 [class*="col-"] img{width: 28px;margin-left: 0;margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .btn1 img{width: 23px;margin-left: 14px;margin-right: 16px;margin-top: 9px;margin-bottom: 8px;} .btn2 img{width: 31px;margin-left: 9px;margin-right: 12px;margin-bottom: 9px;margin-top: 10px;} .btn3 img{width: 26px;margin-left: 8px;margin-right: 8px;} .btn4 img{width: 36px;margin-left: 0px;margin-right: 7px;} .carbon-button [class*="col-"] div { font-family: BentonSans-Book; font-size: 14px; color: #363534; letter-spacing: 0; line-height: 59px; background: #FFFFFF; box-shadow: none; border-radius: 10px; margin-bottom: 7px; background: #8FD400; padding: 6px 8px 5px 6px; background-color: #fff; background-size: 29%; cursor: pointer; height: 82px; font-size: 12px; border: 1px solid #D2D2D2; } .carbon-button [class*="col-"] div.activeB { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.50); border-radius: 10px; background: #8FD400; /* background-size: 30%; */ } .kg { height: 90px; width: 267px; background-color: #fff; border-radius: 50%/50%; display: inline-block; text-align: center; padding-top: 0; font-weight: bold; margin-top: 15%; font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif; font-size: 30px; color: #5C5C5C; letter-spacing: -0.52px; text-align: center; line-height: 19px; margin: auto; border-radius: 17%/44%; } #kg { position: relative; padding-top: 37px; float: left; padding-left: 10px; } .metrics [class*="col-"] .unit1, .metrics [class*="col-"] .unit2, .metrics [class*="col-"] .unit3, .metrics [class*="col-"] .unit4 { background: transparent; padding-left: 0; } .metrics .unit1 { background-position: 0 -180px !important; } .metrics .unit2 { background-position: 0 -255px !important; } .metrics .unit3 { background-position: 0 -348px !important; } .metrics .unit4 { background-position: 0 -451px!important; } .carbon-button .btn1 { background-position: 4px 17px !important; } .carbon-button .btn2 { background-position: 4px -29px !important; } .carbon-button .btn3 { background-position: 4px -78px !important; } .carbon-button .btn4 { background-position: 4px -136px !important; } } /*iphone end*/ @media only print, screen and (min-width: 768px) { .unit1 [class*="col-"] img{width: 38px;margin-left: 0;margin-right: 7px;margin-top: 0;margin-bottom: 0;} .unit2 [class*="col-"] img{ width: 30px; margin-left: 7px; margin-right: 0; margin-top: 15px; margin-bottom: 0; } .unit3 [class*="col-"] img{width: 40px;margin-left: 0;margin-right: 0;margin-top: 0;margin-bottom: 0;} .unit4 [class*="col-"] img{width: 50px;margin-left: 0;margin-right: 0;margin-top: 15px;margin-bottom: 0;} .btn1 img{width: 28px;margin-left: 14px;margin-right: 25px;margin-top: 9px;margin-bottom: 8px;} .btn2 img{width: 44px;margin-left: 9px;margin-right: 12px;margin-bottom: 9px;margin-top: 10px;} .btn3 img{width: 39px;margin-left: 11px;margin-right: 15px;} .btn4 img{width: 53px;margin-left: 6px;margin-right: 7px;} .btn1 span{margin-top: 0px;} .btn2 span{margin-top: 2px;} .btn3 span{margin-top: 1px;} .btn4 span{margin-top: 3px;} .carbon-button span{ display: inline-block; vertical-align: middle; line-height: normal; width: 67%; margin-right: 6px; } .bottomInformation{padding:0;} .carbon-webaprt { background-color: #f1f1f1; padding-top: 0; } .carbon-webaprt .first-column .title { height: auto; width: 35%; text-align: left; font-weight: bold; font-size: 22px; margin: 20px 0; } .carbon-webaprt .second-column .title { height: 66px; width: 100%; color: #76AE01; letter-spacing: -0.5px; line-height: 26px; font-family: "BentonSans-Medium"; font-size: 22px; margin: 20px 0; } .unit-title { font-family: "BentonSans-Book"; color: #363534; letter-spacing: 0; line-height: 19px; } .unit { font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif; font-size: 20px; color: #363534; letter-spacing: -0.25px; margin-bottom: 25px; } .image-column .mainImage { width: 100%!important; } .bottomInformation .title { font-size: 22px; font-weight: bold; margin-bottom: 15px; height: auto; text-align: left; margin: 28px 0 15px 0; } #kg{position: relative;top: -118px;padding-top: 0;float: none;padding-left: 0;} .formula { padding-top: 22%; font-size: 55px; color: #a7a7a7; font-weight: normal; font-family: "BentonSans-light", Arial, Helvetica, sans-serif; float: none; padding-left: 0; } .title-info-conta{margin-bottom:0} .infoLink a { margin: 15px 0; font-size: 11px; text-decoration: underline; display: inline-block; margin-left: 10px } .mobileArrows{display:none} .kg { height: 255px; width: 255px; background-color: #fff; border-radius: 50%; display: inline-block; text-align: center; padding-top: 38%; font-weight: bold; margin-top: 15%; font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif; font-size: 30px; color: #5C5C5C; letter-spacing: -0.52px; text-align: center; line-height: 50px; margin: auto; } .bottomInformation .image-column { padding-right: 0; padding-left:inherit; } .metrics [class*="col-"], .third-column{padding:inherit;} .second-column{clear:none;top:0;} .third-column .title { color: #B60601!important; text-align: left; padding-left: 0!important; } .carbon-button>div:first-child { padding-left: 0 } .second-column .title { text-align: left; height:66px } .second-column .col-sm-6:first-child { padding-left: 0 } .carbon-webaprt .second-column .title { height: 66px; width: 100%; padding-left: 0; } .carbon-button [class*="col-"] div { width: 80% } .carbon-webaprt .first-column .title { height: auto; width: 35% } .kg { padding-top: 30% } .carbon-webaprt-bottom { background-color: #e4e4e4; } .metrics [class*="col-"] .unit1, .metrics [class*="col-"] .unit2, .metrics [class*="col-"] .unit3, .metrics [class*="col-"] .unit4 { background: transparent; background-size: 60px; padding-left: 0; } .metrics .unit1 { background-position: 0 -349px !important; } .metrics .unit2 { background-position: 0 -489px !important; } .metrics .unit3 { background-position: 0 -666px !important; } .metrics .unit4 { background-position: 0 -846px !important; } .carbon-button [class*="col-"] div { font-family: BentonSans-Book; font-size: 14px; color: #363534; letter-spacing: 0; line-height: 19px; background: #FFFFFF; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.50); border-radius: 10px; margin-bottom: 15px; background: #8FD400; padding: 12px 10px; background-color: #fff; /* background-size: 55px; */ height: 75px; cursor: pointer; } .carbon-button [class*="col-"] div:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.50); border-radius: 10px; background: #8FD400; background-size: 55px; } .carbon-button [class*="col-"] div.activeB { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.50); border-radius: 10px; background: #8FD400; } .carbon-button .btn1 { background-position: 16px 9px !important; } .carbon-button .btn2 { background-position: 16px -63px !important; } .carbon-button .btn3 { background-position: 16px -139px !important; } .carbon-button .btn4 { background-position: 18px -209px !important; } .image-column .sepratorImage img { position: absolute; width: 43px; left: 15px; top: 2px; } } @media only print, screen and (min-width: 992px) { .bottomInformation{padding-bottom:0} .bottomInformation .col-md-5{padding-left:0} .bottomInformation .info{line-height:25px} .bottomInformation{padding:0 15px ;} .carbon-webaprt .second-column .title { height: 66px; width: 100%; padding-left: 50px; } .image-column .mainImage { width: 700px!important; height: 400px!Important; } .third-column, .second-column .col-sm-6:first-child{padding-left:33px!important;} .second-column .col-sm-7{text-align:center} .kg{margin-top:10%} .carbon-webaprt { background-color: #f1f1f1; padding-top: 50px; } .second-column .title { text-align: left; } .second-column .col-sm-6:first-child { padding-left: 15px } .carbon-button [class*="col-"] { padding: 0 } .carbon-button [class*="col-"] div { width: 93%; } .carbon-webaprt .title { height: 66px; width: 100%; } .carbon-webaprt .first-column .title { height: 66px; width: 96%; font-weight: bold; text-align: left; } .kg { padding-top: 40% } .metrics [class*="col-"] { padding-left: 0; } .bottomSection [class*="col-"] { padding: 0 } .bottomInformation .row { margin: 0 } .bottomInformation .title { font-size: 22px; font-weight: bold; margin-bottom: 20px; height:auto; } .bottomInformation .col-xs-12, .bottomInformation .image-column { padding-right: 0 } .image-column .sepratorImage img { position: absolute; width: 88px; left: 15px; top: 0px; } .title-info-conta { /* width: 50%; */ /* left: 46%; */ position: relative; margin-top: 29%; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .title-info-conta { position: relative; margin-top: 21%; width: auto; left: 0; } .image-column .sepratorImage img { width: 58px; top: 1px; } } .image-column .sepratorImage img { width: 58px; top: 1px; } }