.btn {
    font-size: 14px
}

a {
    color: #673ab7
}

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #673ab7;
    box-shadow: 0 1px 0 0 #673ab7
}

input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #673ab7!important
}

.brand-color,
.brand-icon,
.team-title h3 a:hover,
.team-social-links li a:hover,
.contact-info .mail a:hover,
.portfolio-with-title .portfolio-title h2 a:hover,
.portfolio-with-title .portfolio-title p a:hover {
    color: #673ab7!important
}

.brand-bg,
.brand-hover:hover,
.icon-hover-brand:hover .icon {
    background-color: #673ab7!important
}

.brand-kurier,
.brand-hover:hover,
.icon-hover-brand:hover .icon {
    background-image: url(../../img/kurier/list_biru.png);
}

.brand-bg.darken-2 {
    background-color: #512da8!important
}

.menuzord-menu>li {
    margin-left: 15px
}

.active-search .search-trigger .search-btn {
    background-color: rgba(103, 58, 183, .9)
}

.overlay.purple-1::before {
    background-color: rgba(76, 35, 149, .1)
}

.overlay.purple-2::before {
    background-color: rgba(76, 35, 149, .2)
}

.overlay.purple-3::before {
    background-color: rgba(76, 35, 149, .3)
}

.overlay.purple-4::before {
    background-color: rgba(76, 35, 149, .4)
}

.overlay.purple-5::before {
    background-color: rgba(76, 35, 149, .5)
}

.overlay.purple-6::before {
    background-color: rgba(76, 35, 149, .6)
}

.overlay.purple-7::before {
    background-color: rgba(81, 52, 145, .7)
}

.breadcrumb li a {
    color: #fff
}

.breadcrumb li a:hover,
.breadcrumb>.active {
    color: #c5a5fe
}

.page-title.cover-1 {
    background-image: url(../../img/creative/cover-1.jpg)
}

.page-title.cover-2 {
    background-image: url(../../img/creative/cover-2.jpg)
}

.page-title.cover-3 {
    background-image: url(../../img/creative/cover-3.jpg)
}

.page-title.cover-4 {
    background-image: url(../../img/creative/cover-4.jpg)
}

.creative-banner-1 {
    background-image: url(../../img/banner/slide-home.png);
    background-position: 69% 90%;
    border-bottom-right-radius: 65% 20%;
}

.creative-banner-4 {
    background-image: url(../../img/banner/slide-about.png);
    background-position: 90% 5%;
    border-bottom-right-radius: 30% 20%;
}
.creative-services-5 {
    background-image: url(../../img/kurier/service_atas.png);
    background-repeat: no-repeat;
    background-size: 1200px 600px;
    background-position: 300px 500px;
}

.creative-banner-2 {
    background-image: url(../../img/creative/creative-banner-2.jpg)
}

.creative-banner-3 {
    background-image: url(../../img/creative/creative-banner-3.jpg)
}

.portfolio-wrapper .bg-overlay {
    background-color: rgba(103, 58, 183, .9)
}

.process-wrapper {
    padding: 110px 110px 0
}

