/* by grm.com.pl */

@import url('https://fonts.googleapis.com/css?family=Muli:300,400,500|Catamaran:100,200,300,400,500,600,700,800,900');

@font-face {
    font-family: 'GothamNarrowUltra';
    src: url('../fonts/GothamNarrowUltra.eot');
    src: url('../fonts/GothamNarrowUltra.eot') format('embedded-opentype'),
         url('../fonts/GothamNarrowUltra.woff2') format('woff2'),
         url('../fonts/GothamNarrowUltra.woff') format('woff'),
         url('../fonts/GothamNarrowUltra.ttf') format('truetype'),
         url('../fonts/GothamNarrowUltra.svg#GothamNarrowUltra') format('svg');
}

@font-face {
    font-family: 'GothamNarrowUltraItalic';
    src: url('../fonts/GothamNarrowUltraItalic.eot');
    src: url('../fonts/GothamNarrowUltraItalic.eot') format('embedded-opentype'),
         url('../fonts/GothamNarrowUltraItalic.woff2') format('woff2'),
         url('../fonts/GothamNarrowUltraItalic.woff') format('woff'),
         url('../fonts/GothamNarrowUltraItalic.ttf') format('truetype'),
         url('../fonts/GothamNarrowUltraItalic.svg#GothamNarrowUltraItalic') format('svg');
}


/* specjal classes */

.clr {clear:both; overflow:hidden; height:0;}
.oH {overflow:hidden;}
.Bl {display:block;}
.fR {float:right;}
.fL {float:left;}
.bold {font-weight:bold;}
.italic {font-style: italic;}
.posAbs {position:absolute;}
.posFx {position:fixed;}

.w100proc {width:100%;}
.w960px {width:960px;}
.h700px {height:700px;}

.m0a {margin:0 auto;}
.m10 {margin:10px;}
.m20 {margin:20px;}

.p10 {padding:10px;}
.p20 {padding:20px;}


 /* ------- */
 

 html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x: hidden;}
 body { font-family: Muli,Helvetica,Arial,sans-serif; line-height: 1.75; }
 img{max-width: 100%; height: auto;}


 h1, h2, h3, h4, h5, h6 {
     font-family: Catamaran,Helvetica,Arial,sans-serif;
     font-weight: 500;
     line-height: 1.35;
 }

.section {position: relative; padding: 8.125rem 0;}
.section-top { padding-top: 8.125rem; }
.section-bottom{ padding-bottom: 8.125rem; }

strong {font-family: Catamaran,Helvetica,Arial,sans-serif; font-weight: 500;}

/* -- carousel -- */

.carousel-item  {}

