/*
Theme Name: Zoom Partner
Text Domain: zoompartner
Version: 1.6
Requires at least: 4.7
Requires PHP: 5.2.4
Author: Vartopia
*/

html {
scroll-behavior: smooth
}
/******************* Find a Zoom Partner *******************/ 

.homebanner-w{ padding: 60px 0; background: url(assets/images/banner-bg.svg) no-repeat left bottom; background-size: cover;}

/* .homebanner-w .container{ width:100%; max-width: 1246px; margin: 0 auto;} */

.homebanner-w h1{ font-size: 48px; font-weight: 700; margin: 15px 0 25px 0; padding: 0; }

.homebanner-w p{ font-size: 20px; margin: 0; padding: 0; }

.homebanner-btn-region{ margin: 40px 0 0 0;}

.homebanner-btn-region a{ display: inline-block; text-align: center; margin: 0 22px 10px 0; padding: 10px 45px; border:1px solid transparent; font-size: 18px; border-radius: 12px; min-width: 195px;}

.homebanner-btn-region a.learnmore-btn{ background: #FF742E; color: #fff; font-weight: bold;}

.homebanner-btn-region a:hover{ text-decoration: none;}

.homebanner-btn-region a.learnmore-btn:hover{ background:#da621e}

.homebanner-btn-region a.findpartner-btn{ background: #fff; color: #222230; border-color: #909096}

.homebanner-btn-region a.findpartner-btn:hover{background:#FFEBE3; border:1px solid #FFEBDA }

.already-partner{ margin: 42px 0 0 0;}

.already-partner p{ font-size: 16px;}

.already-partner a{ color: #0E71EB; font-size: 16px; text-decoration: none;}

.img-homebanner{ margin: 0; padding: 0;}

.img-homebanner img{ width: 100%; border-radius: 24px;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{ background-color: #757575;}

.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent;}

/******************* Become a Zoom Partner *******************/ 

.become-zoompartner{padding: 55px 0 95px 0;}

.become-zoompartner h2{ text-align: center; font-weight: bold; color: #222230; margin: 0 0 65px 0; font-size: 36px; padding: 0;}


/******************* Why Partner with Zoom *******************/ 

.whypartner-zoom{ padding: 55px 0;}

.whypartner-zoom h2{ text-align: center; font-weight: bold; color: #222230; margin: 0 0 65px 0; font-size: 36px; padding: 0;}

.whypartner-grid{ margin: 0; display: grid; padding: 0; grid-gap:30px 35px; grid-template-columns: repeat(3, 1fr);}

.column-whypartner{background: #ffffff; border-radius: 20px; box-shadow: -20px 0px 60px rgba(0, 0, 0, 0.2); position: relative; padding: 38px;}

.title-with-icon{ margin: 0 0 25px 0; padding: 0; display: flex; flex-direction: row; align-items: center; min-height: 49px; position: relative;}

.title-with-icon .icon{ margin: 0; position: absolute; left: 0;}

.title-with-icon .title{ margin: 0 0 0 74px;}

.title-with-icon h3{ font-size: 24px; font-weight: bold; margin: 0; padding: 0;}

.column-whypartner p{ font-size: 16px; margin: 0 0 0 0; padding: 0;}


/******************* Find a Zoom Partner *******************/ 

.findzoom-partner{ padding: 85px 0; background: #F6F7F9;}

.findzoom-partner .container{ max-width: 796px; width: 100%; margin: 0 auto; }

.findzoom-partner .container h2{ text-align: center; font-weight: bold; color: #222230; margin: 0 0 30px 0; font-size: 36px; padding: 0;}

.findzoom-partner .container p{ font-size: 20px; text-align: center; margin: 0; padding: 0; color: #232323;}

.partner-locator-map{ background: url(assets/images/partner-locator-map.png) no-repeat top; text-align: center; padding-top: 260px; padding-bottom: 162px; background-size: cover; margin: 50px 0 0 0; position: relative; }

.partner-locator-map .btn{ padding: 10px 40px; font-weight: bold; font-size: 18px; background: #FF742E; color: #fff; border-radius:12px}

.partner-locator-map .btn:hover{background: #da621e;}

.partner-locator-map .map-pin{ width: 30px; height: 30px; background-color:rgba(45, 140, 255, 20%); position: relative; display: block; border-radius: 50px; }

.partner-locator-map .map-pin:after{ content: ""; position: absolute; margin: 0 auto; left: 0; right: 0; width: 18px; height: 18px; background: #2d8cff; border-radius: 50px; top: 6px;}

.locator-1{ position: absolute; top: 0; width: 30px; height: 30px; top: 25%; left: 60%;}

.locator-2{ position: absolute; top: 0; width: 30px; height: 30px; top: 42%; left: 76%;}

.locator-3{ position: absolute; top: 0; width: 30px; height: 30px; top: 46%; left: 14%;}

.locator-4{ position: absolute; top: 0; width: 30px; height: 30px; top: 75%; left: 29%;}


/******************* Find a Zoom Partner *******************/

.partnership-w{ padding:85px 0 0 0}

.slider-partnership{ margin:0; padding:0}

.slider-slide{ position:relative; margin-bottom:85px}

.img-slide{ margin:0; width:48%;  left:0; position:absolute;}

.img-slide img{ width:100%; border-radius:0 12px 12px 0} /* Rectangle 71 */

.content-slide{ width:54%; margin:8% 4% 0 0; float:right; position:relative; z-index:1;   top:18%;  background:#fff; padding:60px 40px 0 40px; box-shadow: 0px 0px 29.1273px rgba(0, 0, 0, 0.1); border-radius: 12px;}

.letstalk-logo{ position:absolute; left:0; right:0; margin:0 auto; text-align:center; top:-35px}

.cdw-logo{ position:absolute; left:0; right:0; margin:0 auto; text-align:center; top:-45px}

.naotech-logo{ position:absolute; left:0; right:0; margin:0 auto; text-align:center; top:-30px}

.letstalk-logo img, .cdw-logo img, .naotech-logo img{ display:inline-block}

.content-slide p{ font-size:20px; margin:0 0 15px 0; padding:0}

.content-slide .founder{ text-transform:uppercase}

.testimonial-cont{ padding:0 45px 45px 45px }

.commas-img{ margin:0 0 15px 0}

.slider-nav-thumbnails{ border-top:1px solid #DADADA; padding:25px 0; text-align:center; }

.slider-nav-thumbnails div{ text-align:center;  display:inline-block; vertical-align:middle; padding:0 8%; cursor:pointer; opacity:0.4;  align-items:center}

.slider-nav-thumbnails div.active{ opacity:1}

.slider-nav-thumbnails div img{ display:inline-block}

.slider-partnership .slick-prev, .slider-partnership .slick-next{ top:0; width:34px; height:34px; z-index:100; opacity:.75; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }

.slider-partnership .slick-prev:hover, .slider-partnership .slick-next:hover{ top:0; width:34px; height:34px; z-index:100; opacity:1 }

.slider-partnership .slick-next{ right:60px; background:url(assets/images/slider-right-arrow.svg) no-repeat; }

.slider-partnership .slick-next:before, .slider-partnership .slick-prev:before{font-size:0}

.slider-partnership .slick-prev{ right:105px; background:url(assets/images/slider-left-arrow.svg) no-repeat;  left:auto; }

.slider-nav-thumbnails div img{ width:100%}

.infographic-custom-tab-image-1{ position:absolute; bottom:-73px; right:40px}

.infographic-custom-tab-image-2{ position:absolute; bottom:-43px; right:70px}

.infographic-custom-tab-image-3{ position:absolute; bottom:-35px; right:50px}

.infographic-custom-tab-image-4{ position:absolute; bottom:-56px; right:50px}

.infographic-custom-tab-image-5{ position:absolute; bottom:-40px; right:60px}

.infographic-custom-tab-image-6{ position:absolute; bottom:-43px; right:60px}

.infographic-custom-tab-image-7{ position:absolute; bottom:-58px; right:25px}
.infographic-custom-tab-image-8{ position:absolute; bottom:-73px; right:40px}

.maxwidth-60percent{ max-width: 65%}
.content-slide .founder span{ font-size:12px}
.ui-categ {
    position: relative;
    padding: 0 0 0 20px;
}

 

.ui-categ input[type="radio"], .ui-categ input[type="checkbox"] {
    position: absolute;
    left: 0; top:0;
}
.list-countries .ui-categ, .list-states .ui-categ{
    padding: 0px 10px 10px 20px !important;
    margin: 0 0 10px;
}
.ada-embed-drawer__iframe-container{
max-height: 550px !important;
max-width: 330px !important;
margin: 10px 10px 10px 10px !important;
}



/******************* Responsive *******************/ 

@media only screen and (max-width:1200px){
	
	.content-slide{ width:54%}
	
	.slider-partnership .slick-next{ right:6%}
	
	.slider-partnership .slick-prev{ right:10%}
	
	
}

@media only screen and (max-width:992px){

    .whypartner-grid{ display: block; max-width: 480px; margin: 0 auto;}

    .column-whypartner{ margin-bottom: 40px; text-align: center;}

    .column-whypartner:last-child{ margin-bottom: 0;}

    .title-with-icon .title{ margin: 0;}

    .img-homebanner{ margin-bottom: 30px;}

    .homebanner-w h1, .homebanner-w p, .homebanner-btn-region, .already-partner{ text-align:center}

    .title-with-icon{ display: block;}

    .title-with-icon .icon{ position: relative; margin-bottom: 20px;}

    .homebanner-btn-region a{ margin: 0 10px 10px 10px;}

    .homebanner-w .col-md-5, .homebanner-w .col-md-6{ width:100%}
	
	.img-slide{ width:95%; position:relative; margin:40px auto 0}
	
	.slider-partnership .slick-next{ right:2%}
	
	.slider-partnership .slick-prev{ right:7%}
	
	.content-slide{ width:95%; margin:0 auto 20px; float:none; border-radius:0 0 12px 12px; padding:40px 20px 20px 20px  }
	
	.testimonial-cont{ padding:0 0 30px 0}
	
	.img-slide img{ border-radius:12px 12px 0 0}
	
	.letstalk-logo, .cdw-logo, .naotech-logo{ position:relative; top:0}
	
	.slider-partnership .slick-prev{ right:7%}
    
    .maxwidth-60percent{ max-width: 100%}
	
	.infographic-sell, .infographic-deliver, .infographic-manufacture, .infographic-integrate, .infographic-develop, .infographic-carrier, .infographic-strategic{ display:none}

}

@media only screen and (max-width:767px){

    .whypartner-zoom, .findzoom-partner, .homebanner-w, .become-zoompartner, .partnership-w{ padding: 30px 0;} 
	
	.content-slide p{ font-size:16px}
	
	.slider-slide{ margin-bottom:20px}
    
    .whypartner-zoom h2, .findzoom-partner .container h2, .become-zoompartner h2{ font-size: 30px; margin-bottom: 30px;}

    .column-whypartner{ padding:30px}

    .homebanner-w h1{ font-size: 36px;}

    .already-partner{ margin-top: 30px;}

    .title-with-icon h3{ font-size: 20px;}

    .homebanner-btn-region a, .partner-locator-map .btn{ font-size: 16px;}

    .homebanner-w p{ font-size: 16px;}

    .findzoom-partner .container h2{ margin-bottom: 10px;}

    .findzoom-partner .container p{ font-size: 16px;}

    .title-with-icon{ margin-bottom: 10px;}

    .column-whypartner{ margin-bottom: 30px; text-align: center;}
	
	.slider-partnership .slick-prev{ right:58px}
    
    .slider-nav-thumbnails div{ padding: 0 2%}


}

@media only screen and (max-width:480px){
	
	.slider-nav-thumbnails div{ padding:0 1%}
	
	.slider-nav-thumbnails div img{ width:80%}
	
	
}

.img-to-right {	float: right;	margin-top: 10%;}
.mt-0.no-bold-as {	font-weight: 400 !important;	font-size: 20px !important;}
.mt-0.bold-as {	margin-bottom: 20px !important;}
.small-general-text {	margin-bottom: 45px;}
.small-general-text, .mt-0.no-bold-as, .mt-0.bold-as {
	color: #686565 !important;
}
.profile-pic #headerPic.user-image {
    background: url(https://zoom.us/docs/image/user_37fe4e7.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 42px;
    height: 42px;
}

#countries-block .ui-categ {
    display: none;
}
.resp-vtabs .resp-tabs-list li{    word-break: break-word;}
#main-zoom-filters .box-filter[data-name="PT Alfa Cipta Teknologi Virtual (ACTiV)"] .box-content .cover{height: calc(160px - 60px);}
.resp-vtabs .resp-tabs-container .custom-scrollbar {height: 526px;}

@media screen and (min-width: 768px){
.page-id-2652 #header_outer .signupfree {
    margin-right: 0;
    margin-left: 0;
}
}
.page-id-2652 .navbar-nav>li>a {
    padding: 22px 10px;
}

.CstCustomerInfoAndHero .inner-content .item-1 {
	height: auto!important;
	padding: 30px 0;
	min-height: 200px;
}