@media screen and (max-width:991px) {
    .process-bg-wrapper img {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .process-wrapper {
        padding: 110px 30px 0
    }
}

.browser-wrapper img {
    display: block;
    margin: 0 auto
}

.process-in {
    position: relative;
    text-align: center
}

.process-in:before {
    top: 35px;
    width: 75%;
    left: 12%;
    content: " ";
    display: block;
    position: absolute;
    border-top: dashed 1px #e6e6e6
}

@media(max-width:768px) {
    .process-in:before {
        border: 0
    }
}

.process-in>li .process-number {
    width: 70px;
    height: 70px;
    font-size: 37px;
    font-weight: 500;
    line-height: 60px;
    color: #673ab7;
    background: #fff;
    margin-bottom: 30px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.process-in>li:hover .process-number {
    color: #fff;
    background: #673ab7
}

.process-in .process-desc {
    padding: 0 20px;
    color: #fff
}

.process-in .process-desc h2 {
    margin-bottom: 20px
}

.about-intro {
    padding: 0 120px
}

@media(min-width:1920px) {
    .about-intro {
        padding: 0 120px 0 0
    }
}

.about-intro h2 {
    font-size: 41px;
    margin-bottom: 10px
}

.about-intro span {
    font-size: 18px;
    display: inline-block
}

@media screen and (max-width:768px) {
    .about-intro {
        padding: 0 30px
    }
}

.about-intro ul {
    margin-bottom: 0
}

.about-intro ul li {
    font-size: 16px
}

.about-intro ul li+li {
    margin-top: 10px
}

.about-intro ul li i.material-icons {
    position: relative;
    top: 5px
}

.my-hobbies,
.clients-say {
    padding: 0 100px
}

.clients-say .testimonial-meta span {
    color: #c5a5ff
}

.facts {
    padding: 110px
}

.facts h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .about-intro,
    .my-hobbies,
    .clients-say {
        padding: 60px
    }
    .facts {
        padding: 50px 30px
    }
}

@media screen and (max-width:530px) {
    .about-intro,
    .my-hobbies,
    .clients-say {
        padding: 15px
    }
}

.portfolio-overview h2 {
    font-size: 36px;
    margin-top: 5px;
    margin-bottom: 25px
}

.footer p,
.footer-list li a {
    color: #f5f5f5
}

.copy-text,
.copy-text a:hover,
.footer-list li a:hover,
.twitter-widget-wrapper a {
    color: #c5a4ff
}

.twitter-widget-wrapper a:hover {
    color: #fff
}

.primary-footer .widget .form-control {
    border: 1px solid transparent
}

.primary-footer .form-group input[type=text],
.primary-footer .form-group input[type=email] {
    color: #999;
    background-color: #fff;
    width: 76%;
    float: left;
    border: 0!important
}

.primary-footer .form-group button {
    background: #00aeef;
    border: 1px solid transparent;
    color: #fff
}

.primary-footer.brand-bg .form-group input::-webkit-input-placeholder {
    color: #c5a4ff
}

.primary-footer.brand-bg .form-group input::-moz-placeholder {
    color: #c5a4ff
}

.primary-footer.brand-bg .form-group input:-ms-input-placeholder {
    color: #c5a4ff
}

#gutterku{
    background-color: #4285F4;
    border-radius: 60px;
}

#gutterku h3{
    padding: 20px 20px 0 30px;
    line-height: 35px;
    margin: 0!important;
}

#gutterku img{
    padding: 20px 20px 20px 30px;
}
span#text11{
    font-size: 10px;
    color: #fff;
}

span.text12{
    color: #fff;
    font-size: 26px;
}

#kurier{
  list-style-type: none;
}
#kurierli>li::before{
    content: "• ";
    color      : #4C8BF5 ;
    font-weight: bold;
    font-size: 20px;
}

.strip .row.text-center{
    padding: 100px 0;
    border-bottom: 2px solid #DEDEDE;
}

#head-office .HO{
    position: absolute;
    padding-top: 30px;
}

#section-contact{
    padding-top: 100px;
}

#contact{
    padding: 65px 0;
}

.image img{
    margin-left: 150px;
}

#contact #head-office{
    border-left: 3px solid #DEDEDE;
}

.warehouse{
    padding-top: 30px;
}

#services{
    padding: 50px 0;
}

#trace{
    margin: 0!important;
}

.search-button{
    position: absolute;
    right: 20px;
    bottom: 10px;
    background-color: #4C8BF5!important;
}

#package{
    padding: 15% 0;
}

@media(max-width:991px) {
    #package{
        padding: 35% 0;
    }
    .table-awb{
        margin-top: 80px;
    }
}

.desc{
    position: relative;
    bottom: -40px;
}

.desc p{
    color: #000000 !important;
}

.logo-client{
    height: 100px!important;
}