/*
 Theme Name:   kscott Theme
 Theme URI:    http://simmplyclearmarketing.com
 Description:  Theme for the kscott site.
 Author:       Eric Willis
 Author URI:   https://glasscow.media
 Template:     simply-clear-base
 Version:      1.0.0
 Text Domain:  kscott
*/

/*SLIDER*/
#myslidetitle {
color: #000000;
}
#myslidedescription{
color: #000000;
font-size: 14px;
 text-shadow: none;
opacity: 1;
}
.carousel-content .item {
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
}
.carousel-content .item-content {
    color: #fff;
    text-align: right;
    text-shadow: none;
    width: 78%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
@media (min-width: 1301px){
.appointment-box {
    background-color: rgba(255, 255, 255, 0.5);
    width: 30%;
    float: right;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}
}
@media (max-width: 1300px){
.appointment-box {
    background-color: rgba(255, 255, 255, 0.5);
    width: 50%;
    float: right;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}
}



/* FONTS */
a {
    color: #c41230;
}
a:hover {
    color: #c41230;
}
p, .p {
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
}
h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6 {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
    text-transform: uppercase;
letter-spacing: 2px;
}
h3, .h3, {
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: bold;
    line-height: 1.1;
    color: #ffffff;
    text-transform: uppercase;
letter-spacing: 2px;
}
.header-open-sans h1, .header-open-sans h2, .header-open-sans h3, .header-open-sans h4 {
    font-family: 'Frank Ruhl Libre', serif;
}


/* BODY */
.info-box {
height: 100%;
}
.info-box-small {
height: 300px;
}


.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.carousel-content .item-content {
    color: #fff;
    text-align: right;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    width: 78%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
@media (min-width: 1200px){
.container {
    width: 1200px;
}
}
.row {
margin-left: 0px;
margin-right: 0px;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}


/* BUTTONS */
.btn-apt {
background-color: #c51230;
color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
.btn-forms {
    color: #000000;
    background-color: #ddd;
    border-color: #333333;
border-radius: 0px;
padding-top: 20px;
padding-bottom: 20px;
width: 75%;
text-transform: uppercase;
}
.btn-primary {
    color: #fbfbfb;
    background-color: #c51230;
    border-color: #333333;
border-radius: 0px;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
text-transform: uppercase;
}
.btn-contact {
    color: #fbfbfb;
    background-color: #c51230;
    border-color: #333333;
border-radius: 0px;
padding-top: 20px;
padding-bottom: 20px;
width: 40%;
text-transform: uppercase;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #c51230;
    background-color: #ffffff;
    border-color: #c51230;
    border-radius: 0px;
text-transform: uppercase;
}
.btn.btn-outline {
    color: #000;
    font-size: 20px;
    border: solid 2px #000;
    background: transparent;
    transition: all .3s ease-in-out;
    margin-top: 15px;
    text-shadow: none;
border-radius: 0px;
text-transform: uppercase;
} 
.btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline.active {
    color: #c51230;
    background: white;
    border: solid 2px;
    border-color: #c51230;
text-transform: uppercase;
}




/* NAVIGATION*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #de0808;
}

#header-style-4 {
color: #555555;
}
#header-style-6 {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
#header-style-6 a {
    text-transform: uppercase;
    font-weight: 400;
font-size: 13px;
}
.navbar-default .navbar-nav>li>a {
    color: #555555;
border-radius: 0px;
}
.navbar-nav>li>a:hover {
    color: #c41230;
padding: 8px 12px;
    margin: 12.5px 6px;
    border: 1px solid transparent;
    border-radius: 0px;
}
.dropdown-menu>li>a:hover {
color: #c41230;
background-color: #ffffff;
border-radius: 0px;
}
.li.dropdown-toggle{
color: #555555;
border-radius: 0px;
}
.dropdown {
border-radius: 0px;
}
.dropdown .open {
border-radius: 0px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #555555;
border-radius: 0px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #c41230;
    background-color: transparent;
border-radius: 0px;
}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #555555;
}
}


/* CONTENT */
.background-img>.row.content-block-row, .background-img>.container-fluid {
    padding: 60px 0;
    background: none;
    color: #fff;
    -webkit-text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    -moz-text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    -ms-text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    -o-text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
    margin-left: 0;
    margin-right: 0;
}
.full-image-boxes-block {
    border-color: none;
    border-style: solid;
    border-width: 0px 0;
}
div.background {
    url:(https://i.imgur.com/u9qtWye.png);
}

/*LOCATION PIN */
.pin {
  width 30px
  height 30px
  border-radius 50% 50% 50% 0
  background #89849b
  position absolute
  transform rotate(-45deg)
  left 50%
  top 50%
  margin -20px 0 0 -20px
  animation-name bounce
  animation-fill-mode both
  animation-duration 1s
}
  &:after{
    content ''
    width 14px
    height 14px
    margin 8px 0 0 8px
    background #2F2F2F
    position absolute
    border-radius 50%
    }
.pulse {
  background rgba(0,0,0,0.2)
  border-radius 50%
  height 14px
  width 14px
  position absolute
  left 50%
  top 50%
  margin 11px 0px 0px -12px
  transform rotateX(55deg)
  z-index -2
} &:after{
    content ""
    border-radius 50%
    height 40px
    width 40px
    position absolute
    margin -13px 0 0 -13px
    animation pulsate 1s ease-out
    animation-iteration-count infinite
    opacity 0.0
    box-shadow 0 0 1px 2px #89849b
    animation-delay 1.1s
  }
/* 
@keyframes pulsate
  0%
    transform scale(0.1, 0.1)
    opacity 0.0
  50%
    opacity 1.0
  100%
    transform scale(1.2, 1.2)
    opacity 0

@keyframes bounce
  0%
    opacity 0
    transform translateY(-2000px) rotate(-45deg)
  60%
    opacity 1
    transform translateY(30px) rotate(-45deg)
  80%
    transform translateY(-10px) rotate(-45deg)
  100%
    transform translateY(0) rotate(-45deg)

    */

/* ROLLOVER */
.foo img:last-child{display:none}
.foo:hover img:first-child{display:none}
.foo:hover img:last-child{display:inline-block
}

/* MARQUEE */
.marquee {
  overflow-style: marquee-line;
  marquee-speed: fast
width: 100%;
}



/* FORM*/
.alert-success {
    background-color: #c41230;
    border-color: #3c41230;
border-radius: 0px;
    color: #fff;
}
.ladda-button{
float: right;
}

/* FOOTER */
#header-style-4 .container {
    padding-top: 60px;
}