body {
/*    font-family: 'Roboto', sans-serif;*/
    font-family: 'Oxygen', sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: var(--night-black);
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
}  
h1, h2, h3, h4, h5, h6, a, span, li, ol { margin: 0; } 
button:focus{  outline: none; }
[class*="col-"]{ min-height: 0; }
.main-content{ min-height: 500px; }
.bw { background-color: #fff; }
/*=================================*/
.swal-button {  font-size: 16px; }
.swal-button--confirm { display: none; }
.swal-text {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.swal-button--no, .swal-button--no:hover, .swal-button--no:active {
    background-color: var(--strawberry-red);
    box-shadow: none;
}
.swal-button--yes, .swal-button--yes:focus, .swal-button--yes:hover, .swal-button--yes:active {
    background-color: #ededed;
    color: #0a436c;
    box-shadow: none;
}
/*=================================*/
.row{ margin: 0; }
img{
    color: #bbb;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} 
.inline-block { display: inline-block; }
.relative { position: relative; }
.no-padding{ padding: 0; }
.white{ color: #fff; }

a:link, a:visited, a:active { text-decoration: none; outline: none; color: var(--a_href_color); }
a:hover{ color: var(--strawberry-red); transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; }
ul { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
h1 { font-size: 1.8em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; color: var(--h5_color); }
h6 { font-size: 1em; }
.centered{
    margin: auto;
    float: none;
}
.form-control:focus {
    border-color: var(--strawberry-red); 
    box-shadow: none;
}
.slick-initialized .slick-slide { height: auto; } 
.flex-center{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
}
/*========================*/
.langs button{
    padding: 0;
    background: transparent;
    border: none;
    margin: 0 15px;
}
.langs ul{
    min-width: 100%;
    padding: 0;
    background: rgba(0,0,0,.4);
    box-shadow: 0 0 3px #ddd;
    text-align: center;
}
.langs ul li{ display: block !important; }
.langs ul li a{
    line-height: unset !important; 
    padding: 0;
}
.langs ul li a:hover{
    background-color: transparent;
    opacity: .7;
}
.langs img{
     max-height: 25px;
     margin: 3px 0;
}
/* Header */
header { 
    z-index: 10;
    background-color: #090a14; 
    color: #fff;
    position: relative;
}  
header .logo { padding: 10px 0; }
header .logo img {
    max-height: 55px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s all;
}
.stickyHeader{
    position: sticky;
    top: 0;
}
/*.stickyHeader .logo img{
    max-height: 50px;
}*/
header .site-navigation li { 
    display: inline-block;
    position: relative;
} 

header .site-navigation li a{
    display: block;
    margin: 0px 6px;
    letter-spacing: 1px;
    line-height: 65px;
    text-transform: uppercase; 
}    
header .b2blink{
    font-weight: 600;
    position: relative; 
} 
.footer-links li{
    display: block;
    width: 100%;
}
#start-page .site-navigation li, #start-page  .footer-links li{
    display: inline-block;
} 
.show-us{
     display: inline-block !important;
}
/*===============================*/
.site-navigation .drop-2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 160px; 
    z-index: 3;
    text-align: left;
}
.site-navigation .drop-2 li { 
    background-color: var(--menu_bg); 
    line-height: 1;
}  
.site-navigation .drop-2 li a{
    display: block; 
}
.site-navigation .drop-3 li a{
    padding: 10px 10px 10px 25px;
}
.header-dropdown:hover .drop-2{
    display: block;
}
 /*===============================*/
header .dropdown-nav > a i {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px;
}  
header .row {
	display: flex;
	align-items: center;
    flex-wrap: wrap;
	display: -webkit-flex;
    -webkit-flex-wrap: wrap;
	-webkit-align-items: center; 
} 
header .exit, #navigationToggle {
    display: none;
}
header .exit i{
    padding: 0 30px;
    color: #fff;
    font-size: 20px;
}
#admin-menu {
    padding: 2px 0px;
    background-color: #f2f2f2;
} 
/*- Mail slider -*/ 
.main-slider { 
    margin: 0px !important; 
    max-height: 550px;
    overflow: hidden;
}
 
#JSmain-slider .sliderText, .banners .sliderText{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 550px;
    z-index: 1; 
    background: rgba(0,0,0,.5); 
    font-size: 20px; 
}
.banners .sliderText{
    font-size: 15px;
}
#JSmain-slider .sliderText div > *, .banners .sliderText div > *{
    margin: 10px 0;
    text-shadow: 0 0 1px #000;
    color: #fff;
    padding: 5px 50px;
    display: inline-block;
}
.banners .sliderText div > *{
    margin: 5px 0; 
}
.main-slider img{ 
    margin: auto;
    width: 100%;
}
.slider-link {
    background: rgba(0,0,0,.5);
    padding: 5px 15px !important;
    border: 1px solid rgba(242,242,242,.3);
    box-shadow: 2px 2px rgba(242,242,242,.3)
} 
.slider-link:hover{
    box-shadow: 0 0 rgba(242,242,242,.3)
}  
/* #JSmain-slider .slick-next, #JSmain-slider .slick-prev {
    height: 60px;
    width: 30px;
    left: -31px;     
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.6);
    box-shadow: 0 0 3px rgba(242,242,242,.7); 
    transition: .2s ease-in-out;
}
#JSmain-slider .slick-next {
    right: -31px;
    left: unset;  
}
#JSmain-slider:hover .slick-next {
    right: 0;
}
#JSmain-slider:hover .slick-prev {
    left: 0;
}
#JSmain-slider .slick-prev:before, #JSmain-slider .slick-next:before {
    position: absolute;
    top: 37%; 
    font-family: 'FontAwesome';  
    width: 100%;
    opacity: 1; 
}
#JSmain-slider .slick-prev:before {
    content: "\f053";
    left: 0; 
}
#JSmain-slider .slick-next:before {
    content: "\f054";
    right: 0; 
}  */
#JSmain-slider .swiper-button-next, #JSmain-slider .swiper-button-prev {
    height: 60px;
    width: 30px;
    left: -31px;     
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.6);
    box-shadow: 0 0 3px rgba(242,242,242,.7); 
    transition: .2s ease-in-out;
}
#JSmain-slider .swiper-button-next {
    right: -31px;
    left: unset;  
}
#JSmain-slider:hover .swiper-button-next {
    right: 0;
}
#JSmain-slider:hover .swiper-button-prev {
    left: 0;
}
#JSmain-slider .swiper-button-prev:before, #JSmain-slider .swiper-button-next:before {
    position: absolute;
    top: 37%; 
    font-family: 'FontAwesome';  
    width: 100%;
    opacity: 1; 
    font-size: 20px;
    color: #fff;
    line-height: 1;
}
#JSmain-slider .swiper-button-prev:before {
    content: "\f053";
    left: 0; 
}
#JSmain-slider .swiper-button-next:before {
    content: "\f054";
    right: 0; 
} 
#JSmain-slider .swiper-button-prev:after, #JSmain-slider .swiper-button-next:after {
    display: none;
}
/* Action section */
.action-heading {
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 800;
}
.action-heading a { color: var(--night-black); } 
/*- NEWSLETTER -*/
 
