.roundedpeople {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

h6 {
 color: #a5a4a4 !important;
 
}

.teamcontact {
 color: #0f123a !important;
 font-size: 1.1rem;
}

.teamphone {
 color: #000 !important;
 font-size: 1.1rem;
 font-weight: bold;
}

.teampic {
 max-height: 306px;
 overflow-y: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
 .teampic {
   max-height: 192px;
   overflow-y: hidden;
 }
}
@media (min-width: 1025px) and (max-width: 1340px) {
 .teampic {
   max-height: 220px;
   overflow-y: hidden;
 }
}
@media (min-width: 1340px) and (max-width: 1440px) {
 .teampic {
   max-height: 273px;
   overflow-y: hidden;
 }
}
@media (max-width: 768px){
 .teampic {
   max-height: 280px;
   overflow-y: hidden;
 }
}

.visit-six {
 background-color: #fff;
 display: flex;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-six {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-six {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-six {
     display: block
 }
}

.visit-six .tailor-details {
 width: 57%;
 padding: 20px 90px 20px 380px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-six .tailor-details {
     width: 50%;
     padding: 20px 30px 20px 80px
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-six .tailor-details {
     width: 50%;
     padding: 20px 30px 20px 80px
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-six .tailor-details {
     width: 55%;
     padding: 20px 30px 20px 80px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-six .tailor-details {
     width: 82%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-six .tailor-details {
     width: 100%;
     padding: 0px 30px
 }
}

@media (max-width: 575px) {
 .visit-six .tailor-details {
     width: 100%;
     padding: 0px 30px
 }
}

.visit-six .tailor-details .pera {
 padding-top: 20px;
 font-size: 28px;
 color: #0f123a;
 font-weight: 300;
 margin-bottom: 40px
}

.visit-six .visit-team {
 background-image: url(../img/gallery/visit6.jpg);
 background-size: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 height: 450px;
 width: 43%
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-six .visit-team {
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-six .visit-team {
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-six .visit-team {
     width: 46%
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-six .visit-team {
     width: 100%
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-six .visit-team {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-six .visit-team {
     height: 400px;
     width: 100%
 }
}

@media (max-width: 575px) {
 .visit-six .visit-team {
     height: 300px;
     width: 100%
 }
}




.visit-seven {
 background-color: #fff;
 display: flex;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-seven {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-seven {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-seven {
     display: block
 }
}

.visit-seven .tailor-details {
 width: 57%;
 padding: 20px 90px 20px 380px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-seven .tailor-details {
     width: 50%;
     padding: 20px 30px 20px 80px
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-seven .tailor-details {
     width: 50%;
     padding: 20px 30px 20px 80px
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-seven .tailor-details {
     width: 55%;
     padding: 20px 30px 20px 80px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-seven .tailor-details {
     width: 82%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-seven .tailor-details {
     width: 100%;
     padding: 0px 30px
 }
}

@media (max-width: 575px) {
 .visit-seven .tailor-details {
     width: 100%;
     padding: 0px 30px
 }
}

.visit-seven .tailor-details .pera {
 padding-top: 20px;
 font-size: 28px;
 color: #0f123a;
 font-weight: 300;
 margin-bottom: 40px
}

.visit-seven .visit-team {
 background-image: url(../img/gallery/visit7.jpg);
 background-size: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 height: 450px;
 width: 43%
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-seven .visit-team {
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-seven .visit-team {
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-seven .visit-team {
     width: 46%
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-seven .visit-team {
     width: 100%
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-seven .visit-team {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-seven .visit-team {
     height: 400px;
     width: 100%
 }
}

@media (max-width: 575px) {
 .visit-seven .visit-team {
     height: 300px;
     width: 100%
 }
}




.visit-eight {
 background-color: #fff;
 display: flex;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-eight {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-eight {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-eight {
     display: block
 }
}

.visit-eight .tailor-details {
 width: 35%;
 padding: 20px 40px 20px 80px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-eight .tailor-details {
     width: 49%;
     padding: 20px 20px 20px 50px
 }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-eight .tailor-details {
     width: 55%
 }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
 .visit-eight .tailor-details {
     width: 41%
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-eight .tailor-details {
     width: 82%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-eight .tailor-details {
     width: 100%;
     padding: 50px 30px
 }
}

@media (max-width: 575px) {
 .visit-eight .tailor-details {
     width: 100%;
     padding: 50px 30px
 }
}

.visit-eight .visit-team {
 background-image: url(../img/gallery/visit1.jpg);
 background-size: cover;
 background-size: 100% 100%;
 background-repeat: no-repeat;
 background-position: center center;
 height: 850px;
 width: 52%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-eight .visit-team {
     width: 60%
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-eight .visit-team {
     width: 100%
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-eight .visit-team {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-eight .visit-team {
     height: 400px;
     width: 100%
 }
}

@media (max-width: 575px) {
 .visit-eight .visit-team {
     height: 300px;
     width: 100%
 }
}

.visit-eight .visit-tos {
 background-image: url(../img/gallery/visit8.jpg);
 background-size: cover;
 background-size: 100% 100%;
 background-repeat: no-repeat;
 background-position: center center;
 height: 850px;
 width: 52%
}


.visit-eight .single-items h4 {
 font-size: 20px;
 font-weight: 600;
 color: #0f123a;
 margin-bottom: 15px
}

.visit-eight .single-items p {
 font-size: 16px;
 font-weight: 400
}

.visit-eight .collapse-wrapper .accordion-item {
 border: 0;
 border-radius: 0;
 margin-bottom: 0px;
 border-radius: 4px;
 border-top: 1px solid #E5E5E5;
 border-bottom: 1px solid #E5E5E5
}

.visit-eight .collapse-wrapper .accordion:last-child {
 margin-bottom: 0px
}

.visit-eight .collapse-wrapper .accordion-header {
 padding: 0;
 border-radius: 0;
 background: none;
 border: 0
}

.visit-eight .collapse-wrapper .accordion-header .accordion-button {
 background: none;
 border: 0;
 text-align: left;
 color: #0f123a;
 padding: 20px 10px 21px 0px;
 font-size: 20px;
 font-weight: 700;
 border-radius: 0;
 display: block;
 text-decoration: none
}

@media (max-width: 575px) {
 .visit-eight .collapse-wrapper .accordion-header .accordion-button {
     padding: 20px 0px 21px 13px
 }
}

.visit-eight .collapse-wrapper .accordion-header .accordion-button::after {
 position: absolute;
 top: 24px;
 font-size: 15px;
 color: #0f123a;
 right: 18px;
 font-weight: 700;
 content: "\e648";
 font-family: 'themify';
 background-image: none;
 outline: 0;
 transform: rotate(0deg)
}

.visit-eight .collapse-wrapper .accordion-header .accordion-button.collapsed {
 border: 0
}

.visit-eight .collapse-wrapper .accordion-header .accordion-button.collapsed::after {
 content: "\e64b";
 font-weight: 800
}

.visit-eight .collapse-wrapper .accordion-header .accordion-button:focus {
 box-shadow: none
}

.visit-eight .collapse-wrapper .accordion-collapse {
 border: 0
}

.visit-eight .collapse-wrapper .accordion-collapse.show {
 background: #fff
}

.visit-eight .collapse-wrapper .accordion-collapse .accordion-body {
 -webkit-transition: all .3s ease-out 0s;
 -moz-transition: all .3s ease-out 0s;
 -ms-transition: all .3s ease-out 0s;
 -o-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s;
 background: #fff;
 padding: 20px 5px
}


.visit-trading-video {
 background: #F8F8F8;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-trading-video {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-trading-video {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-trading-video {
     display: block
 }
}

.visit-trading-video .tailor-details {
 width: 50%;
 padding: 20px 100px 20px 300px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-trading-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-trading-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-trading-video .tailor-details {
     width: 53%;
     padding: 50px 20px 20px 50px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-trading-video .tailor-details {
     width: 76%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-trading-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

.visit-trading-video .tailor-details span {
 color: #000;
 margin-bottom: 22px;
 display: block
}

.visit-trading-video .tailor-details h2 {
 color: #000;
 font-size: 58px;
 display: block;
 font-weight: 600;
 line-height: 1.1;
 margin-bottom: 40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-trading-video .tailor-details h2 {
     font-size: 37px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-trading-video .tailor-details h2 {
     font-size: 50px
 }
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-details h2 {
     font-size: 26px
 }
}

.visit-trading-video .tailor-details p {
 line-height: 1.7;
 font-size: 18px
}

.visit-trading-video .tailor-details p.pera-bottom {
 margin-bottom: 41px
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-details p.pera-bottom {
     font-size: 15px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-trading-video .tailor-details p.pera-bottom {
     font-size: 13px
 }
}

.visit-trading-video .tailor-offers {
 background-image: url(../img/gallery/visit11.jpg);
 background-size: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 height: 528px;
 width: 50%
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-trading-video .tailor-offers {
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-trading-video .tailor-offers {
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-trading-video .tailor-offers {
     width: 49%;
     height: 560px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-trading-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-trading-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

.visit-trading-video .tailor-offers .video-icon {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 text-align: center
}

.visit-trading-video .tailor-offers .video-icon a {
 background: #fff;
 color: #F04506;
 width: 100px;
 height: 100px;
 display: inline-block;
 text-align: center;
 line-height: 100px;
 border-radius: 50%
}

.visit-trading-video .tailor-offers .video-icon a img {
 position: relative;
 z-index: 1
}

.visit-trading-video .tailor-offers .video-icon a::after {
 position: absolute;
 border: 100px solid rgba(255, 255, 255, 0.3);
 content: "";
 border-radius: 50%;
 left: -49px;
 top: -50px;
 right: 0;
 z-index: 0;
 background: #0000
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-offers .video-icon a::after {
     border: 70px solid rgba(225, 255, 255, 0.2);
     left: -35px;
     top: -34px;
     right: 0;
     position: unset;
     border: 0
 }
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-offers .video-icon a {
     width: 60px;
     height: 60px;
     line-height: 60px
 }
}

.visit-trading-video .tailor-offers .video-icon a i {
 font-size: 20px;
 font-size: 20px;
 line-height: 1;
 position: relative;
 right: -2px;
 top: 2px;
 color: #F04506
}

.visit-trading-video .tailor-offers .video-icon a:hover i {
 color: #fff
}

.visit-trading-video .tailor-offers .video-icon a.btn-icon {
 position: relative
}

.visit-trading-video .tailor-offers .video-icon a.btn-icon::before {
 content: '';
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 bottom: -2px;
 right: -2px;
 border-radius: inherit;
 border: 1px solid #fff;
 -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
 animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite
}

@media (max-width: 575px) {
 .visit-trading-video .tailor-offers .video-icon a.btn-icon::before {
     position: unset;
     border: 0
 }
}



.visit-bunkering-video {
 background: #F8F8F8;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-bunkering-video {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-bunkering-video {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-bunkering-video {
     display: block
 }
}

.visit-bunkering-video .tailor-details {
 width: 50%;
 padding: 20px 100px 20px 300px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-bunkering-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-bunkering-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-bunkering-video .tailor-details {
     width: 53%;
     padding: 50px 20px 20px 50px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-bunkering-video .tailor-details {
     width: 76%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-bunkering-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

.visit-bunkering-video .tailor-details span {
 color: #000;
 margin-bottom: 22px;
 display: block
}

.visit-bunkering-video .tailor-details h2 {
 color: #000;
 font-size: 58px;
 display: block;
 font-weight: 600;
 line-height: 1.1;
 margin-bottom: 40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-bunkering-video .tailor-details h2 {
     font-size: 37px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-bunkering-video .tailor-details h2 {
     font-size: 50px
 }
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-details h2 {
     font-size: 26px
 }
}

.visit-bunkering-video .tailor-details p {
 line-height: 1.7;
 font-size: 18px
}

.visit-bunkering-video .tailor-details p.pera-bottom {
 margin-bottom: 41px
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-details p.pera-bottom {
     font-size: 15px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-bunkering-video .tailor-details p.pera-bottom {
     font-size: 13px
 }
}

.visit-bunkering-video .tailor-offers {
 background-image: url(../img/gallery/visit12.jpg);
 background-size: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 height: 528px;
 width: 50%
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-bunkering-video .tailor-offers {
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-bunkering-video .tailor-offers {
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-bunkering-video .tailor-offers {
     width: 49%;
     height: 560px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-bunkering-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-bunkering-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

.visit-bunkering-video .tailor-offers .video-icon {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 text-align: center
}

.visit-bunkering-video .tailor-offers .video-icon a {
 background: #fff;
 color: #F04506;
 width: 100px;
 height: 100px;
 display: inline-block;
 text-align: center;
 line-height: 100px;
 border-radius: 50%
}

.visit-bunkering-video .tailor-offers .video-icon a img {
 position: relative;
 z-index: 1
}

.visit-bunkering-video .tailor-offers .video-icon a::after {
 position: absolute;
 border: 100px solid rgba(255, 255, 255, 0.3);
 content: "";
 border-radius: 50%;
 left: -49px;
 top: -50px;
 right: 0;
 z-index: 0;
 background: #0000
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-offers .video-icon a::after {
     border: 70px solid rgba(225, 255, 255, 0.2);
     left: -35px;
     top: -34px;
     right: 0;
     position: unset;
     border: 0
 }
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-offers .video-icon a {
     width: 60px;
     height: 60px;
     line-height: 60px
 }
}

.visit-bunkering-video .tailor-offers .video-icon a i {
 font-size: 20px;
 font-size: 20px;
 line-height: 1;
 position: relative;
 right: -2px;
 top: 2px;
 color: #F04506
}

.visit-bunkering-video .tailor-offers .video-icon a:hover i {
 color: #fff
}

.visit-bunkering-video .tailor-offers .video-icon a.btn-icon {
 position: relative
}

.visit-bunkering-video .tailor-offers .video-icon a.btn-icon::before {
 content: '';
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 bottom: -2px;
 right: -2px;
 border-radius: inherit;
 border: 1px solid #fff;
 -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
 animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite
}

@media (max-width: 575px) {
 .visit-bunkering-video .tailor-offers .video-icon a.btn-icon::before {
     position: unset;
     border: 0
 }
}


.visit-risk-video {
 background: #F8F8F8;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-risk-video {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-risk-video {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-risk-video {
     display: block
 }
}

.visit-risk-video .tailor-details {
 width: 50%;
 padding: 20px 100px 20px 300px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-risk-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-risk-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-risk-video .tailor-details {
     width: 53%;
     padding: 50px 20px 20px 50px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-risk-video .tailor-details {
     width: 76%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-risk-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

.visit-risk-video .tailor-details span {
 color: #000;
 margin-bottom: 22px;
 display: block
}

.visit-risk-video .tailor-details h2 {
 color: #000;
 font-size: 58px;
 display: block;
 font-weight: 600;
 line-height: 1.1;
 margin-bottom: 40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-risk-video .tailor-details h2 {
     font-size: 37px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-risk-video .tailor-details h2 {
     font-size: 50px
 }
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-details h2 {
     font-size: 26px
 }
}

.visit-risk-video .tailor-details p {
 line-height: 1.7;
 font-size: 18px
}

.visit-risk-video .tailor-details p.pera-bottom {
 margin-bottom: 41px
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-details p.pera-bottom {
     font-size: 15px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-risk-video .tailor-details p.pera-bottom {
     font-size: 13px
 }
}

.visit-risk-video .tailor-offers {
 background-image: url(../img/gallery/visit14.jpg);
 background-size: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 height: 528px;
 width: 50%
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-risk-video .tailor-offers {
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-risk-video .tailor-offers {
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-risk-video .tailor-offers {
     width: 49%;
     height: 560px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-risk-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-risk-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

.visit-risk-video .tailor-offers .video-icon {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 text-align: center
}

.visit-risk-video .tailor-offers .video-icon a {
 background: #fff;
 color: #F04506;
 width: 100px;
 height: 100px;
 display: inline-block;
 text-align: center;
 line-height: 100px;
 border-radius: 50%
}

.visit-risk-video .tailor-offers .video-icon a img {
 position: relative;
 z-index: 1
}

.visit-risk-video .tailor-offers .video-icon a::after {
 position: absolute;
 border: 100px solid rgba(255, 255, 255, 0.3);
 content: "";
 border-radius: 50%;
 left: -49px;
 top: -50px;
 right: 0;
 z-index: 0;
 background: #0000
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-offers .video-icon a::after {
     border: 70px solid rgba(225, 255, 255, 0.2);
     left: -35px;
     top: -34px;
     right: 0;
     position: unset;
     border: 0
 }
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-offers .video-icon a {
     width: 60px;
     height: 60px;
     line-height: 60px
 }
}

.visit-risk-video .tailor-offers .video-icon a i {
 font-size: 20px;
 font-size: 20px;
 line-height: 1;
 position: relative;
 right: -2px;
 top: 2px;
 color: #F04506
}

.visit-risk-video .tailor-offers .video-icon a:hover i {
 color: #fff
}

.visit-risk-video .tailor-offers .video-icon a.btn-icon {
 position: relative
}

.visit-risk-video .tailor-offers .video-icon a.btn-icon::before {
 content: '';
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 bottom: -2px;
 right: -2px;
 border-radius: inherit;
 border: 1px solid #fff;
 -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
 animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite
}

@media (max-width: 575px) {
 .visit-risk-video .tailor-offers .video-icon a.btn-icon::before {
     position: unset;
     border: 0
 }
}

.visit-support-video {
 background: #F8F8F8;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-align: center;
 -moz-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-support-video {
     display: block
 }
}

@media (max-width: 575px) {
 .visit-support-video {
     display: block
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-support-video {
     display: block
 }
}

.visit-support-video .tailor-details {
 width: 50%;
 padding: 20px 100px 20px 300px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-support-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-support-video .tailor-details {
     padding: 20px 80px 20px 80px;
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-support-video .tailor-details {
     width: 53%;
     padding: 50px 20px 20px 50px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-support-video .tailor-details {
     width: 76%;
     padding: 50px 30px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-support-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

@media (max-width: 575px) {
 .visit-support-video .tailor-details {
     width: 100%;
     padding: 50px 30px;
     padding-top: 50px
 }
}

.visit-support-video .tailor-details span {
 color: #000;
 margin-bottom: 22px;
 display: block
}

.visit-support-video .tailor-details h2 {
 color: #000;
 font-size: 58px;
 display: block;
 font-weight: 600;
 line-height: 1.1;
 margin-bottom: 40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-support-video .tailor-details h2 {
     font-size: 37px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-support-video .tailor-details h2 {
     font-size: 50px
 }
}

@media (max-width: 575px) {
 .visit-support-video .tailor-details h2 {
     font-size: 26px
 }
}

.visit-support-video .tailor-details p {
 line-height: 1.7;
 font-size: 18px
}

.visit-support-video .tailor-details p.pera-bottom {
 margin-bottom: 41px
}

@media (max-width: 575px) {
 .visit-support-video .tailor-details p.pera-bottom {
     font-size: 15px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-support-video .tailor-details p.pera-bottom {
     font-size: 13px
 }
}

.visit-support-video .tailor-offers {
 background-image: url(../img/gallery/visit13.jpg);
 background-size: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 height: 528px;
 width: 50%
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
 .visit-support-video .tailor-offers {
     width: 50%
 }
}

@media (min-width: 1401px) and (max-width: 1600px) {
 .visit-support-video .tailor-offers {
     width: 50%
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .visit-support-video .tailor-offers {
     width: 49%;
     height: 560px
 }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
 .visit-support-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .visit-support-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

@media (max-width: 575px) {
 .visit-support-video .tailor-offers {
     width: 100%;
     height: 400px
 }
}

.visit-support-video .tailor-offers .video-icon {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 text-align: center
}

.visit-support-video .tailor-offers .video-icon a {
 background: #fff;
 color: #F04506;
 width: 100px;
 height: 100px;
 display: inline-block;
 text-align: center;
 line-height: 100px;
 border-radius: 50%
}

.visit-support-video .tailor-offers .video-icon a img {
 position: relative;
 z-index: 1
}

.visit-support-video .tailor-offers .video-icon a::after {
 position: absolute;
 border: 100px solid rgba(255, 255, 255, 0.3);
 content: "";
 border-radius: 50%;
 left: -49px;
 top: -50px;
 right: 0;
 z-index: 0;
 background: #0000
}

@media (max-width: 575px) {
 .visit-support-video .tailor-offers .video-icon a::after {
     border: 70px solid rgba(225, 255, 255, 0.2);
     left: -35px;
     top: -34px;
     right: 0;
     position: unset;
     border: 0
 }
}

@media (max-width: 575px) {
 .visit-support-video .tailor-offers .video-icon a {
     width: 60px;
     height: 60px;
     line-height: 60px
 }
}

.visit-support-video .tailor-offers .video-icon a i {
 font-size: 20px;
 font-size: 20px;
 line-height: 1;
 position: relative;
 right: -2px;
 top: 2px;
 color: #F04506
}

.visit-support-video .tailor-offers .video-icon a:hover i {
 color: #fff
}

.visit-support-video .tailor-offers .video-icon a.btn-icon {
 position: relative
}

.visit-support-video .tailor-offers .video-icon a.btn-icon::before {
 content: '';
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 bottom: -2px;
 right: -2px;
 border-radius: inherit;
 border: 1px solid #fff;
 -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
 animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite
}

@media (max-width: 575px) {
 .visit-support-video .tailor-offers .video-icon a.btn-icon::before {
     position: unset;
     border: 0
 }
}

.btn_011 {
 color: #ffffff !important;
 border: 2px solid #ffffff;
 display: inline-block;
 padding: 14px 32px;
 text-transform: capitalize;
 font-size: 18px;
 font-weight: 700;
 background: none;
 border-radius: 0px
}

.btn_011 i {
 color: #ffffff;
 -webkit-transition: all .4s ease-out 0s;
 -moz-transition: all .4s ease-out 0s;
 -ms-transition: all .4s ease-out 0s;
 -o-transition: all .4s ease-out 0s;
 transition: all .4s ease-out 0s;
 font-size: 16px;
 font-weight: 500;
 position: relative;
 left: 7px;
 top: 2px
}

.btn_011:hover {
 background-color: #0f123a;
 border: 2px solid #0f123a;
 color: #fff !important
}

.btn_011:hover i {
 color: #fff
}