/* dynamic styles will be written here*/
body[data-fancy-form-rcs="1"] .select2-dropdown-open .select2-choice .select2-arrow b:after, body[data-fancy-form-rcs="1"] .select2-container--default:hover .select2-selection--single .select2-selection__arrow b, body[data-fancy-form-rcs="1"] .select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: hsla(0,0%,100%,.7);
}
.select2-container .select2-choice .select2-arrow b:after {
	border-width: 1px!important;
    border-top-color: hsla(0,0%,100%,.7);
}
.select2-container .select2-choice .select2-arrow {
	right: 20px!important;
}

.logoWithFilterHolder {margin:0px 0 30px;}
.logoFilter {background: #007ad9;padding: 20px 0;}
.logoFilterType {width:33.333%;float: left;}
.logoFilterType select{text-transform: capitalize}
.logoFilterType .fancy-select-wrap{padding-top: 0 !important;margin-right: 0px;    border-right: .1em solid hsla(0,0%,100%,.5);}
.logoFilterType:last-child .fancy-select-wrap {border-right:none;}
.logoFilterType.logo-attributes .fancy-select-wrap{margin-right: 0;}
.logoFilterType .select2-container {background: #007ad9;}
.logoFilterType .select2-container .select2-choice{border: none;}
.logoFilterType .select2-container .select2-choice>.select2-chosen{color: #fff!important;text-transform: uppercase;}
body .logoFilterType .select2-container .select2-choice:hover,body .logoFilterType .select2-container .select2-choice:hover >.select2-chosen,body .logoFilterType .select2-dropdown-open .select2-choice,body .logoFilterType .select2-dropdown-open .select2-choice >.select2-chosen{background-color: #007ad9!important;border: none !important;color: #fff!important;}
body[data-fancy-form-rcs="1"] .select2-drop{background-color: #007ad9;}
.select2-results{background-color: #007ad9!important;color: #fff!important;text-transform: uppercase;}
.logoContentItem {padding: 0px 0; margin: 0 -15px}
.logoItem-6-col {width: 16.66%!important;float: left!important;margin:20px 0 0 0!important;padding: 0 15px;position: relative; overflow:hidden; height: 150px;}
.logoItem-6-col img{position: absolute;width: auto!important;height: auto!important;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 100%;max-height: 100%;max-width: 70%!important;}
.logoItem-6-col:nth-child(6n+1){clear: both}
.proBoxCpntent{display: inline-block; width: 100%}
.loadMore {text-align: center;display: none;}
.loadingGif {display: none;}
.popupTextBox{overflow:hidden!important;max-width:1170px;padding: 60px 40px !important;}
.popupTextBox .fancybox-close-small{left: 0}
.fancybox-close-small:hover{background:none}
.popupTextBox .fancybox-close-small:after{content: '+';color: #111;font-weight: 300; font-size: 30px;transform: rotate(45deg);background: #eee;}
/* .popupLeftContent{width: 60%;float: left;padding-right: 20px; margin-top: 20px;} */
.popupLeftContent{width: 60%;float: left;padding-right: 20px; margin-top: 20px;border-right: 1px solid #b2c5d6;}
.popupLeftContent .proBoxLink { color: #3d3d3d;
    line-height: 16px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: underline;
}
/** Ben edit **/
/* .popupLeftContent .proBoxLink span i {background-color: transparent!important; color: inherit;height: auto;font-size: 15px;width: 23px;top: 0px;transition: transform .33s cubic-bezier(.75,0,.18,1);-webkit-transition: transform .33s cubic-bezier(.75,0,.18,1);} */
.popupLeftContent .proBoxLink span i {display:none;}
.popupLeftContent .proBoxLink:hover span i {    transform: translateX(7px);-webkit-transform: translateX(7px);}
/**end of ben edit **/

.popupLeftContent .proBoxLink:hover {color: #007ad9;}
.popupLeftContent .proBoxTitle {line-height:125%;color: #2b3781;margin-bottom: 15px;} 
.popupLeftContent .proBoxTitle span {display: block;}
/** Ben edit **/
.popupLeftContent .proBoxTitle span:first-child {
	text-transform: uppercase;
    color: #007ad9;
    letter-spacing: 2px;
    font-size: 23px;
    line-height: 25px;
    font-weight: 700;
	margin-bottom: 7px;
}
/* .popupLeftContent .proBoxTitle span:last-child {
	color: #00457b!important;
    font-size: 44px;
    line-height: 54px;
    font-weight: 500;
} */
.popupLeftContent .proBoxTitle span:last-child {
	color: #3d3d3d!important;
    font-family: Poppins;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 55px;
    line-height: 63px;
    font-weight: 700;
}
/**end of ben edit **/


/* .popupRightContent{width: 40%;float: left;border-left: 1px solid #b2c5d6;padding: 10px 0 10px 40px;text-align:center;} */
/* .popupRightContent{width: 40%;float: left;padding: 10px 0 10px 40px;text-align:center;} */
.popupRightContent{width: 40%;padding: 0px 0 0px 40px;text-align:center;    display: table-cell;
    height: 300px;
    text-align: center;
    vertical-align: middle;}
.popupRightContent img{max-width: 100%;}
.logoFancy .fancybox-bg{background: rgba(0,0,0,0.7)}
body[data-fancy-form-rcs="1"] .logoFilter .select2-container .select2-choice{padding: 0px 15px; font-weight: 700;font-size: 14PX;} 
.logoFilter .select2-container .select2-choice .select2-arrow b:after{    border-bottom: 1px solid hsla(0,0%,100%,.7);
    border-right: 1px solid hsla(0,0%,100%,.7);
    content: "";
    display: block;
    height: 14px;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    -o-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 14px;
    border-top: none;
    left: 50%;}

.popupLeftContent .proBoxTitle h3{color:#2b3781}
.logoFilter .select2-dropdown-open .select2-choice .select2-arrow b:after{    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);}
.logoContentBody .select2-drop{box-shadow: none}
.logoContentBody .select2-search input{background:#fff!important;height:36px!important;border-radius:0;display:none}
.logoContentBody .select2-search input[type="text"] { padding: 10px 10px!important;}
.logoContentBody .select2-search{padding: 10px; display: none} 
.logoContentBody .select2-results .select2-result-label{padding: 4px 10px}
.logoContentBody .select2-results .select2-highlighted{background: #293680; color: #fff}
.logoContentBody .select2-results{padding: 10px; max-height: 250px;}
.logoContentItem{min-height:300px; margin-bottom: 30px;}
body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-dropdown{box-shadow: none!important}
.logoContentBody .select2-results::-webkit-scrollbar {width: 0.2em; margin-right: 7px;}
.logoContentBody .select2-results::-webkit-scrollbar-track {}
.logoContentBody .select2-results::-webkit-scrollbar-thumb {background-color:hsla(0,0%,100%,.4);outline: 0px solid slategrey;}
.logoContentBody .dark.left{display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;}
body.logoContentBody .dark.left h5{color: #3ba1d7}
body.logoContentBody .dark.left h2{color: #293680; margin-bottom: 20px;}
body.logoContentBody .dark.left .vc_col-sm-8 .wpb_content_element.col-border{padding-bottom:6%!important}

/*Media Query here*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .logoContentBody .select2-drop{padding-right: 20px!important;} 
}

@media(min-width:768px) and (max-width:991px){
    .logoItem-6-col{width: 20%!important; height:100px;}
    .logoItem-6-col:nth-child(6n+1){clear: none}
    .logoItem-6-col:nth-child(5n+1){clear: both}
    .logoContentBody .dark.left{display: block}
}

@media(max-width:767px){
	.logoFilterType .fancy-select-wrap {border-right:none!important;}
    .popupRightContent{width:100%;padding: 0;border: none;}
    .popupLeftContent{width: 100%; margin-bottom:30px}
    .logoFilterType{width: 100%;}
    .logo-geography, .logo-industry{background:none; margin-bottom: 15px;}
    .logoFilter{padding:20px 0}
    .logoItem-6-col{ width: 33.33%!important; height: 100px;}
    .logoContentBody .dark.left{display: block}
    .popupLeftContent{border-right:none;}
    .popupRightContent {display: block;}
    .popupRightContent{height: auto;}
    .popupRightContent img{height: auto;}
    .popupLeftContent .proBoxTitle span:last-child{font-size: 30px;line-height: 30px;}
}

@media(max-width:479px){
    .logoItem-6-col{ width:50%!important; height: 80px;}
}
