/*
  Theme Name: Startesk - Cargo, Logistics & Transport HTML5 Template
  Support: brother.raza.70@gmail.com
  Description: Cargo, Logistics & Transport HTML5 Template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. Header
3. Fare-rate-modal
4. Search modal
5. Breadcrumb
6. Slider
7. Category
8. About
9. Services
10. Video
11. Testimonial
12. Faq
13. Cta
14. Choose
15. Gallery
16. Fact
17. Control
18. Rating
19. Pricing
20. Support
21. Tracking
22. Blog
23. Pagination
24. Brand
25. Newsletter
26. Footer
27. Preloader

*/

img.img-responsive {
    max-width: 100%;
    border-radius: 22px;
    box-shadow: 0px 0px 1px 0px #000;
    display: block;
    position: relative;
    top: 60px !important;
}

.bb1  {
    padding: 2vw;
    background: #fdfdfd;
    border: 1px solid #f1f1f1;
    margin: 1vw auto;
	min-height:16vw;
}

.bb1 .category-title {
    padding: 0vw;
    margin: 0vw;
}

.bb1 .section-title {
    padding: 0vw;
    margin: 0vw;
}

.bb1 h2 {
    padding: 1vw 0vw;
    margin: 0vw;
}

.bb1 p {
    padding: 0vw 0vw;
    margin: 0vw;
}




.brand-area {
    padding: 1vw;
    background: #fdfdfd;
    border: 1px solid #f1f1f1;
    margin: 3vw;
}

.header-main.header-inner {
    height: 50vh;
}
.header-main {
    position: relative;
    height: 90vh;
    background-color: #313131;
}

.header-main .header-bk {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.header-main .header-bk-img {
    position: absolute;
    width: 100%;
    height: 120%;
}

.darken {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-132deg, #061537 0%, #4AA9CD 100%);
    z-index: 2;
    opacity: 0.5;
    pointer-events: none;
}


.header-main .h-title-wrap {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 100%;
}
.text-center {
    text-align: center;
}

.header-main .h-title {
    position: absolute;
    bottom: auto;
    margin-top: 80px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    padding: 0px;
    padding-top: 0px;
    width: 100%;
}

.fade-up-load.is-active {
    animation: fadeUp 1s cubic-bezier(0.6, 0.2, 0.1, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.h-title h1 {
    color: #fff;
    margin-bottom: 12px;
    margin-right: auto;
    margin-left: auto;
}
.has-delay-1 {
    animation-delay: 0.2s;
}



.fade-up-load.is-active {
    animation: fadeUp 1s cubic-bezier(0.6, 0.2, 0.1, 1);
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.h-title p {
    font-size: 24px;
    letter-spacing: 0.1em;
    margin: 0;
    font-weight: 700;
    display: block;
    padding-top: 0px;
    line-height: 160%;
    color: #fff;
    text-transform: uppercase;
}


.pt-190 {
    padding-top: 4vw;
}


.has-img-bk {
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.pad-lg {
    padding-top: 90px;
    padding-bottom: 90px;
}

.fade-up.is-active, .fade-down.is-active, .fade-up-box.is-active>div {
    transform: translateY(0px);
    opacity: 1;
}
.fade-up {
    transform: translateY(24px);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}

.has-img-bk h2 {
    color: #fff;
    margin-bottom: 32px;
}

.container-bk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-132deg, #061537 0%, #4AA9CD 100%);
    z-index: 2;
    opacity: 0.5;
}

.list-social {
    padding: 0;
    margin: 0;
}

.team .list-social li:hover {
    opacity: 0.7;
}

.team .list-social li {
    margin-left: 0;
    margin-right: 16px;
    transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.list-social li:hover {
    opacity: 0.5;
}

.category-content {
    padding-bottom: 3vw;
}

.members{ padding:3vw 3vw 7vw 3vw;}

.members-content .members-title h3{padding:2vw 0vw  0vw  0vw;}
.members-content .members-title h4{
        font-weight: 500;
      font-size: 16px;
      padding-bottom:1vw;
}

.members-bg {
	position: relative;
	z-index: 9;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 40px;
}


section.slider-about {
    background: url("https://www.orangeshiplog.com/wp-content/uploads/2017/07/cover-1.jpg") no-repeat center bottom;
    background-size: cover;
}

.h-title h1 {
    color: #fff;
    margin-bottom: 12px;
    margin-right: auto;
    margin-left: auto;
    font-size: 64px;
    font-weight: 800;
}

h4, .h4 {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 14px;
    color: #0D2B3E;
    line-height: 130%;
    font-weight: 700;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    margin-bottom: 0.5em;
}

p {
    font-size: 17px;
    color: #394D58;
    line-height: 160%;
    margin-bottom: 1.5em;
}