#mainTop {

}

@keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -50px 0px;}
}
@-webkit-keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -50px 0px;}
}

.topbanner {
    background: #eee url(../img/render2.png) center top no-repeat;
}

.main-nav-buttons {
    color: #eee;
}

.main-nav-buttons p {

}

.mainTop {
    animation-duration: 0.3s;
}

.howWeWork {
    border: 1px solid #b1dfbb;
    border-radius: 10px;
    padding-top:15px;
}

.howWeWorkNext {
    border: 1px solid #809fdf;
    border-radius: 10px;
    padding-top:15px;
}

.main-nav-1 {
    background: no-repeat left;
    background-size: 20px;
    background-position-x: 10px;
    transition: background 200ms;
}

.main-nav-1:hover {
    background: no-repeat 95%;
    background-size: 20px;
}

.accLayer {
    background: url(../img/delivery-truck1.svg) #444 right bottom ;
    background-size: 40px;
}
.accLayer:hover {
    background: url(../img/delivery-truck1.svg) #373737 right bottom ;
    background-size: 40px;
}

.mmenu {
    font-weight: normal;
}

#mobMenu {
    cursor:pointer;
}
.main-nav-2 {
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB) ;
    /*background: url(../img/tank1.svg) #f66200 ;*/
    transition: background 200ms;
    -webkit-background-size: 60px;
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
.main-nav-2:hover {
    background-image: url(../img/tank1.svg) f66200;
    background-size: 400% 400%;


}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}



.main-nav-3 {
    background: url(../img/petroleum1.svg) #444444;
    transition: background 200ms;
    -webkit-background-size: 60px;
    background-size: 40px;
}

.main-nav-3:hover {
    background: url(../img/petroleum1.svg) #333333;
    -webkit-background-size: 60px;
    background-size: 40px;
}

.main-nav-4 {
    background: url(../img/warehouse1.svg)  #444444;
    transition: background 200ms;
    -webkit-background-size: 60px;
    background-size: 40px;
}
.main-nav-4:hover{
    background: url(../img/warehouse1.svg) #333333;
    -webkit-background-size: 60px;
    background-size: 40px;
}

.main-nav-5 {
    background: url(../img/arrow_right.svg) no-repeat 95% #444;
    background-size: 20px;
    transition: background 200ms;
}

.main-nav-5:hover {
    background: url(../img/arrow_right.svg) no-repeat 100% #222;
    background-size: 20px;
}

.main-button-about {
    background: #3a5791 url(../img/lic.png) 3px no-repeat;
    color: #eee;
    height:110px;
    padding-left:68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    /*overflow: auto;*/
}

.flex-center-vertically {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.gallery-content div{
    padding:1px;
}

.gallery-content img {
    width:100%;
}

.main-mid {

}

.main-bottom {
    background: #333;
    color: #eee;
}

.clickdiv {
    cursor: pointer;
}

.main-no-padding {
    padding:0;
}

.centered-logo {
    position:relative;
    height:250px;
    background: rgba(255,255,255,.5);
    transition: background 200ms;
}

.centered-logo:hover {
    position:relative;
    height:250px;
    background: rgba(255,255,255,.8);
}

.centered-logo img {
    position: relative;
    left:50%;
    margin-left:-149px;
    margin-top:40px;
}

.addressTop {
    background: rgba(255,255,255,.5);
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.sticky {
    position: fixed;
    /*width: 100%;*/
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.leftmenu {
    background: none;
    color: #eeeeee;;
}

.leftmenu p {
    color: #eeeeee;
    background: #444;
    padding: 3px;
    margin: 1px;
}

.leftmenu p:hover {
    background: #353535;
}

.licImage {
    margin-bottom:30px;
}
.licImage span {
    color:#999;
}
.licdesc {
    color:#eee;
}
.liccont {
    border:1px solid #999;
    padding:20px;
    margin-bottom:20px;
}

#country, #phone {
    display: inline-block;
    width: auto;
}
label[for="phone"] {
    display: block;
}