/*
Theme Name: Rachbit THEME
Theme URI: http://crizzstudio.pl
Author: Krzysztof Szymczak CrizzStudio
Author URI: http://crizzstudio.pl
Description: Responsyvny styl strony rachbit
Version: 1.0


CSS
*/
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
body{font-family:arial;}
.card .glyphicon{padding-top:40px;font-size: 50px;}

.card-container {

  cursor: pointer;

  width: 170px;
  perspective: 600;
  position: relative;
  height: 170px;
    margin-bottom:20px;

}
.card {

  width: 170px;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  height: 170px;
  margin-bottom:20px;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 170px;
  position: absolute;
  overflow: hidden;
  width: 170px;
}
.card .back {

    height: 170px;
  width: 170px;
  background: #181818;
  color: #fff;
  line-height: 150px;
  text-align: center;
  transform: rotateY(180deg);
}







.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #0000cc;
    color: #fff;
}

header{min-height:100px;}


.specyfikacja{width:160px;height:160px;background: url(img/icon/specyfikacja.png) no-repeat;background-size:contain;background-position:left;margin:30px auto;transition: all .2s ease-in-out;}
.projekt{width:160px;height:160px;background: url(img/icon/projekt.png) no-repeat;background-size:contain;background-position:left;margin:30px auto;transition: all .2s ease-in-out;}
.kodowanie{width:160px;height:160px;background: url(img/icon/kodowanie.png) no-repeat;background-size:contain;background-position:left;margin:30px auto;transition: all .2s ease-in-out;}
.gotowa_strona{width:250px;height:250px;background: url(img/icon/gotowa_strona.png) no-repeat;background-size:contain;background-position:left;margin:0 auto;transition: all .2s ease-in-out;}
.strzalka{width:100px;height:70px;background: url(img/icon/strzalka.png) no-repeat;background-position:left;background-size:contain;margin:30px auto;}

.specyfikacja:hover,
.projekt:hover,
.kodowanie:hover,
.gotowa_strona:hover
{animation-duration: 2s; animation-delay: 3s;transform: scale(1.2);}