.foot_3 .newsletter h5 { margin: 15px 0 0; } 
.newsletter-form { border: 1px solid #e3e3e3; } 
.newsletter-form input {
    padding-right: 79px;
    border: none;
    box-shadow: none;
    font-size: 16px;
} 
.newsletter-form button {
    position: absolute;
    right: 0px;
    color: #fff;
    text-transform: uppercase;
    top: 0;
    height: 100%;
    letter-spacing: 1.5px;
    border: 0px;
    background-color: #004785;
    display: inline-block;
    padding: 0px 24px;
}
.newsletter-form button:hover {  background-color: #5cbef3; }
/*--- Footer ---*/
.footer-bg{
    background-image: url(../Roaming-Electronics-LLC_SR/futaEarth2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 100vh;
    max-height: 570px;
    color: #fff;  
    margin: 30px 0 0;
}
.footer-bg .section-title span{
    color: #fff;
}
.foot_1 .markets-info div {
    position: relative;
    padding: 30px 0;
}
.foot_1 .markets-info div:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 1px;
    width: 75px;
}
.foot_1 .markets-info div:last-of-type:after{
    display: none;
}
.foot_1 .markets-info div ul li:first-of-type{
    font-weight: 600;
} 
.foot_2 h5{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}
.foot_4 p{
    font-size: 13px;
}
footer  a.JSscroll-top {
    position: fixed;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    right: -70px;
    bottom: 90px;
    background-color: var(--night-black);
    z-index: 9;
    border: 1px solid rgba(242,242,242,.4);
    padding: 10px 15px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    box-shadow: 0px 5px 12px -3px #1a1a1a;
    -webkit-box-shadow: 0px 5px 12px -3px #1a1a1a;
}
footer a.JSscroll-top:hover {
    color: #fff;
    background-color: #424242 !important;
} 
footer{
    background-color: #f1f1f2;
    padding: 15px 0 5px;
}
 
footer .logo img {
    max-height: 60px;
    max-width: 100%;
    margin: 15px 0 0;
} 
/*.footer-title {
    font-size: 20px;
    padding: 20px 0;
    font-weight: 500;
}
.footer-title:after {
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: #fff;
    margin-top: 12px;
} */
footer a.mailto {
    color: #2e96f3;
}
footer .footer-desc-div p{
    line-height: 22px;
    letter-spacing: 0.2px;
}
/*footer .footer-content {
	padding: 35px 0px 75px;
	background-color: #252525; 
}*/
/*footer .below-footer {
	padding: 30px 0px;
	background-color: #1a1a1a;
    color: #bbb;
} */ 
footer .below-footer a{
    color: #bbb;
} 
/*footer .foter-is div i{
    width: 20px;
} */
footer a.mailto:hover, .footer-links li a:hover {
    color: var(--strawberry-red);
}
.footer-links li a {
	display: inline-block;
    margin: 4px 0;
    color: #000;
} 
 
.social-icons{
    margin: 0 0 20px;
}
.social-icons a{
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 30px;
    font-size: 16px;
    border: 2px solid #898989;
    color: #898989;
    border-radius: 50px;
    text-align: center;
    margin: 0 2px;
}

footer .social-icons a:hover {
	color: var(--strawberry-red);
    border-color: var(--strawberry-red);
}
/*==============================*/
a.orange-btn, .orange-btn {
    display: inline-block;
    background-color: var(--strawberry-red);
    color: #fff;
    padding: 8px 15px;
    border: 1px solid var(--strawberry-red);
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-size: 12px;
} 
/* Contact-page */
.contact-img img{
    width: 100%;
}
.contact-img div{
    position: absolute;
    top: 30%;
    right: 30%;
    max-width: 300px;
    font-size: 16px;
}
.contact-img div h4{
    font-size: 30px;
    margin: 0 0 15px;
}
.contact-page .cf_1 input, .contact-page .cf_1 textarea {    
    border-radius: 0;
    box-shadow: none; 
} 
.contact-page .cf_1 input {   
    height: 50px; 
} 
.contact-page .cf_1 button{
    background-color: #2e2e2e;
    border-radius: 0;
    color: #fff;
    padding: 5px 15px;
    margin: 0 0 10px;
    transition: .1s ease-in-out;
}
.contact-page .cf_1 button:hover{
    background-color: #4d4d4d;
    box-shadow: 0px 5px 10px #666;
}

.cf_3 .cf_3_1 div{
    background: #2e2e2e;
    color: #fff;
    width: 50px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-weight: 600;
    display: inline-block;
}
.cf_3 ul li:first-of-type{
    font-weight: 600;
}
.cf_3 .row{
    margin: 0 0 20px;
}
/*.contact-frm-wrap {  
    padding: 20px;
}  */
/*.bg-color{
    background-color: #f2f2f2;
    box-shadow: 1px 1px 4px #ccc;
    border: 1px solid #ddd;
} */
#bounce_map_canvas {
    height: 400px;
    margin: 60px 0 25px;
}
.contact-heading {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 15px 0 20px;
} 
.new_1 > div > a, .new_1 > div > p{
    padding: 10px 0;
}
.new_2 p {
    font-size: 20px;
    margin: 10px 0;
}
.new_2 a { 
    margin-right: 3px;
    color: #666;
}
.new_3 > div{ color: #666; }
.new_3 > div a{
    display: inline-block;
    margin: 10px 0;
}
.new_4 .more-post-heading {
    font-size: 20px; 
}
.new_4 .more-post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 10px;
    background: #f2f2f2;
}
.new_4 .more-post-link { 
    height: 170px;  
    overflow:hidden;
}
.news-image{  max-height: 600px; }

.more-post-content{
    box-shadow: 0 0 10px #ccc; 
    margin: 10px 0;
    background: #f2f2f2;
}  
.more-post-content img{  max-height: 180px; }
 
.section-news { padding: 45px 0px 45px; }

.section-news .see-all  {
    display: inline-block;
    text-transform: uppercase;
    background-color: var(--night-black);
    color: #fff;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    padding: 15px 20px;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 10px 0;
    font-size: 12px;
    box-shadow: 0px 6px 8px -4px #5d5d5d;
}
.section-news .see-all:hover {
    background-color: #424242 !important;
} 
.image-cont{
    height: 290px; 
    overflow: hidden;
}
.image-cont img{  max-height: 340px; }
 
/*==========================================*/
.single-news-content { padding: 10px; }  
.single-news{
    box-shadow: 0 0 10px #ccc;
    margin: 15px;
    background: #f2f2f2;
}
.title-new {
    font-size: 20px;
    display: block;
    overflow: hidden;
    height: 30px;
    font-weight: 800;
}
.short-description {
    height: 45px;
    overflow: hidden;
}
.more-news-div {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}
.more-news-div > a {
    color: var(--strawberry-red);
    font-weight: 600;
    transition: all 0.1s;
    padding: 10px 15px;
    font-size: 12px;
} 
.section-news .slick-next, .section-news .slick-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 40px;
    height: 40px;
    background-color: var(--night-black)!important;
    border: 1px solid rgba(242,242,242,.4);
}
.section-news .slick-next:hover, .section-news .slick-prev:hover {
    background-color: #424242 !important;
}
.section-news .slick-next, .single-news-slider .slick-next {
    right: 0;
    box-shadow: 0px 6px 8px -4px #5d5d5d;
}
.section-news .slick-prev, .single-news-slider .slick-prev  {
    left: 0;
    box-shadow: 0px 6px 8px -4px #5d5d5d;
}
.section-news .slick-prev:before, .single-news-slider .slick-prev:before,
.section-news .slick-next:before, .single-news-slider .slick-next:before
{
    content: '';
    border: solid var(--white-color);
    border-width: 0px 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    top: 12px;
    left: 12px;
    position: absolute;
    opacity: 1;
} 
.section-news .slick-prev:before, .single-news-slider .slick-prev:before{
    transform: rotate(-225deg);
}
/*==========================================*/
.title {   padding: 30px 0; } 
/*==========================================*/
.banners div img{ 
    max-height: 210px; 
    box-shadow: 2px 2px 5px #666; 
    margin: 15px auto;
} 
/*==========================================*/ 
.about { 
    color: #1b1817;
    margin-bottom: 70px;
}
.ab_1 > div{
    margin: 25px 0;
} 
.ab_1 div img, .ab_1 div div:nth-child(2), .ab_2 img:last-of-type, 
.port-cont-2 img 
{ margin: auto; }

