@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body{font-family: 'Roboto', sans-serif; font-size:14px;} 

#faq{ background: #f1f1f1;  padding: 25px 15px 15px;  -moz-border-radius: 40px;  -webkit-border-radius: 40px;
  border-radius: 40px;  -khtml-border-radius: 40px;}
.mode-horizental{width:220px}
.read-all {float: right; position: relative; top: -24px; z-index: 10;}
.bx-wrapper .bx-viewport{background:none;border:none;box-shadow:none;}
.block-faq .block-title {font-size: 20px;  padding: 10px 0; text-align: center;font-family: 'Roboto', sans-serif;}
.faq-list {    clear: both;}
.faq-list .faq-content {   float: left; width: 100%;font-family: 'Roboto', sans-serif;} 
.faq-list .faq-img {float: left; width: 20%;}
.faq-list .faq-img .t-img{-moz-border-radius: 100%; -webkit-border-radius:  100%;  border-radius:  100%;  -khtml-border-radius:  100%; height: 100px; width: 100px; }
.bx-wrapper .bx-viewport ul{padding-left: 3px;}
.bx-wrapper .bx-viewport ul li h3 {display: inline-block;font-size: 14px;font-weight: bold; vertical-align: top;width: 73%;}
.bx-wrapper .bx-viewport ul li img.faq-img{ float:right; margin-left:10px; width:55px; height:60px;}
.bx-wrapper .bx-viewport ul li .faq-text{width:100%; display:inline-block; padding-top:10px;}
.bx-wrapper .bx-viewport ul li .faq-text p{font-size: 13px;line-height: 1.6;}
.mode-horizental .readall { text-align: right; }
.faq-content  .cname{}
.faq{text-align:center;}
.bx-wrapper .faq img{margin:0 auto;width:150px;  -moz-border-radius: 100%;
  -webkit-border-radius:  100%;  border-radius:  100%;  -khtml-border-radius:  100%;  height: 150px;   }

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

