#section1 p, #section1-2 p, #section2 p { text-align: justify; } #section1-2 p>img, #section2 p>img{ padding: 15px; } /********* Article section *********/ #section2 { clear: both; padding-top: 20px; position: relative; } #article { font-size: 13px; color: #4a4a4a; padding: 0px; text-align: justify; } #article .text p { padding-bottom: 10px; line-height: 23px; }z #article .text h2 { font-size: 24px; color: #26acd8; font-family: "Open Sans"; font-weight: bold; padding-bottom: 25px; } #article .img_col { padding-top: 0px !important; } #article .img_box { width: 100%; } #article .img_box img { display: block; width: 100%; height: auto;border-left: 6px solid #26acd8; } #article .img_box iframe { border-left: 6px solid #26acd8; } #article .img_box .small{ margin-top: 5px; font-size: 11px; } #article .article_cnt { position: relative; padding-bottom: 30px; } #article .article_cnt>div { padding-top: 60px; } /********** Doświadczenie Kancelarii Articles i Praca**********/ #section1-2 { position: relative; } #section1-2 h2 { font-family: "Open Sans"; color: #4a4a4a; margin-top: 8px; margin-bottom: 12px; margin-left: -3px; } #section1-2 p { color: #4a4a4a; font-size: 15px; line-height: 24px; position: relative;} #section1-2 .logo{ height: 45px; margin-top: 10px;} #section2.artList { margin-bottom: 20px;} #section2.artList .article_box { position: relative; margin-bottom: 14px; } #section2.artList .article_box:nth-child(odd) { padding-left: 0px; } #section2 .article_box:nth-child(even) { padding-right: 0px; } #section2.artList .article_box .body { min-height: 141px; background: #f5f3f3; border-right: 4px solid #26acd8; padding-top: 36px; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.artList .article_box .body.grupa { min-height: 141px; background: #f5f3f3; border-right: 4px solid #26acd8; padding-top: 26px; padding-bottom: 10px; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.artList .article_box .body:hover { border-right: 4px solid #26acd8; background: rgba(256,256,256, 1); } #section2.artList .article_box .body h3 { font-size: 18px; color: #404040; font-weight: 400; font-family: "Roboto"; margin: 0px; margin-left: 27px; } #section2.artList .article_box .body h3.pr215 { padding-left: 215px; padding-right: 10px; text-align: right; } #section2.artList .article_box .body .text { width: 87%; position: absolute; font-size: 12px; color: #4b4b4b; margin-left: 27px; margin-top: 20px; display: block; } #section2.artList .article_box .body img { float: right; position: absolute; top: 35px; margin-top: 0; left: 20px; height: 35px; } #section2.artList .article_box .body.padding-top-30 {padding-top: 30px; } #section2.artList .article_box .body.padding-top-30 .data-tags { margin-left: 27px; margin-top: 10px; } #section2.artList .article_box .body.padding-top-30 .date-actual{ float: left;} #section2.artList .article_box .body.padding-top-30 .text{ margin-top: 10px;} #section2.artList .article_box .body.padding-top-30 .tag {display: block; float: left; color: white; padding-top: 1px; margin-left: 7px; background: #26acd8; height: 20px; padding-left: 20px; padding-right: 20px;} /*Referencje*/ #section2.artList.refer .article_box .body.first { background: #26acd8;} #section2.artList.refer .article_box .body.first h3 { color: #fff } #section2.artList.refer .article_box .body.first .text {color: #fff;} /********** Pagination **********/ #pagination { list-style: none; padding: 0px; margin: 0px; text-align: center; margin-top: 10px; } #pagination>li { height: 30px; width: 25px; font-family: "Roboto"; position: relative; display: inline-block; background: #e5e5e5; text-align: center; font-size: 18px; font-family: "Roboto"; font-weight: 400; margin: 0px; padding: 0px; color: white; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } #pagination>li>a { height: 100%; width: 100%; position: absolute; top: 3px; left: 0px; color: inherit; } #pagination>li.active { background: #cccccc; color: #404040; } #pagination>li:hover { background: #cccccc; color: #404040; } /********** Praca OFERTA **********/ #section1-2 .daterow { padding-top: 3px; padding-bottom: 50px; clear: both; position:relative;} #section1-2 .daterow div { float: left; } #section1-2 .daterow span { display: block; float: left; color: white; padding-top: 1px; margin-left: 7px; background: #26acd8; height: 20px; padding-left: 20px; padding-right: 20px; } /********** Praca OFERTA Article **********/ #section2-1{ padding-left: 0; padding-bottom: 15px; } #section2-1 h2 { font-size: 17px; padding-bottom: 16px; padding-top: 15px; color: #26acd8; font-family: "Roboto"; font-weight: bold; } /* #section2-1 h2:after { height: 3px; width: 46px; display: block; position: absolute; content: " "; background: #333333; margin-top: 10px; margin-left: 1px; }*/ #section2-1 p { font-size: 13px; color: #2c2c2c; font-family: "Roboto"; font-weight: 400; line-height: 22px; } /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /********** Main section CO NAS WYROZNIA **********/ #section2-3 { position: relative; z-index: 3; margin-top: 50px; background: url("../images/cnw_bg.png") no-repeat bottom center; } #section2-3 #selecter_bg { width: 100%; height: 200px; margin: 0 auto; background: url("../images/selector_bg.png") no-repeat; background-size: cover!important; margin-bottom: 370px; } #section2-3 #selecter_bg>div { height: 100%; float: left; position: relative; color: #81cfe8; margin-left: 47px; padding-top: 25px; font-family: "Minion Pro"; font-size: 105px; text-transform: uppercase; transition: all 0.25s ease; } #section2-3 #selecter_bg>div:hover { color: white; border-top: 8px solid #a8ddef; font-size: 130px; padding-top: 0; cursor: pointer; } #section2-3 #selecter_bg>div.active { color: white; border-top: 8px solid #a8ddef; font-size: 130px; padding-top: 0; cursor: pointer; } #section2-3 #selecter_bg>div>div { height: 267px; width: 335px; display: none; padding: 40px; position: absolute; bottom: -240px; left: 50%; margin-left: -106px; background: url("../images/cnw_popup.png") no-repeat; z-index: 2; } #section2-3 #selecter_bg>div:last-child>div { background: url("../images/cnw_popup_last.png") no-repeat; left: 0px; margin-left: -187px; z-index: 1; } #section2-3 #selecter_bg>div>div.active { display: block; } #section2-3 #selecter_bg>div>div h2 { font-family: "Roboto"; font-weight: 500; font-size: 26px; color: #4a4a4a; } #section2-3 #selecter_bg>div>div h2::first-letter { font-size: 37px; color: #26acd8; } #section2-3 #selecter_bg>div>div p { color: #4b4b4b; font-size: 13px; text-align: justify!important; text-transform:none!important; font-family: 'Roboto', sans-serif; } /********** Mobile section CO NAS WYROZNIA **********/ #section2-3 #mobile_selecter_l { margin-top: 40px; margin-bottom: 90px; } #section2-3 #mobile_selecter_l div { width: 100%; text-align: center; color: #bababa; font-size: 100px; text-transform: uppercase; font-family: "Minion Pro"; } #section2-3 #mobile_selecter_l div.active { color: #26acd8; } #section2-3 #mobile_selector_r { position: relative; display: none; } #section2-3 #mobile_selector_r>div { min-height: 167px; width: 65%; background: url("../images/mobile_pointer_bg.png") no-repeat; margin: 0 auto; padding: 5%; position: fixed; padding-left: 50px; left: 35%; top: 25%;} #section2-3 #mobile_selector_r>div h2 { font-family: "Roboto"; font-weight: 500; font-size: 26px; color: #4a4a4a; } #section2-3 #mobile_selector_r>div h2::first-letter { font-size: 37px; color: #26acd8; } #section2-3 #mobile_selector_r>div p { color: #4b4b4b; font-size: 12px; } @media screen and (min-width: 992px) and (max-width: 1279px){ #section1 {max-width: 1100px;} #section2-3 #selecter_bg>div { font-size: 66px; padding-top: 60px; margin-left: 43px;} #section2-3 #selecter_bg>div:hover { font-size: 95px; padding-top: 28px; } #section2-3 #selecter_bg>div.active { font-size: 95px; padding-top: 28px; } } /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /******************** Oferta ******************/ #section-oferta { clear: both; } /**** TABLES ****/ #section-oferta .left{ position: relative; padding-left: 5px;} #section-oferta .nav-info { margin: 0; } #section-oferta .nav-info li{ width: 270px; cursor: pointer; position: relative; } #section-oferta .nav-info li a { width: 100%; } #section-oferta .nav-info li a h3{ font-size: 16px; margin: 0; padding: 14px 18px;} #section-oferta .nav-info li:hover { background: #dbdbdb; } #section-oferta .nav-info li.active{ background: #26acd8; } #section-oferta .nav-info li.active a h3{ color: #fff; font-weight: 500; } #TabBody { min-height: 555px; } ol li, ul li { list-style-type: inherit; } ol.nav-info li, ul.nav-info li { list-style-type: none; } #main_menu ol li, #main_menu ul li { list-style-type: none; } #TabBody .tab{ display: none; width: 100%; height: 100%; margin-left: 30px; margin-top: -80px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #TabBody.kont { min-height: 450px;} #TabBody.kont .tab{ margin-top: 0; } #TabBody .tab.active{ display: block; } #TabBody .tab .content{ width: 100%; margin: 0; padding-right: 30px;} #TabBody .tab .content .title{ font-family: 'Open Sans', sans-serif; font-size: 4em; font-weight: 700; text-align: center; } #TabBody .tab .content .text{ margin: 25px 0; text-align: left; } #TabBody .tab .bottom { width: 100%; margin: 0; padding-right: 30px; padding-top: 5px; } #TabBody .tab .bottom .foto { float: left; height: 100px; border-left: 4px solid #26acd8; } #TabBody .tab .bottom .info { padding-left: 25px; float: left; min-width: 560px;} #TabBody .tab .bottom .info .email{ width: 100%; max-width: 240px; float: left; color: #1f8eb2; font-weight: 700; font-size: 1.1em; } #TabBody .tab .bottom .info .tell{ width: 100%; max-width: 240px; float: left; color: #1f8eb2; font-weight: 700; font-size: 1.1em; } #section-oferta.section-oferta #TabBody .tab .content .text { color: #000; text-align: left; font-size: 15px; font-weight: 400; } #section-oferta.section-oferta #TabBody .tab .content .text h2 { font-size: 17px; color: #005897; font-weight: bold; } #section-oferta.section-oferta #TabBody .tab .content .text h3 { font-size: 30px; color: #005897; text-transform: uppercase; font-weight: 400; text-align: center;} #section-oferta.section-oferta #TabBody .tab .content .text h4 { text-align: center; color: #88d02a; font-size: 22px; font-weight: bold;} #section-oferta.section-oferta #TabBody .tab .content .text table td { padding: 5px; } #section-oferta.section-oferta #TabBody .tab .content .text table td p { margin: 0px; } #section-oferta.section-oferta #TabBody .tab .content .text table.table2 { margin-top: 20px; } #section-oferta.section-oferta #TabBody .tab .content .text table.table2 td { padding: 10px 20px 10px 10px; } #section-oferta.section-oferta #TabBody .tab .content .text table.table2 td p { margin: 5px 0px; } #section-oferta.section-oferta #TabBody .tab .content .text table.table2 td ul { margin-left: 30px; } /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /********** MEDIA **********/ /********** Kancelaria w mediach **********/ #section2.kanM { margin-bottom: 20px;} #section2.kanM .article_box { position: relative; margin-bottom: 14px; } #section2.kanM .article_box:nth-child(odd) { padding-left: 0px; } #section2.kanM .article_box:nth-child(even) { padding-right: 0px; } #section2.kanM .article_box .body { min-height: 180px; background: #f5f3f3; padding: 0; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); } #section2.kanM .article_box .body .left {float: left; width: 160px; height: 180px; padding:0; margin:0; } #section2.kanM .article_box .body .right {float: left; width: 70%; padding: 16px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.kanM .article_box .body .text-box { } #section2.kanM .article_box .body .text-box h3 { font-size: 18px; color: #404040; font-weight: 400; font-family: "Roboto"; margin: 0px; } #section2.kanM .article_box .body .text-box .text { font-size: 12px; color: #4b4b4b; margin-top: 10px; display: block; } #section2.kanM .article_box .body .image { margin: 0; height: 180px; width: 160px; overflow:hidden; position:relative; } #section2.kanM .article_box .body .image img{ height:100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.kanM .article_box .body .image:after{ content:""; display: block; position: absolute; top:0; bottom:0; left:0; right:-5px; background: transparent; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.kanM .article_box .body .data-tags { margin-top: 10px; } #section2.kanM .article_box .body .date-actual{ float: left; } #section2.kanM .article_box .body .video {display: block; float: left; color: white; padding-top: 1px; margin-left: 7px; background: #cecece; height: 20px; padding-left: 20px; padding-right: 20px; float: left} #section2.kanM .article_box .body:hover { background: rgba(256,256,256, 1); -webkit-box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); } #section2.kanM .article_box .body:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #section2.kanM .article_box .body:hover .image:after { background: rgba(38,172,216,0.45); right:-8px; } /*** SINGLE **/ #section1-2.media-single .video-player{ width: 840px; height: 520px; margin-bottom: 15px; margin-right: 15px; border-left: 6px solid #26acd8; } #section1-2.media-single .image{ float: left; margin: 5px 25px 5px 0; max-width: 50%; } #section1-2.media-single .image img {width: 100%; border-left: 6px solid #26acd8; } #section1-2.media-single .small p { font-size: 1em; line-height: 1.5;} /********** EKSPERCI **********/ #section2.kanM.ekspert .article_box .body{border-right: none; -webkit-box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); } #section2.kanM.ekspert .article_box .body:hover{border-right: none; -webkit-box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); } #section2.kanM.ekspert .article_box .body .left {width: 140px; } #section2.kanM.ekspert .article_box .body .right {width: 85%; padding-right: 16px;} #section2.kanM.ekspert .article_box .body .image{ margin: 0; height: 160px; width: 132px; overflow:hidden; position:relative; } #section2.kanM.ekspert .article_box .body .image:after{ right:0; display:none;} #section2.kanM.ekspert .article_box .body .image img{ -webkit-filter: grayscale(60%); -moz-filter: grayscale(60%); -ms-filter: grayscale(60%); -o-filter: grayscale(60%); filter: grayscale(60%); filter: gray; } #section2.kanM.ekspert .article_box .body:hover .image img{ transform: scale(1); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } #section2.kanM.ekspert .article_box .body .right .tel-email{ color: #1f8eb2; font-weight: 700; font-size: 1.1em; margin-top: 5px; } @media (min-width: 767px) { .expx {} .expx>div { width: 80%; padding-left:0px; padding-right: 0px; float: none; margin: 15px auto; } } /********** ACTUALN **********/ /********** TOP 4 ART **********/ #section2.actualN .main-aktualnosci { padding: 20px 20px 20px 10px; background: #e6e6e6; margin-bottom: 25px; } #section2.actualN .main-aktualnosci .top .pull-right{ font-weight: 500; margin-right: 15px; } #section2.actualN .main-aktualnosci .posts { width: 100%; position: relative; } #section2.actualN .main-aktualnosci .posts .main-actual{ height: 434px; margin-left: -15px; padding: 0; -webkit-background-size: cover!important; -moz-background-size: cover!important; -ms-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } #section2.actualN .main-aktualnosci .posts .main-actual .preview{ width: 300px; height: 100%; padding: 70px 30px; position: relative; background: rgba(256,256,256, 0.8); cursor: pointer; -webkit-box-shadow: inset 4px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset 4px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset 4px 0px 0px 0px rgba(38,172,216,1); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.actualN .main-aktualnosci .posts .main-actual .preview h4{ font-size: 1.9em; font-weight: 300; } #section2.actualN .main-aktualnosci .posts .main-actual .preview h4 span{ font-weight: 700; } #section2.actualN .main-aktualnosci .posts .main-actual .preview .text{ margin-top: 25px; } #section2.actualN .main-aktualnosci .posts .main-actual .preview:hover{ -webkit-box-shadow: inset 10px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset 10px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset 10px 0px 0px 0px rgba(38,172,216,1); background: rgba(256,256,256, 1); } #section2.actualN .main-aktualnosci .posts .actual{ width: 100%; min-height: 140px; padding: 18px 25px; margin-bottom: 7px; background: rgba(256,256,256, 0.6); border-left: 4px solid #26acd8; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.actualN .main-aktualnosci .posts .actual:hover{ border-left: 10px solid #26acd8; background: rgba(256,256,256, 1); padding-right: 19px; } #section2.actualN .main-aktualnosci .posts .actual h4{ font-size: 1.5em; font-weight: 300; } #section2.actualN .main-aktualnosci .posts .actual h4 span{ font-weight: 700; } #section2.actualN .main-aktualnosci .posts .actual .text{ margin-top: 5px; } /********** list **********/ #section2.actualN { margin-bottom: 20px;} #section2.actualN .article_box { position: relative; margin-bottom: 14px; } #section2.actualN .article_box{padding-left: 0; padding-right: 15px;} #section2.actualN .article_box .body { min-height: 160px; background: #f5f3f3; border-right: 4px solid #26acd8; padding: 0; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.actualN .article_box .body .left {float: left; width: 160px; height: 160px; padding:0; margin:0; } #section2.actualN .article_box .body .right {float: left; width: 460px; padding: 20px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.actualN .article_box .body .text-box { } #section2.actualN .article_box .body .text-box h3 { font-size: 18px; color: #404040; font-weight: 400; font-family: "Roboto"; margin: 0px; } #section2.actualN .article_box .body .text-box .text { font-size: 12px; color: #4b4b4b; margin-top: 10px; display: block; } #section2.actualN .article_box .body .image { margin: 0; height: 160px; width: 160px; overflow:hidden; position:relative; } #section2.actualN .article_box .body .image img{ height:100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.actualN.article_box .body .image:after{ content:""; display: block; position: absolute; top:0; bottom:0; left:0; right:-5px; background: transparent; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.actualN.article_box .body .data-tags { margin-top: 10px; } #section2.actualN .article_box .body .date-actual{ float: left;} #section2.actualN .article_box .body .video {display: block; float: left; color: white; padding-top: 1px; margin-left: 7px; background: #cecece; height: 20px; padding-left: 20px; padding-right: 20px; float: left} #section2.actualN .article_box .body:hover { border-right: 14px solid #26acd8; background: rgba(256,256,256, 1); } #section2.actualN .article_box .body:hover .right { width: 450px; padding-right: 10px; } #section2.actualN .article_box .body:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #section2.actualN .article_box .body:hover .image:after { background: rgba(38,172,216,0.45); right:-8px; } /*** SINGLE **/ #section1-2.media-single .video-player{ width: 840px; height: 520px; margin-bottom: 15px; margin-right: 15px; border-left: 6px solid #26acd8; } #section1-2.media-single .image{ float: left; margin: 5px 25px 5px 0; max-width: 50%; } #section1-2.media-single .image img {width: 100%; border-left: 6px solid #26acd8; } #section1-2.media-single .small p { font-size: 1em; line-height: 1.5;} #section1-2 p >a, #section2 p>a{ color: #337ab7;} /***** Mobile ****/ @media screen and (min-width: 768px) and (max-width: 991px){ #section2.actualN .main-aktualnosci .posts .main-actual {margin-bottom: 7px; margin-right: 0; margin-left: 0;} } @media screen and (max-width: 767px){ #section2.actualN .main-aktualnosci .posts .main-actual {height: 100%;} #section2.actualN .main-aktualnosci .posts .main-actual .preview{ width: 100%;} #section2.actualN .main-aktualnosci .posts .main-actual {margin-bottom: 7px; margin-right: 0; margin-left: 0;} } @media screen and (min-width: 992px) and (max-width: 1279px){ #section2.actualN .article_box .body { min-height: 235px; } #section2.actualN .article_box .body .left { width: 160px; min-height: 235px;} #section2.actualN .article_box .body .right { width: 285px; } #section2.actualN .article_box .body .image { height: 100%; } #section2.actualN .article_box .body:hover .right { width: 275px; padding-right: 10px; } } @media screen and (min-width: 768px) and (max-width: 991px){ #section2.actualN .article_box: { padding-right: 0px; padding-left: 0; } #section2.actualN .article_box .body .right { width: 510px; } #section2.actualN .article_box .body:hover .right { width: 500px; padding-right: 10px; } } @media (max-width: 767px) { #section2.actualN .article_box:{ padding-right: 0px; padding-left: 0; } #section2.actualN .article_box .body .left { width: 30%; overflow: hidden; } #section2.actualN .article_box .body .right { width: 70%; } } /********** Materiały dla mediów **********/ #section2.downloadFiles { margin-bottom: 20px;} #section2.downloadFiles .article_box { position: relative; margin-bottom: 14px; } #section2.downloadFiles .article_box:nth-child(odd) { padding-left: 0px; } #section2.downloadFiles .article_box:nth-child(even) { padding-right: 0px; } #section2.downloadFiles .article_box .body { min-height: 125px; overflow: hidden; background: #f5f3f3; padding-top: 26px; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; padding-right: 16px; -webkit-box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset -6px 0px 0px 0px rgba(38,172,216,1); } #section2.downloadFiles .article_box .body:hover { background: rgba(256,256,256, 1); -webkit-box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); -moz-box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); box-shadow: inset -14px 0px 0px 0px rgba(38,172,216,1); } #section2.downloadFiles .article_box .body h3 { font-size: 18px; color: #404040; font-weight: 400; font-family: "Roboto"; margin: 0px; margin-left: 27px; } #section2.downloadFiles .article_box .body .text { width: 87%; position: absolute; font-size: 12px; color: #4b4b4b; margin-left: 27px; margin-top: 10px; display: block; font-size: 1.1em;} #section2.downloadFiles .article_box .body .text img{ margin-right: 10px;} #section2.downloadFiles .article_box .body .text .up{ text-transform: uppercase; } #section2.downloadFiles .article_box.none { display: none; } /********** Search Page **********/ #section2.search { margin-bottom: 20px;} #section2.search .article_box { position: relative; margin-bottom: 14px; } #section2.search .article_box { padding-left: 0px; padding-right: 15px; } #section2.search .article_box .body { min-height: 120px; background: #f5f3f3; border-right: 4px solid #26acd8; padding-top: 26px; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #section2.search .article_box .body:hover {border-right: 16px solid #26acd8; background: rgba(256,256,256, 1); } #section2.search .article_box .body h3 { font-size: 18px; color: #404040; font-weight: 400; font-family: "Roboto"; margin: 0px; margin-left: 27px; } #section2.search .article_box .body .text { width: 87%; position: absolute; font-size: 12px; color: #4b4b4b; margin-left: 27px; margin-top: 10px; display: block; font-size: 1.1em;} #section2.search .article_box .body .text img{ margin-right: 10px;} #section2.search .article_box .body .text .up{ text-transform: uppercase; } #section2.search .article_box.none { display: none; } /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /********** KONTAKT **********/ #section1-2.kontakt{ position:relative; padding-bottom: 15px; background: url(../images/backgroundTab.png) right -120px no-repeat; } #section1-2.kontakt .small { width: 50%; padding-right: 15px; } #section1-2.kontakt .small p{ font-size: 1em; line-height: 1.5; } /*---------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------------------------------------------*/ /********** Mobile **********/ @media (max-width: 1300px){ #footer_s1 .spcr { clear: left; } #footer_s1 #social_find { position: initial; padding-bottom: 5px; } } @media (max-width: 1280px){ #article .article_cnt>div { padding-top: 0px; } #section2.downloadFiles .article_box .body{ padding-top: 10px;} #section2.downloadFiles .article_box .body h3{font-size: 16px;} } @media (min-width: 1280px){ .container { width: 1280px; padding-left: 0px; padding-right: 0px; } } @media (max-width: 768px) { #article .img_box { max-width: 100%; } #article .article_cnt { padding-bottom: 0px; } .img_col { padding-bottom: 20px; } #TabBody .tab{ margin-top: 0px; } #section2.downloadFiles .article_box .body{min-height: 120px;} #section2.downloadFiles .article_box .body h3{font-size: 15px;} } /****** Mobile Doświadczenie Kancelarii Articles i Praca ******/ @media (max-width: 1280px){ #section2.artList .article_box .body { min-height: 185px; } } @media (max-width: 990px) { #section2.artList .article_box { padding: 0px; } #section2.artList .article_box .body p { position: initial; padding-bottom: 10px; } #section2.artList .article_box .body img { position: relative; float: left; right: -25px; top: 0; margin: 10px 0;} #footer_s1 .spcr { clear: left; } #footer_s1 #social_find { position: initial; padding-bottom: 5px; } } @media (max-width: 500px) { #section2.artList .article_box .body { min-height: 225px; } #section2.downloadFiles .article_box .body{min-height: 150px; overflow: hidden; } } /********** MEDIA **********/ /********** Kancelaria w mediach **********/ @media screen and (min-width: 992px) and (max-width: 1279px){ #section2.kanM .article_box .body { min-height: 235px; } #section2.kanM .article_box .body .left { width: 160px; min-height: 235px; } #section2.kanM .article_box .body .right { width: 290px; padding: 10px; } #section2.kanM.ekspert .article_box .body { min-height: 160px; } #section2.kanM.ekspert .article_box .body .right { width: 600px; } #section2.kanM .article_box .body .image { height: 100%; } #section2.kanM.ekspert .article_box .body:hover .right { width: 600px; } } @media screen and (min-width: 768px) and (max-width: 991px){ #section2.kanM .article_box:nth-child(odd) { padding-right: 0px;} #section2.kanM .article_box:nth-child(even) { padding-left: 0px; } #section2.kanM .article_box .body .right { width: 510px; padding: 10px; } #section2.kanM.ekspert .article_box .body .right {width: 75%; } } @media (max-width: 767px) { #section2.kanM .article_box:nth-child(odd) { padding-right: 0px;} #section2.kanM .article_box:nth-child(even) { padding-left: 0px; } #section2.kanM .article_box .body .left { width: 30%; overflow: hidden; } #section2.kanM .article_box .body .right { width: 70%; } #section2.kanM.ekspert .article_box .body .left{ display: none; } #section2.kanM.ekspert .article_box .body .right{width: 100%;} } /*** SINGLE **/ @media screen and (min-width: 768px) and (max-width: 1279px){ #section1-2.media-single .video-player{ width: 640px; height: 480px; } } @media (max-width: 767px) { #section1-2.media-single .video-player{ width: 300px; height: 210px; } } /********** KONTAKT **********/ @media (max-width: 767px) { #section1-2.kontakt .small { width: 100%; padding-right: 35px; } }