/*
	Theme Name: Attica Transfer
	Theme URI: http://web.supreme-net.gr/
	Description: The official theme for Attica Transfer from Supreme-Net
	Version: 1.0
	Author: Supreme-Net<support@supreme-net.com> 
	Author URI: mailto: support@supreme-net.com
	Tags: Design Minimal, Bootstrap, Supreme-Net

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*----------WELCOME----------*/

#mobilebanner {
    margin-top: 100px;
}

#welcome {
background-image:url('/wp-content/uploads/2018/12/welcomebg5.png');
height:100vh;
position:relative;

color:#fff;
    background-size: cover;
}

.welcometext {
    margin-top: 50%;
}

#welcome h2 {
    font-weight: 300;
    letter-spacing: -2px;
    font-size: 5vh;
}

#welcome p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.6;
}

#reviews {
    min-height: 500px;
    padding: 5% 0;
    background: #1f2131;
  	position:relative;
}

.item {

  margin-top:70px;
}

.item h3 {

    font-weight: 600;
    letter-spacing: -1px;
    font-size: 2vh;
  color:#fff;

}

.item p {

    color: #9B9B9B;
    line-height: 1.9;

}

#reviews h2 {

    text-align: center;
    font-weight: 300;
    font-size: 4vh;
  color:#fff;

}

#reviews h2 > span {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
    color: #c4af9b;
}

#reviews h2 i {
   
    margin-right: 5px;
  margin-left: 5px;
   
}
#reviews h2 > small {
font-weight: normal;
margin-top: 6px;
display: block;
font-size: 17px;
letter-spacing: 0;
color:#fff;
}

#footer {
    padding: 50px 0% 0% 0%;
    background: #e5e5e5;
  background-image:url('/wp-content/uploads/2018/10/mapbg.jpg');
}

#footer h4 {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

#footer ul {
    padding: 0;
    list-style: none;
}

#footer li {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
  	color:#fff;
}



#footer li span {
    font-weight: normal;
    margin-bottom: 0;
    font-size: 13px;
    display: block;
    font-style: italic;
    color: #6F7181;
}

#footer h4 {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 30px;
    margin-top: 0;
}

.footer-form {
    border: 0px solid #cccccc;
    padding: 30px;
    background: white;
}

.footer-details {
    border: 0px solid #cccccc;
    padding: 30px;
    min-height: 440px;
    background: #1f2131;
}

.footer-form .form-control {
    
    background-color: #ededed;
    background-image: none;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    
}

.contact {
box-shadow:10px 10px 70px 10px rgba(0,0,0,0.3);
  margin-bottom: 100px;
}

.footer-details h4 {
    color: #c4af9b;
}

#copyrights {
    background: #e5e5e5;

}

#copyright {
    border-top: 1px solid #ccc;
  padding:25px 0 0 0;
}

#copyright ul {
    text-align: right;
    padding: 0;
    list-style: none;
}

#copyright li {
    display: inline-block;
    margin-left: 15px;
}

#copyright a {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
  letter-spacing:0;
  transition:0.4s letter-spacing;
}
#copyright a:hover {
    
  letter-spacing:1px;
  transition:0.4s letter-spacing;
  text-decoration:none;
}

.service-header {
    margin-top: 100px;
  background-position-x: 50%;
}

.overlay {
    background-color: rgba(0,0,0,0.4);
    padding: 10% 1%;
    color: #fff;
   
}

.services-des {
    padding: 5% 2%;
}


.services-des h2 {

    font-weight: 300;
    font-size: 3vh;
    letter-spacing: -1px;
   
    margin-top: 0px;

}
.services-des p {
    line-height: 1.8;
    color: #4A4A4A;
    font-size: 18px;
}

.services-des h3 {
    font-weight: 600;
    text-transform: none;
    color: #1f2131;
    font-size: 3vh;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-top: 40px;
    border-top: 1px solid #eaeaea;
    padding-top: 40px;
}

.services-des small {
    color: grey;
}

.single-form .form-control {
    margin-bottom: 20px;
    background: #b8a38f;
    border: 0;
  color:#77624E;
}

.single-form {
   
}