.ab_2{
    background-color: #f4f4f4;
    padding: 30px 0 0;
}   
.ab_1 div div:nth-child(2){
    width: 100%;
    max-width: 230px;
    font-size: 16px;
}
.ab_1 div div:nth-child(1){
    position: relative;
    display: inline-block;
} 
.ab_1 div div:nth-child(1):hover {
    animation: hopHop .8s;
    -webkit-animation: hopHop .8s;
} 
@keyframes hopHop{ 
    0%, 100%, 20%, 50%, 80% {  -webkit-transform: translateY(0); 
                                transform: translateY(0)  }
    40% { -webkit-transform: translateY(-30px); 
                  transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); 
                  transform: translateY(-15px) } 
}
@-webkit-keyframes hopHop{ 
    0%, 100%, 20%, 50%, 80% {  -webkit-transform: translateY(0); 
                                transform: translateY(0)  }
    40% { -webkit-transform: translateY(-30px); 
                  transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); 
                  transform: translateY(-15px) } 
}
 /*************/
.section-title span{
    display: inline-block;
    font-size: 28px;
    color: #1b1817;
    margin: 60px 0 35px;
    padding: 6px 0;
    position: relative;
}
.section-title span:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 2px;
    background-color: #666c8f;
    animation: stretch 10s infinite;
    -webkit-animation: stretch 10s infinite;
}
@keyframes stretch{
    0%{ width: 60px; }
    50%{ width: 100px; }
    100%{ width: 60px; }
}
@-webkit-keyframes stretch{
    0%{ width: 60px; }
    50%{ width: 100px; }
    100%{ width: 60px; }
}
/*********************/
.brand-cont{
    margin: 30px 0 0;
    overflow: hidden;
}
.tab-content > div{ display: none; } 

