body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.topnav {
    font-size: 16px; 
}

#navbar-alkis {
  background-color:#3B9DFE; //#5183C0
 }
 
 .nav.navbar-nav.navbar-right li a {
    color: #ffffff;
     margin-top:7px;
    margin-bottom:7px;
}

 .nav.navbar-nav.navbar-right li a:hover {
    color: #F6F6F6;
     margin-top:7px;
    margin-bottom:7px; 
}

.navbar-toggle {
background-color: #fff;
}
.navbar-default .navbar-toggle {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover {
background-color: #fff;
}
.navbar-default .navbar-toggle:focus {
background-color: #fff;
}

.navbar-brand {
    font-size: 22px !important;
    font-family:"Exo 2", sans-serif !important;
      padding: 0px;
   background: url(/img/alkismotos_logo4.png) no-repeat center center;
   background-size: 200px 50px;
    height:50pxpx;
    margin-top:7px;
    margin-bottom:7px;
    width:200px;
}

.intro-header {
    padding-top: 10px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background:  url(/img/shop.jpg) no-repeat center center;
    background-size: cover; 
    filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
}   

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
    background-color: transparent;  
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
    font-weight:bold;
    color:#fff;    
}

.intro-message h1 {
 color:#f8f8f8;
 filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}  

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-social-buttons a {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.intro-social-buttons a:hover {
    -moz-transition: scale(1.1);
    -webkit-transition: scale(1.1);
    -o-transition: scale(1.1);
    transform: scale(1.1);
}

.btn-hero, .btn-hero:hover, .btn-hero:active, .btn-hero:visited {
    background-color: #EE9337 !important;
    border:1px #ffffff solid !important;
    color: #ffffff !important;
}

.btn-lg, .btn-lg:hover, .btn-lg:active, .btn-lg:visited {
    background-color: #EE9337 !important;
    border:1px #ffffff solid !important;
    color: #ffffff !important;
}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.connect {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section1 {
    padding: 10px 0;
    background-color: #f8f8f8;
}

.content-section2 {
    padding: 10px 0;
    background-color: #f8f8f8;
}

.project {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.project:hover {
    -moz-transition: scale(1.1);
    -webkit-transition: scale(1.1);
    -o-transition: scale(1.1);
    transform: scale(1.1);
}

.portfolio-description {
    margin: 20px 0;
    padding: 7px;
}

.alkis-store-center {
    //margin: 10px 0;
    padding: 7px;
    line-height: 1.35em;
    margin: .7em 0;
    //text-align: justify
}

.banner {
    padding: 11% 0;
    color: #f8f8f8;
    background: url(../img/alkismotos_logo_blue2.jpg) no-repeat center center;
    background-size: 100% 100%;
}



.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

.banner-social-buttons a {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.banner-social-buttons a:hover {
    -moz-transition: scale(1.1);
    -webkit-transition: scale(1.1);
    -o-transition: scale(1.1);
    transform: scale(1.1);
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}


@media(max-width:600px) {
 .banner {
        padding: 11% 0;
    color: #f8f8f8;
    background: url(../img/alkismotos_logo_blue2.jpg) no-repeat center center;
    background-size: 100% 100%;
    height:10%;
}
}

footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}



.carousel-wrapm {
  margin: 0px auto;
  margin-bottom:7px;
  padding: 0% 2.7% 0% 2.7%;
  width: 100%;
  position: relative;
  
  
}

.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
border: 2px solid white;
  box-shadow: 0 0 20px rgba(255,255,255, 0.2);
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.owl-carousel2 .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
border: 2px solid white;
  box-shadow: 0 0 20px rgba(255,255,255, 0.2);
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
  
}
.owl-nav i {
  font-size: 52px;
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}











/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;    
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out .1s;
       -moz-transition: opacity .15s ease-in-out .1s; 
        -ms-transition: opacity .15s ease-in-out .1s; 
         -o-transition: opacity .15s ease-in-out .1s; 
            transition: opacity .15s ease-in-out .1s; 
}
    
    
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: navy;
    opacity: .2;  
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;   
}
.fade-carousel .slides .slide-1 {
  background-image: url(../img/alkis_motos_rhodes_b1.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/alkis_motos_rhodes_b4.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/alkis_motos_rhodes_b10.jpg);
}

/*
.fade-carousel .slides .slide-1 {
  background-image: url(../img/shop.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/alkis_motos_pefkos_rhodes_01.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/alkis_motos_pefkos_rhodes_02.jpg);
}
/*

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; } 
}


.modal-dialog {width:800px;}
.thumbnail {margin-bottom:6px;}
.modal.fade .modal-dialog {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0); // IE9 only
          transform: translate(0, 0);

 }
 
 #message {  padding: 0px 0px 0px 0px; }
#mail-status {
padding: 10px 10px;
width: 100%;
display:none; 
font-size: 1em;
font-family: "Georgia", Times, serif;
color: rgb(40, 40, 40);
}
.error{background-color: #F7902D;  margin-bottom: 40px;}
.success{background-color: #48e0a4; }
.centerior {
text-align: center;
}
.g-recaptcha {display: inline-block; padding-top:15px; background-color: transparent; margin: 0 0 0 0; transform:scale(0.77);
    transform-origin:0 0;}

@media screen and (max-width: 767px){    
#alkismotos-contactdetails {text-align: center;}
}