/*!

 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



html,body {

    width: 100%;

    height: 100%;

    background-color: #ddd;

    color: #f8f5f2;

    font-family: 'Didact Gothic', sans-serif;

    margin: 0;

    padding: 0;

}



footer{background-color: #000;}



hr {

    max-width: 60px;

    border-color: #ddd;

    border-width: 4px;

}



hr.light {

    border-color: #fff;

    border-width: 5px;



}





a {

    color: #ddd;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



a:hover,

a:focus {

    color: #000b29;

}



.list-inline a {

    color: #f8f5f2;

}



h1,h2{

    font-family: 'Roboto', sans-serif;

}



h3,

h4,

h5,

h6 {

    font-family: 'Didact Gothic', sans-serif;

    letter-spacing: 1px;

}



p {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 1.6;

}



.bg-a {

    background-color:#A38200;

    color: #f8f5f2;

}





.bg-b {

    position: relative;

    color: #000b29;

    background-color:#A38200;



}

.bg-c {

    position: relative;

    background-color: #000b29;

    color: #f8f5f2;

}



.bg-d {

    position: relative;

    background-color: #f8f5f2;

    color: #000b29;

}



}



.text-faded {

    color: rgba(255,255,255,.7);

}



section {

    padding: 110px 0;

}



aside {

    padding: 40px 0;

}



.no-padding {

    padding: 0;

}





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

 *Navigation Bar

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



.navbar-custom {

    margin-bottom: 0;

    border-bottom: 1px solid rgba(255,255,255,.3);

    text-transform: uppercase;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

    background-color: #000000;

}



.navbar-custom .navbar-brand {

    font-weight: 700;

}



.navbar-custom .navbar-brand:focus {

    outline: 0;

}



.navbar-custom .navbar-brand .navbar-toggle {

    padding: 4px 6px;

    font-size: 16px;

    color: #fff;

}



.navbar-custom .navbar-brand .navbar-toggle:focus,

.navbar-custom .navbar-brand .navbar-toggle:active {

    outline: 0;

}



.navbar-custom a {

    color: #fff;

}



.navbar-custom .nav li a {

    -webkit-transition: background .3s ease-in-out;

    -moz-transition: background .3s ease-in-out;

    transition: background .3s ease-in-out;

}



.navbar-custom .nav li a:hover {

    outline: 0;

    color: rgba(255,255,255,.8);

    background-color: transparent;

}



.navbar-custom .nav li a:focus,

.navbar-custom .nav li a:active {

    outline: 0;

    background-color: transparent;

}



.navbar-custom .nav li.active {

    outline: 0;

}



.navbar-custom .nav li.active a {

    background-color: rgba(255,255,255,.3);

}



.navbar-custom .nav li.active a:hover {

    color: #fff;

}



@media(min-width:768px) {

    .navbar-custom {

        padding: 20px 0;

        border-bottom: 0;

        letter-spacing: 1px;

        background: 0 0;

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;

        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

        transition: background .5s ease-in-out,padding .5s ease-in-out;

    }



    .navbar-custom.top-nav-collapse {

        padding: 0;

        border-bottom: 1px solid rgba(255,255,255,.3);

        background: #000000;

    }



}



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



header {

    position: relative;

    width: 100%;

    height: auto;

    text-align: center;

    color: #000;

    background: url(../img/bandana.jpg);

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



header .header-content {

    position: relative;

    width: 100%;

    text-align: center;

     padding: 100px 0 100px;

}







@media(min-width:768px) {

    header {

        padding-top: 15px;

        position: relative;

        width: 100%;

        height: 70%;

    }

 header .header-content {

        top: 50%;

        padding: 100px 0 100px;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }









    

}



.section-heading {

    margin-top: 0;

}





@media(min-width:768px) {

    .service-box {

        margin: 20px auto 0;

    }

}





.call-to-action h2 {

    margin: 0 auto 20px;

}



.text-primary {

    color: #ddd;

}



.no-gutter > [class*=col-] {

    padding-right: 0;

    padding-left: 0;

}



.btn-default {

    border-color: #fff;

    color: #fff;

    background-color: #000b29;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    border-color: #ededed;

    color: #222;

    background-color: #f2f2f2;

}



.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    background-image: none;

}



.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

    border-color: #fff;

    background-color: #fff;

}



.btn-default .badge {

    color: #fff;

    background-color: #222;

}



.btn-primary {

    border-color: #f05f40;

    color: #fff;

    background-color: #f05f40;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

    border-color: #ed431f;

    color: #fff;

    background-color: #ee4b28;

}



.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

    background-image: none;

}



.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

    border-color: #040485;

    background-color: #040485;

}



.btn-primary .badge {

    color: #f05f40;

    background-color: #fff;

}



.btn {

    border: 0;

    border-radius: 0px;

    text-transform: uppercase;

    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;

    font-weight: 700;

}



.btn-xl {

    padding: 15px 30px;

}



::-moz-selection {

    text-shadow: none;

    color: #fff;

    background: #222;

}



::selection {

    text-shadow: none;

    color: #fff;

    background: #222;

}



.container-sp {

  margin: 0 auto;

  width: 92%;}

 

.container-full {

  margin: 0 auto;

  width: 88%;}



.google_map {

  height: 500px;

}



.iconbox {

    background-color: rgba(255,255,255,.4);



    border-bottom: 1px solid #d4d4d4;

    text-align: center;

    padding: 30px 20px;

    margin: 0 0 20px;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

         -o-border-radius: 3px;

            border-radius: 3px;

}



.iconbox-icon {

    margin: 0 0 15px;

}



.service-box {

    background-color: rgba(255,255,255,.5);

    border-bottom: 2px solid #f7f7f7;

    padding: 40px 20px;

    max-width: 900px;

}



.service-box:hover {

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    margin-top: -20px;

}



.service-icon {

    margin-bottom: 40px;

}   



.service-desc .divider-header {

    margin-bottom: 30px;

}

.service-box:hover {

    border-bottom: 5px solid #ddd;

}



.maps iframe{

    pointer-events: none;

}



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

 *Scroll Down

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



.scroll-down {

    position: absolute;

    left: 50%;

    bottom: 20px;

    border: 2px solid #fff;

    border-radius: 50%;

    height: 50px;

    width: 50px;

    margin-left: -15px;

    display: block;

    z-index: 10;

    text-align: center;

}



.scroll-down span{

    position: relative;

    color: #fff;

    -webkit-animation-name: drop;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-delay: 0s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-play-state: running;

    animation-name: drop;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-delay: 0s;

    animation-iteration-count: infinite;

    animation-play-state: running;

}



@-webkit-keyframes drop {

    0%   { top:0px;  opacity: 0;}

    30%  { top:10px; opacity: 1;}

    100% { top:25px; opacity: 0;}

}



@keyframes drop {

    0%   { top:0px;  opacity: 0;}

    30%  { top:10px; opacity: 1;}

    100% { top:25px; opacity: 0;}

}





/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */



.carousel {

    height: 100%;

}



.item,

.active,

.carousel-inner {

    height: 100%;

}



/* Background images are set within the HTML using inline CSS, not here */



.fill {

    width: 100%;

    height: 100%;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}





.main-text

{

    position: absolute;

    top: 50px;

    width:100%;

    color: #000;

}



ul.list-inline{margin-bottom:30px;margin-top:0}



ul.social-buttons{margin-bottom:0}

ul.social-buttons li a{

    display:block;

    background-color:#222;

    height:40px;

    width:40px;

    border-radius:100%;

    font-size:20px;

    line-height:40px;

    color:#fff;

    outline:0;

    -webkit-transition:all .3s;

    -moz-transition:all .3s;

    transition:all .3s

}



ul.social-buttons li a:hover,

ul.social-buttons li a:focus,

ul.social-buttons li a:active

{background-color:#fed136}



@media (max-width: 568px)

 {

  .carousel-caption h2{

  font-size:21px;

}



.carousel-caption h4{

  font-size:16px;

}

}