/* Layout-5 */
.layout-5 .container { max-width: 1100px; }
.layout-5 ul { display: flex; justify-content: space-around; margin-top: 30px; }
.layout-5 .icon-wrap { width: 94px; height: 80px; cursor: pointer; margin: 0 auto; text-align: center; }
.layout-5 .icon-wrap .icon {  background-position: 0 0; background-image: url(../../images/icon-set-1.png); width: 100%; height: 100%; background-repeat: no-repeat; display: inline-block;}
.layout-5 .icon-wrap .fe-1 { background-position: 13px -198px }
.layout-5 .icon-wrap .fe-2 { background-position: -86px -198px; }
.layout-5 .icon-wrap .fe-3 { background-position: -187px -198px; }
.layout-5 .icon-wrap .fe-4 { background-position: -290px -194px; }
.layout-5 .icon-wrap .fe-5 { background-position: -391px -198px; }

.layout-5 .icon-wrap .cms-1 { background-position: -491px -198px; }
.layout-5 .icon-wrap .cms-2 { background-position: 14px -294px; }
.layout-5 .icon-wrap .cms-3 { background-position: -303px -293px; }
.layout-5 .icon-wrap .cms-4 { background-position: -103px -296px; }
.layout-5 .icon-wrap .cms-5 { background-position: -191px -298px; }

.layout-5 .icon-wrap .ecom-1 { background-position: 14px -294px; }
.layout-5 .icon-wrap .ecom-2 { background-position: -200px -394px; }
.layout-5 .icon-wrap .ecom-3 { background-position: -289px -394px; }
.layout-5 .icon-wrap .ecom-4 { background-position: -397px -399px; } 


.layout-5 .icon-wrap .db-1 { background-position: 14px -494px; }
.layout-5 .icon-wrap .db-2 { background-position: -200px -394px; }
.layout-5 .icon-wrap .db-3 { background-position: -289px -394px; }  

.layout-5 .icon-wrap .db-1 { background-position: -497px -399px; }
.layout-5 .icon-wrap .db-2 { background-position: -200px -394px; }
.layout-5 .icon-wrap .db-3 { background-position: -289px -394px; }  

.layout-5 .nav-tabs li a { color: #696969; text-transform: uppercase; font-size: 24px; font-weight: 600;     border: none !important;
    padding: 10px 33px;  position: relative; background-color: #fff; }
.layout-5 .nav-tabs li:before { content: ''; position: absolute; right: 0; top: 15px; width: 2px; height: 22px; background-color: #696969; }
.layout-5 .nav-tabs li.active { border-bottom: 3px solid #333; }
.layout-5 .nav-tabs li{ position: relative; }
.layout-5 .nav-tabs li:after { content: ''; width: 12px; height: 12px; background-color: #333; left: 0; right: 0; bottom: -7px; position: absolute; top: inherit; transform: rotate(45deg); margin: 0 auto; opacity: 0; z-index: -1;}
.layout-5 .nav-tabs li.active:after{ opacity: 1; }
.layout-5 .nav-tabs li a:hover, .layout-5 .nav-tabs li.active a:hover { background-color: #fff; border: transparent; }
.layout-5 .nav-tabs>li{ margin-bottom: 0; }
.layout-5 .nav-tabs li:last-child:before { content: none; }
.layout-5 .nav-tabs { border-bottom: none; }
.layout-5 .tab-content { padding-top: 30px; }
.layout-5 .tab-content ul li { display: inline-block; }
.layout-5 .tab-content ul li p { font-size: 16px; margin-top: 10px; font-weight: 700;}


.layout-5.v2 { background-color: #f8f8f8; }
.layout-5.v2 .container { max-width: 1270px; }
.layout-5.v2 .nav-tabs li:before, 
.layout-5.v2 .nav-tabs li:after { content: none; }
.layout-5.v2 .nav-tabs li a { background-color: transparent; }
.layout-5.v2 .nav-tabs { border-bottom: 1px solid #333; }
.layout-5.v2 .nav-tabs li{ width: 20%; }
.layout-5.v2 .nav-tabs li.active { border-bottom: none; position: relative;}
.layout-5.v2 .nav-tabs li:before, .layout-5.v2 ul.nav li button:before, .layout-5.v2 ul.nav li button.active:before { content: ''; width: 100%; height: 4px; background: #018daf; position: absolute; top: 63px; left: 0; opacity: 0; } 
.layout-5.v2 .nav-tabs li.active:before , .layout-5.v2 .nav-tabs li:hover:before, .layout-5.v2 ul.nav li:hover button:before, .layout-5.v2 ul.nav li button.active:before { opacity: 1; }

.layout-5.v2 .tab-content { text-align: left; }
.layout-5.v2 .tab-content h6 { margin-bottom: 5px; }
.layout-5.v2 .nav-tabs li a:hover, .layout-5.v2 .nav-tabs li.active a:hover{ background-color: transparent; }


.layout-5.v2 .nav-pills .nav-link.active, .layout-5.v2 .nav-pills .show>.nav-link { background-color: transparent; }
.layout-5.v2 ul.nav { border-bottom: 1px solid #666; }



 
/* Responsive */



@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 



}

/* 1199 END */ 



@media (max-width: 991px){ 
.layout-5.v2 ul.nav li {   width: 20%; }
.layout-5.v2 .nav-tabs li:before, .layout-5.v2 ul.nav li button:before, .layout-5.v2 ul.nav li button.active:before { top: 55px; }

}

/* 991 END */



@media (max-width: 767px){ 
.layout-5.v2 ul.nav li { width: 19%; display: inline-block; }
.layout-5.v2 .tab-content {  padding-top: 30px; }
.layout-5.v2 ul.nav li .nav-link { padding: 12px 5px;  }
}

/* 767 END */



@media (max-width: 599px){ 
.layout-5.v2 ul.nav li {  width: 27%; }
.layout-5.v2 ul.nav li img { max-width: 80%; }

} 

/* 599 END */





@media (max-width: 479px){ 
.layout-5.v2 ul.nav li {  width: 31%; }
.layout-5.v2 ul.nav li img { max-width: 90%; }

} 

/* 479 END */