.brand-cont > div div{
    display: inline-block; 
    width: 24%;
    margin: 2px 3px;
    box-shadow: inset 0 0 0 1px #ddd;
    position: relative;  
    overflow: hidden;
}
.JStogglePartners li a{ 
    display: inline-block; 
    margin: 5px; 
    border-bottom: 1px solid transparent;
}
.JStogglePartners .active a{
    border-bottom: 1px solid #ddd;
    color: var(--strawberry-red);
}
/*****************/
.JStetris{
    animation: rubicube 1s forwards;
}
@keyframes rubicube{
    0%{ transform: translateX(2000px); }
    100%{ transform: translateX(0); opacity: 1; }
}
.brand-cont > div div:nth-child(2){ animation-delay: .5s; } 
.brand-cont > div div:nth-child(3){ animation-delay: .6s; }
.brand-cont > div div:nth-child(4){ animation-delay: .7s; }
.brand-cont > div div:nth-child(5){ animation-delay: .8s; } 
.brand-cont > div div:nth-child(6){ animation-delay: .9s; }
.brand-cont > div div:nth-child(7){ animation-delay: 1s; } 
.brand-cont > div div:nth-child(8){ animation-delay: 1.1s; }
.brand-cont > div div:nth-child(9){ animation-delay: 1.2s; }
.brand-cont > div div:nth-child(10){ animation-delay: 1.3s; } 
.brand-cont > div div:nth-child(11){ animation-delay: 1.4s; } 
.brand-cont > div div:nth-child(12){ animation-delay: 1.5s; } 
.brand-cont > div div:nth-child(13){ animation-delay: 1.6s; } 
.brand-cont > div div:nth-child(14){ animation-delay: 1.7s; } 
.brand-cont > div div:nth-child(15){ animation-delay: 1.8s; } 
.brand-cont > div div:nth-child(16){ animation-delay: 1.9s; } 
.brand-cont > div div:nth-child(17){ animation-delay: 2s; }
.brand-cont > div div:nth-child(18){ animation-delay: 2.1s; }
.brand-cont > div div:nth-child(19){ animation-delay: 2.2s; }
.brand-cont > div div:nth-child(20){ animation-delay: 2.3s; }
.brand-cont > div div:nth-child(21){ animation-delay: 2.4s; }
.brand-cont > div div:nth-child(22){ animation-delay: 2.5s; }
.brand-cont > div div:nth-child(23){ animation-delay: 2.6s; }
.brand-cont > div div:nth-child(24){ animation-delay: 2.7s; }
.brand-cont > div div:nth-child(25){ animation-delay: 2.8s; }
.brand-cont > div div:nth-child(26){ animation-delay: 2.9s; }
 
