/*===========================================*/
/* Custom CSS by WAN OS
===========================================*/

.navbar-brand{padding:5px 15px;}
ul.top-links li{padding:10px 0;}

#main-menu .navbar-nav > li > a{margin-right:30px;}

.carousel-inner > .item > img{margin:0 auto; width:100%;}

.section-title.text-center{margin-bottom:0;}

.widget{border:0;}

.map iframe{height:390px;}

.values{height:auto;}

#portfolio-items .item h4, #itemsWorks .item h4, #itemsWork .item h4{margin-top:20px; padding-bottom:10px; border-bottom:1px solid #333;}

#portfolio-items .item a h4, #itemsWorks .item a h4, #itemsWork .item a h4{color:#333;}
#portfolio-items .item a:hover h4, #itemsWorks .item a:hover h4, #itemsWork .item a:hover h4{color:#3498db;}

ul.pdt-list{padding-left:20px;}

#en-content ul.list-block li{margin:0; margin-left:40px;}

#en-content ul.list-block li:before{
  content: "\f14a";
  font-family: 'FontAwesome';
  margin-left: -40px;
  margin-right: 27px;
}


/*===========================================*/
/* Custom CSS by Jean OS
===========================================*/
#en-content1 {padding: 80px 0 0;}
.small-text {font-size: 12px;}
.text-padding-top {padding-top: 35px}
.bas ul, .solution ul {margin-bottom: 8%; padding-left: 20px;}
.bas ul li, .solution ul li {line-height: 1.8; margin-bottom: 12px; letter-spacing: 0.01em;}
.solution .col-count-3 ul {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.text-center {text-align: center;}
.text-left {text-align: left !important;}
.padding-top {padding-top: 8%;}
.padding-bottom {padding-bottom: 5%}
.margin-bottom {margin-bottom: 25px; display: inline-block;}
.img-center {margin-top:20px;}
.bas .wrap-white .container, 
.bas .wrap-bg .container,
.bas .wrap-grey .container {width: 80%; padding: 0 0 0;}
.solution .wrap-white .container,
.solution .wrap-grey .container {width: 80%; padding: 0 0 0;}
.solution .wrap-white .container .wrap-btn a,
.solution .wrap-grey .container .wrap-btn a {background: #fafafa; border: 1px solid #ccc; color: #333; border-radius: 4px; line-height: 18px; display: inline-block; padding: 12px 24px; margin: 20px 0;}
.solution .wrap-green .wrap-btn {text-align: center; padding-top: 5%;}
.solution .wrap-green .wrap-btn a {border: 1px solid #34c4b0; border-color: #ffffff; font-size: 24px; border-radius: 4px; padding: 12px 24px; line-height: 18px; color: #fff;}

.bas .lead, .solution .lead {text-align: center; font-size: 36px; letter-spacing: 0.01em;}
.solution .sub {font-size: 30px;}
.bas p, .solution p {line-height: 2.2; margin: 0 0 15px 0; }
.bas .wrap-img {margin-top: 5%; }
.solution .wrap-img {margin-top: 0; }
.bas .wrap-img img, .solution .wrap-img img {margin: 0 auto; display: block;}
.bas .video {padding: 35px 0 20px;}

.solution .wrap-green {background-color: #40d0bc;}
.bas .wrap-grey, .solution .wrap-grey {background-color: #f7f6f4;}
.bas .wrap-black {background-color: #2d2d2d; padding: 35px 0 20px;}
.bas .wrap-black .container, .bas .video {width: 65%; margin: 0 auto; display: block;}
.bas .wrap-bg {
    background-image: url(https://www.intercorpsolutions.com/wp-content/uploads/2018/12/bg_business.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
}

.bas .wrap-bg:after
{
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0,0,0,0.7);
}

.bas .wrap-white .item, .solution .wrap-white .item {min-height: 200px; }
.bas .wrap-white .item .wrap-icon, .solution .wrap-white .item .wrap-icon {display: block; padding-right: 5px; float: left; width: 18%; padding-top: 2%;}
.bas .wrap-white .item .text, .solution .wrap-white .item .text {display: block; float: left; width:80%;}

.bas .wrap-bg .container {position: relative; z-index: 1; padding: 35px 0 65px;}
.bas .wrap-bg .lead {color:#fff; margin: 20px;}
.bas .wrap-bg .item {background-color: #f5f5f5; margin: 20px; padding: 20px;}
.bas .wrap-bg .item .inner {min-height: 300px;}
.bas .wrap-bg .item .inner .text {margin: 20px; }
.bas .wrap-bg .item .inner .text .wrap-icon {display: inline-block; margin-bottom: 25px;}
.bas .wrap-bg .item .inner .text .icon {float:left; padding-right: 20px;}

.icon-app {display: inline-block;}
.icon-app a {display: inline-block; padding-right: 30px;}
.icon-app a img {}

/* counter */


.count
{
  line-height: 100px;
  margin-left:30px;
  font-size:25px;
}




/*===========================================*/
/* Responsive CSS
===========================================*/


@media screen and (max-width: 414px) {
    
    #top-menu .navbar-header{margin:0;}
    #en-footer .footer-content{padding:20px 0;}
    
}

@media (min-width: 1024px) {

.bas .wrap-bg .item .inner {min-height: 360px;}  
.bas .wrap-bg .item .inner .text .icon {float: none; padding-right: 0; margin: 0 auto; display: block;}  
.bas .wrap-bg .item .inner .text .wrap-icon {display: block; margin: 0 auto 25px; }
.bas .wrap-bg .item .inner .text img {padding-bottom: 10px; margin: 0 auto;}
}

@media (min-width: 767px) {
.bas .wrap-white .item .text, .solution .wrap-white .item .text {width: 75%;}

.bas .wrap-white .item {height: 260px;}

.bas .wrap-bg .item .inner {height: 200px;}

.bas .wrap-black .container, .bas .video { width: 80%; margin: 0 auto; display: block; padding: 0 30px;}

}