@import url(../../../admin/css/themePurple/themecolor.css);
@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto|Roboto+Condensed&display=swap');

.ca-item,.ca-item h3,.ca-more {text-align: center;}
.ca-container {position: relative;margin: 25px auto 20px;width: 990px;height: 500px;}
.ca-item,.ca-wrapper {position: relative;height: 98%;}
.ca-wrapper {width: 100%; }
.ca-item {float: left;width: 330px; }
.ca-close,.ca-item-main,.ca-more {position: absolute;}
.ca-more {bottom: 10px;right: 0;padding: 4px 15px;font-weight: 700;background: #ccbda2;color: #fff;font-family: Georgia,"Times New Roman",serif;
font-style: italic;text-shadow: 1px 1px 1px #897c63; }
.ca-close {top: 10px;right: 10px;
background: url(../../images/cross.png) center center no-repeat #fff;width: 27px;height: 27px;
text-indent: -9000px;outline: 0;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
box-shadow: 1px 1px 2px rgba(0,0,0,.2);
opacity: .7;
}
.ca-close:hover {opacity: 1;}
.ca-item-main {padding: 10px;top: 5px;left: 5px;right: 5px;
bottom: 5px;background: #fff;overflow: hidden;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
box-shadow: 1px 1px 2px rgba(0,0,0,.2); }
.ca-icon {width: 233px;height: 189px;position: relative;margin: 0 auto;background: url(../../images/animal1.png) center center no-repeat;}
.ca-item h3 {font-family: Coustard,sans-serif;text-transform: uppercase;font-size: 30px;color: #000;margin-bottom: 20px;height: 85px;text-shadow: 0 1px 1px #e4ebe9;}
.ca-content-text,.ca-item h4 {font-family: Georgia,"Times New Roman",serif;line-height: 24px;font-style: italic;}
.ca-item h4 {font-size: 12px;text-align: left;border-left: 10px solid #b0ccc6;padding-left: 10px;margin: 10px;position: relative;}
.ca-item h4 span {text-indent: 40px;display: block;}
.ca-item h4 span.ca-quote {color: #f4eee3;font-size: 100px;position: absolute;top: 20px;left: 0;text-indent: 0; }
.ca-content-wrapper {background: #b0ccc6;position: absolute;width: 0;height: 440px;top: 5px;text-align: left;
z-index: 10000;overflow: hidden;}
.ca-content {width: 660px;overflow: hidden;}
.ca-content-text {font-size: 14px;margin: 10px 20px;padding: 10px 20px;}
.ca-content h6,.ca-content-text p {padding-bottom: 5px;}
.ca-content h6 {margin: 25px 20px 0 35px;font-size: 32px;font-family: Coustard,sans-serif;color: #60817a;border-bottom: 2px solid #99bcb4;text-shadow: 1px 1px 1px #99BCB4;}
.ca-content ul {margin: 20px 35px;height: 30px;}
.ca-content ul li {float: left;margin: 0 2px;}
.ca-content ul li a {color: #fff;background: #000;padding: 3px 6px;font-size: 14px;font-family: Georgia,"Times New Roman",serif;font-style: italic;}
.ca-content ul li a:hover {background: #fff;color: #000;text-shadow: none;}
.ca-nav span {
width: 25px;
height: 38px;
background: url(../../images/arrows.png) top left no-repeat;
position: absolute;
top: 50%;
margin-top: -19px;
left: -40px;
text-indent: -9000px;
opacity: .7;
cursor: pointer;
z-index: 100;
}

.ca-nav span.ca-nav-next {background-position: top right;left: auto;right: -40px;}
.ca-nav span:hover {opacity: 1;}




/* ***********************************new style **********************************/



.secondary-nav  {width: 100%;height: 54px;background-color: #fff;margin: 0 auto;top: 34px;z-index: 2;box-shadow: 0 2px 14px 0 rgba(39,37,63,0.1),0 1px 3px 0 rgba(0,0,0,0.1);display: flex;
flex-direction: row;justify-content: space-between;overflow: hidden;}
.secondary-nav li a.active {color: rgba(25, 106, 138,.9);border-bottom: 3px solid rgba(25, 106, 138,.9);font-family: 'Roboto Condensed', sans-serif;}
.secondary-nav li a {width: 100%;padding-top: 5px;display: flex;justify-content: center;align-items: center;height: 100%;color: #7f7f98;
font-size: 16px;line-height: 0.9rem;border-bottom: 3px solid #fff;cursor: pointer;font-family: 'Roboto Condensed', sans-serif;border-right: 1px solid #ddd;}
.banner--light-color {background-color: #F8FAFF; padding: 80px 0 10px;}
.banner--center {text-align: center;}
.banner--shape-space-fix {margin-top: 0px; z-index: 1;}
.container .content--small {max-width: 100%;}
.conduct-card-wrapper {
/* display: flex; */flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.conduct-card-wrapper .conduct-card {border-top: 2px solid rgba(25, 106, 138,.9);}
.conduct-card {background-color: #fff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);border-radius: 4px;padding: 15px 30px 20px 30px;margin-bottom: 30px;display: flex;flex-direction: column;}
.conduct-card .card_header {/* width: 100%;  display: flex;*/ height: 105px; flex-direction: row;justify-content: space-between;align-items: center; 
flex-grow: 1;border-bottom: 1px dashed #ddd; padding-bottom: 15px;}
.conduct-card .card_header h3 {display: -webkit-box;text-align: left;/* width: calc(100% - 100px); */font-size: 20px;font-weight: bold;
color: rgb(2, 2, 2); font-family: 'Roboto Condensed', sans-serif; line-height: 28px; margin-bottom: 5px; }
.card_header h3{-webkit-line-clamp: 2;overflow: hidden;max-height:53px;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.conduct-card__row {display: flex;flex-direction: row;margin: 7px 0 0;align-items: center;flex-wrap: wrap;}
.card_border{padding-bottom:7px; }
.conduct-card .card_header span.conduct-card__price {width: 80px;}
.conduct-card .card_header span {color: #25b9f4;font-size: 18px;text-align: right;font-weight: 600;font-family: 'Roboto Condensed', sans-serif;}
.conduct-card__row__info p {margin: 1px 0 0;font-size:14px;font-family: 'Roboto', sans-serif;font-weight: 500;}
.test_ico i{font-size: 14px;}
.conduct-card__row__icon, .test_ico i{color: #23BCE8;}
.conduct-card__row__icon, .section_ico i{color: #2ECC71;}
.conduct-card__row__icon, .question_ico i{color: #E74C3C;}
.conduct-card__row__icon, .document_ico i{color: #9B59B6;}
.conduct-card__row__icon, .video_ico i{color: #E67E22;}

.conduct-card .conduct-btn {height: 45px;width: 47%;padding: 0 5px;text-transform: capitalize;font-size: 14px;letter-spacing: 0;
text-transform: uppercase;font-family: 'Oswald', sans-serif;}
.conduct-card .conduct-btn.conduct-btn--ghost {margin-top: 0px;margin-left: 10px;}
.conduct-btn {width: auto;height: 32px;margin: 0;display: inline-flex;padding: 1px 15px 0;justify-content: center;align-items: center;
background-color: #25b9f4;color: #fff;font-size: 16px;text-align: center;cursor: pointer;-webkit-transition: all .5s ease;
transition: all .5s ease;outline: none;}
.conduct-btn--ghost {background-color: transparent;border: 2px solid #25b9f4; color: #25b9f4;}
.conduct-btn:hover {background-color: rgba(25, 106, 138,.9); color: #fff !important;}
.conduct-btn--ghost:hover {background-color: transparent !important; color: rgba(25, 106, 138,.9) !important; border: 2px solid rgba(25, 106, 138,.9) !important;}

.card_header span{  -webkit-animation: color-change 1s infinite;
  -moz-animation: color-change 1s infinite;
  -o-animation: color-change 1s infinite;
  -ms-animation: color-change 1s infinite;
  animation: color-change 1s infinite;
}

@-webkit-keyframes color-change {
  0% { color: red; }
  50% { color: rgba(25, 106, 138,.9); }
  100% { color: red; }
}
@-moz-keyframes color-change {
  0% { color: red; }
  50% { color: rgba(25, 106, 138,.9); }
  100% { color: red; }
}
@-ms-keyframes color-change {
  0% { color: red; }
  50% { color: rgba(25, 106, 138,.9); }
  100% { color: red; }
}
@-o-keyframes color-change {
  0% { color: red; }
  50% { color: rgba(25, 106, 138,.9); }
  100% { color: red; }
}
@keyframes color-change {
  0% { color: red; }
  50% { color: rgba(25, 106, 138,.9); }
  100% { color: red; }
}
.pack_img {float: left; margin-right: 15px; }
.pack_img img{border: 1px solid #ddd; padding: 2px; border-radius:100%; width: 80px;  height: 80px;}


/* --------------scrollmenu ----------------- */

.card .nav > li > a:focus{background:none;}
.card {background: #FFF none repeat scroll 0% 0%;}
.card li{ float: none; display: inline-block; text-align: center;}
.content-overlay{background: #25b9f4; }  

#navbar {z-index: 888; left:0;height:55px;overflow: hidden;}
#navbar a {float: left; display: block;text-align: center;text-decoration: none;font-size: 16px;}
.content {padding: 0px;}
.sticky {position: fixed;top: 75px;width: 100%;
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.1););
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.1););
box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
.sticky + .content {padding-top: 60px;}
.card_text_header{align-items: center; margin-top: 10px;}

/* **************************************New Scroll**************************** */

.nav-tabs {border: none;}
.nav-tabs>li>a {padding: 0;border: none;background: none;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {border: none;background: none;}
.nav-tabs>li>a:hover {background: none;border: none;}
.scrtabs-tabs-fixed-container {height: initial;}
.scrtabs-tabs-fixed-container ul.nav-tabs {}
.scrtabs-tabs-fixed-container ul.nav-tabs > li {white-space: initial;float: none;display: inline-block;margin-right:-5px;}
.glyphicon {font-family: 'icomoon';}
.tall .nav-tabs li,
.tall .scrtabs-tab-container { }
.tall .tab-content {height: calc(100vh - (125px + 4em));overflow-y: auto;overflow-x: hidden;}
.tab-content {margin: 0.7em 0;}
.tab-content h2 {color: #80cc28;margin-bottom: 30px;}
.tab-content h3 {color: #434951;font-weight: 600;}
.nav-tabs>li.active {margin-left:-2px;cursor: default;background: #F8FAFF;color: #434951;border-right: 1px solid #434951;border-top: 5px solid rgba(25, 106, 138,.9); border-bottom-color: transparent;}
.nav-tabs>li {padding:15px;border-left: 1px solid rgba(25, 106, 138,.9);border-right: 1px solid rgba(25, 106, 138,.9); border-top: 5px solid transparent;
border-radius: 0; border-bottom-color: rgba(25, 106, 138,.9); margin: 0; min-width: 125px; font-size: 16px; white-space: normal;
background: #25b9f4;transition: border-top ease-out 0.3s, background ease-out 0.3s;} 
.nav-tabs>li a {color: #fff; transition:color ease-out 0.3s; }
.nav-tabs>li:hover { border-top: 5px solid rgba(25, 106, 138,.9);}
.nav-tabs>li:hover{color: rgba(25, 106, 138,.9); background: rgba(25, 106, 138,.9);}
.nav>li>a {display: block;position: relative;width: 100%;height: 100%;line-height: 1.2em;margin: 0;}
.nav-tabs input {position: relative;}
.radiobtn input {display: none;}
.radiobtn > input + .icon {background: url("https://www.bts.com/images/svg/icons/digital-icons/radio-button-empty.svg") no-repeat;
width: 25px;height: 25px;}
.radiobtn > input:checked + .icon {
background: url("https://www.bts.com/images/svg/icons/digital-icons/radio-button-selected.svg") no-repeat;
width: 25px;height: 25px;}
.scrtabs-tab-scroll-arrow {color: #0ab9f0;text-align: center;background: #fff; transition: background ease-out 0.3s, color ease-out 0.3s;}
.scrtabs-tab-scroll-arrow:hover { background: rgba(25, 106, 138,.9);color: #fff;}
.fa-chevron-left::before {content: "\f053";font-size: 19px;}
.fa-chevron-right::before {content: "\f054";font-size: 19px;}

@media only screen and (max-width: 600px) {
.conduct-card .conduct-btn{width: 100%;}
.conduct-card .conduct-btn.conduct-btn--ghost{margin-left: 0px; margin-top: 10px;}
.container .col-md-4{margin-bottom: 0px;}
#navbar {z-index: 888;margin-top: 170px;}
.container { padding :0px;}
.container:first-child{padding :0px;}
}
#testSeriesName, #testSeriesPrice{text-align: left;}
#menu {z-index:999}

.conduct-card__price i{
  font-size:18px !important;
}

#estimatedTotal i,.PackageCost i,.estimatetestSeriesPrice i{
  font-size:13px !important;
}
#testSeriesPrice i{
  font-size:45px !important;
}

.eye,.fa-eye-slash {
  float: right;
  margin-right: 10px;
  margin-top: -27px;
  position: relative;
  z-index: 2;
  color: #717172;
  cursor: pointer;
}