/*****************/
.brand-cont > div div:hover{
    box-shadow: inset 0 0 3px 1px #b3b3b3;
}
.brand-cont > div div img{
    max-height: 90px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: auto;
    opacity: .8;
}
.brand-cont > div div img:hover{ 
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); 
    opacity: 1;
}
/* ======================== */
.port-cont-1 { 
    margin: 20px 10px;
    overflow: hidden; 
} 
.port-cont-1 img{
    display: inline-block;
}
.port-cont-4 {
    margin: 0px 0px 30px;
    overflow: hidden;
}
/* ************** */
.JSslideFromTop{
    animation: slideFromTop .3s forwards; 
    -webkit-animation: slideFromTop .3s forwards; 
}
@keyframes slideFromTop{
    0%{ top: -150%; }
    100%{ top: 50%; }
}
@-webkit-keyframes slideFromTop{
    0%{ top: -150%; }
    100%{ top: 50%; }
}
/* ************** */
.JSslideFromTBtm{
    animation: slideFromBtm .6s forwards; 
    -webkit-animation: slideFromBtm .6s forwards; 
}
@keyframes slideFromBtm{
    0%{ bottom: -150%; filter: blur(10px) }
    99% { filter: blur(10px) }
    100%{ bottom: 0; filter: blur(0)}
}
@-webkit-keyframes slideFromBtm{
    0%{ bottom: -150%; filter: blur(10px) }
    99% { filter: blur(10px) }
    100%{ bottom: 0; filter: blur(0)}
}
/* ************** */
/*.port-cont-3, .port-cont-1:nth-child(4) .port-cont-3, 
.port-cont-3, .port-cont-1:nth-child(5) .port-cont-3, 
.port-cont-3, .port-cont-1:nth-child(5) .port-cont-3, 
.port-cont-3, .port-cont-1:nth-child(7) .port-cont-3, */
.port-cont-1:nth-child(2) .port-cont-3, .port-cont-1:nth-child(3) .port-cont-3, 
.port-cont-1:nth-child(5) .port-cont-3,
.port-cont-1:nth-child(6) .port-cont-3,
.port-cont-1:nth-child(7) .port-cont-3,
.port-cont-1:nth-child(8) .port-cont-3,
.port-cont-1:nth-child(9) .port-cont-3,
.port-cont-1:nth-child(10) .port-cont-3,
 .contact-form button:hover,