.carousel-indicators li {background-color: #50647c;}

.fixCarouselMath { opacity:0 !important; display:block !important; }

.carousel-control-next-icon, .carousel-control-prev-icon {background:none; font-size: 26px; color: #50647c;}


/* -- przyciski -- */


a:focus, button:focus { outline: none; }

.btn { padding: 1rem 2.5rem !important; transition: all 0.2s ease-in-out; font-size:16px; }
.btn:focus { box-shadow: none !important; }
.btn-primary{ color:#fff; background-color:#223b5c; border-color:#1e3452; }
.btn-primary:hover { color: #fff; background-color: #0d162a; border-color: #09101d;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { background-color: #ca0034; border-color: #b80030;}

.btn-primary2{ color:#223b5d; background-color:#f1f1f1; border-color:#f2f2f2; }
.btn-primary2:hover { color: #0d172a; background-color: #ccd1dd; border-color: #ccd1dd;}
.btn-primary2:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { background-color:#f1f1f1; border-color:#f2f2f2;}

.btn-white{ background: #fff; color: #111; }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {   
    .btn {font-size:12px; padding: 0.7rem 1.5rem !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {     
    .btn {font-size:14px; padding: 0.9rem 2rem !important;}
}


/* -- base titles -- */



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {   
    .lg-title{ font-size: 26px; font-weight: 600; letter-spacing: 1px; line-height: 30px; color: #3d3d3d; }
    .small-title {font-size:14px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
     .lg-title{ font-size: 36px; font-weight: 300; letter-spacing: 1px; line-height: 50px; color: #3d3d3d; }
    .small-title {font-size:14px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .lg-title{ font-size: 40px; font-weight: 300; letter-spacing: 1px; line-height: 50px; color: #3d3d3d; }
    .small-title {font-size:16px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {   
    .lg-title{ font-size: 44px; font-weight: 200; letter-spacing: 1px; line-height: 60px; color: #3d3d3d; }
    .small-title {font-size:16px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .lg-title{ font-size: 52px; font-weight: 200; letter-spacing: 1px; line-height: 60px; color: #3d3d3d; }
    .small-title {font-size:18px;}
}



/* -- menu -- */

.navbar {padding: .5rem 1rem .5rem 2rem;}

.navbar-brand { margin-top:8px; }
.navbar-brand h2{ font-family: GothamNarrowUltraItalic !important; font-size:30px; color: #fff; }

.navbar-dark .navbar-nav .nav-link, .nav-link-xsrv { color: #eaf3ff; opacity:0.75 ;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

}
.navbar-dark a:hover, .navbar-dark .navbar-nav .nav-link.active {color:#fff !important; opacity:1 !important; }

.navbar-light .navbar-nav .nav-link ,.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{ color: #7c7c7c; }
.navbar-light, .navbar-dark { transition: background- .3s ease-out; -moz-transition: background .3s ease-out; -webkit-transition: background .3s ease-out; -o-transition: background .3s ease-out;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{color: #748dac !important;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{ color: #223b5c !important;}


.navbar-light a:hover {color: #3d3d3d !important;}
.navbar-light a.active:hover, .navbar-dark a.active:hover  { cursor:default;}

.navbar-dark { color: #fff;}
.navbar-dark .navbar-toggler {color:#fff; border:none;}
.navbar-light { background: #fff !important; -moz-box-shadow: 1px 1px 5px #e3e3e3; -webkit-box-shadow: 1px 1px 5px #e3e3e3; box-shadow: 1px 1px 5px #e3e3e3; }
.navbar-light.shadowFix {-moz-box-shadow: 1px 1px 5px #000 !important; -webkit-box-shadow: 1px 1px 5px #000 !important; box-shadow: 1px 1px 5px #000 !important;}
.navbar-light .navbar-brand h2{ color: #223b5c;}
.navbar-light .navbar-toggler {color:#000; border:none;}

a.nav-link-xsrv {
    display:block;
    padding: 0 .5em;
    text-decoration: none;
    margin-left: .5em;
    margin-top: .5em;
    border-radius: 3px;
}

a.nav-link-xsrv span{ display:none; }

.navbar-dark a.nav-link-xsrv {
    background:#fff;
    color:#000;
}
.navbar-dark a.nav-link-xsrv:hover{
    color:#000 !important;
}

.navbar-light a.nav-link-xsrv {
    background:#223b5c;
    color:#fff;
}

.navbar-light a.nav-link-xsrv:hover{
    color:#fff !important;
}

/* ----------- */



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {   
    .navbar-brand h2{ font-size:20px; }
    .navbar-dark { background:url(../img/bg.png) 0 0 #0d162a;}
    .nav-item-last {margin-bottom:10px;}
    .carousel-control {align-items:baseline; padding-top:100px;}
    a.nav-link-xsrv {margin-left: 0; margin-bottom:15px; float:left;}
     a.nav-link-xsrv span{ display:inline; }
    .carousel-indicators li {width:15px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {     
     .navbar-brand h2{ font-size:26px; }
     .navbar-dark { background:url(../img/bg.png) 0 0 #0d162a;}
     .nav-item-last {margin-bottom:10px;}
     a.nav-link-xsrv {margin-left: 0; margin-bottom:15px; float:left;}
     a.nav-link-xsrv span{ display:inline;  }
     .carousel-indicators li {width:20px;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-dark { background:url(../img/bg.png) 0 0 #0d162a;}
    .nav-item-last {margin-bottom:10px;}
    a.nav-link-xsrv {margin-left: 0; margin-bottom:15px; float:left;}
     a.nav-link-xsrv span{ display:inline; }
    .carousel-indicators li {width:25px;}
}

/* -- start banner -- */

.bg-grm, .bg-overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.bg-grm {/* background:url(../img/bg.png) 0 0; */}
.bg-overlay { background-image:url(../img/gBG2fix.png); background-repeat: no-repeat; background-position: bottom right; }
#bgAnim {position: absolute; width: 100%; top:0; height: 100%; background:url(../img/bg.png) 0 0 #0d162a;}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {   
    .grm-bann {padding: 10px 0px 10px 0; margin-top: calc( 10vh - 25px )}
    .grm-bann .g1 {font-size:14px;}
    .grm-bann .g2 {font-size:22px;}
    .grm-bann .g3 {font-size:14px;}
    .grm-bann .g4 a {font-size:12px; padding: 0.7rem 1.5rem !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .grm-bann {padding: 20px 0px 40px 0;}
    .grm-bann .g1 {font-size:14px;}
    .grm-bann .g2 {font-size:36px;}
    .grm-bann .g3 {font-size:14px;}
    .grm-bann .g4 a {font-size:14px; padding: 0.9rem 2rem !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .grm-bann {padding: 20px 0px 40px 0;}
    .grm-bann .g1 {font-size:14px;}
    .grm-bann .g2 {font-size:46px;}
    .grm-bann .g3 {font-size:16px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {   
    .grm-bann {padding: 40px 0px 60px 0;}
    .grm-bann .g1 {font-size:14px;}
    .grm-bann .g2 {font-size:46px;}
    .grm-bann .g3 {font-size:16px;}
    .bg-overlay {background-image:url(../img/gBG2.png); background-attachment: fixed; } 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .grm-bann{/* padding: 60px 0px 80px 0; */ }
    .grm-bann .g1 {font-size:16px;}
    .grm-bann .g2 {font-size:56px;}
    .grm-bann .g3 {font-size:18px;}
    .bg-overlay { background-image:url(../img/gBG2.png); background-attachment: fixed; }
}


/* -- mozliwosci -- */


.feature-block h4{ text-transform: none; }
.feature-icon-block{ font-size: 40px; width: 100px; height: 100px; background:#eee; color: #223b5c; text-align: center; margin: 0 auto;  border-radius: 6%; padding-top: 15px;  -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }
.feature-block:hover .feature-icon-block{ background:#223b5c; color: #fff;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  
    .feature-icon-block{ font-size: 30px; width:70px; height: 70px; padding-top: 10px;}
   .feature-block h4 {font-weight: 300;} 
   .feature-block p {font-size:14px;}
   #mozliwosci .m1, #mozliwosci .m2, #mozliwosci .m3 {margin-bottom:30px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
   .feature-block h4 {font-weight: 400;} 
   .feature-block p {font-size:14px;}
   #mozliwosci .m1, #mozliwosci .m2, #mozliwosci .m3 {margin-bottom:30px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
   .feature-block h4 {font-weight: 400;} 
   .feature-block p {font-size:16px;}
   #mozliwosci .m1, #mozliwosc .m2 {margin-bottom:30px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {   
   .feature-block h4 {font-weight: 400;} 
   .feature-block p {font-size:16px;}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
}


/* -- usługi -- */


.section#uslugi {padding: 8.125rem 0 6rem 0;}

.service-block {}
.service-block:hover .service-icon { background:#223b5c; color: #fff;}
.service-icon, .service-content { display:inline-block; }
.service-icon{font-size: 26px; text-align: center; color: #3d3d3d; background:#fff; height:50px; width:50px; padding-top:3px; margin-right:30px; border-radius: 6%;  -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.service-content{ width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); display: inline-block;}
.service-content h4 { line-height: 24px; font-weight: 700; text-transform: uppercase; }
.service-content h4 span{ font-weight: 400;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
      .service-icon{ margin-right:15px; }
      .service-content{ width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); width: calc(100% - 65px);}
      .service-content h4 { font-size:16px; font-weight: 600; }
      .service-content p { font-size:14px; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
      .service-content h4 { font-size:20px; font-weight: 600; }
      .service-content p { font-size:14px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .service-content h4 { font-size:20px; font-weight: 600; }
  .service-content p { font-size:16px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {   
  .service-content h4 { font-size:20px; font-weight: 600; }
  .service-content p { font-size:16px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
}


/*-- tanie strony -- */

.section#tanie-strony {padding: 8.125rem 0 6rem 0;}

#tanie-strony { background-image:url(../img/gBG.png); background-repeat: no-repeat;  background-position: bottom right; }
#tanie-strony .small-title {margin-bottom:20px;}

.pricing-block{text-align: center; padding: 30px 40px; border: 1px solid #ddd; }
.price{font-size: 80px; font-weight: 700;}
.price small{ font-size: 18px;}
.pricing-block ul{margin-bottom: 30px;}
.pricing-block li{ padding: 6px 0px; border-top: 1px solid#eee; }

.pb2 {margin-bottom:30px;}

.grm-block{position: relative;  text-align: center;  -webkit-box-shadow: 0px 0px 20px #eee;  box-shadow:  0px 0px 20px #eee;}
.grm-block img{  margin-bottom: 15px; }
.grm-content{ padding: 20px 0px 40px; }
.work-cat{ color: #3d3d3d; }
.overlay-content{position: absolute; content:""; margin-top: -15%; top: 50%; left: 40%; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition:all .3s ease-in-out ;}
.overlay-content a{ color:#223b5c; }
.overlay-content a:hover { color: #0d162a;}
.overlay-content i{ width: 60px; height: 60px; display: block; background: #fff; text-align: center; padding-top: 22px; border-radius: 6%; font-size: 18px;}
.grm-block:before{ position: absolute; content:""; width: 100%; height: 100%; background:rgba(0,0,0,0.5); opacity: 0;  visibility: hidden; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition:all .3s ease-in-out ;}
.grm-block:hover .overlay-content,.grm-block:hover:before{ opacity: 1; visibility: visible; }
.overlay-content a:focus, .overlay-content a:hover{ text-decoration: none; }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .pb2 {margin-top:30px;}
    .pricing-block h2 {font-size:24px;}
    .pricing-block h3 {font-size:50px;}
    .pricing-block li {font-size:14px;}
    .lg-title,.small-title {text-align: center;}
    .grm-content h4 {font-size:16px;}
    .work-cat {font-size:14px;}   
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .pricing-block h2 {font-size:22px;}
    .pricing-block h3 {font-size:40px;}
    .pricing-block li {font-size:12px;}
    .lg-title,.small-title {text-align: center;}
    .grm-content h4 {font-size:16px;}
    .work-cat {font-size:14px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .pricing-block h2 {font-size:24px;}
    .pricing-block h3 {font-size:60px;}
    .pricing-block li {font-size:15px;}
    .lg-title,.small-title {text-align: center;}
    .sm2 {margin-bottom:40px !important;}
    .grm-content h4 {font-size:20px;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {   
    .pricing-block h2 {font-size:28px;}
    .pricing-block h3 {font-size:70px;}
    .pricing-block li {font-size:14px;}
    .grm-content h4 {font-size:18px;}

    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .grm-content h4 {font-size:20px;}
}



/* -- technologie jutra -- */


.imgInfo {font-size: 1rem }


#technologie-jutra hr {margin:50px 0; border-style: dotted;}

.tech-img{}
.tech-content{ padding-left: 20px; height:auto;}
.tech-content h2 { font-size: 40px; line-height: 40px; font-weight: 200;}

.vAlign {display: flex; align-items: center; justify-content: center; flex-direction: row;}

a.thingiverse img {width:200px;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .tech-content {text-align: center;}
    .tech-content h2 {font-size:24px; font-weight: 600; line-height: 28px;}
    .tech-content p {font-size:14px; margin-top: 14px;}
    .tech-content { padding-left: 0px; padding-top:20px;} 
  /*  .tech-content p, .tech-content h2 {text-align:center;} */
  #technologie-jutra hr {margin:20px 0; border-style: dotted; border-color:#fff;}
  a.thingiverse img {width:140px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
     .tech-content {text-align: center;}
     .tech-content h2 {font-size:30px; font-weight: 600; line-height: 32px;}
    .tech-content p {font-size:14px;}
     .tech-content{ padding-left: 0px; padding-top:20px;} 
       #technologie-jutra hr {margin:25px 0; border-style: dotted; border-color:#fff;}
       a.thingiverse img {width:140px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .tech-content h2 {font-size:34px; font-weight: 600; line-height: 36px;}
    .tech-content p {font-size:16px;}
    .tech-content{ padding-left: 0px; padding-top:20px;} 
      #technologie-jutra hr {margin:30px 0; border-style: dotted; border-color:#fff;}
         
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .tech-content h2 {font-size:38px; font-weight: 600;}
    .tech-content p {font-size:16px;}
         a.thingiverse img {width:180px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .tech-content h2 {font-size:40px; font-weight: 700;}
    .tech-content p {font-size:18px;}
    
    .tech-content p.imgInfo {font-size: 16px; color:#3d3d3d;}
 
    
    
}



/* -- stopka -- */



#kontakt {padding-top: 120px;  background:url(../img/bg.png) 0 0 #0d162a;}

.footer-boss{ margin-bottom: 114px; }
.footer-boss a{ color:#ccc; }
.footer-boss a:hover{ color:#f1f1f1; text-decoration: none; }
.footer-boss span {color:#ccc;}
.footer-brand { font-family: 'GothamNarrowUltraItalic'; font-size:24px; line-height: 26px;}

.footer-info {font-size: 18px; margin-top:10px;}
.footer-info li {padding:0 20px 0 32px; border-left:1px dotted #6c757d;}
.footer-info li i {color:#ccc;}
.footer-info li a{ color:#fff; font-size:18px; font-weight: 300;}
.footer-info li a:hover{color:#ccc; text-decoration: none; }
.footer-info li:last-child {padding-right:0px;}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
.footer-boss { margin-bottom: 30px; text-align: center;}
.footer-info { margin-bottom: 114px; text-align: center;}
.footer-info li { border:none; padding:0; display: block; margin-right:0 !important;}
.footer-info li:first-child {margin-bottom:6px;}
.footer-info li:last-child {margin-top:8px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
.footer-boss { margin-bottom: 30px; text-align: center;}
.footer-info { margin-bottom: 114px; text-align: center;}
.footer-info li { border:none; padding:0; display: block; margin-right:0 !important;}
.footer-info li:first-child {margin-bottom:6px;}
.footer-info li:last-child {margin-top:8px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-boss { margin-bottom: 30px; text-align: center;}
.footer-info { margin-bottom: 114px; text-align: center}
.footer-info li:first-child { border:none; padding-left:0;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {   
   
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  
}