/*OUR PEOPLE*/
    .our_people{ margin-top:100px; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:20px;  }
        .op{ position:relative; }
        .op_image{height:420px;width:100%; background-color:#dcdcdc; ;background-size:cover !important;background-position:50% !important;filter: grayscale(100%); position:relative; z-index:1;}
            .op_image_multiply{ height:420px;width:100%;background-size:cover !important;background-position:50% !important; position:absolute; top:0; left:0; z-index:2; background-color: #00ADEA;opacity:0; background-blend-mode: multiply;}
        .op:hover .op_image_multiply{ opacity:1; }
        .op_text{ display:grid; grid-template-columns:3fr 1fr; margin:20px 0;}
            .op_name{ font-weight:900; font-size:20px; }
            .email{ display:inline-block; width:39px; height:39px; background:url('img/icon-email-our-people.svg') no-repeat; background-size:contain; }
            .linkedin{ display:inline-block; width:39px; height:39px; background:url('img/icon-linkedin.svg') no-repeat; background-size:contain; }

/*OVG REG FORM*/
.nobottomgap{ margin-bottom:0;}
.imagegrid{ display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:0 20px; }
    .imagegrid .image_box{ width:100%; }
.image_box{width:31%;float:left;box-sizing:border-box;height:200px;text-align:center;margin-right:3%;box-shadow: 0 0 0px 1px rgba(0,0,0,0.2);position:relative;display:block;margin-bottom:20px;}
    .images .image_box .company_logo{ background-size:contain !important; }
    .image_box:last-of-type{margin-right:0 !important;}
    .image_box img{ width:auto; max-height:130px;}
    .image_box .user_photo{background-size: cover !important;min-height: 177px;background-repeat:no-repeat !important;background-position:50% 50% !important;}
    .image_box .company_logo, .image_box .qualmark, .image_box .user_photo1, .image_box .user_photo2, .image_box .user_photo3, .image_box .user_photo4, .image_box .qmark{min-height: 178px;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size: contain
     !important;}
    .image_box label{width:100%;text-transform:uppercase;font-size:10px;}
    .qualmark label, .company_logo label, .user_photo1 label, .user_photo2 label, .user_photo3 label, .user_photo4 label, .qmark label{position:absolute;bottom:0;left: 0;text-align: center;}
    .fileuploadbutton{width:100%;font-size:12px;whitespace:nowrap;background: rgba(0,0,0,0.4);height:30px;line-height:30px;color:#FFF;box-sizing:border-box;display:block;text-align:center;}
    .fileuploadbutton:before{width:30px;content:'\f337';font-family:'Dashicons';font-size:20px;line-height:inherit;display: inline-block;position:relative;/* float:left; */}
    .fileuploadbutton span{font-size:inherit;padding-left:5px;cursor:pointer;line-height:inherit;display: inline-block;position:relative;text-align: center;top: -5px;line-height: 20px;position: relative;}
    .fileuploadbutton span{ padding-right:20px;}
    .image_box input[type="file"]{  width: 0.1px;height: 0.1px; opacity: 0; overflow: hidden;   position: absolute;     z-index: -1;}

.step{ height:0; display:none; overflow:hidden; }
 .step.activestep{ display:block; height:auto;}
  .ovgregistrations .fieldgroup{ border:1px solid #d1d1d1;}
  .ovgregistrations .fieldgroup.animatelabel.infobox{ padding-bottom:10px;}
  .ovgregistrations span.infobox{padding: 0px 0px 10px 10px;}
  .ovgregistrations .activestep input,.ovgregistrations .activestep textarea, .ovgregistrations .activestep select{ border:0;}
 .ovgregistrations .laststep{ margin-top:70px;}
.container.ovgregistrations{ background:#FFF;}
.container.ovgregistrations #formdiv{ max-width:1150px; background:#FFF; margin:0 auto;  }
.ovgregistrations h1.ptitle{text-align:center;margin: 80px 0;font-size: 80px;}
    .ovgregistrations .vguideformtitle {padding: 70px 80px 80px;text-align: center;font-size: 38px;}
        .vguideformtitle span{ display:block; font-size:18px; margin:20px; max-width:800px; margin:20px auto 40px; }
     .contact_details_info{font-size: 22px;margin: 60px 0 26px;display:block;}
        .contact_details_info strong{ font-size:inherit; color:#000;  animation: blinker 1s linear infinite; }
            @keyframes blinker {
                20% { opacity: 0; }
                50% { opacity: 1; }
             }
.infobox{ font-size:14px; line-height:14px; color:#AAA; font-style:italic;  }
.step2form{ max-width:800px; margin:0 auto; }
.ovform_header, .ovform_banner{display:block;width:100%;height:670px;background-size:cover !important;background-position:50% !important;clear:both;position:relative;/* z-index: 13; */}
    .ovform_banner:before{ width:100%; height:670px;  position:absolute; left:0; top:0; z-index:2;  display:block; content:"";      
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    }
    .selwyn_logo{ position:absolute; z-index:9; max-width:500px; right:50px; bottom:50%; transform:translateY(50%); }
    .ovfbanner_text{display:block;position:absolute;top:50%;left:100px;transform:translateY(-50%);z-index: 99;}
        .ovform_title{     color: #ffffff;  font-size: 14px;  font-weight: 400;  text-transform: uppercase; }
            .ovform_title:before { content: ""; width: 40px; height: 2px; background: #FFF; display: inline-block; top: -4px; position: relative; margin-right: 10px;}
        .ovform_dates{ font-family:"Mukta"; display:block; margin:40px 0; color: #ffffff; font-weight:500; font-size: 60px; line-height: 86px; }
        .ovform_subtitle{ display:block; font-size: 22px;  font-weight: 400;  color:#FFF; max-width:740px; line-height:28px; }

    .ovform_progressbar{background:black;color:#FFF;padding:20px 0;text-align:center;position: relative;/* z-index: 13; */}
        .progress_item { display:inline-block; margin:0 30px; padding:28px 0; border:1px solid #FFF; width:205px; text-align:center; text-transform: uppercase; font-weight:600; position:relative; }
            .progress_item.current_progress{ background:#FFF; color:#000;  }
            .progress_item span{ display:block; position:absolute; left:50%; transform:translateX(-50%); font-size:10px;}
    .ovform_sizes{text-align:center;margin-top:40px;display:grid;max-width: 1300px;margin: 0 auto;grid-gap: 40px;position: relative;clear: both;}
        .ovform_sizes.ovgbox1{grid-template-columns: repeat(1,1fr);}
        .ovform_sizes.ovgbox2{grid-template-columns: repeat(2,1fr);}
        .ovform_sizes.ovgbox3{grid-template-columns: repeat(3,1fr);}
        .ovform_sizes.ovgbox3{grid-template-columns: repeat(3,1fr);}
        .ovform_sizes.ovgbox4{grid-template-columns: repeat(5,1fr);}
        .ovform_sizes.ovgbox5{grid-template-columns: repeat(6,1fr);}
        .ovform_sizes.ovgbox7{grid-template-columns: repeat(7,1fr);}
        
        .ovform_size{display:inline-block;width:100%;/* max-width:375px; */margin:0 20px;background:#F2F2F2;padding:35px;box-sizing:border-box;/* height:300px; */padding-bottom: 110px;position: relative;}
            .ovform_size:hover{ opacity:1; }
            .hiddensize{opacity:.6;background: #fafafa;}
        .ovform_size_title{clear:both;display:block;font-size:38px;margin-bottom:40px;}
        .ovform_size_setformat{display:block;clear:both;border: 1px solid #0099DA;max-width: 115px;margin: 0 auto 20px;padding: 3px 0 1px 0;text-transform: uppercase;font-size: 14px;font-weight: 600;}
        .ovform_size_price{display:block;clear:both;font-size:20px;font-weight:600;margin-bottom:40px;position:relative;letter-spacing: 1px;}
            .ovform_size_price span{ display:block; font-size:15px; text-transform: uppercase; }
        .ovg_introtext:before{ content:"INCLUDES"; font-weight:600; text-align:center; display:block; padding-bottom:10px; }
        .ovg_introtext li { list-style:none; }
        .ovform_selectbutton{display:block;text-transform:uppercase;color:#FFF;background:#000;max-width:115px;margin:0 auto;padding: 10px 20px;cursor:pointer;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);}
        .ovform_selectbutton:hover, .selected .ovform_selectbutton{ background:#0099DA; }
            .selected .ovform_selectbutton:after{ content:"ED"; }
    
    .exhibitor_list .fieldgroup.animatelabel input{border: 0;border-bottom: 0px solid #0099DA;position:relative;display:block;background: transparent;}
        .new-zealand-aromatic-wine-competition .exhibitor_list .fieldgroup.animatelabel input, .new-zealand-aromatic-wine-competition .exhibitor_list .fieldgroup.animatelabel select{border-bottom: 0px solid #8a0b53; }
        
    .formgrid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:0 40px; }
    .activestep input, .activestep select{width: 102%;height: 58px;padding: 0 15px;box-sizing: border-box;background: transparent;border: 1px solid #a3a3a3;}
    .activestep textarea{ width: 100%; height: 250px; margin-bottom: 20px;    padding: 15px; box-sizing: border-box; background: transparent; border: 1px solid #a3a3a3; font-style: inherit; }
    .fieldgroup{margin-bottom: 0;position:relative;margin-top: 0;display: block;z-index: 1;margin-bottom: 35px;overflow: hidden;}
        .fieldgroup:before{content:""; background: #F2F2F2; display:block; position:absolute; width:100%; height:100%; z-index:-1}
        .g-recaptcha{ position:relative; }
        .fieldgroup .fieldgroup{ margin-bottom:0;}
    input:invalid {border-bottom: 0px solid #8e3e42 !important;}
    .focus-border{ display:none; }
    .fieldgroup.animatelabel input ~ .focus-border, .fieldgroup.animatelabel select ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #0099DA; transition: 0.4s;}
    .fieldgroup.animatelabel select ~ .focus-border, .fieldgroup.animatelabel input ~ .focus-border{background-color: #0099DA;}
    .fieldgroup.animatelabel select.has-content ~ .focus-border, .fieldgroup.animatelabel input.has-content ~ .focus-border{width: 100%; transition: 0.4s; }
        .fieldgroup.animatelabel input:focus ~ .focus-border{ background:#f7a56a }
    .fieldgroup.animatelabel label{position: absolute;left: 17px;width: 100%;top: 27px;color: #aaa;transition: 0.3s;z-index: -1;font-weight: normal;text-transform: uppercase;}
    .fieldgroup.animatelabel .has-content ~ label, .fieldgroup.animatelabel input:focus ~ label, .fieldgroup.animatelabel textarea:focus ~ label{top: 0;font-size: 10px;color: #0099DA;transition: 0.3s;z-index:2;}
        .fieldgroup.animatelabel input:focus ~ label{ color:#707070; }
    .halffields{width:49.5%;float:left;margin-right:0;display: block;margin: 0;position:relative;background: #FFF;z-index: 1;}
            .halffields:nth-of-type(2){margin-left: 1%;}
            .halffields .halffields{width: 49.5%;float:left;margin-right:0;box-sizing: border-box;}
            .halffields .halffields:nth-of-type(2){border-left: 15px solid #f0f0f0;box-sizing: border-box;}
            .fieldgroup:after{content:"";width:100%;display:block;clear:both;/* margin-bottom: 25px; */}
                .fieldgroup .fieldgroup:after{ margin-bottom:0; }
        .twothirdfields{width:66%;float:left;margin-right:0;display: block;margin: 0;position:relative;/* background: #FFF; */z-index: 1;}
        .thirdfields{width: 33%;float:left;margin-right:0;display: block;margin: 0;position:relative;/* background: #FFF; */z-index: 1;margin-left: 1%;}
            .thirdfields .halffields{ background:transparent; top:6px;}
            .halffields.whitebg{ background:#FFF;}
        .fieldgroup .green-label{height:unset;color: #80808e !important;}
    .selectbox:after{content: "\032C";position:absolute;right:0;top:0;display: block;width: 65px;height: 58px;line-height: 21px;border-left: 1px solid #000;text-align: center;z-index: -1;font-size: 40px;background: #f2f2f2;}

    .popupbubble{position:fixed;left:20px;top:50%;width:110px;height:110px;z-index:1;opacity: 0;}
    .popupbubble.showpopupbubble{opacity:1;z-index: 9999;}
        .popupbubble.showpopupbubble .pbtext{ animation:bgchange .4s linear 1; }
        @keyframes bgchange {
                0% { background: #FFF; color:#000;}
                50% { background: #000; color:#FFF;}
                100% {background: #FFF; color:#000;}
             }
        .pbtext{ position:absolute; width:110px; height:110px; border:1px solid; border-radius:50%; background:white; cursor:pointer; }
            .pbtext span{ display:block; line-height:12px; font-size:12px; text-transform:uppercase; position:relative; text-align:center; top:50%; transform:translateY(-50%); }
        .pb_images{position:fixed;left: 150px;top: 50%;transform: translateY(-50%);max-width:300px;width:0;z-index: 99;height: 0;overflow: hidden;margin-top: 55px;}
            .popupbubble:hover .pb_images{ width:300px; height:auto; }
            .pb_images img{display:block; }
            .imgsep{ display:block; position:relative; }
                .imgsep:before{ content:"OR"; text-align:center; background:#FFF; display:block; }



/*ovg orders*/
.ovg_orders{ margin:100px auto; }
.container.ovgorders{ background:#FFF;}
.container.ovgorders #formdiv{ max-width:1300px; background:#FFF; margin:0 auto;  }
.ovgorders h1.ptitle{text-align:center;margin: 80px 0;font-size: 80px;}
.vg_grid{display:grid;grid-template-columns: 1fr 1fr;/* grid-template-rows: 1fr; *//* height:auto; */grid-gap: 25px 25px;box-sizing: border-box;}
    .vguide{ background: #F2F2F2; }
    .vguideimage{ height:470px; width:100%;  background-size:cover !important; background-position:50% !important; }
    .vguidebox{ text-align:center; padding:56px; background:#F2F2F2; }
    .vguidetitle{font-weight: 700;font-size: 24px;}
    .vguidesubtitle{ font-size:16px; font-style:italic; padding:20px 0;}
    .numsincart{ font-size:16px; padding: 0 0 20px 0;}
    .guideselector{ padding-bottom:10px; }
    .guideselector label{ display:inline-block; width:100px; }
    .guideselector .brochurenum{display:inline-block;width:150px;text-align:center;background: #FFF !important;font-size: 22px;}
    .vguideformtitle{ padding:80px; text-align:center; font-size:38px; }
    .vg_grid input, .vg_grid select{width: 100%;height: 67px;padding: 0 15px;box-sizing: border-box;background: transparent;border: 0px;}
    .ovg_orders .vg_grid input, .ovg_orders .vg_grid select, .ovg_orders .vg_grid textarea{ background:#F2F2F2 }
    .vg_grid textarea {   grid-column-start: 1;    grid-column-end: 3;    grid-row-start: 3;    grid-row-end: 4;    padding: 30px 15px 0;    height: 100px;    margin-bottom: 20px;}
        .vg_grid input[type="submit"], .submitbutton input[type="submit"]{
            padding: 20px 70px 20px;
            width: 267px;
            float:right;
            display:block;
            right: 0;
            border: 0;
            color: #FFF;
            text-align: center;
            cursor: pointer;
            text-transform: uppercase;
            font-weight: 7;
            background: #00c978; /* Old browsers */
            background: -moz-linear-gradient(45deg,  #00c978 0%, #00adea 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c978', endColorstr='#00adea',GradientType=1 );
  }
            .vg_grid input[type="submit"]:hover, .submitbutton input[type="submit"]:hover{ background: #0077b5; }
    .vg_grid textarea{grid-column-start:1;grid-column-end:3;grid-row-start:3;grid-row-end:4;padding:20px;height: 264px;margin-bottom: 0;width: 100%;padding: 10px 15px 0;box-sizing: border-box;background: transparent;border: 0;}
    
    
/*CASE STUDY*/
    .case_study_content{ margin-top:100px; display:grid; grid-template-columns:3fr 1fr; max-width:1200px; grid-gap:70px;}
        .cs_text_content{ margin-bottom:70px;  }
        .cs_intro{ font-weight:900; font-size:24px; line-height:35px; margin-bottom:20px; } 
    .case_study_images .cs_images .ds_image{display:block;width:100%;height: 900px; background-size:cover !important; background-position:50% !important; }
    .case_study_images .cs_images .ds_image:first-of-type{margin-bottom:40px;}
        .case_study_images .ds_grid .ds_image{ margin-bottom:0 !important;}
    .case_study_images .cs_images .ds_grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;margin-bottom: 40px;}
    
    .cs_images .ds_image{margin-bottom: 20px;height: 240px;background-size:cover !important;background-position:50% !important;}
    .cs_images .ds_grid{ grid-template-columns:1fr; grid-gap:20px; }
    
/*OUR WORK*/
    .case_study_categories{ margin:100px 0 60px; }
        .case_study_categories ul{margin:0;box-sizing:border-box;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;z-index: 999;}
        .case_study_categories li{display:inline-block;margin:0 20px 0 0;text-transform:uppercase;list-style:none;position:relative;cursor: pointer; box-sizing:border-box; }
            .allslug{ float:left; }
            .case_study_categories ul ul{position:absolute;left:0;display:block;width:100%;background:rgba(255,255,255,0.6);height:0;overflow:hidden;z-index: 999;margin-top:4px;}
                .case_study_categories ul li:hover ul{ height:auto; padding:40px 20px;  }
            .case_study_categories ul ul li{display:block;text-align:center;width:100%;line-height:30px;z-index: 99;}
            .active_slug, .clickable_slug.active{ font-weight:700; }
            .pslug.activeparent span:first-of-type{ font-weight:700; }
                .pslug.activeparent ul li span{font-weight: normal !important;}
                .pslug.activeparent ul li span.active{ font-weight:700 !important; }
            .pslug span < .child_slug < .cslug < .active{ font-weight:bold; }
            .case_study_categories li li:hover{ font-weight:bold; }
                .case_study_categories li ul li{ font-weight:normal; }
                .case_study_categories li ul li.active_slug{ font-weight:700; }
            .case_study_categories li:after{ content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:-4px; height:0px; background:var(--blue); z-index:11; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s; width:0; }
            .case_study_categories li:hover:after{ height:4px;  width:100%;}
            .case_study_categories ul ul li:after{ display:none; }
    .case_studies{display: block;position: relative; overflow:hidden; }
        .case_study{height:420px;position:relative;display: none;width: 31.33334%;margin: 0 1% 2% 1%;float: left;}
        .case_study, .case_study *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
        .case_studies:after{content:""; display:block; clear:both;  }
            .case_studies .active_case_study{ display:block; }
            .case_study:before{ content:""; display:block; width:100%; height:100%; position: absolute; top:0; left:0;  z-index:9; opacity:0; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s;
                                background: #00c978; /* Old browsers */
                                background: -moz-linear-gradient(45deg,  #00c978 0%, #00adea 100%); /* FF3.6-15 */
                                background: -webkit-linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* Chrome10-25,Safari5.1-6 */
                                background: linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c978', endColorstr='#00adea',GradientType=1 ); }
            
        .study_image{ display:block; position:absolute; width:100%; height:100%;  background-size:cover !important; background-position:50% !important; }
        .study_title{position:absolute;font-size:22px;font-weight:700;top:50%;left:50%;transform:translate(-50%, -50%); margin-top:-30px;width: 80%;color: #FFF;opacity: 0; z-index:10; }
            .readmore{ display:block; width:100px; padding:8px 20px; border:1px solid var(--white); margin-top:50px;}
        .case_study:hover .study_title{ opacity:1; margin-top:0; }
        .case_study:hover .readmore{ margin-top:20px; }
        .case_study:hover:before { opacity:0.9; }

/*BLOG POSTS*/
    .blog_posts .case_study{ background:#9E9E9E; }
    .case_studies.blog_posts.blog_archives {   grid-template-columns: repeat(2, 1fr);}
        .blog_posts .study_title{ opacity:1; margin-top:0; }
    .blog_subtitle{ display:block; font-weight:normal; padding-top:10px;}
    .blog_posts .case_study .readmore{ margin-top:20px; }
    .blog_posts .case_study:after{ content:""; display:block; width:100%; height:100%; position: absolute; top:0; left:0;  z-index:9; opacity:1; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s;
                                background:rgba(0,0,0,0.5); }
     .blog_posts .case_study:hover:after { opacity:0; }
    
     .blog_single{display:grid;grid-template-columns: 3fr 1fr;max-width: 1200px;grid-gap:90px;margin-top:100px;}
        .blog_single .case_study_content {margin-top: 0px;display: block;}
        .blog_single .cs_images .ds_image {margin-bottom: 20px;height: 452px;}
        .half_with_black_bar{font-size:22px;font-weight:bold;text-transform:capitalize;margin-bottom: 20px;}
            .archive_years{ margin-bottom:30px; }
                .archives{ margin:0; list-style:none; }
                .archives li{ margin-left:30px;}
                .archives b{ display:block; position:relative; left:-30px; position:relative; padding:12px 20px; z-index:2; margin:10px auto; font-weight:400;}   
                .archives a{ display:block; z-index:3; position:relative; }
                .archives b:before{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;
                    background: #00c978; /* Old browsers */
                                background: -moz-linear-gradient(45deg,  #00c978 0%, #00adea 100%); /* FF3.6-15 */
                                background: -webkit-linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* Chrome10-25,Safari5.1-6 */
                                background: linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c978', endColorstr='#00adea',GradientType=1 );
                 }
                 .archives b:after{ content:""; display:block; position:absolute; background:var(--white); width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; }

        .category_block{ padding-left:0px; margin-bottom:15px; }
            .category_block:before{ content:""; display:inline-block; width:8px; height:16px; background:url('img/blog_arrow.svg') no-repeat; background-size:contain; position:relative; top:1px; padding-right:15px;}
        .blog_single .cs_images .ds_grid {grid-template-columns: 1fr 1fr;grid-gap: 20px;display: grid;}
        .blog_right .blog{display:grid;grid-template-columns:100px 1fr;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #d4d4d4;}
            .blog_right .blog:last-of-type{ border-bottom:0px !important; }
            .blog_image{display:inline-block;width:100px;height:100px;background-size:cover !important;background-position:50% !important;cursor: pointer;}
            .blog_content{display:inline-block;}
            .blog_right .blog_title{font-weight:600;line-height:22px;font-size: 14px;padding-left:20px;cursor: pointer;}
                .blog_title span{font-size:10px;line-height: 15px;font-weight:normal;display:block;color:#979797;}
       .post_navigation{ margin-top:50px;  position:relative; }
       .post_navigation .nav-links, .post_navigation .nav-links a{display: block; position:relative; padding-bottom:40px;} 
       .post_navigation .nav-links div{margin-bottom:30px;width: 50%;}
       .nav-links span{ display:block; }
       .nav-links .nav-previous{text-align: left;float: left;}
       .nav-links .nav-next {    text-align: right;    float: right;}
       .nav-next .post-title, .nav-next .pbutton{   float:right; clear:both;}
       .nav-next .pbutton{ right:0; }
       .post_navigation .post-title{font-weight:600;max-width: 55%;}
       .nav-previous .post-title{float:left;display: block;clear: both;}
       .pbutton{ width:160px; text-align:center; padding:10px 0; color:#FFF; position:absolute;  bottom:0;
                background: #00c978; /* Old browsers */
                background: -moz-linear-gradient(45deg,  #00c978 0%, #00adea 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c978', endColorstr='#00adea',GradientType=1); }


/*ABOUT*/
    .about_blocks{ margin-top:90px; }
        .ab_block_1, .ab_block_2{display:grid;grid-template-columns:1fr 1fr;gap: 56px;}
        .ab_block_1{ margin-bottom:65px; }  
           .ab_content{max-width:570px;/* overflow:hidden; */position: relative;width: 100%;}
           .ab_block_2 .ab_content{justify-self: end;}
               .ab_mcontent *{ font-size:16px; font-weight:300; }
           .ab_image{display:block;width:100%;height:100%;overflow: hidden;}
           .slidercontent{width: 100%;display: block;position: relative;height: 100%;overflow: hidden;grid-template-columns: 1fr 1fr;overflow:hidden;}

               .slidercontent .img1:last-of-type, .slidercontent .img2:last-of-type{ background:#929292;  }
               .ab_image .slidercontent{right: 0;}
               .ab_block_2 .ab_image .slidercontent{ right:0; }
           .slidercontent div{display: inline-block;position: absolute; width: 100%;}
               .slidercontent div:last-of-type{top: 0;left: 0;}
               .slidercontent div:first-of-type{top: 0;left: -100%;}
           .slidercontent.abm2{ float:right; }
           .ab_main_title{font-size: 24px;font-weight: 900;line-height: 32px;max-width:500px;margin-bottom:35px;}
        
            .slidercontent .button{ 
                display:inline-block; clear:both; margin-top:30px; text-transform:uppercase;  font-weight:bold;
                background: #00c978; /* Old browsers */
                background: -moz-linear-gradient(45deg,  #00c978 0%, #00adea 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(45deg,  #00c978 0%,#00adea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c978', endColorstr='#00adea',GradientType=1); 
            }

        .slider_switch{margin-bottom:35px;background:var(--black);max-width:301px;border-radius:15px;color:#FFF;position: relative;cursor:pointer;pointer-events: all;}
            .slider_switch span{font-size:14px;font-weight:300;line-height:32px;display:inline-block;width: 50%;text-align:center; position:relative;z-index:2 }
            .creative .slider_switch span:first-of-type{ color:var(--black); }
            .finance .slider_switch span:last-of-type{ color:var(--black); }
            .slider_switch:after{content:"";display:block;width:50%;background:#FFF;height:30px;position:absolute;left:1px;top: 1px;z-index: 1; border-radius:15px; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s}
            .finance .slider_switch:after{ left:calc(50% - 1px); }
            .finance .slider_switch:after{ left:calc(50% - 1px); }
        .ab_block_1 .slidercontent div.img1,  .ab_block_1 .slidercontent div.img2{border-right:0;border-left: 20px solid #FFF;background-size: cover !important;background-position: 50% !important;}
        .slidercontent div.img1, .slidercontent div.img2{background-color: gainsboro;display: inline-block;height:100%;border-right: 20px solid #FFF;box-sizing: border-box;background-size: cover !important;background-position: 50% !important;}   

        .finance  .slidercontent div:last-of-type{top: 0;left: 100%;}
        .finance  .slidercontent div:first-of-type{top: 0;left: 00%;}


/*RESPONSIVE*/  
    @media only screen and (max-width:1920px){
        
    }

    @media only screen and (max-width:1400px){
        .case_study_categories {padding:0 50px;    margin: 50px 0 40px; }
        .case_study_images .cs_images .ds_image {    height: 600px; }
        .post_navigation {padding:0 50px; margin: 50px 0; }
        .contact_page{ margin:100px 20px 0; }
    }


    @media only screen and (max-width:960px){
        .mobilemenu_button{ display: block; }
        body, html{max-width:100%; position:relative; }
        .desktoponly{ display:none !important;}     
        .ninesixty{ width:100%;}
        .main_title br {display:none;}
        .about_blocks{ margin-top:50px; }
        .ab_block_1, .ab_block_2{display: block;grid-template-columns:1fr;gap: 56px;padding:0 20px;}
        .ab_block_1 {   margin-bottom: 0px; }
        .ab_content {max-width: unset;justify-self: unset !important;}
        .ab_image { min-height: 410px;}
            .ab_block_2 .ab_image{top: -70px;position: relative;}
        .slidercontent div.img1, .slidercontent div.img2 {min-height: 410px;z-index: 99;}
        .sheight, .sheight2{height: 394px !important;overflow-y: auto;}
        .finance .sheight, .finance .sheight2{height: 300px !important;overflow-y: auto;}
        .slidercontent div { position: relative; }
        .ab_image .slidercontent{min-height:400px;margin-bottom: 20px;}
        .ab_image .slidercontent div, .ab_content .slidercontent div { position: absolute; }
            .ab_block_1 .slidercontent div.img1, .ab_block_1 .slidercontent div.img2 {border-left: 0px; } 
        .our_people,.case_studies {margin-top: 15px;grid-template-columns: repeat(2,1fr);padding:20px;}
      .op_image,  .op_image_multiply, .case_study{height:320px;}
      .case_study_categories { padding-left:20px;    margin: 50px 0 0px; }
      .blog_single {padding:0 20px; grid-template-columns: 1fr;  margin-top: 50px;}  
        .cs_intro {   font-size: 18px;  line-height: 25px; }
        .blog_right{ margin-bottom:50px;}
        .vg_grid {grid-template-columns: 1fr;padding:0 20px;}
        .contact_page {  margin-top: 50px; }
        .fields input[type="submit"] {  float: none;   margin: 0 auto 50px;}
        .case_study_content {padding:0 20px;  margin-top: 50px;  grid-gap: 50px;}
        .case_study_images .cs_images .ds_image {    height: 400px; }
        .post_navigation {padding:0 50px; margin: 50px 0; top:-50px;}
        .form_title { font-size: 22px;  font-weight: 600;  line-height: 30px;}
    }

    @media only screen and (max-width:767px){
      .mobileonly{ display:block; }
       body, html{ width:100%;}
      .ninesixty{ width:100%;}
      .our_people { margin-top: 50px; grid-template-columns: repeat(1,1fr);padding:20px; }
      .op_image,  .op_image_multiply{height:320px;}
      .case_studies {grid-template-columns: repeat(1, 1fr);padding:0 20px;clear: both; margin:20px 0; }  
          .case_study {  height: 320px;  width: 100%;    margin: 0 0% 2% 0%; }
          .allslug {    float: none;}
      .blog_single {padding: 0 0px;grid-template-columns: 1fr;margin-top: 50px;}  
         .blog_single{ grid-gap:0px; }
        .cs_intro {   font-size: 18px;  line-height: 25px; }
        .fieldgroup {  margin-bottom: 5px;}
        .vg_grid input, .vg_grid select {height: 47px;padding: 0 15px;display: block;}
        .fieldgroup.animatelabel label {  top: 17px; }
        .fieldgroup:last-of-type{/* position:relative; *//* bottom:30px; *//* text-align:center; */}
        .case_study_content {    grid-template-columns: 1fr; grid-gap:0;}
        .cs_text_content { margin-bottom: 20px; }
        .case_study_side{ margin-bottom:50px; }
        .case_study_images .cs_images .ds_grid { grid-template-columns: 1fr;  grid-gap: 40px;}
        .post_navigation { padding: 0 20px;  top: -50px;}
        .vg_grid {padding: 0 0;display: block;}
            .vgg{margin-bottom:20px;height: auto;}
        .vg_grid .fieldgroup{display: block;margin-bottom: 25px;clear: both;min-height: 47px;}
        .form_title { font-size: 18px; line-height: 26px;}
        .sheight, .sheight2 {    height: 400px !important;    overflow-y: auto; }
        .abm1.sheight{height: 500px !important;    }
        .abm2.sheight, .abm2.sheight2{height: 685px !important;}
        .blog_single .cs_images .ds_image { margin-bottom: 20px; height: 222px; }
        .blog_right{ padding:0 20px;}

        .ovfbanner_text{ left:20px; }
        .ovform_dates { font-size: 40px; line-height: 1em;}
        .ovform_subtitle {padding-right:20px; font-size: 20px;    line-height: 1.2em; }
        .ovgregistrations .vguideformtitle {  padding: 40px 80px 40px;  text-align: center;  font-size: 28px; }
        .step2form{ padding:0 20px;}
        .image_box {width: 47%; }
        .popupbubble {  left: 50%;  top: unset; bottom:30px; transform:translateX(-50%)}
        .pb_images {left: 50%;top:unset;bottom: 110px;transform: translateX(-50%);max-width: 300px;height: 340px !important;width: 300px !important;background: rgba(0,0,0,0.7);overflow: scroll;}
        .pb_images img{ width:100%; height:auto; }

         .ovform_sizes.ovgbox1, .ovform_sizes.ovgbox2, .ovform_sizes.ovgbox3, .ovform_sizes.ovgbox4, .ovform_sizes.ovgbox5, .ovform_sizes.ovgbox6, .ovform_sizes.ovgbox7{grid-template-columns: repeat(1,1fr);}
         .ovform_size{ margin:0;}
         .vg_grid, .step3form{ padding:0 20px; }
         .formgrid { grid-template-columns: 1fr;}
    }

    @media only screen and (max-width:450px){
        .post_navigation .post-title{ display:none; }
        .post_navigation{ padding:0;}

    }

    @media only screen and (max-width:360px){
      .blog_single .cs_images .ds_image {height:180px; }
      .post_navigation .pbutton {max-width:99%; }
    }