/*
Theme Name: ATS SA
Author: OHSC
Author URI: https://ohsc.pl
Description: ATS SA
Version: 1.0
*/
/* ATS Styles */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html,
body {
    height: 100%;
    font-family: 'Lato', sans-serif;
    background-color: #fff;
}
header{background-color:#fff}
body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}


/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
a {color: #e4007d;}
a:hover{color: #e4007d;text-decoration: none;}

#wgrey3 a {color: #fff;}
#wgrey3 a:hover{color: #e4007d;text-decoration: none;}

#wgrey4 a {color: #fff;}
#wgrey4 a:hover{color: #e4007d;text-decoration: none;}

.textwidget {margin: 0 !important; padding: 0 !important;}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}
.panel {
  background-color: #fff;
  border: 0 solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.panel-default > .panel-heading {
  background-color: #fff;
  color: #333;
}
.panel-heading {
  border-bottom: 0px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 5px 5px;
}
/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 0px 0;
}

.img-responsive {
    max-width: 100%; 
    height: auto; 
    display: block; 
    margin: 0 auto;
} 
.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 50px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.carousel-indicators {
    position: absolute;
    bottom: 5px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
#p18r {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 30px;
}
#p28r {
    font-size: 28px;
    font-weight: 700;
    color: #6C1E14;
}
#p28w {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-left: 5%;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border: 0px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    width: 100%;
}
.well-black {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 0px;
    background-color: #000;
    border-radius: 0px;
    width: 100%;
    color: #fff;
}
.well-page {
    min-height: 100px;
    padding: 19px;
    margin-bottom: 0px;
    background-color: #e4007d;
    width: 100%;
    color: #fff;
    background-image: url("/img/up.png"); 
}
.well-grey {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0px;
    background-color: #252324;
    border-top: 10px solid #252324;
    width: 100%;
    color: #fff;
}

#wgrey3 {
    background: url(/img/backfoot.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 60%;    
}
.btn-default {
    color: #fff;
    background-color: #e4007d;
    border-color: #e4007d;
}
.fb-like {
    margin-left: 41.5%;
}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}
div.header-img-wrapper {
  background-color: #49155D;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 200px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  /*background-color: #f5f5f5;*/
}

/* My helper styles
-------------------------------------------------- */
.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;
}

/* Custom bootstrap button
-------------------------------------------------- */
.btn-custom { 
  color: #ffffff; 
  background-color: #ed1e40; 
  border-color: #ed1e40; 
} 
 
.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; 
}

/* Custom 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;
}


/* 
Make the Facebook Like box responsive (fluid width)
-------------------------------------------------- */

#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) {

}

/* Landscape phones and smaller */
@media (max-width: 480px) {

}
/* EXAMPLE 3

line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */

.example3 .navbar-brand {
  height: 80px;
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #e4007d;
}
.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.nav > li {
    position: relative;
    display: block;
    font-weight: 400;
}
.nav > li a:hover {
    position: relative;
    display: block;
    font-weight: 400;
    color: #e4007d !important;
    background-color: #fff;
}
.nav > li a:active {
    position: relative;
    display: block;
    font-weight: 400;
    color: #e4007d !important;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}