.port-cont-2{
    color: #fff;
}
.port-cont-2 {
    position: absolute;
    left: 50%;
    top: 50%; /* animation slideFromTop */
    transform: translate(-50%, -50%);
    width: calc(100% - 10px);   
}
.port-cont-2 img{
    max-height: 150px;
}
.port-cont-2 div{
    display: inline-block;
    border-radius: 50%;
    background: rgba(0,0,0,.2); 
    border: 2px solid #ddd;
    transition: .2s ease-in-out;
} 
/* ******************* */ 
.port-cont-2 div:hover{
    animation: bounce .3s forwards;
    -webkit-animation: bounce .3s forwards;
} 
@keyframes bounce{
    0%{ transform: scale(1); }
    50%{ transform: scale(1.2) }
    51%{ transform: scale(1.1) }
    99% { transform: rotateY(90deg) }
    100%{ transform: scale(1) }
}
@-webkit-keyframes bounce{
    0%{ transform: scale(1); }
    50%{ transform: scale(1.2) }
    51%{ transform: scale(1.1) }
    99% { transform: rotateY(90deg) }
    100%{ transform: scale(1) }
}
/* ******************* */
.port-cont-1:hover .port-cont-2 div{
    background: rgba(0,0,0,.7); 
}
/* ************* */ 
.port-cont-1:hover > img{  
     opacity: 1;
    -webkit-animation: flash .5s;
    animation: flash .5s;
}
@-webkit-keyframes flash {
    0% { opacity: .6; }
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: .6; }
    100% { opacity: 1; }
}
/*******************/
.linkedin img:hover{
    opacity: 0.7;
}
.port-cont-3 p{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.list-inline{
    margin-left: 15px;
}        
.port-cont-3 ul li{
    margin: 5px 0 20px;
    padding: 0 5px;
    text-shadow: 0.2px 0.2px;
    border-right: 1px solid;
} 
.port-cont-3 ul li:last-child{
    border-right: none;
}
.port-cont-3{
    position: absolute;
    bottom: 0; /* animation slideFromBtm */
    left: 0;
    width: calc(100% - 10px);    
}
/*.kzm-section .heading {
    font-size: 30px;
    font-weight: 800;
    padding: 20px 0;
    border: 4px solid red;
}  */
/*.section-contact .contact-info-div {
    text-align: center;
    max-width: 1000px;
    margin: 0px auto;
    padding-top: 50px;
}
.section-contact .contact-info-div .heading {
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1;
}*/
/*.section-contact .contact-info-div .desc {
    font-size: 1.1em;
    color: var(--light-font-color);
    padding-top: 8px;
    display: block;
    border: 3px solid red;
}*/
/*==========================================*/
.new-content-div {
    max-width: 1025px;
    margin: 0 auto;
}  
.new-content-div img{
    max-width: 100%;
    max-height: 580px;
}
/*==========================================*/
.first-popup {
    position: fixed;
    top: -1000px; 
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 70;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    /*display: none;*/
}
.first-popup .first-popup-inner { margin: auto;  border: 1px solid #ddd;}
.first-popup .JSclose-me-please{
    color: #f2f2f2;
    position: absolute;
    top: -25px;
    right: -25px;
    z-index: 5;
    font-size: 30px;
    line-height: 1;
    padding: 0 5px;
    cursor: pointer;
    text-shadow: 0 0 3px #000; 
}
.first-popup .JSclose-me-please:hover {
    opacity: .8;
    text-shadow: 0 0 10px #000;
}
.first-popup-inner img {
    max-width: 100%;
    max-height: 380px;
    padding: 2px;
} 
.copyright p a:hover {
    color: #23527c !important;
  } 
/*---------- MEDIAQUERIES ----------*/
@media (min-width: 1600px) {
    .main-slider {
        max-height: unset;
    }
}


@media (min-width: 1024px) {  
    a.orange-btn:hover, .orange-btn:hover {
        background-color: #fff;
        color: var(--strawberry-red);
    }
    header .b2blink { 
        left: 10px; 
    }
    .more-news-div > a:hover {
        color: #fff;
        background-color: #585858;
    } 
} 
 
/*==========================================*/
@media screen and (max-width:1100px) { 
    .title { font-size: 20px;  } 
    .newsletter-form {  margin: 30px 0px 0px; }
    .newsletter-form button {
        padding: 0px 20px;
        font-size: 12px;
    } 
	#navigationToggle {
	    display: inline-block;
        cursor: pointer;
        font-size: 30px;
	} 
	header .site-navigation li { 
	    text-align: left; 
        width: 100%;
	}
	header .site-navigation {
        position: fixed;
        z-index: 100;
        height: 100%;
        right: -300px;
        top: 0;
        width: 100%;
        max-width: 250px;
        background-color: rgba(0,0,0,.8); 
        transition: all 0.4s;
        padding: 20px 0 0;
	}
	header .exit { display: block; } 
    header .site-navigation li a, header .dropdown-nav a{   
        padding: 5px 15px;
        line-height: 30px;
    }
    .site-navigation .drop-2{   
        position: relative;
        display: block;
        box-shadow: none;
        background: transparent;
        padding: 0 0 0 15px; 
    } 
}    
@media only screen and (min-width: 991px) { 
  /*  .port-cont-2 { 
        top: -150%;   animation slideFromTop 
    }
    .port-cont-3 { 
         bottom: -150%;  
    } */ 
    .brand-cont > div div{ 
        opacity: 0; 
    }
} 
@media only screen and (max-width: 991px) {
    .brand-cont > div div{ width: 23%; } 
} 
 
/*==========================================*/
@media only screen and (max-width: 768px) {
    header .logo img {  max-height: 55px; } 
    .main-desc{
        padding: 0;
        font-size: 14px;
        line-height: 25px;
    }  
    .main-content{ min-height: 300px; }
    .action-heading{ font-size: 22px; margin: 0;  }

    .markets-info { padding-right: 2px; padding-left: 2px; }

    .foot_1 .markets-info div:nth-of-type(1) {
        min-height: 181px;
    }

    footer .logo { text-align: left; }
} 
/*==========================================*/
@media screen and (max-width: 479px) {

    .markets-info { width: 100%; }

    .foot_1 .markets-info div:nth-of-type(1) { min-height: auto; }

    .footer-bg {
        height: auto;
        max-height: inherit;
    }
    
	h2 { font-size: 25px; }
    .image-cont, .new_4 .more-post-link {  height: auto; }  
    .more-post-content img{ max-height: 210px; }
    .newsletter h5 {  font-size: 20px; } 
    #JSmain-slider .sliderText div > *, .port-cont-3  { font-size: 80%; }
    .brand-cont > div div {
        width: 47%;
    }
    .section-title span{ font-size: 18px; }
    .port-cont-1{ margin: 5px; }
    .port-cont-2 img {
        max-height: 60px;
    }
    .port-cont-3 ul li{ padding: 0 5px; }
    .port-cont-3 p{
        font-size: 16px;
    }
}