/*
Theme Name: Eurolines v1
Theme URI: http://www.eurolines.ro
Description: Transport persoane europa
Version: 2.0.1029
Author: Costica Nistor
Author URI: http://pixiefan.eu
*/
 
* {
	margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {	
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    line-height: 1.4;
    color: #485057;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
  p {
    margin-top: 0;
    margin-bottom: 1rem;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
h1 {
    font-size: 26px;
    /* color: #EC7637; */
    color: orangered;
    font-weight: bold;
}
h2 {
    font-size: 20px;
    color: #213C4D;
    font-weight: bold;
}
h3 {
    color: #1277a3;
    font-size: 18px;
    font-weight: bold;
}
h4 {
    font-size: 15px;
    color: teal;
    font-weight: bold;
}
h5 {
    font-size: 18px;
    padding: 5px 0;
    color: teal;
    padding-top: 20px;
    font-weight: bold;
}
p {
	font-size: 16px;
    line-height: 1.6;
}
li { list-style-position: inside;}

.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

.container {
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
    overflow: hidden;
}


.main-line {
    display: block;
    width: 50px;
    height: 4px;
    margin: 15px 0;
}
.line-horizontal {
    display: block;
    height: 3px;
    background: #2E7CBE;
    margin-top: 6px;
    margin-bottom: 6px;
}
.line-gray {
    display: block;
    height: 1px;
    background: #c4c4c4;
    margin-top: 6px;
    margin-bottom: 6px;
}
.back-paint {
    color: white;
    font-style: italic;
    background: #2385CB;
    border-top-left-radius: 40%;
    border-bottom-right-radius: 40%;
    padding: 8px 20px;
    text-shadow: 1px 1px 1px #38393d;
}
.bg-darkgray {
    background: #38393d;
}


/* ################# --- CSS Header --- ############### */

/* # --- top social section--- # */
.top-bar {
	background: #225EA7;
}
.top-bar a {
    text-decoration: none;
    display: block;
    float: left;
    padding: 5px 14px;
    color: white;
}
.top-bar a:hover {
    color: wheat;
}

/* # --- Logo section--- # */
.logo {
    display: block; 
    float: left; 
    margin: 15px 10px;
}
.logo a {
    text-decoration: none;
    font-size: 30px; 
    font-weight: bold; 
    /* color: #FF6F23;  */
    color: orangered;
}
/* # --- Navigation section --- # */
.navigation-section {
    background: yellow;
    overflow: hidden;
}
.nav-button, #menu-drop {
    display: block;
}
.nav-button {
    float: right;
    padding: 10px 0;
}
.nav-button .icon-bars {
    display: table-cell;
    color: #13aff0;
    font-size: 28px;
    font-weight: lighter;
    margin-right: 20px;
    padding: 10px;
    cursor: pointer;
}
.nav-button .icon-bars:hover { color: sandybrown;}

.navigation {
    background: #144c65;
}

#menu-drop {
    display: none;
    width: 100%;	
    position: absolute;
    z-index: 999;
    background: #144c65;
}
.nav-bar {
    display: table;
    float: right;
    position: relative;
}
.nav-bar ul {
    margin: 0;
}
.nav-bar li {
    float: left;
    list-style: none;
    position: relative;
    margin: 9px 2px;
}
.nav-bar li a {
    text-transform: uppercase;
	display: block;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #14181C;
    color: rgb(255, 255, 235);
	padding: 4px 12px;
	transition: all .6s ease;	
}
.nav-bar li a:hover {
    background: #F0742F;
    color: white;
    border-radius: 4px;
}

/* # --- Hero section --- # */
.hero-section {
    background: url(https://europalines.eu/wp-content/uploads-webpc/uploads/2022/06/bg-autocar.png.webp)  center top no-repeat #144c65;
    background-size: cover;
    /* box-shadow: 1px 1px 14px #666; */
    height: 420px;
}

.hero-section h1{
    font-size: 54px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 900;
    color: #fff;
    max-width: 400px;
    padding: 60px 10px 0px 10px;
}

/* ################# --- CSS First page --- ############### */
.services-section {background: #EBF1F3;}
.card-services {
    text-align: center;
    padding: 30px 0;
}
.card-services i {
    font-size: 50px;
    color: #2E7CBE;
    padding: 20px;
}
.card-services h1 {
    font-size: 14px;
    font-weight: bolder;
    color: #213C4D;
}

.about-section {
    background: #ffffff;
    overflow: hidden;
    padding: 50px 0;
}
.about-section img{
    width: 100%;
    height: auto;
    padding: 30px 40px;
}

.banner-rezerva {
    background: #F7F7F7;
    padding: 50px 0;
}
.banner-rezerva h2{
    font-size: 38px;
    font-weight:900;
}
.banner-rezerva p{
    font-size: 16px;
    font-weight:600;

}

/* ################# --- CSS galery --- ############### */
.galery-country {
    background: #216CAF;
    background: url(images/bg-wall.jpg)  center top no-repeat #144c65;
    background-size: cover;
    padding: 40px 10px;
    background-image: linear-gradient(180deg, #59a4c6 0%, #0a273d 100%);
}

.galery-card {
    text-align: left;
    margin: 15px 0;
    background: #f7f8f9;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.3);
    position: relative;

}
.galery-card a {
    display: block;
    -webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.galery-card a:hover {
    -webkit-transform: scale(.93);
	-moz-transform: scale(.93);
	-o-transform: scale(.93);
	transform: scale(.93);
}
.galery-card img, .image img {
    width: 100%;
    height: auto;
}
.galery-card h3 {
    font-size: 18px;
    text-align: center;
    color: #195c7a;
    padding-bottom: 10px;
}
.galery-card p {
    transform: rotate(-12deg);
    padding: 10px 15px;
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    color:white;
    background: orangered;
    border-radius: 50%;
    z-index: 99;
    position: absolute;
    right: -22px;
    bottom: -10px;
    border: 2px solid #ffc07d;
    -webkit-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.6);
}

.work-services {
    padding: 50px 0;
    background: #ffffff;
}

.row-work {
    margin: 20px 0 0 0;
}
.row-work i {
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 33px;
    color:white;
    padding: 12px;
    /* background: #2385CB; */
    background: #FF6F23;
    border-radius: 50%;
}
.info-work {
    padding: 0 0 0 25px;
}

.banner-top {
    background: #38393d;
    padding: 10px 0;
    color:white;
    text-align: center;
}
.banner-top h1 {
    color:white;
}
.banner-top p {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    font-style: italic;
    color:yellow;
    margin: 0;
}
.banner-price, .banner-center, .banner-bottom {
    padding: 20px 0;
    color:white;
    background: #2385CB;
}
.banner-price h1, .banner-center h1, .banner-bottom h1 {
    color:white;
    font-size: 40px;
    text-shadow: 1px 1px 1px #0a273d;
    /* text-align: center; */
}
.banner-price p, .banner-center p {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    color:yellow;
    margin: 0;
    text-shadow: 1px 1px 1px #0a273d;
}
.banner-price i {
    font-size: 20px;
    font-weight: 600;
    color:yellow;
}
.banner-bottom h2 {
    color:white;
    font-size: 17px;
    text-shadow: 1px 1px 1px #0a273d;
}


.cards {
    background: #F7F7F7;
    margin: 50px 20px;
}
.cards .col-md-4 {
    padding: 0;
}
.cards .card {
    max-width: 300px;
    max-height: 300px;
    margin: 30px auto;
    padding: 30px 30px 70px 30px;
    text-align: center;
    list-style: none;
    -webkit-box-shadow: 0px 3px 35px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 35px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 35px -14px rgba(0,0,0,0.9);
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    background: mintcream;
    color: white;
    border: 1px dashed darkorange;
}

.card p {
    margin: 0;
    color:#485057;
}
.card i {
    font-size: 46px;
    color:deepskyblue;
    margin-bottom: 20px;
    margin-top: 12px;
}

/* ################# --- CSS main page --- ############### */
.main-page {
    padding: 50px 0;
}

/* ################# --- CSS COUNTRY/DESTINATION page --- ############### */
.section-presentation {
    padding-top: 80px;
    padding-bottom: 60px;
}
.section-presentation .main-image {
    text-align: center;
    margin-top: 40px;
}
.section-presentation img {
    max-width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 35px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 35px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 35px -14px rgba(0,0,0,0.9);
    border-radius: 10px;
    border: 1px solid #999;
}

.travel-autocar {
    padding: 20px 0 50px 0;
    background: #F7F7F7;
}
.travel-autocar .row{
    /* background: #1D73BE; */
    /* background: cadetblue; */
    background: #2a6569;
    padding: 0;
}
.travel-autocar .col-md-6 {
    padding: 0;
}
.travel-autocar img {
    display: block;
    width: 100%;
    height: auto;
}
.autocar-card-info {
    color: white;
    padding: 30px;
    overflow: hidden;
}
.autocar-card-info h2{
    color: white;
}

.btn-rezerva {
    display: table;
    color: #fff;
    padding: 9px 24px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 2px 2px 5px #0a273d;
    text-shadow: 1px 1px 1px #0a273d;
}
.btn-rezerva:hover {
    text-decoration: none;
    color: white;
    opacity: 0.8;
}
.btn-rezerva i {margin-right: 8px;}

.travel-advantage {
    padding: 50px 0;
}
.travel-advantage h1{
    font-size: 24px;
}
.list-advantage {
    margin-left: 20px;
}
.list-advantage li{
    list-style: none;
    font-weight: 700;
    padding: 7px 0;
    border-bottom: 1px dotted gray;
}
.list-advantage i {
    color: green;
    margin-right: 8px;
}

.products{
    background: #1D73BE;
    padding: 40px 0;
}
.card-product {
    color: white;
    margin-top: 20px;
    padding: 10px 20px;
}
.card-product h2{
    color: white;
    padding-top: 20px;
    padding-bottom: 5px;
}
.card-product i {
    width: 54px;
    height: 54px;
    float: left;
    font-size: 30px;
    text-align: center;
    color:white;
    padding: 12px 10px;
    border-radius: 12px;
    margin-right: 20px;
}

.cards-info {
    padding: 20px 0;
    position: relative;
}
.card-info {
    text-align: center;
    color: white;
    padding: 30px;
    border-radius: 35px;
}
.card-info p{
    margin: 0;
    font-weight: 600;
}
.card-info i{
    font-size: 40px;
}
.card-info-pret {
    background-color: #56C4F3;
}
.card-info-plecare {
    background-color: #FF6F23;
}
.card-info-servicii {
    background-color: #201972;
}

.card-info-plecare h2, .card-info-servicii h2 {
    color: #C7EEFF;
    font-size: 24px;
    font-weight: 600;
    font-style: oblique;
    margin: 20px 0 15px 0;
}
.card-info-pret h2 {
    color: #201972;
    font-size: 24px;
    font-weight: 600;
    font-style: oblique;
    margin: 20px 0 15px 0;
}

.list-city {
    padding-top: 40px;
    background: #F7F7F7;
}
.col-destination {
    padding: 30px 20px;
    overflow: hidden;
    height: 100%;
}
.col-destination h2 {
    padding: 0 0px;  
    font-size: 24px;
    line-height: 28px;
    color: orangered;
    text-shadow: 1px 1px #38393d;
}
.col-destination ul {
    margin-top: 8px;
    margin-bottom: 0;
    border-top: 2px solid #1D73BE;
    padding-top: 20px;
    overflow: hidden;
}
.col-destination li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 2px;
}
.col-destination li a {
    display: table;
    font-size: 14px;
    text-decoration: none;
    color: #1D73BE;
    padding: 6px 14px; 
    font-weight: 700;
    border: 1px solid #FF6F23;
    border-radius: 5px;
    transition: all .3s ease;	
}
.col-destination li a:hover {
    color: white;
    background: #EC7637;
}


/* ################# --- CSS contact page --- ############### */
.contact-section {
    padding: 50px 0;
}
.contact-section img {
    max-width: 100%;
    height: auto;
    padding: 30px 40px 10px 40px;
}
.contact-page {padding: 50px 10px 10px 10px;}
.contact-page label {display: inline;}
.contact-page input, .contact-page textarea {
    display: inline-block;
    min-height: 40px;
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
    padding: 6px 12px;
    vertical-align: middle;
    background-color: transparent;
    color: #5c5c5c;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.contact-page input:focus, .footer-contact textarea:focus {
    border: 1px solid #13aff0;
}
.contact-page textarea {
    height: 100px;
    min-height: 80px;
    line-height: 1.5;
    resize: vertical;
}
.contact-page .wpcf7-submit {
    max-width: 130px;
    display: inline-block;
    font-family: inherit;
    background-color: #13aff0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
}

/* ################# --- CSS 404 --- ############### */
.page-404 {
    text-align: center;
    padding: 50px 20px;
}

/* ################# --- CSS Footer --- ############### */
.footer-section {
    background: black;
    font-size: 14px;  
    color: #f6f6e0; 
    padding: 40px 0 10px 0;
}
.footer-section h3 {
    border-bottom: 1px dotted turquoise;
    padding-bottom: 6px;
    margin-bottom: 10px;
    color: #ff9f6b;
}
.footer-section p {
    font-size: 14px;
}
.footer-nav li {
    list-style: none;
    border-bottom: 1px dotted turquoise;
}
.footer-nav a {
    display: block;
    color: #f6f6e0;
    text-decoration: none;
    line-height: 43px;
}
.footer-nav i {
    margin-right: 10px;
    font-size: 16px;
    color: #ff9f6b;
}
.footer-contact p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
}
.footer-contact label {display: inline;}
.footer-contact input, .footer-contact textarea {
    display: inline-block;

    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    padding: 4px 10px;
    vertical-align: middle;
    background-color: transparent;
    color: #FFF;
    border: 1px solid #ddd;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.footer-contact input:focus, .footer-contact textarea:focus {
    border: 1px solid #13aff0;
}
.footer-contact textarea {
    height: 100px;
    min-height: 80px;
    line-height: 1.5;
    resize: vertical;
}
.footer-contact .wpcf7-submit {
    display: inline-block;
    font-family: inherit;
    /* background-color: #13aff0; */
    background-color: red;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
}
.footer-contact .wpcf7-submit:hover, .contact-page .wpcf7-submit:hover {
    opacity: 0.8;
}

.under-footer {
    background: black;
    border-top: 1px solid #666;
    color: #999;
}
.under-footer p {
    font-size: 12px;
    margin: 0;
    padding: 12px;
}
.copy {float: left;}
.developer { float: right;}
.developer a {
    text-decoration: none;
    color: #999;
}

/* ################# --- CSS Scroll up --- ############### */
.phone-on-mobile {
    display: none;
}
.show-btn{
	bottom: 25px;
}
/* ########## ********************************************* ############### */
/* ################# --- CSS Mobile media query --- ############### */
/* ########## ********************************************* ############### */

@media all and (max-width: 1024px ){
    .under-footer .container {
        padding: 0 20px;
    }
}

@media all and (max-width: 920px ){
    .result-from-search {
        width: 90%;
    }
    .services li {
        width: 100%;
        float: none;
    }

}

@media all and (max-width: 768px ){
    
    /* .search-box {
        display: inherit;
        margin-top: 6px;
        float: left;
        padding-left: 6px;
    }
    .search-input{
        height: 28px;
        width: 150px;
    }
    .search-submit{
        width: 28px;
        height:28px;
        background-size: 16px 16px;
        background-position: 5px;
    } */
    .logo { margin: 10px;}

    /*--------main Menu-------*/	
    #menu-drop {
        left: 0;
    }
    .nav-bar {
        display: block;
        float: initial;
    }
    .nav-bar li {
		display: block;
        float: none;
        border-bottom: 1px dotted #000;
        background-color: #144c65;
        margin: 0;
    }
   .nav-bar li a {
        display: block;
        padding: 12px 16px;
        font-size: 12px;
    }
  .nav-bar li a:hover {
        background: #0f5474;
        color: wheat;
		border-radius: 0px;
    }

    .hero-section {
        background: url(https://europalines.eu/wp-content/uploads-webpc/uploads/2022/06/bg-autocar-768x247.png.webp)  center top no-repeat #144c65;
        height: 247px;
    }
    .hero-section h1{
        font-size: 40px;
    }
    /* .banner-price .col-md-8 {display: none;} */

    .main-page {
        padding-top: 10px;
    }

    .galery-country { 
        background-image: linear-gradient(180deg, #59a4c6 0%, #0a273d 100%);
        margin-bottom: 0;
    }

    .card-info-pret {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .card-info-plecare {
        border-radius: 0px;
    }
    .card-info-servicii {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .col-destination {
        padding: 20px 0px;
    }

}

@media all and (max-width: 520px ){
   
    .under-footer p {
        float: none;
        text-align: center;

    }
/* ################# --- CSS Fixed phone mobile --- ############### */
    .phone-on-mobile {
        width: 50px;
        height: 50px;
        text-align: center;
        background: rgb(118, 172, 11);
        display: table;
        border-radius: 10px;
        position: fixed;
        bottom: 18px;
        left: 20px;
        z-index: 9999;
    }
    .phone-on-mobile i {
        color: white;
        font-size: 45px;
        margin-top: 3px;
    }

}

@media all and (max-width: 420px ){


}

/* CSS Overwrite */
.text-center-italic {text-align: center; font-style: italic; font-size: 18px; font-weight: 600;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right { text-align: right;}
.special-paragraf {margin-bottom: 0;}
.uppercase {text-transform: uppercase;}

.align-right {
    float: right;
    margin-left: 20px;
}
.align-left {
    float: left;
    margin-right: 20px;
}
.align-center {
    display: table;
    margin: 0 auto;
}
.clear {clear: both;}
.overflow { overflow: hidden;}

.bg-mintcream {background: mintcream;}
.bg-cadetblue {background: cadetblue;}
.bg-lightslateblue {background: #7c79a6;}
.bg-purple {background: purple;}
.bg-teal {background: teal;}
.bg-green { background: #007d47;}
/* .bg-orange { background: #FF6F23;} */
.bg-orange { background: orangered;}
.bg-yellowdark {background:sandybrown;}
.bg-sandybrown {background: sandybrown;}
.bg-yellow {background: yellow;}
.bg-gold {background: gold;}
.bg-red {background: red;}
.color-green { color: #007d47; }
.color-orange { color: #FF6F23;}
.color-orangered { color: orangered; text-shadow: 1px 1px 1px #213C4D;}
.color-light-purple { color: #D1D1FC;}
.color-gray { color: #5c5c5c;}
.color-white {color: white;}
.margin-0 {margin: 0;}
.padding-0 {padding: 0;}
.margin-top-20 { margin-top: 20px; }
.margin-bottom-20 { margin-bottom: 20px;}
.padding-sides-30 {padding-left: 30px; padding-right: 30px;}
.padding-vertical-30 {padding-top: 30px; padding-bottom: 30px;}
.padding-top-30 {padding-top: 30px;}
.padding-right-30 {padding-right: 30px;}
.padding-30 {padding: 30px;}
.space-height-30 { height: 30px;}
.position-bottom {position: relative; bottom: 0px;}


/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}
.post-title {
    display: none;
}
.fixed {
    background:  #0f5474;
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.fixed-mobil {
    background:  #00303F;
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
}

.btn-whatsapp {
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #25d366;
    display: table;
    border-radius: 50%;
    position: fixed;
    bottom: 14px;
    right: 20px;
    z-index: 9999;
    box-shadow: 1px 6px 24px 0 #999;
    cursor: pointer;
    transition: background-color .2s linear;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
.btn-whatsapp i {
    color: white;
    font-size: 45px;
    padding-top: 7px;
}
.btn-whatsapp:hover {
    background-color: #129980;
}


/* ------------- Font icons -----------*/

.fa {display: inline-block;}

@font-face {
    font-family: 'icomoon';
    /* src:  url('fonts/icomoon.eot?la4mz'); */
    src: url('fonts/icomoon.woff?la4mz') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-star:before {
    content: "\f005";
  }
  .icon-film:before {
    content: "\f008";
  }
  .icon-check:before {
    content: "\f00c";
  }
  .icon-home:before {
    content: "\f015";
  }
  .icon-clock-o:before {
    content: "\f017";
  }
  .icon-map-marker:before {
    content: "\f041";
  }
  .icon-check-circle:before {
    content: "\f058";
  }
  .icon-phone:before {
    content: "\f095";
  }
  .icon-credit-card:before {
    content: "\f09d";
  }
  .icon-arrow-circle-right:before {
    content: "\f0a9";
  }
  .icon-globe:before {
    content: "\f0ac";
  }
  .icon-bars:before {
    content: "\f0c9";
  }
  .icon-navicon:before {
    content: "\f0c9";
  }
  .icon-reorder:before {
    content: "\f0c9";
  }
  .icon-suitcase:before {
    content: "\f0f2";
  }
  .icon-cutlery:before {
    content: "\f0f5";
  }
  .icon-location-arrow:before {
    content: "\f124";
  }
  .icon-external-link-square:before {
    content: "\f14c";
  }
  .icon-eur:before {
    content: "\f153";
  }
  .icon-euro:before {
    content: "\f153";
  }
  .icon-gbp:before {
    content: "\f154";
  }
  .icon-life-bouy:before {
    content: "\f1cd";
  }
  .icon-life-buoy:before {
    content: "\f1cd";
  }
  .icon-life-ring:before {
    content: "\f1cd";
  }
  .icon-life-saver:before {
    content: "\f1cd";
  }
  .icon-support:before {
    content: "\f1cd";
  }
  .icon-wifi:before {
    content: "\f1eb";
  }
  .icon-pie-chart:before {
    content: "\f200";
  }
  .icon-bus:before {
    content: "\f207";
  }
  .icon-whatsapp:before {
    content: "\f232";
  }