#review-title {
background-color:#1f2131;
   border-bottom: 1px solid #353747;
}
#review-title h2 {
    text-align: left !important;
    font-weight: 300;
    color: #fff;
    padding: 2%;
        padding-left: 2%;
    margin-top: 0;
    border-left: 1px solid #353747;
    padding-left: 18px;
    font-size: 3vh;
    margin-bottom: 0;
    border-right: 0px solid #353747;
}
#review-title h2 > small {
	display:block;
  font-size: 17px;
    line-height: 1.5;
}

.overlay h1 {

    font-size: 5vh;
    font-weight: 100;

}

.conte {
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #a1a1a1;
    font-style: italic;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid turquoise;
    background: turquoise;
    color: white;
    font-weight: bold;
    position: absolute;
    padding: 2%;
    margin-top: 50px;
    bottom: 14px;
    display: block !important;
    bottom: -13px;
    left: 23px;
}

.overlay h1 > span {
    color: #c4af9b;
}

.services-des h2 {
    border-left: 5px solid #c4af9b;
    padding: 5px 0 5px 15px;
}
.social {
    
    font-size: 2vh;
   
}

.social a {
    text-align: center;
    font-size: 3vh;
    color: #c4af9b;
    margin-right: 15px;
    margin-top: 16px;
    display: inline-block;
  transition:0.3s color;
}


.social a:hover {
   
    color: #fff;
  transition:0.3s color;
    
}

.external {
    color: white;
    margin-top: 20px;
    display: block;
   transition:0.3s color;
}

.external:hover {
    color: #c4af9b;
   transition:0.3s color;
  text-decoration:none;
}

#review-title span {

    font-size: 16px;

}

#review-title i {
    font-size: 4vh;
    color: #c4af9b;
    float: left;
    margin-right: 10px;
  margin-left: 10px;
}

#footer h2 {
    font-weight: 300;
    font-size: 4vh;
    letter-spacing: -1px;
    margin-bottom: 65px;
    color: black;
    border-left: 5px solid #c4af9b;
    padding-left: 18px;
}

#footer h2 > small {
    font-weight: normal;
    margin-top: 6px;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    color: #626262;
  line-height: 1.5;
}

.default-template {
    padding: 5% 2%;
  margin-top:100px;
}
.blue {
    font-weight: 600;
    letter-spacing: -2px;
}

.booking-wrapper {
    margin-top: 200px;
 
   background: #1f2131;
  
   border-radius: 30px;

}

.left-blue {
   
    padding: 10% 10% 0 10%;
  position: relative;
  

}

.right-beige {
    background: #c4af9b;
    padding: 10%;
    position: relative;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 20px;
}

.right-beige .form-control {

    margin-top: 30px;
    border-radius: 0;
    border-color: #aa9581;

}

.right-beige h1 {
    margin-top: 0;
    color: white;
    font-weight: 300;
    letter-spacing: -1px;
}

.right-beige p {
    color: #836E5A;
    line-height:1.8;
}

.packages-template {
    padding: 5% 2%;
    background: #1f2131;
}

.package-post {
    background: white;
    padding: 5%;
    border: 1px solid #ececec;
    position: relative;
    min-height: 200px;
    margin-top: 0;
   margin-bottom: 40px;
}

.package-post p {
    margin-top: 15px;
    line-height: 1.7;
    font-size: 13px;
    color: #989898;
}

.package-post a > h2 {
    color: black;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 0;
    height: 40px;
}

.archive-block li > a {
    color: white;
    padding: 5%;
    display: block;
}

.archive-block li {
    font-size: 16px;
    border-bottom: 1px solid #b19c88;
}


.archive-block {
    background: #c4af9b;
    padding: 5%;
   
}

.archive-block ul {
padding:0;
   list-style: none;
}

.archive-block h3 {
 margin-top:0;
}


.main-head {
    font-weight: 300;
    font-size: 4vh;
    letter-spacing: -1px;
   margin-bottom: 60px;
margin-top: 60px;
    color: #c4af9b;
}

.main-head > small {
    font-weight: normal;
    margin-top: 6px;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    color: white;
}

.readmore {
    color: #878787;
    font-weight: 600;
    position: absolute;
    bottom: 16px;
    border-top: 0px solid #878787;
    padding-top: 5px;
}
.single-template {
    padding: 5% 2%;
    margin-top: 60px;
}

