/*-- Author: W3layouts Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --*/ h4, h5, h6, h1, h2, h3 {margin-top: 0; color: #58ddc0; font-family: 'Roboto Condensed'; } ul, ol {margin: 0;} p {margin: 0;} html, body{ font-family: 'Roboto Condensed'; font-size: 100%; background:#fff; } a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; text-decoration: none; color: #58ddc0; } a:hover { color: #231f20; text-decoration: none; } @font-face { font-family: 'Timmana-Regular'; src:url(../fonts/Timmana-Regular.ttf) format('truetype'); } @font-face { font-family: 'Rambla-Regular'; src:url(../fonts/Rambla-Regular.ttf) format('truetype'); } .leftTxt { text-align: left; } .rightTxt { text-align: right; } .centerTxt { text-align: center; } #toTop { width:167px; background:#23282c; text-align:left; padding:5px 5px 5px 10px; position:fixed; bottom:20px; right:20px; cursor:pointer; display:none; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #fff; font-size: 10pt; font-weight: normal; } #toTop img { padding-left: 10px; } /* SLIDER */ .jssorb21 { position: absolute; } .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { position: absolute; /* size of bullet elment */ width: 19px; height: 19px; text-align: center; line-height: 19px; color: white; font-size: 12px; background: url(/images/b21.png) no-repeat; overflow: hidden; cursor: pointer; } .jssorb21 div { background-position: -5px -5px; } .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; } .jssorb21 .av { background-position: -65px -5px; } .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; } .jssora21l, .jssora21r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url(/images/a21.png) center center no-repeat; overflow: hidden; } .jssora21l { background-position: -3px -33px; } .jssora21r { background-position: -63px -33px; } .jssora21l:hover { background-position: -123px -33px; } .jssora21r:hover { background-position: -183px -33px; } .jssora21l.jssora21ldn { background-position: -243px -33px; } .jssora21r.jssora21rdn { background-position: -303px -33px; } .slider_v01 { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1600px; height: 450px; overflow: hidden; } .slider_v02 { cursor: move; position: absolute; left: 0px; top: 0px; width: 1600px; height: 450px; overflow: hidden; } .slider_text1 { position: absolute; width: 580px; height: 70px; top: 290px; left: 500px; padding: 15px; text-align: center; line-height: 36px; font-size: 20px; color: #000; background: #bcbdc0; opacity:0.90; filter:alpha(opacity=70); } .slider_text2 { position: absolute; width: 580px; height: 105px; top: 265px; left: 500px; padding: 15px; text-align: center; line-height: 24px; font-size: 20px; color: #000; background: #bcbdc0; opacity:0.90; filter:alpha(opacity=70); } .slider_text3 { position: absolute; width: 580px; height: 130px; top: 240px; left: 500px; padding: 15px; text-align: center; line-height: 24px; font-size: 20px; color: #000; background: #bcbdc0; opacity:0.90; filter:alpha(opacity=70); } @media (max-width: 768px) { .slider_v01 { width: 1000px; } .slider_v02 { width: 1000px; } .slider_text1 { left: 230px; } .slider_text2 { left: 230px; } .slider_text3 { left: 230px; } } @media (max-width: 640px) { .slider_v01 { width: 700px; } .slider_v02 { width: 700px; } .slider_text1 { left: 75px; } .slider_text2 { left: 75px; } .slider_text3 { left: 75px; } } @media (max-width: 480px) { .slider_v01 { width: 700px; } .slider_v02 { width: 700px; } .slider_text1 { left: 63px; height: 100px; top: 280px; } .slider_text2 { left: 63px; height: 100px; top: 280px; } .slider_text3 { left: 63px; height: 130px; top: 250px; } } /* SLIDER END */ /*--header start here--*/ .header-top { background: #fcfcfc; height: 50px; padding: 0px; margin: 0px; /*padding: 1em 0em 1em 0em;*/ } .logo { float: left; position: absolute; margin: 0px 0px 0px 0px; z-index: 1030; } .logo img { margin: 0px; } @media (max-width: 768px) { .logo { float: left; position: absolute; margin: 0px 0px 0px 0px; z-index: 1030; } .logo img { margin: 0px; } } @media (max-width: 480px) { .logo { width: 195px; height: 168px; } } /* .logo h1 { font-size: 3em; margin: 0em; line-height:30px; font-family: 'Timmana', sans-serif; } .logo h1 a{ color: #2dcc70; text-decoration: none; display: block; } */ .header-icons { float: right; padding-top: 5px; } .header-icons ul{ list-style: none; padding:0px; margin: 0em 0em 0em 0em; } .header-icons ul li{ display: block; font-size: 11pt; text-align: right; } @media (min-width: 768px) { .header-icons { float: right; padding-top: 13px; } .header-icons ul li { display: inline-block; } } .header-icons ul li a span { background: url(../images/head-sprit.png)no-repeat; width: 30px; height: 30px; display: inline-block; margin: 0em 0em 0em 0em; } .header-icons ul li a span.fa { background-position: 0px 0px; } .header-icons ul li a span.tw { background-position: -32px 0px; } .header-icons ul li a span.g { background-position: -64px 0px; } .header-icons ul li a span.p { background-position: -96px 0px; } .header-icons ul li a span.kt { background-position: -128px 0px; } .header-icons ul li a span.fa:hover { background-position: 0px -30px; } .header-icons ul li a span.tw:hover { background-position: -32px -30px; } .header-icons ul li a span.g:hover { background-position: -64px -30px; } .header-icons ul li a span.p:hover { background-position: -96px -30px; } .header-icons ul li a span.kt:hover { background-position: -128px -30px; } nav.navbar.navbar-inverse.navbar-static-top { background: #bcbdc0; border: none; margin: 0em; padding: 0px; } ul.nav.navbar-nav { margin: 0em 0em 0em 0em; padding: 0px 0px; } @media (max-width: 1100px) { ul.nav.navbar-nav { margin: 0em 0em 0em 0em; padding: 0px 0px; text-align: right; } } ul.nav.navbar-nav li { float:none; display: inline-block; margin: 0em 0em 0em 0em padding: 0px; background: #ededed; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #58ddc0; } ul.nav.navbar-nav li a { color: #231f20; font-size: 1.2em; font-weight: 400; padding: 15px 12px; margin: 0px; } ul.nav.navbar-nav li a:hover{ background: #58ddc0; } .navbar-nav { float: none; text-align:center; } @media (max-width: 768px) { .navbar-nav { float: none; text-align:right; } ul.nav.navbar-nav li a { color: #231f20; font-size: 1.2em; font-weight: 400; padding: 5px 20px; } } @media (max-width: 480px) { .navbar-nav { float: none; text-align:right; background: none; } ul.nav.navbar-nav li a { color: #231f20; font-size: 1.2em; font-weight: 400; padding: 5px 20px; } } /*--header end here--*/ /*--banner start here--*/ .banner { background: url(../images/2.jpg)no-repeat center; max-height: 450px; background-size: cover; } .bann-pop { width: 40%; margin: 0 auto; padding: 16.6em 0em 0em 0em; position: relative; opacity:0.90; filter:alpha(opacity=90); } .bann-grid { border-bottom: 1px solid #ccc; padding: 1em 1em 1em 1em; } .bann-grid-total { background: #fff; } .bann-text { padding: 0px; } .bann-text h4 { font-size: 1.45em; font-weight: 600; color: #58ddc0; margin: 0em 0em 0.1em 0em; text-align: left; } .bann-text p { margin: 0em 0em 0.5em 0em; } .bann-para p { font-size: 0.95em; font-weight: 400; color: #676767; line-height: 1.6em; padding: 0em; text-align: center; } .bann-text p { font-size: 0.95em; font-weight: 400; color: #676767; line-height: 1.6em; } .bann-img img { border-radius: 67px; cursor: pointer; } span.plus { background: url(../images/plus.png)no-repeat; width: 40px; height: 40px; display: block; position: absolute; top: 44%; left: 94%; z-index: 1; } .bann-grid-left { padding: 0px 10px; } /*--banner end here--*/ /*--we do start here--*/ .wedo { padding: 3em 0em 3em 0em; } .we-do-top { text-align: center; padding: 0em 0em 3em 0em; } .we-do-grid { text-align: center; } .we-do-top h3 { font-size: 2.8em; margin: 0em 0em 0.1em 0em; } .we-do-top p { font-size: 1em; font-weight: 400; color: #838383; width: 60%; margin: 0em auto 0em; } .we-do-grid p { font-size: 1em; font-weight: 400; color: #838383; } /*--we do end here--*/ /*--who we do start here--*/ .who-we { background: url(/images/home-bann.jpg)no-repeat; background-color: #bcbdc0; min-height: 290px; padding: 3em 0em 3em 0em; } .who-we-main { text-align: center; } .who-we-main h3 { font-size: 2.8em; color: #fff; margin: 0em 0em 0.1em 0em; } .who-we-main p { font-size: 1em; font-weight: 400; color: #fff; width: 80%; margin: 0em auto 1.5em; } /*--who we do end here--*/ /* -- podmioty gospodarcze --*/ .pod-box { padding: 1em ; border: 1px solid #fafafa; background: #fff; height: 210px; text-align: center; margin: 0px; } .pod-box img { height: 47px; } .pod-box .title { height: 30px; font-size: 11pt; } .pod-box .button_pod { margin-top: 15px; } .pod-box .button_pod a { margin-top: 15px; border: 1px solid #333333; background: #333333; color: #fff; text-decoration: none; padding: 3px 15px; font-size: 9pt; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .pod-box .button_pod a:hover { border: 1px solid #58ddc0; background: #58ddc0; } /* -- podmioty gospodarcze koniec --*/ /*--recent start here--*/ .recent { padding: 2em 0em 3em 0em; margin: 0px auto; } .recent-main h3 { font-size: 2.6em; margin: 0em 0em 0.3em 0em; } .recent-main h4 { font-size: 1em; font-weight: 600; color: #000; margin: 0em 0em 0em 0em; } .recent-main p { font-size: 1em; font-weight: 400; color: #818181; line-height: 1.6em; width: 80%; margin: 0.5em 0em 0em 0em; } .recent-btn { margin: 2em 0em 0em 0em; } .recent-btn a { font-size: 1em; font-weight: 400; color: #fff; background: #58ddc0; padding: 0.5em 1em 0.5em 1em; text-decoration:none; } .recent-btn a:hover { background:#bcbdc0; text-decoration:none; } /*--recent end here--*/ /*--industery start here--*/ .industry { background: url(../images/home-bann.jpg)no-repeat; min-height: 330px; background-size: cover; } .industry-main { padding: 6em 0em 0em 0em; text-align: center; } .industry-main p { font-size: 1em; font-weight: 400; color: #fff; line-height: 1.6em; width: 65%; margin: 0 auto; } .industry-main h4 { font-size: 1.2em; font-weight: 400; color: #2DCC70; margin: 0.4em 0em 0.4em 0em; } .indus-btn { margin: 3em 0em 0em 0em; } .indus-btn a { font-size: 1em; font-weight: 400; color: #fff; padding: 0.6em 1.5em 0.6em 1.5em; border: 1px solid #fff; } .indus-btn a:hover { border:1px solid #58ddc0; background:#58ddc0; text-decoration:none } /*--industery end here--*/ /*--footer start here--*/ .footer { padding: 1em 0em 0.5em 0em; background: url(/images/home-bann.jpg)no-repeat; } .footer a { color: #231f20; } .footer-top { text-align: center; padding: 0em 0em 3em 0em; } .footer-top input[type="text"] { font-size: 1em; font-weight: 400; padding: 0.4em 0.4em; outline: none; background: none; color: #fff; margin: 0em 0em 1.5em 0em; border: 1px dashed #fff; } .footer-top input[type="submit"] { font-size: 1em; font-weight: 400; padding: 0.5em 0.4em; width: 10%; outline: none; background: #58ddc0; color: #FFF; border: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .footer-top input[type="submit"]:hover { background: #fff; color: #000; } /* -- form -- */ /*--formularz start here--*/ .formularz { padding: 15px 0em 0em 0em; background: #767676; margin-bottom: 1px; } .formularz a { color: #58ddc0; } .formularz-top { text-align: center; padding: 0em 0em 3em 0em; } .formularz-top input[type="text"] { font-size: 1em; font-weight: 400; padding: 0.4em 0.4em; outline: none; background: none; color: #fff; margin: 0em 0em 1.5em 0em; border: 1px dashed #fff; } .formularz-top input[type="submit"] { font-size: 1em; font-weight: 400; padding: 0.5em 0.4em; width: 10%; outline: none; background: #58ddc0; color: #FFF; border: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .formularz-top input[type="submit"]:hover { background: #fff; color: #000; } /* ikony social */ .footer-icons { } .footer-icons ul{ list-style: none; padding:0px; margin: 0em 0em 0em 0em; } .footer-icons ul li{ display: inline-block; font-size: 11pt; text-align: right; } @media (min-width: 768px) { .footer-icons { } .footer-icons ul li { display: inline-block; } } .footer-icons ul li a span { background: url(../images/head-sprit.png)no-repeat; width: 30px; height: 30px; display: inline-block; margin: 0em 0em 0em 0em; } .footer-icons ul li a span.fa { background-position: 0px 0px; } .footer-icons ul li a span.tw { background-position: -32px 0px; } .footer-icons ul li a span.g { background-position: -64px 0px; } .footer-icons ul li a span.p { background-position: -96px 0px; } .footer-icons ul li a span.kt { background-position: -128px 0px; } .footer-icons ul li a span.fa:hover { background-position: 0px -30px; } .footer-icons ul li a span.tw:hover { background-position: -32px -30px; } .footer-icons ul li a span.g:hover { background-position: -64px -30px; } .footer-icons ul li a span.p:hover { background-position: -96px -30px; } .footer-icons ul li a span.kt:hover { background-position: -128px -30px; } .copyright { padding: 0em 0em 0em 0em; text-align: center; } .copyright a { color: #231f20; } span.phone { float: left; margin: 0em 0.9em 0em 0em; } span.foot { display: block; } .footer-text p { font-size: 1em; font-weight: 400; color: #fff; line-height: 1.6em; } .footer-text p a{ color:#58ddc0; text-decoration:none; } .footer-text p a:hover{ color:#fff; text-decoration:none; } .copyright p { font-size: 1em; font-weight: 400; color: #231f20; line-height: 1.6em; } .copyright p b { color: #231f20; } .copyright p a{ color: #2DCC70; text-decoration:none; } .copyright p a:hover{ color: #fff; text-decoration:none; } /*--footer end here--*/ /*--about start here--*/ .about { padding: 3em 0em 0em 0em; } .about-head { padding: 0em 0em 3em 0em; text-align: center; } .about-head h3 { font-size: 2.8em; color: #58ddc0; margin: 0em 1em 0.5em 0em; font-family: 'Roboto Condensed', sans-serif; } .about-head p { font-size: 1em; font-weight: 400; color: #838383; text-align: left; margin: 0em auto 0em; } .about-head p img { text-align: center; } .about-grid h4 { font-size: 1.4em; margin: 0.5em 0em 0.1em 0em; font-family: 'Roboto Condensed', sans-serif; } .about-grid h4 a{ color: #58ddc0; text-decoration:none; } .about-grid p { font-size: 1em; font-weight: 400; color: #838383; line-height: 1.6em; } .ab-info-btn { margin: 1.5em 0em 0em 0em; } .ab-info-btn a { padding: 0.5em 1em 0.5em 1em; font-size: 1em; font-weight: 400; color: #fff; background:#2DCC70; } .ab-info-btn a:hover{ background: #34495E; text-decoration:none; } .advantages { background: #bcbdc0; background-size: cover; padding: 15px 0px; height: 350px; } .advantages-top h3 { font-size: 2.5em; color: #58ddc0; margin: -1.3em 0em 0em 0em; text-align:center; font-family: 'Roboto Condensed', sans-serif; background: #fff; padding: 5px 5px 20px 5px; } .advan-left { float: left; width: 32%; padding:15px; margin: 3px; } .advan-right { float: right; width: 32%; border: 1px solid #fff; padding:15px; margin: 3px; } .advantag-grid h3 { font-size: 20px; font-weight: 400; color: #fff; margin: 0em 0em 10px 0em; font-family: 'Roboto Condensed', sans-serif; } .advantag-grid h4 { font-size: 1.2em; color: #58ddc0; margin: 0em 0em 0em 0em; font-family: 'Roboto Condensed', sans-serif; } .advantag-grid p { font-size: 1em; font-weight: 400; color: #E4E4E4; line-height: 1.6em; } .advant-btn { margin:1.2em 0em 0em 0em; } .advant-btn a { padding: 0.5em 1.5em 0.5em 1.5em; font-size: 1em; font-weight: 400; color: #fff; background: #2DCC70; text-decoration: none; } .advant-btn a:hover { background: #000; text-decoration: none; } .team-mem { padding: 3em 0em 3em 0em; } .team-top h3 { font-size: 2.5em; color: #58ddc0; margin: 0em 0em 1em 0em; text-align:center; font-family: 'Roboto Condensed', sans-serif; } .team-top h3 a { color: #58ddc0; } .team-grid { text-align: center; margin: 10px; width: 30%; float: left; height: 100px; } .team-grid h4 { font-size: 14px; font-weight: 300; color: #838383; margin: 0.5em 0em 0em 0em; font-family: 'Roboto Condensed', sans-serif; } .team-grid h4 a { color: #838383; } .team-grid h4 a:hover { color: #58ddc0; text-decoration: none; } .team-grid p { font-size: 12px; font-weight: 400; color: #838383; line-height: 1.2em; } /*--about end here--*/ /*--services start here--*/ .service { padding: 3em 0em 3em 0em; } .service-top { padding: 0em 0em 2em 0em; text-align: center; } .services-bott1 { margin: 2em 0em 0em 0em; } .service-top h3 { font-size: 2.8em; color: #2DCC70; margin: 0em 0em 0.1em 0em; font-family: 'Timmana', sans-serif; } .service-top p { font-size: 1em; font-weight: 400; color: #838383; width: 60%; margin: 0em auto 0em; } .serv-img { padding: 0px; } .serv-text h4 { font-size: 1.4em; font-weight: 400; margin: 0em; font-family: 'Timmana', sans-serif; } .serv-text h4 a { color: #2DCC70; text-decoration:none; } .serv-text p { font-size: 1em; font-weight: 400; color: #838383; line-height: 1.7em; } .ser-btn { margin-top: 1.8em; } .ser-btn a { font-size: 0.95em; font-weight: 400; color: #fff; background: #34495E; padding: 0.4em 1em 0.4em 1em; text-decoration:none; } .ser-btn a:hover { background: #000; text-decoration:none; } .prapos { padding: 5em 0em 5em 0em; background: url(../images/home-bann.jpg)no-repeat; background-size: cover; } .prapos-left h4 { font-size: 1.7em; font-weight: 400; margin: 0em; color: #fff; line-height: 1.25em; font-family: 'Timmana', sans-serif; } .prapos-left p { font-size: 1em; font-weight: 400; color: #2DCC70; line-height: 1.7em; } .prapos-btn { margin: 3em 0em 0em 0em; } .prapos-btn a { font-size: 1em; font-weight: 400; color: #fff; padding: 0.6em 1.5em 0.6em 1.5em; border: 1px solid #fff; } .prapos-btn a:hover { border:1px solid #58ddc0; background:#58ddc0; text-decoration:none } .features { padding: 3em 0em 0em 0em; } .features-top { text-align: center; padding-bottom: 3em; } .features-top h3 { font-size: 2.5em; color: #58ddc0; margin: 0em; font-family: 'Roboto Condensed', sans-serif; } .features-top h4 { font-size: 1.23em; font-weight: 400; color:#000; margin: 0em; width: 67%; margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; } .featur-grid h4 { font-size: 1.23em; font-weight: 400; margin: 0px 0px 20px 0px; color:#34495E; font-family: 'Roboto Condensed', sans-serif; text-align: left; } .featur-grid ul { padding: 0em; list-style: none; text-align: left; } .featur-grid ul li { margin: 0.5em 0em 0em 0em; } .featur-grid ul li a { font-size: 1em; font-weight: 400; color: #7E7E7E; text-decoration: none; background: url(../images/li-arr.png)no-repeat; padding: 0px 0px 0px 22px; } .featur-grid ul li a:hover { color: #000; text-decoration:none; } .list-group-item { text-align: left; } /*--services end here--*/ /*--single--*/ .blog-to { padding: 0em 0 2em; } .blog-top { padding: 1em 0 0; } ul.men-grid li{ display:inline-block; } .top-blog p{ font-size:1em; color: #838383; line-height: 1.9em; } p.sed1{ font-size:1.1em; } .top-blog p a{ text-decoration:none; color:#34495E; } .top-blog a.fast{ text-decoration:none; font-size:1.1em; color:#34495E; } .top-blog a.fast:hover,.top-blog p a:hover,ul.popular li a:hover,a.more-dummy:hover{ color:#34495E; } i.glyphicon.glyphicon-ok-sign { margin: 0em 0.51em 0em 0em; } p.sed2 { margin: 0.5em 0 1em; } .single-inline { padding: 0 15px; } .single-middle h1,.single-bottom h2{ font-size: 2.5em; color: #2DCC70; text-align: center; margin: 0 0 0.7em; font-family: 'Timmana', sans-serif; } .single-bottom { padding: 0em 0 4em; } .single-bottom input[type="text"], .single-bottom textarea { width: 100%; padding: 1em; background: none; outline: none; border: 1px solid #A09F9F; font-size: 1em; color:#838383; -webkit-appearance: none; } .single-bottom input[type="submit"]{ width: 10%; font-size: 1.3em; background: #34495E; padding: 0.4em 0.8em; text-align: center; color: #fff; border: none; outline:none; -webkit-appearance: none; margin: 0 0.8em; } .single-bottom input[type="submit"]:hover{ background:#2DCC70; } .single-bottom textarea { resize:none; min-height:180px; margin: 1em 1em; width: 97.6%; } .media-body h4{ font-size: 1.3em; } .media-body h4 a{ color: #34495E; text-decoration:none; } .media-body p { margin: 0.7em 0 0em; font-size: 1em; color: #838383; line-height: 1.9em; } .media { margin: 0em 0 3em; } .single-bottom h3 { font-size: 2.5em; color: #2d2d2d; text-align: center; margin: 0.5em 0 1em; } .md-in{ padding:0; } .in-media{ padding:0 0 0 5em; } ul.grid-part li{ list-style:none; margin: 0em 0em 0.3em 0em; } ul.grid-part li a{ color:#838383; text-decoration: none; padding: 0em 0em 0em 1.3em; display: block; font-size: 1em; background: url(../images/li-arr.png)no-repeat; } ul.grid-part li a:hover{ color:#1b3e5c; } ul.grid-part { margin: 0.5em 0 2em; } .single { padding: 4em 15px 0; } /*--//single--*/ /*--gallery start here--*/ .gallery { padding: 3em 0em 3em 0em; text-align: center; background: url(/images/home-bann.jpg)no-repeat; background-color: #bcbdc0; color: #fff; } .gallery-top { padding: 0em 0em 0em 0em; } .gallery-1 { margin: 0em 0em 0.5em 0em; } .gallery-top h3 { font-size: 2.5em; color: #fff; margin: -0.3em 0em 0.5em 0em; font-family: 'Roboto Condensed', sans-serif; } .gallery-top p { font-size: 1em; font-weight: 400; color: #838383; width: 60%; margin: 0em auto ; } .img-margin { margin: 10px; } /*--gallery end here--*/ /*--page start here--*/ .pages { padding: 3em 0em 3em 0em; } .bread-crumbs { padding: 0em 0em 0em 0em; } .breadcrumb { padding: 4px 0px; background-color: #fff; border-radius: 0px; font-size: 11pt; text-align: right; } .breadcrumb img { vertical-align: middle; } @media (max-width: 768px) { .breadcrumb { padding: 4px 0px; background-color: #fff; border-radius: 0px; font-size: 10pt; text-align: right; } } @media (max-width: 480px) { .breadcrumb { padding: 4px 0px; background-color: #fff; border-radius: 0px; font-size: 9pt; text-align: right; } } .breadcrumb a { color: #58ddc0; } .alerts { padding: 2em 0em 2em 0em; } .appearance { padding: 2em 0em 0em 0em; } .progress-bars { margin: 2em 0em 0em 0em; } ul.nav.nav-pills { margin: 1em 0em 0em 0em; } /*--page end here--*/ /*--event start here--*/ .event { padding: 5em 0em 5em 0em; } .event-top h4 { font-weight: 700; font-size: 2.2em; color: #34495E; background: #fff; padding: 8px 50px; position: absolute; top: 21.5%; left: 34%; } .event-top h3 { font-weight: 700; font-size: 13em; color: #2DCC70; } .event-top h5 { font-weight: 600; font-size: 2.55em; color:#34495E; margin: 16px 0px 0px 0px; } .event-top p { font-weight: 600; font-size: 17px; color: #7E7E7E; } .e-btn{ margin-top:3em; } .e-btn a{ background: #34495E; padding: 12px 45px; font-size: 17px; color: #fff; font-weight: 600; } .e-btn a:hover{ background: #2DCC70; text-decoration:none; } .event-top { text-align: center; position: relative; } /*--event end here--*/ /*--contact start here--*/ .contact { padding: 3em 0em 3em 0em; } .map iframe { width: 100%; height: 350px; margin: 0px; padding: 0px; } .contact-top { text-align: center; padding: 0em 0em 3em 0em; } .contact-top h3 { font-size: 2.8em; color: #58ddc0; margin: 0em 0em 0.5em 0em; font-family: 'Roboto Condensed', sans-serif; } .contact-top p { font-size: 1em; font-weight: 400; color: #838383; width: 100%; margin: 0em auto; text-align: center; } .contact-right input[type="text"] { font-size: 1em; font-weight: 400; color: #737373; padding: 0.4em 0.5em; width: 80%; margin: 0em 0em 1em 0em; outline: none; } .contact-right textarea { font-size: 1em; font-weight: 400; color: #737373; width: 79%; height: 10em; resize: none; outline: none; margin: 0em 0em 0.5em 0em; padding: 0.4em 0.5em 0.5em 0.5em; border: 1px solid #d3d3d3; border-radius: 4px; } .contact-right input[type="submit"] { font-size: 1em; font-weight: 400; color: #fff; padding: 0.51em 2em 0.51em 2em; border: none; background: #58ddc0; outline: none; margin: 0em 0em 0em 0em; } .contact-right input[type="submit"]:hover { background: #bcbdc0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .contact-left h3 { font-size: 2em; color: #58ddc0; margin: 0em 0em 0.1em 0em; font-family: 'Roboto Condensed', sans-serif; text-align: left; } .contact-left h4 { font-size: 1.3em; color: #58ddc0; margin: 0em 0em 0.1em 0em; font-family: 'Roboto Condensed', sans-serif; text-align: left; } .contact-left p { font-size: 1em; font-weight: 400; color: #838383; line-height: 1.8em; text-align: left; } .contact-right h3 { font-size: 2em; color: #58ddc0; margin: 0em 0em 0.1em 0em; font-family: 'Roboto Condensed', sans-serif; } .map { padding: 0em 0em 3em 0em; } /*--contact end here--*/ /*--meadia quiries start here--*/ @media(max-width:1440px){ .bann-pop { padding: 27em 0em 0em 0em; } .banner { min-height: 600px; } } @media(max-width:1366px){ } @media(max-width:1280px){ .banner { min-height: 350px; } .bann-pop { padding: 24.1em 0em 0em 0em; } .banner { min-height: 554px; } } @media(max-width:1024px){ ul.nav.navbar-nav li a { /*padding: 1.5em 1.5em;*/ } span.plus { top: 43%; } .event-top h4 { top: 21.5%; left: 30%; } } @media(max-width:768px){ ul.nav.navbar-nav li a { padding: 0.8em 1.4em; font-size: 1em; } .bann-grid-left { float: left; width: 50%; } .bann-text { float: left; width: 65%; } .bann-img { float: right; width: 25%; } .bann-pop { width: 60%; } .wedo { padding: 3em 0em 3em 0em; } .we-do-top h3 { margin: 0em 0em 0em 0em; } .we-do-top p { font-size: 0.96em; width: 95%; } .we-do-grid { float: left; width: 50%; margin: 0em 0em 1em 0em; } .who-we-main p { font-size: 0.96em; width: 95%; } .who-we-main h3 { font-family: 'Roboto Condensed', sans-serif; } .industry-main p { width: 95%; } .industry { min-height: 280px; } .industry-main { padding: 4em 0em 0em 0em; } .footer-grid { float: left; width: 33%; } .footer-top input[type="submit"] { width: 12%; } .about-grid { float: left; width: 50%; margin: 0em 0em 2.5em 0em; } .about { padding: 2em 0em 1em 0em; } .about-head p { width: 100%; } .advan-left { width: 48%; } .advan-right { width: 48%; } .advantag-grid h3 { font-size: 2.1em; } .advantag-grid p { font-size: 0.95em; } .advantages { padding: 3em 0em 3em 0em; height: 350px; } .team-mem { padding: 2em 0em 1em 0em; } .team-grid { float: left; width: 50%; margin: 0em 0em 1.5em 0em; } .team-top h3 { margin: 0em 0em 0.4em 0em; } .services-grid { margin: 0em 0em 1.5em 0em; } .serv-img { float: left; width: 35%; } .serv-text { float: right; width: 65%; } .services-bott1 { margin: 1em 0em 0em 0em; } .prapos-right { float: right; width: 25%; } .prapos-left { float: left; width: 75%; } .prapos-left h4 { font-size: 1.5em; } .prapos { padding: 3em 0em 3em 0em; } .features { padding: 2em 0em 1em 0em; } .features-top h4 { font-size: 1.2em; width: 95%; } .featur-grid { float: left; width: 50%; margin: 0em 0em 1.5em 0em; } .features-top { padding-bottom: 2em; } .gallery-top p { width: 80%; } .gallery-left { float: left; width: 33%; padding: 0px 10px 0px 0px; } .gallery-1 { margin: 0em 0em 1em 0em; } .gallery-top { padding: 0em 0em 0em 0em; } .gallery { padding: 2em 0em 2em 0em; } .label { font-size: 72%; } .event-top h4 { left: 25%; } .event-top h5 { font-size: 2em; } .contact { padding: 2em 0em 2em 0em; } .contact-left { margin: 0em 0em 2em 0em; } .map { padding: 0em 0em 2em 0em; } .recent { padding: 2em 0em 3em 0em; } .bann-pop { padding: 21em 0em 0em 0em; } .banner { min-height: 505px; } /*--single--*/ .md-in { float: left; width: 50%; } .comment { padding: 1em 0 0; } .single-bottom textarea { margin: 1em 0em; width: 100%; } .single-bottom input[type="submit"] { margin: 0; } } @media(max-width:760px){ ul.nav.navbar-nav li { display: block; } @media(max-width:736px){ .bann-para p { font-size: 0.9em; } .banner { min-height: 457px; } .bann-pop { padding: 21.4em 0em 0em 0em; } } @media(max-width:667px){ .bann-pop { width: 60%; padding: 22.8em 0em 0em 0em; } .banner { min-height: 503px; } } @media(max-width:480px){ .bann-pop { width: 85%; padding: 22.8em 0em 0em 0em; } .banner { min-height: 103px; } } @media(max-width:640px){ ul.nav.navbar-nav li a { padding: 1em 1.4em; } .bann-pop { width: 90%; } .banner { min-height: 155px; } .bann-pop { padding: 1.6em 0em 0em 0em; } .bann-grid { padding: 1em 1em 0.5em 1em; } .bann-text p { font-size: 0.8em; } .bann-para p { font-size: 0.5em; padding: 0.5em; text-align: left; } .bann-img { width: 35%; } .wedo { padding: 2em 0em 2em 0em; } .we-do-top { padding: 0em 0em 2em 0em; } .who-we { padding: 2em 0em 2em 0em; } .recent { padding: 2em 0em 1em 0em; } .industry-main { padding: 3em 0em 0em 0em; } .footer-top input[type="submit"] { width: 15%; } .about-grid h4 { font-size: 1.2em; } .advantag-grid h3 { font-size: 1.6em; } .advantag-grid h4 { font-size: 1em; } .advantag-grid p { font-size: 0.85em; } .label { font-size: 60%; } .event-top h4 { left: 20%; } /*--single--*/ .single-bottom input[type="submit"] { width: 14%; } .single-middle h1,.single-bottom h2{ font-size: 2.5em; } } @media(max-width:600px){ .bann-text h4 { font-size: 1.3em; } } @media(max-width:568px){ .bann-pop { width: 98%; } } @media(max-width:480px){ .logo img { width: 65%; margin: 0px; } .logo { margin: 0em 0em 0em 0em; } .header-top { padding: 0em 0em 0em 0em; } .bann-pop { padding: 2.6em 0em 0em 0em; float: right; width: 70%; } .bann-text h4 { font-size: 1.1em; } span.plus { top: 37%; } .we-do-top h3 { font-size: 1.8em; } .we-do-top p { font-size: 0.9em; width: 100%; } .we-do-grid p { font-size: 0.9em; } .who-we-main h3 { font-size: 1.8em; } .who-we-main p { font-size: 0.85em; width: 100%; margin: 0em auto 1em; } .recent-main h3 { font-size: 1.5em; margin: 0em 0em 0em 0em; } .recent-main h4 { font-size: 1em; } .recent-main p { font-size: 0.9em; line-height: 1.5em; width: 95%; } .recent-btn { margin: 1em 0em 0em 0em; } .recent-btn a { font-size: 0.9em; padding: 0.5em 0.8em 0.5em 0.8em; } .recent { padding: 1em 0em 1em 0em; } .industry-main p { font-size: 0.9em; line-height: 1.6em; width: 100%; } .industry-main h4 { font-size: 1em; } .indus-btn { margin: 2em 0em 0em 0em; } .industry { min-height: 230px; } .industry-main { padding: 2em 0em 0em 0em; } .indus-btn a { font-size: 0.9em; padding: 0.5em 1em 0.5em 1em; } .footer-top input[type="submit"] { width: 22%; font-size: 0.9em; } .formularz-top input[type="submit"] { width: 22%; font-size: 0.9em; } .footer-top input[type="text"] { font-size: 0.9em; width: 50%; } .footer { padding: 1.5em 0em 1.5em 0em; } .footer-grid { float: none; width: 100%; margin: 0em 0em 1.5em 0em; } .footer-top { padding: 0em 0em 0em 0em; } .copyright { padding: 0em 0em 0em 0em; } .copyright p { font-size: 0.9em; } ul.nav.navbar-nav li a { padding: 0.5em 1.4em; } .about-head h3 { font-size: 1.8em; margin: 0em 0em 0em 0em; } .about-head p { font-size: 0.9em; width: 100%; } .about-head { padding: 0em 0em 1.5em 0em; } .about-grid p { font-size: 0.85em; line-height: 1.5em; } .ab-info-btn a { padding: 0.4em 0.7em 0.4em 0.7em; font-size: 0.8em; } .advan-right { width: 100%; float: none; padding: 1.5em; } .advan-left { width: 100%; float: none; padding: 1.5em; margin: 0em 0em 1em 0em; } .advantages { padding: 2em 0em 2em 0em; height: 205px; } .team-top h3 { margin: 0em 0em 0em 0em; font-size: 1.8em; } .team-grid p { font-size: 0.9em; } .team-grid h4 { font-size: 14px; margin: 0.3em 0em 0em 0em; } .about-grid { padding: 0px 10px 0px 0px; } .team-grid { padding: 0px 10px 0px 0px; } .service { padding: 2em 0em 2em 0em; } .service-top h3 { font-size: 1.8em; } .service-top p { font-size: 0.9em; width: 100%; } .service-top { padding: 0em 0em 1em 0em; } .serv-text h4 { font-size: 1.2em; } .serv-text p { font-size: 0.83em; line-height: 1.4em; } .ser-btn { margin-top: 0.8em; } .ser-btn a { font-size: 0.8em; } .prapos-left h4 { font-size: 1.1em; } .prapos-right { padding: 0px; } .prapos-btn a { font-size: 0.9em; padding: 0.5em 0.8em 0.5em 0.8em; } .prapos { padding: 2em 0em 2em 0em; } .features-top h3 { font-size: 1.8em; } .features-top h4 { font-size: 1.05em; width: 100%; } .featur-grid h4 { font-size: 1em; } .featur-grid { padding: 0px 10px 0px 0px; } .featur-grid ul li a { font-size: 0.95em; padding: 0px 0px 0px 18px; } .gallery-top h3 { font-size: 1.8em; } .gallery-top p { width: 100%; font-size: 0.9em; } .gallery { padding: 1.5em 0em 1em 0em; } .page-header { margin: 1px 0 20px; } .event-top h4 { font-size: 1.5em; } .event-top h3 { font-size: 9em; } .event-top h4 { left: 19%; top: 17.5%; } .event-top h5 { font-size: 1.5em; margin: 0px 0px 0px 0px; } .e-btn a { padding: 9px 15px; font-size: 14px; } .e-btn { margin-top: 1.8em; } .event { padding: 1em 0em 3em 0em; } .contact-top h3 { font-size: 1.8em; } .contact-top p { font-size: 0.9em; width: 100%; } .contact-top { padding: 0em 0em 2em 0em; } .contact-left h3 { font-size: 1.5em; } .contact-left h4 { font-size: 1.2em; } .contact-left p { font-size: 0.9em; line-height: 1.5em; } .contact-right h3 { font-size: 1.5em; } .contact-right input[type="text"] { font-size: 0.9em; padding: 0.3em 0.5em; } .contact-right textarea { font-size: 0.9em; height: 8em; } .map iframe { height: 180px; } .bann-grid-left { float: none; width: 98%; } span.plus { display: none; } .logo h1 { font-size: 2.5em; } /*--single--*/ .single { padding: 2em 15px 0; } .top-blog a.fast { font-size: 1em; } .md-in { width: 100%; } ul.grid-part { margin: 0.5em 0 0em; } .single-middle h1,.single-bottom h2{ font-size: 2em; } } @media(max-width:384px){ .bann-para p { font-size: 0.75em; } } @media(max-width:320px){ .bann-grid { padding: 0.6em 0.6em 0.5em 0.6em; } .bann-pop { padding: 1em 0em 0em 0em; width: 75%; } .bann-text h4 { font-size: 1em; margin: 0em 0em 0em 0em; text-align: left; } .bann-text p { font-size: 0.75em; margin: 0em 0em 0em 0em; } .bann-para p { font-size: 0.7em; } .banner { min-height: 213px; } .wedo { padding: 1em 0em 0.5em 0em; } .we-do-top h3 { font-size: 1.5em; } .we-do-top p { font-size: 0.8em; } .we-do-grid { float: none; width: 100%; padding: 0px; } .who-we-main h3 { font-size: 1.5em; } .who-we-main p { font-size: 0.8em; } .who-we { padding: 1.5em 0em 1em 0em; } .recent-main h3 { font-size: 1.15em; } .recent-main h4 { font-size: 0.8em; } .recent-main p { font-size: 0.75em; line-height: 1.4em; width: 100%; } .recent-btn a { font-size: 0.75em; } .recent-btn { margin: 0.5em 0em 0em 0em; } .flex-viewport { max-height: 180px; } .industry-main p { font-size: 0.78em; } .industry-main h4 { font-size: 0.8em; } .indus-btn { margin: 1.3em 0em 0em 0em; } .industry { min-height: 200px; } .indus-btn { margin: 1.3em 0em 0em 0em; } .footer-top input[type="submit"] { width: 25%; } .footer-top input[type="text"] { width: 70%; } .about-grid { float: none; width: 100%; padding: 0px 0px 0px 0px; margin: 0em 0em 1.5em 0em; } .ab-info-btn { margin: 0.8em 0em 0em 0em; } .advantag-grid h3 { font-size: 1.5em; } .advan-left { padding: 1em; } .advant-btn a { padding: 0.4em 1em 0.4em 1em; font-size: 0.9em; } .advantages { padding: 1.5em 0em 1.5em 0em; } .team-mem { padding: 1.5em 0em 0em 0em; } .team-grid { float: none; width: 100%; } .service { padding: 1.3em 0em 0.8em 0em; } .serv-img { float: none; width: 100%; } .serv-text { float: none; width: 100%; padding: 1em 0em 0em 0em; } .prapos-left { float: none; width: 100%; padding: 0px; } .prapos-right { float: none; width: 100%; } .prapos-btn { margin: 1em 0em 0em 0em; } .prapos { padding: 1.7em 0em 1.7em 0em; } .features { padding: 1.5em 0em 0.5em 0em; } .featur-grid { float: none; width: 100%; padding: 0px; } .gallery-left { float: none; width: 100%; padding: 0px 0px 15px 0px; } .gallery-1 { margin: 0em 0em 0em 0em; } .pages { padding: 1.5em 0em 2em 0em; } .bread-crumbs { padding: 1em 0em 1em 0em; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 12px; font-size: 14px; } .event-top h3 { font-size: 5em; } .event-top h4 { left: 19%; top: 12.5%; } .event-top p { font-weight: 600; font-size: 14px; } .contact-top h3 { font-size: 1.5em; } .contact { padding: 1.5em 0em 1.5em 0em; } .contact-left p { font-size: 0.8em; } .contact-left { margin: 0em 0em 1em 0em; } .services-grid { padding: 0px; } .event-top h4 { font-size: 1em; } .event-top h5 { font-size: 1em; } .contact-left { padding: 0px; } .contact-right { padding: 0px; } .contact-right input[type="submit"] { font-size: 0.9em; padding: 0.4em 1.5em 0.4em 1.5em; } .map { padding: 0em 0em 1em 0em; } .map iframe { height: 130px; } .logo h1 { font-size: 1.8em; } .header-icons ul li a span { width: 21px; height: 20px; display: inline-block; margin: 0em 0.1em 0em 0em; background-size: 408%; } .header-icons ul li a span.tw { background-position: -22px 0px; } .header-icons ul li a span.g { background-position: -44px 0px; } .header-icons ul li a span.p { background-position: -65px 0px; } .header-icons ul li a span.fa:hover { background-position: 0px -20px; } .header-icons ul li a span.tw:hover { background-position: -22px -20px; } .header-icons ul li a span.g:hover { background-position: -44px -20px; } .header-icons ul li a span.p:hover { background-position: -65px -20px; } /*--single--*/ .single { padding: 1.5em 0px 0; } .top-blog p,.media-body p { font-size: 0.9em; line-height: 1.7em; } ul.grid-part li a { font-size: 1em; } .in-media { padding: 0 0 0 0em; } .media { margin: 0em 0 1em; } .single-bottom input[type="text"], .single-bottom textarea { padding: 0.7em; } .single-bottom textarea { min-height: 100px; } .single-bottom input[type="submit"] { width: 25%; } .single-bottom { padding: 0em 0 1.5em; } .single-middle h1, .single-bottom h2 { font-size: 1.5em; margin: 0 0 0.4em; } .content-middle { padding: 1.5em 0 0; } .bann-grid-left { width: 100%; padding: 0px; } .header-icons ul { margin: 0.5em 0em 0em 0em; } .e-btn a { padding: 6px 11px; font-size: 12px; } }