.faq-list .faq-img { width: 28%; margin: 0 4% 0 0; }
.faq-list .faq-img .t-img { height: 80px; width: 80px; }
.faq-list .faq-content { float: right; width: 67%; margin-bottom: 15px; }
.faq-list h3 { margin-top: 0; }
#faq { width: 90%; margin: 0; padding: 5% !important; }
#faq .bx-wrapper { max-width: 200px !important; margin: 0 auto; }
#faq .bx-wrapper .bx-pager { display: none; }
#faq .bx-wrapper .bx-prev { left: -30px; }
#faq .bx-wrapper .bx-next { right: -30px; }

}
.breadcrumbs {
     display: block !important; 
}
body {
    position:relative;
    z-index:0;
}
.main:before {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1;
    content:'';
    background:-webkit-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
    background:-moz-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
    background:-o-radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
    background:radial-gradient(30%, rgba(255,255,255,0.15), rgba(0,0,0,0)), url('img/body-bg.png');
}
.site-header-wrap {
    margin-bottom:60px;
    border-bottom:1px solid #cd9ad6;
}
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.accordion {
    overflow:hidden;
    border-radius: 3px 3px 0 0;
}
.accordion .accordion-section-title{
    position: relative;
}
.accordion .accordion-section-title:first-child::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;
    content: '+';   
}
.accordion .accordion-section-title.active::before{
    content: '\2013';
}
.toplinks {
    float:right;
}
.toplinks ul {
    list-style-type:none;
    margin:0;
}
.toplinks li{
    margin:5px 0;
}
.toplinks li a {
    color:#262626;
}
.toplinks a:hover{
    text-decoration:none;
    color:#3c8fc7;
}
.faq .faq-list a.active h3 {
    background:#7edcff;
    color:#676767;
}
.accordion-section-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #333;
    display: block;
    line-height: 1;
    padding: 13px 15px;
    font-size: 17px;
    position: relative;
    font-weight: 400;
}
.accordion-section-content  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fefefe;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #0a0a0a;
    display: none;
    padding: 1rem;
}
.accordion:last-child .accordion-section-title, 
.accordion:last-child .accordion-section-content {
    border-bottom: 1px solid #ccc !important; 
}
.accordion p{
    font-size: 17px;
    line-height: 1.3;       
}
.faqcontentimage {
    float: left;
    margin: 6px 0 0;
    text-align: center;
    width: 31%;
}
.faqcontent {
    float: left;
    margin: 0 0 0 20px;
    width: 65%;
}
.faqcontent  p + p{
    margin-top: 0;
}
.accordion-section-title.active, .accordion-section-title:hover {
    /* Type */
    background: #f0f0f0 none repeat scroll 0 0;
    text-decoration:none;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
.headertitle,.breadcrumbs a,.breadcrumbs strong {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    padding: 22px 15px;
    text-decoration: none;
}
.breadcrumbs a,.breadcrumbs strong{
    padding:0;
}

.accordion-section-content {
    padding:15px;
    display:none;
    overflow: hidden;
}
.btn, #submit {
  padding: 12px 16px;
  display: inline-block;
  outline: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 2px 0px rgba(255, 255, 255, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: none;
  background: #3C8FC7;
  -moz-transition: all linear 0.15s;
  -webkit-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  font-family: "Gudea";
  font-size: 0.938em;
  font-weight: 600;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
  line-height: 100%;
  color: #fff;
}
.btn:hover, .btn:active, #submit:hover, #submit:active {
  cursor: pointer;
  background: #63a5d2;
  text-decoration: none;
}
.btn:active, #submit:active {
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.btn [class^="fa-"], #submit [class^="fa-"] {
  line-height: 0px;
}
button.btn {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.btn.small {
  padding: 8px 12px 10px;
  font-size: 0.750em;
}
.btn.large {
  padding: 17px 24px;
  font-size: 1.500em;
}
.btn-group {
  display: inline-block;
}
.btn-group .btn {
  margin-right: -1px;
  float: left;
  border-radius: 0px;
}
.btn-group .btn:first-child {
  border-radius: 3px 0px 0px 3px;
}
.btn-group .btn:last-child {
  border-radius: 0px 3px 3px 0px;
}
.site-header-wrap {
  margin-bottom: 60px;
  padding: 45px 0px 40px;
  position: relative;
  border-bottom: 1px solid #000;
  background: #1b1b1b url("../img/dark-bg.png");
}
.site-header-wrap:after {
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  background: url("../img/stripe-bg.png") repeat-x;
}
.site-header {
  width: 1000px;
  margin: 0px auto;
  text-align: center;
}
.site-logo {
  font-family: "Asap";
  font-size: 3.000em;
  color: #777;
  line-height: 100%;
  -moz-transition: color linear 0.15s;
  -webkit-transition: color linear 0.15s;
  -o-transition: color linear 0.15s;
  -ms-transition: color linear 0.15s;
}
.site-logo:hover {
  text-decoration: none;
  color: #fff;
}
.site-logo span {
  display: block;
  font-size: 0.500em;
}
.site-header .site-nav {
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.75);
}
.site-header .site-nav a {
  margin-right: 40px;
  font-weight: 600;
  color: #777;
  -moz-transition: color linear 0.15s;
  -webkit-transition: color linear 0.15s;
  -o-transition: color linear 0.15s;
  -ms-transition: color linear 0.15s;
}
.site-header .site-nav a:hover {
  text-decoration: none;
  color: #fff;
}
.site-header .site-nav a [class^="fa-"] {
  margin-right: 5px;
  font-size: 1.200em;
}
html, body {
  height: 100%;
  background: #fff;
}
.main {
  width: 1000px;
  margin: 0px auto;
}
img {
  max-width: 100%;
  height: auto;
}
.page-title {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
}
.checkout-index-index .page-wrapper .page-header .header.content .toplinks ul .faq{
  display:none;
}