.single-template h1 {
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 20px;
}

.single-template p {
    font-size: 15px;
    line-height: 1.8;
    color: #858585;
}

.slideshow.hidden-xs {
    margin-top: 100px;
}

.slideshow h2 {
    color: white;
    font-weight: 600;
    font-size: 4vh;
    letter-spacing: -2px;
    margin: 0;
}

.slideshow h4 {

    color: #c4af9b;
    font-size: 2vh;
    font-weight: normal;
    margin: 0;
    line-height: 1.3;
    word-wrap: break-word;
    white-space:pre-wrap;

}

.slideshow p {
    color: white;
    margin: 0;
    line-height: 2;
  font-size: 13px;
}

.tailormade {
    padding: 5% 2%;
    text-align: center;
    min-height: 450px;
    color: white;
      position: relative;
}

.tailormade h1 {
    margin-top: 150px;
    font-weight: 300;
    color: #fff;
    font-size: 5vh;
}


.tailormade-content {
    
}
.tailormade-content h2 {
font-weight: 300;
font-size: 4vh;
letter-spacing: -1px;
margin-bottom: 20px;
margin-top: 50px;
border-left: 5px solid #c4af9b;
padding-left: 18px;
}

.tailormade-content h2 > small {
    font-weight: normal;
    margin-top: 6px;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    color: #898989;
    line-height: 1.5;
}

.tailormade-content p {
    margin-top: 30px;
    line-height: 2;
    margin-bottom: 30px;
}

.whiteborders h2 i {
    color: white;
    float: left;
    margin: 12px 20px;;
}

.cars-extras {
    margin-top: 50px;
    margin-bottom: 50px;
}

.cars-extras p {
line-height: 1.8;
color: #4A4A4A;
font-size: 18px;
}



.cars-extras h4 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    color: #969696;
}

.cars-extras h4 i {
    display: table;
    border: 1px solid #c1c1c1;
    margin-left: auto;
    margin-right: auto;
    font-size: 29px;
    padding: 24px 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
  color:#1f2131;
  margin-bottom: 10px;
}

.bookme {

    background: #c4af9b;
    padding: 5% 2%;

}

figcaption {

    background: #e1e1e1;
    padding: 10px;
    color: #868686;
    font-size: 13px;
    line-height: 2;
    margin-bottom: 20px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

}

.mobile-bar {
    background: #c4af9b;
  padding:4%;
}

.mobile-bar h2 {
    font-size: 28px;
    margin: 0;
        margin-top: 0px;
    margin-top: 0px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -2px;
    margin-top: 10px;
}
.btn.btn-mobile {
    background: #1f2131;
    margin-top: 10px;
    margin-bottom: 10px;
    color: white;
    font-weight: 600;
    padding: 5% 10%;
  	border-radius:0;
}
.btn-mobile:hover {
    color: #c4af9b!important;
}

.slideshow.visible-xs {
    margin-top: 100px;
}

.whiteborders hr {
    border-bottom: 1px solid #2D2F3F;
    border-top: 1px solid #0D0F1F;
  margin:0;
}

.tailormade h1 > span {
    display: block;
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.5;
  	color:#c4af9b;
}

.img-responsive.cutmycar {
	border-bottom-left-radius:30px;
    position: absolute;
    bottom: 0;
    height: 185px;

}

.img-responsive.cutmycar2.hidden-sm {

    margin-top: 40px;

}

.single-service .tailormade-content {
    border-top: 1px solid #d5d5d5;
    padding-bottom: 50px;
}

.service-header small {
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 0;
}


#insertform h2 {
    font-weight: 300;
    font-size: 4vh;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-top: 50px;
    border-left: 5px solid #1f2131;
    padding-left: 18px;
}

#insertform h2 > small {
    font-weight: normal;
    margin-top: 6px;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    color: #8B7662;
    line-height: 1.5;
}

.contact-template {
    padding-top: 150px;
    padding-bottom: 150px;
}
.social p {
    color: white;
    font-size: 13px;
    font-style: italic;
    margin-top: 5px;
}

#our-images{
    min-height: 500px;
    padding: 0% 0;
    background: #1f2131;
    position: relative;
}