.white, .white a {
  color: #fff;
}
.up{width:50px;height:50px;position:fixed;bottom:0;right:50px;background-color:#000;opacity: 0.6;filter: alpha(opacity=60);border:0;border-radius: 8px 8px 0 0;transition: all .2s ease-in-out;}
.up:hover{animation-duration: 4s; animation-delay: 3s;opacity: 0.7;transform: scale(1.3);}

#sprawdz_button_mobile{text-decoration:none;margin-top:13em;text-transform:uppercase;background: #0000cc;min-width:8em;max-width:10em;height:1.5em;padding:0.4em;text-align:center;color:#fff;transition: all .2s ease-in-out;}
#sprawdz_button{position:absolute;text-decoration:none;margin-top:12%;text-transform:uppercase;background: #0000cc;min-width:8em;max-width:10em;height:1.5em;padding:0.4em;text-align:center;color:#fff;transition: all .2s ease-in-out;}
#sprawdz_button:hover{text-decoration:none;animation-duration: 4s; animation-delay: 3s;transform: scale(1.3);}

#button{text-decoration:none;text-transform:uppercase;background: #0000cc;min-width:8em;max-width:10em;height:1.5em;padding:0.4em;text-align:center;color:#fff;transition: all .2s ease-in-out;}
#button a{color:#fff;}



#fb_padding{font-size:1.2em;font-weight:600;float:right;margin-top:4em;}
#fb{background: url(img/fb.png) no-repeat;background-position:center;background-size:100%;width:3em;height:3em;margin-left:5.5em;transition: all .2s ease-in-out;}
#fb:hover {animation-duration: 4s; animation-delay: 3s;opacity: 0.7;transform: scale(1.3);}
 
.mail_icon{background: url(img/mail_icon.png) no-repeat;background-position:center;background-size:contain;width:1em;height:0.7em;margin:0 auto;float:left;margin-right:0.5em;margin-top:0.2em;}
.phone_icon{background: url(img/phone_icon.png) no-repeat;background-position:center;background-size:contain;width:0.9em;height:1.1em;margin:0 auto;float:left;margin-right:0.5em;margin-top:0.45em;}
.phone{background: url(img/tel.png) no-repeat;background-position:center;background-size:contain;width:8em;height:2em;margin:0 auto;float:left;margin-right:0.5em;margin-top:0m;}

.2d-icon{background: url(img/2d.png) no-repeat;background-position:center;background-size:contain;width:8em;height:2em;margin:0 auto;float:left;margin-right:0.5em;margin-top:0m;}
.3d-icon{background: url(img/3d.png) no-repeat;background-position:center;background-size:contain;width:8em;height:2em;margin:0 auto;float:left;margin-right:0.5em;margin-top:0m;}
.wd-icon{background:#000 url(img/wd.png) no-repeat;background-position:center;background-size:contain;width:3m;height:3em;margin:0 auto;}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #0000cc;
	    text-decoration: none;
    border-bottom: 5px solid #0000cc;
	background-color:#fff;

}



a{color:#0000cc;}
a:hover{color:#0000cc;}

h4
{
font-size:1.4em;
}
h3
{
font-size:1.6em;
}


.btn
{
transition: all .2s ease-in-out;
font-size:1em;
}


.text-www,
.text-2d,
.text-3d
{
color:#0000cc; 
}



.btn-www,
.btn-2d,
.btn-3d ,
.btn-oferta,
.btn-more
  { 
  color: #fff; 
  background-color: #0000cc; 
  border-color: #0000cc; 
  width:200px;
  margin:20px auto;
  font-size:1em;
  
} 

.btn-www:hover,
.btn-2d:hover,
.btn-3d:hover,
.btn-oferta:hover,
.btn-more:hover
  { 
  color: #fff; 
  background-color: #0000cc; 
  border-color: #0000cc; 
} 



.navbar-brand {
    height:90px;
}

div.header-img-wrapper {
  background-color: #fff;
}

/* Przyklejona stopka
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */

}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  /*background-color: #f5f5f5;*/
}

/* Moje klasy pomocznicze
-------------------------------------------------- */
.no-corners {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.navbar-clear {
  background: #fff; 
  border: 0;
  margin-bottom: 0;
}

.mar-top-10 {
  margin-top: 10px;
}

.mar-top-20 {
  margin-top: 20px;
}

.mar-top-30 {
  margin-top: 30px;
}

.mar-bot-10 {
  margin-bottom: 10px;
}

.mar-bot-20 {
  margin-bottom: 20px;
}

.mar-bot-30 {
  margin-bottom: 30px;
}

/* Własny button Bootstrap
-------------------------------------------------- */
.btn-custom { 
  color: #ffffff; 
  background-color: #0000cc; 
  border-color: #0000cc; 
} 
 .btn-success
  { 
  color: #fff; 
  background-color: #0000cc; 
  border-color: #0000cc; 
} 

.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  color: #ffffff; 
  background-color: #b3123a; 
  border-color: #e50f45; 
} 
 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  background-image: none; 
} 
 
.btn-custom.disabled, 
.btn-custom[disabled], 
fieldset[disabled] .btn-custom, 
.btn-custom.disabled:hover, 
.btn-custom[disabled]:hover, 
fieldset[disabled] .btn-custom:hover, 
.btn-custom.disabled:focus, 
.btn-custom[disabled]:focus, 
fieldset[disabled] .btn-custom:focus, 
.btn-custom.disabled:active, 
.btn-custom[disabled]:active, 
fieldset[disabled] .btn-custom:active, 
.btn-custom.disabled.active, 
.btn-custom[disabled].active, 
fieldset[disabled] .btn-custom.active { 
  background-color: #e50f45; 
  border-color: #e50f45; 
} 
 
.btn-custom .badge { 
  color: #e50f45; 
  background-color: #ffffff; 
}

/* Własny Bootstrap panel
-------------------------------------------------- */

.panel-custom {
  border-color: #27b5fa !important;
}

.panel-custom > .panel-heading {
  background-color: #27b5fa; 
  border-color: #27b5fa;
  color: #ffffff !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}


/* 
Responsywny like-box Facebooka
-------------------------------------------------- */

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}


/* Media queries
-------------------------------------------------- */
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.page_new_title{font-size:18px;line-height:30px !important;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.page_new_title{font-size:16px;line-height:24px !important;}
}