/*selling section*/



.sel_hedr h2{font-size: 38px; text-transform: uppercase;color: #2e2e2e;font-family: 'brandon_grotesquebold'; 

text-align: center; padding-top: 65px; padding-bottom: 55px; }

.sel_fields {border: 1px solid #ebebeb; float: left; width: 100%; border-bottom: 2px solid #ebebeb;}

.fld1 {padding: 40px 47px; width: 50%; float: left;}

.fld1 h3 {font-size: 38px ; font-weight: 600; color: #b53025; font-family: 'Open Sans', sans-serif;}

.in_box {width: 100%;  font-family: 'Open Sans', sans-serif;color:black;border-radius: 3px; 

font-size: 16px; padding: 20px; border: #e0e0e0 1px solid; height: 55px; background: #f9f9f9;}

.controls {margin-bottom: 25px;}

.mail{position: relative; }

.in_pd {padding-right: 63px;}

.mail:after{font-family: 'wedding'; font-size: 20px; color: #afadad; content: "\e643"; position: absolute;

right: 4%;top: 31%}



.fg_pwd {color: #ba2a28; font-weight: 400; font-size: 15px; border-bottom: 1px solid #ba2a28; display: inline-block; padding-bottom: 2px;}

.fg_pwd:hover {color: #e77e23;border-bottom: 1px solid #e77e23;}

.tm-cir{ width:auto;}



.grey-btn {padding: 15px ;min-width:165px;text-align: center; background: #4d4444; color: #fff;font-family: 'Open Sans', sans-serif;

font-weight: 700; font-size: 17px; text-transform: uppercase;border: none;border-radius: 5px;display: block;

margin-top:0; transition:all .3s ease-in; float:right;}



.fld2 {border-left: 1px solid #ebebeb; }

.fld2 .in-fields {padding: 35px; background: #fcfcfc;}

.fld2 .controls {width: 49%; float: left; margin-bottom: 22px; margin-top: 0px;}

.fld2 .controls:nth-child(2){float: right;}

.fld2 .in-box {padding: 17px 15px; background: #fff;  border: #e0e0e0 1px solid;border-radius: 5px; 

	width: 100%; font-weight: 400; font-size: 16px;font-family: 'Open Sans', sans-serif;color: black;

  height: 55px;}



  ::-webkit-input-placeholder {

    font-weight: 400; font-size: 16px;font-family: 'Open Sans', sans-serif;color: #b3b3b3 ;

    opacity: 1;



  }



  :-moz-placeholder { /* Firefox 18- */

   font-weight: 400; font-size: 16px;font-family: 'Open Sans', sans-serif;color: #b3b3b3;

   opacity: 1;

   ;  

 }



 ::-moz-placeholder {  /* Firefox 19+ */

   font-weight: 400; font-size: 16px; font-family: 'Open Sans', sans-serif;color: #b3b3b3;

   opacity: 1;



 }



 :-ms-input-placeholder {  

  font-weight: 400; font-size: 16px;font-family: 'Open Sans', sans-serif;color: #b3b3b3;  

  opacity: 1;



}

.wide {width: 100%!important; background: #fff;}

.inp, .dd .ddTitle { background: #fff;  border: #e0e0e0 1px solid;height: 55px; }



.orng {background: #e77e23; float: right; margin-top: 0px; margin-bottom: 60px;}

.grey-btn:hover {background: #b53025;}

.ddcommon ul {



  border-radius: 0;

  margin: 0;



}

.ddcommon .ddChild li {

  clear: both;

  color: #b3b3b3;

  font-family: "Open Sans",sans-serif;

  font-size: 16px;

  font-weight: 400;

  padding: 10px 10px 10px 22px;

}

.ddcommon ul {border: 1px solid #e0e0e0;border-radius: 0;}

.ddcommon .shadow  {box-shadow: none;}

.dd.borderRadiusTp .ddTitle {border-radius: 5px 5px 0px 0px;}



.vk_login_hedr{text-align: center;

  padding: 25px 0px;

  background: #f2f2f2;}

  .vk_login_hedr p{ font-size:15px; font-weight:400;}

  .vk_login_hedr p a{ color:#be2220;}

  .vk_login_hedr p a:hover{ color:#e77e23;}



  /*what is count on us section css*/

  .wht_cnt {padding-top: 50px; padding-bottom: 70px;float: left;}

  .pic {float: left;width:29.059%;}

  .pic img{width: 312px; height: 312px; border-radius: 50%; border: 10px solid #fff; 

   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}

   .wht_contnt {float: left;width:66.94%; margin-left: 44px;}

   .wht_contnt h3 {color: #b53025; font-size: 38px ;font-family: 'brandon_grotesque_regularRg';

   margin-bottom: 35px; text-transform: uppercase;}

   .wht_contnt p {color: #2e2e2e; font-size: 18px;font-family: 'Open Sans', sans-serif;line-height: 34px;

   font-weight: 300;}

   .wht_contnt p strong {font-weight: 700;}





   #wp-vendor-registration-form{ display:inline-block; margin-top:15px;}



   /*how it works*/



   .how_bg {background: url(img/how-it-work.jpg) no-repeat center center;background-size: cover;}

   .how_con p {color: #fff;}

   .how {display: table;width: 100%}

   .how_con {width: 25%;float: left;border: 1px solid #fff; display: table-cell; height: 235px; 

     text-align: center;vertical-align: middle;position: relative; }

     .how_con:not(:first-child){border-left: none;}





     .how_con:hover .hex_icon i{ color: #b53025;}

     .how_con:hover .hexagonp {

       background: url(img/white_hex.png) no-repeat center center;width: 78px; height: 89px;text-align: center;

       display: inline-block;margin-top: 45px;  

     }



     .hex {text-align: center;}

     .hexagonp {

       background: url(img/red_hex.png) no-repeat center center;width: 78px; height: 89px;text-align: center;

       display: inline-block;margin-top: 45px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in; 

     }



     .hex_icon i {font-size: 30px; color: #fff;line-height: 89px;}

     .hex_icon {display: block;text-align: center; line-height: 60px;}

     .hex p {font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase;text-align: center;

      line-height: 24px;margin-top: 23px; padding: 0px 16px;}





      .rond {width: 26px; height: 26px; position: absolute;right: 0px;display: inline-block;border: 1px solid #fff;

        border-radius: 50%; right: -13px;margin-top: -13px;top: 50%;background: #2c0d12; text-align: center;}

        .rond i {color: #fff; font-size: 15px; margin-top: 5px;display: inline-block;}

        .five {border-left: 1px solid #fff!important;}

        .brd_top {border-top: none;}

        .brd_top .rond i {transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}

        .four.rond {left: 50%; margin-left: -13px; position: absolute; top: 232px;}

        .four.rond i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}

        .bg_red {background: #be2000; font-size: 40px; line-height: 50px;font-family: 'brandon_grotesquelight';

        text-transform: uppercase; border-top: none;border-left: none;}

        .how_con.bg_red{ position:relative;}

        .how_con.bg_red p{ transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); top:50%; position:absolute; width:100%; text-align:center;}



        .bg_red strong { font-family: 'brandon_grotesquebold';font-size: 40px;}

        .how {padding: 100px 0px;}









        /*Why you should choose us section*/



        .round_bg {background: url(img/round_pattern.png);}

        .w_ch {float: left;margin-bottom: 50px;width: 100%}

        .w_ch h2 {font-size: 40px; color: #2e2e2e; font-family: 'brandon_grotesquelight';margin-top: 80px;

        margin-bottom: 70px;text-align: center;text-transform: uppercase;}

        .w_ch h2 strong {font-size: 40px; font-family: 'brandon_grotesquebold';font-weight: normal; }

        .reg_con {width: 100%;}

        .reg_con_child {width: 100%;margin-bottom: 36px;float: left;}

        .reg_con1 {float: left;width: 48%; background: #ffffff; max-height: 214px;}

        .reg_con1:nth-child(even) {float: right;}

        .reg_cnt {margin-left: 30px; float: left; padding: 25px 36px 25px 0px; width: 54%;}

        .reg_cnt h3 {font-size:22px;color: #b53025;font-family: 'brandon_grotesquebold'; text-transform: uppercase;

        margin-bottom: 11px; }

        .reg_cnt p {font-size: 15px; font-weight: 400;font-family: 'Open Sans', sans-serif; line-height: 26px;

        color: #2e2e2e}

        .reg_pic {float: left;}



        /*success stories*/

        .suc_header h2 {margin-top: 84px;}

        .suc_header {margin-bottom: 0px;}

        .wed_v {text-align: center; height: 100%; margin: 0px auto}

        .wed_v iframe {width: 100%;height: 100%; height: 490px;width: 890px;}*/



        /*slider*/

        .item {text-align: center;}

        .tm-cir { float: none; text-align: center;}

        .owl-carousel .owl-item .tm-cir img {float: none;width: 203px; height: 203px;border: none; }

        .tit {font-size: 24px;color: #b53025; font-family: 'brandon_grotesquelight';margin-top: 33px;

        margin-bottom: 37px;text-align: center;}

        .tit strong{font-size: 24px;color: #292928;font-family: 'brandon_grotesquebold';font-weight: normal; }

        .tit-txt p {font-size: 15px ; line-height: 34px; color: #292928;text-align: center;}

        #testimonial-sldr .owl-controls .owl-nav div.owl-prev{right:auto; left:30%; border-radius: 50%; height: 50px; width: 50px;

          top: 23%;}

          #testimonial-sldr .owl-controls .owl-nav div.owl-next{right:32%; border-radius: 50%;height: 50px; width: 50px;top: 23%;}

          #testimonial-sldr .owl-controls .owl-nav div {margin-top: -18px;top: 23%;}

          .owl-nav:before{content: ""; height: 1px;width: 27%; position: absolute;background: #e5e5e5;top: 24%; left: 0px;}

          .owl-nav:after{content: ""; height: 1px;width: 27%; position: absolute;background: #e5e5e5;top: 24%;right: 0px; }

          .slide_suc {padding-bottom: 70px;}

          #testimonial-sldr {margin-top: 62px;}



          /*we are growing*/



          .red, .progress  {background: #ba2a28;}

          .growing h2 {color: #fff; margin-top: 90px;}

          .cir-grw-inr {border: none;}

          .we-are ul li:not(:last-child)::after {background: #fff;}

          .we-are ul li p {color: #fff;}

          .we-are {padding-bottom: 80px;}

          .we-are ul:after {   border-bottom: 3px solid #952220;

            content: "";

            left: 10%;

            position: absolute;

            top: 50%;

            width: 80%;

          }



          /*faq section*/

          .faq_header h2 {margin-top: 40px; margin-bottom: 30px;color: #fff;}

          .blk_bg {background: #292725;}

          .faq_header {margin-bottom: 0px;}

          .bg_faq {background: url(img/vendor-faq.jpg) no-repeat left top;  position: relative;background-size: cover;}

          .faq_list {padding: 75px 0px 50px 0px; float: left;width: 100%;}

.faq_list .accordion-toggle  span{ /*   background-image: url(img/red.svg);

    background-size: 100% 100%;     background-repeat: no-repeat;

    background-position: left top;*/

    display: block;

    width: 59px;

    height: 60px;

    position: absolute;

    left: 0px;

    top: 0; background-color:#ba2a28; border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0;}



    .accordion-heading .accordion-toggle {

      box-sizing:border-box;-webkit-box-sizing:border-box;  

      width: 100%;

      height: 100%;

      padding: 13px 17px 13px 72px;

      /* margin-top: -30px;*/

      border-radius: 3px 0px 0px 0px;

      font-size: 18px;

      line-height: 30px;

      min-height: 60px;

      cursor: pointer;

      color: #161616;

      font-family: 'Open Sans', sans-serif;

      font-weight: 400;



    }

    .faq-overlay{position: absolute; width:100%; height:100%; left:0;  top:0; opacity:0.3; background:#fff;

    }









    .accordion-heading {background-color: #fff;border-radius: 4px 4px 0px 0px;position: relative;}

    .accordion-group {

      border: none;

      margin-bottom: 30px;

    }
    .accordion-inner ol{padding-left: 20px;}
    .accordion-inner {

      border-top: none;

      padding: 9px 22px;

      background-color: #ba2a28;

      color: #ffafae;

      font-size: 15px;

      line-height: 28px;

      font-family: 'Open Sans', sans-serif;

      font-weight: 400;



    }





    .faq_list .accordion-group .accordion-heading a:after{

     position: absolute;

     left: 22px;

     top:50%;

     font-size: 35px;

     color:#fff;

     width:15px;

     height:15px;

     margin-top:-7.5px;



   }

   .faq_list .accordion-group .accordion-heading a:after {

    content: '';

    background:url(img/plus-faq.png);



  }

  .faq_list .accordion-group.active .accordion-heading a:after {

    content: '';

    background:url(img/minus-faq.png);

  }



  #testimonial-sldr .owl-item:before{ display:none;}







  /*responsive css section-----------------------------------------*/

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

    #wp-vendor-registration-form{ margin-top:10px;}



    .sel_hedr h2 {font-size: 33px;padding-bottom: 25px;padding-top: 45px;}

    .fld1 h3 {font-size: 32px;}

    .fld1 {padding: 21px 26px;}

    .orng {margin-bottom: 16px;}

    .wht_contnt {width: 65.94%;}

    .wht_cnt {padding-top: 39px;padding-bottom: 40px;}

    .wht_contnt h3 {font-size: 30px;margin-bottom: 12px;}

    .wht_contnt p {font-size: 16px;line-height: 31px;}

    .pic img {height: 268px;width: 268px;}

    .how { padding: 60px 0;}

    .w_ch h2 {font-size: 32px;margin-bottom: 45px;margin-top: 45px;}

    .w_ch h2 strong {font-size: 32px;}

    .reg_con1 {width: 100%; margin-bottom: 20px;}

    .reg_con_child  {margin-bottom: 0px;}

    .w_ch {margin-bottom: 40px;}

    .suc_header { margin-bottom: 0px;}

    .growing h2 {margin-top: 43px;}

    .wed_v iframe {height: 359px;}

    .tit {margin-bottom: 22px;}

    .we-are {padding-bottom: 44px;}

    .faq_header {margin-bottom: 0;}

    .smk_accordion .accordion_in .acc_head {font-size: 16px;}

    .reg_cnt {width: 70%;}

    #testimonial-sldr {margin-top: 45px;}

    .hex p { font-size: 13px;line-height: 20px;}



  }



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

    .faq_list .accordion-heading .accordion-toggle{font-size: 16px; line-height: 30px;}



    .sel_hedr h2 {font-size: 29px;}

    .inp, .dd .ddTitle {height: 45px;}

    .ddcommon .ddChild li {

      clear: both;

      color: #b3b3b3;

      font-family: "Open Sans",sans-serif;

      font-size: 16px;

      font-weight: 400;

      padding: 10px 10px 10px 15px;

    }

    .ddlabel {font-size: 16px;}

    .fld2 .in-box,.in_box {height: 45px;padding: 6px 15px;}

    .pic img {height: 170px;width: 170px;}

    .wht_contnt {width: 71.94%;margin-left: -14px;}

    .how_con {height: 254px;}

    .four.rond {top: 251px;}

    #testimonial-sldr .owl-controls .owl-nav div.owl-prev {left: 22%;}

    .tm-cir {margin-right: 0px;}

    #testimonial-sldr .owl-controls .owl-nav div.owl-next {right: 22%;}

    .owl-nav::before {width: 18%;}

    .owl-nav::after {width: 18%;}

    .we-are ul li p {background: #ba2a28;}

    /*.we-are ul::after {border:none;}*/

    .smk_accordion .accordion_in .acc_head {font-size: 12px;}

    .smk_accordion .accordion_in.acc_active > .acc_content {font-size: 13px;}

    /*.wed_v iframe {width: 728px;}*/

    .sel_hedr h2 {font-size: 24px; padding-bottom: 7px;padding-top: 30px;}

    .fld1 h3 { font-size: 25px;}

    .reg_cnt {width: 64%;}

    .we-are ul li:not(:last-child)::after {display: none;}

    .wed_v { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;clear: both; } 

    .wed_v iframe { position: absolute; top: 0; left: 0; height: 100%;width: 100%; }



    .we-are ul::after { border-right: 3px solid #952220 !important;    content: "";top:10%; left:50%; width:auto;}

    .we-are ul li{ margin-bottom:17px;}

    .sb_pwd:after{ right:18px;}

  }



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

    input {font-size: 13px!important;}

    ::-webkit-input-placeholder {

      font-weight: 400; font-size: 13px;font-family: 'Open Sans', sans-serif;color: #b3b3b3 ;

      opacity: 1;



    }

    :-moz-placeholder { /* Firefox 18- */

     font-weight: 400; font-size: 13px;font-family: 'Open Sans', sans-serif;color: #b3b3b3;

     opacity: 1;

     ;  

   }

   ::-moz-placeholder {  /* Firefox 19+ */

     font-weight: 400; font-size: 13px;font-family: 'Open Sans', sans-serif;color: #b3b3b3;

     opacity: 1;



   }



   :-ms-input-placeholder {  

    font-weight: 400; font-size: 13px;font-family: 'Open Sans', sans-serif;color: #b3b3b3;  

    opacity: 1;

    

  }

  .fld2 .in-box, .in_box {height: 40px;padding: 6px 10px;}

  .mail::after {top:13px; right:3%; font-size:15px;}

  .pwd{ background-size:20px; background-position:97% center;}

  .resize, .inp, .dd .ddTitle, .areaa {height: 40px; padding: 10px;}

  .ddlabel {font-size: 13px;}

  .controls {margin-bottom: 15px;}

  .grey-btn {font-size: 15px;min-width: 106px;padding: 11px;}

  .wht_contnt {margin-left: 0;width: 100%;}

  .pic {float: none; text-align: center; width: 100%;}

  .wht_contnt h3 {margin-top: 16px;text-align: center;}

  .bg_red { font-size: 28px;line-height: 34px; padding-top: 82px;}

  .bg_red strong {font-size: 28px;}

  .hex p {font-size: 12px;line-height: 19px;}

  .hexagon {top: 40px;}

  .w_ch h2 {font-size: 25px;margin-bottom: 30px;margin-top: 30px;}

  .w_ch h2 strong {font-size: 25px;}

  .reg_cnt {margin-left: 22px;padding: 22px 22px 22px 0;}

  .reg_pic > img {width: 173px;}

  .reg_cnt h3 {font-size: 20px; margin-bottom: 4px;}

  /*.wed_v iframe {width: 598px; height: 243px;}*/

  .tit {margin-bottom: 9px;}

  .tit-txt p {font-size: 14px;line-height: 27px;}

  .slide_suc {padding-bottom: 30px;}

  .smk_accordion .accordion_in .acc_head .acc_icon_expand {height: 35px;width: 34px;}

  .smk_accordion .accordion_in .acc_head {line-height: 17px;padding: 9px;padding-left: 42px;}

  .faq_list {padding: 30px 0 18px;} 

  .smk_accordion .accordion_in.acc_active > .acc_content {line-height: 19px;}

  .smk_accordion.acc_with_icon .accordion_in .acc_head {padding-left: 42px;} 

  .smk_accordion .accordion_in:first-of-type {margin-bottom: 19px;}

  .smk_accordion .accordion_in {margin-bottom: 19px;} 



  .fld1 {width: 100%;}

  .fld2 {border-left: none;border-top:1px solid #ebebeb; }

  .orng {margin-bottom: 0;}

  #testimonial-sldr {margin-top: 30px;}

  .bg_faq{background-size:cover;}



}



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

  .sel_hedr h2 {font-size: 18px;}

  .fld1 {padding: 20px 11px 15px;}

  .fld1 h3 { font-size: 19px; margin-bottom:13px;}

  .sb_pwd:after{ right:12px;}

  .page-template-becomevandor .sb_pwd:after{ background-size:18px;}

  .in_box {padding-right: 35px;}

  .how_con {width: 50%; border: 1px solid #fff!important;height: 228px;}

  .rond {display: none;}

  /*.wed_v iframe {height: 243px;width: 444px;}*/

  #testimonial-sldr .owl-controls .owl-nav div.owl-prev {left: 11%;top: 17%;}

  #testimonial-sldr .owl-controls .owl-nav div.owl-next {right: 11%;top: 17%;}

  .owl-nav::before { display: none;}

  .owl-nav::after {display: none;}

  .reg_cnt p {line-height: 25px;}

  .reg_cnt {width: 55%;}

  .bg_red {padding-top: 75px;}

  .grey-btn {margin-top: 10px;}

  .resize, .inp, .dd .ddTitle, .areaa {line-height: 19px;}

  .orng {margin-top: 0 !important;}



  #wp-vendor-registration-form{ margin-top:0px;}

}

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



  .sel_hedr h2 {font-size: 16px;line-height: 20px;}

  .fld1 {width: 100%;}

  .wht_contnt h3 {font-size: 23px;}

  .wht_contnt p {font-size: 14px;line-height: 26px;text-align: center;}



  .hexagon {top: 41px;}

  .reg_pic {width: 100%;text-align: center;padding-top: 20px;}

  .reg_pic > img {width: 100%;width: 223px;}

  .reg_con1 {max-height: none;}

  .reg_cnt {margin-left: 0;padding: 22px;width: 100%;text-align: center;}

  .w_ch h2 {font-size: 18px;}

  .w_ch h2 strong {font-size: 18px;}

  /*.wed_v iframe {height: 178px;width: 100%;}*/

  .w_ch { margin-bottom: 22px;}

  #testimonial-sldr .owl-controls .owl-nav div.owl-prev {left: -2%;top: 11%;}

  #testimonial-sldr .owl-controls .owl-nav div.owl-next {right: -2%;top: 11%;}

  .faq_con {width: 100%;}

  .we-are {padding-bottom: 0;}

  .faq_header {margin-bottom: 0;}



  .fld2 .controls {width: 100%;}



  .hexagonp {margin-top: 26px;}

  .how_con:hover .hexagonp {

   background: url(img/white_hex.png) no-repeat center center;width: 78px; height: 89px;text-align: center;

   display: inline-block;margin-top: 26px;  }

   .bg_red {padding: 36px 0px;}

   .suc_header {margin-bottom: 0px;}

   .owl-carousel .owl-item .tm-cir img{height: 150px;width: 150px;}

   .how_con {height: auto;padding-bottom: 21px;width: 100%;}

   .how_con:not(.bg_red) {border-top: none!important;}

   .hex p { margin-top: 16px;}

   .faq_list .accordion-heading .accordion-toggle{font-size:14px;}

 }