/* Banner section css */
.contactus-banner{width:100%;float:left;position:relative;background-image:url(/wp-content/themes/dotstore/images/contactus-banner.jpg);background-size:cover;background-repeat:no-repeat;padding:144px 0 53px;text-align:center}
.contactus-banner .banner-content{padding:0}
.contactus-banner .banner-content h1{padding-right:0;font-size:42px;margin-bottom:0}

/* Contact us option css */
.contactus-options{width:100%;float:left;text-align:center;padding:100px 0 70px;background:#f8fafc}
.contactus-options .option-box{background-color:#FFF;border:1px solid #e8e8f9;padding:50px 30px;-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);margin-bottom:30px}
.contactus-options .option-box .option-icon{display:block;margin-bottom:23px}
.contactus-options .option-box h3{margin-bottom:17px}
.contactus-options .option-box p{margin-bottom:26px}

/* Contact form css */
.page-template-contactus-form-template .main-content-section{background-color:#f5f9fc}
span.support_red{color:red}
.contactus-form{margin-top:0;float:left;padding:40px 30px;margin-bottom:0;box-shadow:0 0 8px 0 #e8e8f9;-o-box-shadow:0 0 8px 0 #e8e8f9;-ms-box-shadow:0 0 8px 0 #e8e8f9;-moz-box-shadow:0 0 8px 0 #e8e8f9;-webkit-box-shadow:0 0 8px 0 #e8e8f9;background:#fff;width:100%}
.contactus-form p{margin-bottom:13px}
.contactus-form label{display:inline-block;font-size:18px;color:#4c5056;font-weight:500}
.contactus-form input{width:100%;height:64px;background-color:#f5f8fb;border-color:#e7eaec;padding:10px}
.contactus-form textarea{height:143px;background-color:#f5f8fb;border-color:#e7eaec;resize:none;padding:10px}
.contactus-form div.wpcf7 input[type="file"]{cursor:pointer;padding:16px 20px}
.support-ticket-page .contactus-form .wpcf7-form-control-wrap select{width:100%;height:64px;border-color:#e7eaec;border-radius:4px;background:#f5f8fb url(/wp-content/themes/dotstore/images/select-arrow.png) no-repeat;background-position:right 10px center;-moz-appearance:none;-webkit-appearance:none;appearance:none;padding:10px}

/* CUSTOM CHECKBOX */
.contactus-form .mc4wp-checkbox-contact-form-7{position:relative;display:block}
.contactus-form input[type="checkbox"]{position:relative;outline:none;margin-top:0;opacity:0;width:20px;height:20px;top:5px;z-index:1;vertical-align:top}
.contactus-form label.ds-custom-label::after{content:"\f00c";font:normal normal normal 0/20px FontAwesome, sans-serif;border:1px solid #e7eaec;color:#fff;position:absolute;top:6px;left:0;width:20px;height:20px;background:#ffffff;border-radius:4px;text-align:center}
.contactus-form input[type="checkbox"]:checked+span label.ds-custom-label::after{font-size:14px;background-color:#ff826e;border-color:transparent}
.contactus-form label.ds-custom-label-new{display: inline-block;font-size: 16px;font-weight: 500;padding-left: 0px;}
/* CUSTOM CHECKBOX */

/* GDPR CHECKBOX CUSTOM DESIGN */
.contactus-form input[type="checkbox"]+.wpcf7-list-item-label::after{content:"\f00c";font:normal normal normal 0/20px FontAwesome, sans-serif;color:#fff;position:absolute;top:2px;left:0;width:20px;height:20px;background:#ffffff;border-radius:4px;text-align:center;border:1px solid #e7eaec}
.contactus-form input[type="checkbox"]:checked+.wpcf7-list-item-label::after{font-size:14px;background-color:#ff826e;border-color:transparent}

/* GDPR CHECKBOX CUSTOM DESIGN */
.contactus-form .wpcf7-list-item{margin-left:0;position:relative}
.contactus-form input[type="submit"]{font-family:'Poppins', sans-serif;font-weight:600;font-size:14px;line-height:26px;color:#FFF;text-decoration:none;text-transform:uppercase;padding:11px 44px;border-radius:25px;outline:none!important;outline-offset:0;height:auto;width:auto;background-color:#ff826e;border:none;-webkit-transition:0.3s all linear;transition:0.3s all linear}
.contactus-form input[type="submit"]:hover{-webkit-box-shadow:0 15px 15px 0 rgba(0, 0, 0, 0.08);box-shadow:0 15px 15px 0 rgba(0, 0, 0, 0.08)}
.contactus-form .input-div{margin-bottom:25px}
.contactus-form .wpgdprc .wpcf7-list-item{display:inline;position:relative}
.contactus-form .wpcf7-list-item-label{font-size:18px;color:#4c5056;font-weight:500}
.contactus-form .wpcf7-not-valid-tip{display:block;color:#ff826e}
.contactus-form .screen-reader-response{display:none}
.contactus-form .wpcf7-checkbox label{display:inline-block}
.contactus-form .gdpr_text_bx{font-size:16px;font-weight:500}
.contactus-form label.ds-custom-label{display:inline-block;font-size:16px;font-weight:500;padding-left:5px;padding-left:10px}

/* Contact form design */
.contactus-form .gdpr_text_bx {font-size: 16px;font-weight: 500;margin: 3px 0 12px;display: block;}
.nsf_support .contactus-form .gdpr_text_bx {margin: 12px 0;}
.contactus-form .wpgdprc span.wpcf7-list-item-label {display: inline-block;width: calc(100% - 22px);vertical-align: middle;padding-left: 10px;font-weight: 600;}
.contactus-form .wpgdprc .wpcf7-list-item {display: inline-block;}
.contactus-form input[type="checkbox"]+.wpcf7-list-item-label:after {top: 6px;}
.contactus-form span[data-name="quiz-maths"] label {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;margin: 10px 0 0;width: 100%;max-width: 325px;}
.nsf_support .contactus-form span[data-name="quiz-maths"] label {margin: 10px 0 26px;}
.contactus-form span[data-name="quiz-maths"] .wpcf7-quiz-label {margin-right: 12px;}

/* contcat info section css */
.contact-info-section{width:100%;float:left;text-align:center;background-color:#fff;padding-top:90px;padding-bottom:101px}
.contact-info-section h2{margin-bottom:22px}
.contact-info-section h5{padding:0 220px;font-weight:400}
.contact-info-section h5 a, .contact-info-section h5 span{color:#ff826e}
.contact-info-section h5 a{text-decoration:underline!important;font-size:22px;font-weight:400}
.contact-info-section h5 a:hover{color:#4c5056}
.contact-info-section b{color:#404c5a;font-weight:600;font-size:22px;display:block;margin-bottom:39px}
.contact-info-section .contact-box .contact-icon{margin-bottom:18px}
.contact-info-section .contact-box a{font-size:16px;color:#4c5056;font-weight:400}
.contact-info-section .contact-box a:hover{color:#ff826e}
span.wpcf7-form-control-wrap.wpgdprc span.wpcf7-not-valid-tip{display:inline-block}
.contactus-form .wpgdprc+.gdpr_text_bx{display:inline-block;max-width:92%;vertical-align:top}
.call-on-number{clear:both;display:inline-block}
/* call to action section css */

/* our product brief section css */
.our-product-brief{width:100%;float:left;text-align:center;padding-top:90px;padding-bottom:84px}
.our-product-brief h2{margin-bottom:44px}
.our-product-brief .product-icon{margin-bottom:29px;display:block}
.our-product-brief .product-icon img{max-width:130px}
.our-product-brief h6{padding:0 13px}
.login_group h4{font-size: 16px !important;}
.extra_detail .extra_info{font-style: italic;font-size: 14px;line-height: 28px;}
.contactus-form span.wpcf7-list-item-label{color: #4c5056;font-size: 16px;padding-left: 5px;}
.login_sub_group {border: 1px solid #d6dbe0;padding: 15px 25px;  margin: 15px 0;-webkit-box-shadow: 0 0 6px 1px rgba(214,214,214,.17);-moz-box-shadow: 0 0 6px 1px rgba(214,214,214,.17);box-shadow: 0 0 6px 1px rgba(214,214,214,.17);}
.ftp_group {border: 1px solid #d6dbe0;padding: 15px 25px;margin: 15px 0;-webkit-box-shadow: 0 0 6px 1px rgba(214,214,214,.17);-moz-box-shadow: 0 0 6px 1px rgba(214,214,214,.17);box-shadow: 0 0 6px 1px rgba(214,214,214,.17);}
.extra_detail {border: 1px solid #d6dbe0;padding: 15px 25px;margin: 15px 0; background-color: #f5f8fb;-webkit-box-shadow: 0 0 6px 1px rgba(214,214,214,.17);-moz-box-shadow: 0 0 6px 1px rgba(214,214,214,.17);box-shadow: 0 0 6px 1px rgba(214,214,214,.17);}
.extra_sub_detail_content {margin-left: 20px;}
.extra_sub_detail h4 i.fa.fa-info-circle {margin-right: 5px;}
/* question and answer */
section.tab-with-accordion-section{padding:40px 30px;margin-bottom:0;box-shadow:0 0 8px 0 #e8e8f9;-o-box-shadow:0 0 8px 0 #e8e8f9;-ms-box-shadow:0 0 8px 0 #e8e8f9;-moz-box-shadow:0 0 8px 0 #e8e8f9;-webkit-box-shadow:0 0 8px 0 #e8e8f9;background:#fff;width:100%}
.page-template-templatequestion-answer-template-php .main-content-section{background-color:#f5f9fc}
@media (min-width:992px){.call-to-action .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
  .call-to-action h2{text-align:right}}

/* Media screen css */
@media (max-width:1199px){.contactus-options .option-box{padding:30px;min-height:399px}
  .contact-info-section h5{padding:0 120px}
  .our-product-brief h6{padding:0 10px}}
@media (max-width:991px){.contactus-options{padding:60px 0 40px}
  .contactus-options .option-box{padding:30px 15px;min-height:auto}
  .call-to-action .row{display:block;text-align:center}
  .call-to-action h2{text-align:center}
  .contact-info-section h5{padding:0 15px}
  .main-content-section{padding:50px 0}
  .main-content-section form.wpcf7-form{margin-bottom:30px}
  .contact-info-section{padding-top:40px;padding-bottom:50px}
  .our-product-brief{padding-top:40px;padding-bottom:30px}
  .our-product-brief h6{padding:0}
  .our-product-brief h2{margin-bottom:15px}
  .contactus-form{margin-top:10px;margin-bottom:30px}
  .contact-info-section h2{font-size:30px;line-height:normal}
  body .our-product-brief h2{font-size:35px}
  section.tab-with-accordion-section{margin-bottom:30px}}
@media (max-width:767px){.contactus-banner{padding:80px 0 53px}
  .contact-info-section .contact-box{margin-bottom:30px}
  .contact-info-section{padding-bottom:20px}
  .our-product-brief h6{padding:0 33px;font-size:16px}
  .contactus-banner .banner-content h1{font-size:38px}
  .contactus-form input{height:50px}
  .support-ticket-page .contactus-form .wpcf7-form-control-wrap select{height:50px}
  .contactus-form textarea{height:100px}
  .contact-info-section h2{font-size:25px}
  body .our-product-brief h2{font-size:30px}
  .contactus-form{padding:30px 15px}
  .page-template-question-answer-template section.tab-with-accordion-section{padding:30px 15px}
  .page-template-question-answer-template .tab-content.accordion-inside .panel-title a{padding:15px 20px 15px 0;font-size:16px}
  .page-template-question-answer-template .tab-content.accordion-inside .panel-title a::after{top:33px}
  body.page-template-question-answer-template .tab-with-accordion-section .nav-pills>li>a{font-size:15px;padding:7px 10px}
  .contact-info-section h5 a{font-size:20px}}
@media (max-width:480px){.our-product-brief h6{padding:0 26px}
  .our-product-brief .col-xs-6{width:100%}
  .contactus-form input, .support-ticket-page .contactus-form .wpcf7-form-control-wrap select{height:40px}
  .contactus-form textarea{height:100px}
  .contactus-form .input-div{margin-bottom:20px}
  .our-product-brief .product-icon{margin-bottom:10px}
  .our-product-brief .product-icon img{max-width:100px}}