/* @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);





@font-face {

    font-family: 'djb_get_digitalregular';

    src: url('fonts/djb_get_digital-webfont.eot');

    src: url('fonts/djb_get_digital-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/djb_get_digital-webfont.woff2') format('woff2'),

         url('fonts/djb_get_digital-webfont.woff') format('woff'),

         url('fonts/djb_get_digital-webfont.ttf') format('truetype'),

         url('fonts/djb_get_digital-webfont.svg#djb_get_digitalregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



body { font-family: 'Droid Arabic Kufi', sans-serif !important; }

.header-right{ text-align:right; padding: 15px 0 0 0;}

.app-header .navbar-brand{ padding:16px 0 20px 0;}

/*.app-header .navbar-brand img { width:156%; }*/

.app-header.navbar{ margin-bottom:0px;}

.app-header .header-icon{ text-align:right; border:0px solid #ccc;margin: 0px 0;}

.app-header .header-icon ul{

    list-style-type: none;

    padding: 0;

    margin: 0;

    text-align: center;

    display: inline-block;  

}

.app-header .header-icon ul li {

    display: inline-block;

    border: 1px solid #444;

    border-radius: 50%;

    height: 28px;

    width: 28px;

    line-height: 30px;

}

.app-header .header-icon2{ border:0px solid #ccc;margin: 0px 0;}

.app-header .header-icon2 ul{

    list-style: none;

    padding: 0;

    margin: 0 0px 0 0;

    text-align: center;

    display:inline-block;  

}

.app-header .header-icon2 ul li {

    display: inline-block;

    

}

.about p,ol { color:#585858;}

.app-header .header-icon ul li i{ font-size:16px;}

.app-header .header-icon ul li.fb:hover{ background-color:rgb(74,110,169); border-color:rgb(74,110,169); color:#fff}

.app-header .header-icon ul li.tw:hover{background-color:rgb(47,191,244); border-color:rgb(47,191,244);color:#fff}

.app-header .header-icon ul li.in:hover{background-color:rgb(1,119,181); border-color:rgb(1,119,181);color:#fff}

.app-header .header-icon ul li.yt:hover{background-color:rgb(225,43,40); border-color:rgb(225,43,40);color:#fff}

.app-header .header-icon ul li.insg:hover{background-color:rgb(90,70,63); border-color:rgb(90,70,63);color:#fff}

.app-header .header-icon ul li.gg:hover{background-color:#dd4c40; border-color:#dd4c40;color:#fff}

.app-header .header-icon ul li:hover a{color:#fff;}

.app-header .social-action{ display:block; margin-bottom:5px;}

/*--------------------common css --------------------------------------*/

hr { max-width: 50px;border-color: #0e573d;border-width: 3px;}

.img-center { margin: 0 auto;}

.green-font{color: #0e573d !important; }

div.b,span.b,p.b{ font-weight:600;}

a.readmore{ color:#0e573d; font-size:12px; }

.text-small{ font-size:12px}

.btn-green, .bookDetails, #pop-up-4 #writereview, .form-row.place-order .button.alt, .checkout-button.button.alt.wc-forward { background-color: #0e573d; border-color: #0e573d; color: #fff;}

.btn-green:hover, .bookdetailscontainer .price.btn a:hover, #pop-up-4 #writereview:hover { background-color: #164f3b; border-color: #164f3b; color: #fff; text-decoration:none;}

/*--------------------Menu css start--------------------------------------*/

.webmenu,

.webmenu ul,

.webmenu ul li,

.webmenu ul li a,

.webmenu #menu-button {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.webmenu:after,

.webmenu > ul:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.webmenu #menu-button { display: none;}

.webmenu { width: auto;  background: #444; }

.webmenu.align-center > ul {  text-align: center;}

.webmenu.align-center ul ul {  text-align: left;}

.webmenu.align-center > ul > li {  display: inline-block;  float: none; position:relative; }

.webmenu.align-right > ul > li {  float: right;}

.webmenu.align-right ul ul {  text-align: right;}

.webmenu > ul > li {  float: left;}

.webmenu > ul > li > a {

  padding:16px 13px;

/* margin:3px 0px;*/

  font-size: 13px;

  color: #ffffff;

  text-transform: uppercase;

  font-weight:normal;

  text-decoration: none;

  -webkit-transition: color .2s ease;

  -moz-transition: color .2s ease;

  -ms-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

.webmenu > ul > li:hover > a,

.webmenu > ul > li > a:hover,

.webmenu > ul > li.active > a {  color: #D2CDCD;}

.webmenu > ul > li.has-sub > a {  padding-right: 40px;}

/*.webmenu ul > li.has-sub > a:after {

  content: '';

  position: absolute;

  right: 5px;

  top: 17.5px;

  display: block;

  width: 18px;

  height: 18px;

  background: #444; 

  -webkit-transition: all 0.1s ease-out;

  -moz-transition: all 0.1s ease-out;

  -ms-transition: all 0.1s ease-out;

  -o-transition: all 0.1s ease-out;

  transition: all 0.1s ease-out;

}

.webmenu ul > li.has-sub:hover > a:after {

  background-position: 0 -18px;

}*/

/*.webmenu ul > li.has-sub > a:before {

  content: '';

  position: absolute;

  right: 11px;

  top: 25.5px;

  display: block;

  width: 0;

  height: 0;

  border: 3px solid transparent;

  border-top-color: #ffffff;

  z-index: 99;

}*/

/*.webmenu ul > li.has-sub:hover > a:before {  border-top-color: #19799f;}

.webmenu ul ul {

  position: absolute;

  left:0;

  opacity: 0;

  -webkit-transition: top .2s ease, opacity .2s ease;

  -moz-transition: top .2s ease, opacity .2s ease;

  -ms-transition: top .2s ease, opacity .2s ease;

  -o-transition: top .2s ease, opacity .2s ease;

  transition: top .2s ease, opacity .2s ease;

}

.webmenu > ul > li > ul { top: 91px;  padding-top: 8px; }

.webmenu > ul > li:hover > ul {  left: auto;  top: 45px;  opacity: 1; border-radius:0;}

.webmenu.align-right > ul > li:hover > ul {  right: 0;}

.webmenu ul ul > li:hover > ul { top: 0; left: 178px; padding-left: 10px;  opacity: 1;}

.webmenu.align-right ul ul > li:hover > ul {

  left: 0;

  right: 0;

  padding-left: 0;

  padding-right: 10px;

  opacity: 1;

}

.webmenu ul ul li a {

  width: 180px;

  padding: 12px 25px;

  font-size: 13px;

  font-weight: 700;

  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

  color: #ffffff;

  text-decoration: none;

  background: #444;

  -webkit-transition: color .2s ease;

  -moz-transition: color .2s ease;

  -ms-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

.webmenu ul ul li:hover > a,

.webmenu ul ul li > a:hover,

.webmenu ul ul li.active > a {

  color: #cae5fd;

}

.webmenu ul ul li:first-child > a {

  border-top-left-radius: 5px;

  border-top-right-radius: 5px; 

}

.webmenu ul ul li:last-child > a {

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px; 

}

.webmenu ul ul > li.has-sub > a:after {

  right: 12px;

  top: 9.5px;

  background: #3db2e1;

  background: -webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);

  background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);

  background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);

  background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);

  background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);

  box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;

  background-size: 36px 36px;

  background-position: 0 0;

  background-repeat: no-repeat;

}

.webmenu.align-right ul ul > li.has-sub > a:after {

  right: auto;

  left: 12px;

}

.webmenu ul ul > li.has-sub:hover > a:after {

  background-position: 0 -18px;

}

.webmenu ul ul > li.has-sub > a:before {

  top: 15.5px;

  right: 16px;

  border-top-color: transparent;

  border-left-color: #ffffff;

}

.webmenu.align-right ul ul > li.has-sub > a:before {

  top: 15.5px;

  right: auto;

  left: 16px;

  border-top-color: transparent;

  border-right-color: #ffffff;

  border-left-color: transparent;

}

.webmenu ul ul > li.has-sub:hover > a:before {

  border-top-color: transparent;

  border-left-color: #1c89b5;

}

.webmenu.align-right ul ul > li.has-sub:hover > a:before {

  border-top-color: transparent;

  border-left-color: transparent;

  border-right-color: #1c89b5;

}*/





.webmenu > ul > li > a:hover:after, .webmenu > ul > li > a:focus:after {

    height: 3px;

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    transform: translateY(0px);

}

.webmenu > ul > li > a:after {

    position: absolute;

    top: 93%;

    left: 0;

    width: 100%;

    height: 1px;

    background: #fff;

    content: '';

    opacity: 0;

    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

    transition: height 0.3s, opacity 0.3s, transform 0.3s;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

}*/





@media (min-width: 1196px) and (max-width: 1280px){

	.webmenu > ul > li > a{ padding:20px 5px ;}

}



@media (min-width: 1092px) and (max-width: 1250px){

	.webmenu > ul > li > a{ padding:20px 10px ;}

}



@media (min-width: 1000px) and (max-width: 1249px){

	.webmenu > ul > li > a{ padding:20px 3px ;}

}



@media (min-width: 991px) and (max-width: 1023px){

	.webmenu > ul > li > a{ padding:20px 1px ;}

}



@media (min-width: 969px) and (max-width: 993px){

	.webmenu > ul > li > a{ padding:20px 9px ;font-size: 11px;}

}

@media (min-width: 850px) and (max-width: 970px){

	.webmenu > ul > li > a{ padding:20px 1px ;font-size: 11px;}

}

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

	.webmenu > ul > li > a{ padding:20px 1px ;font-size: 11px;}

}

@media (min-width: 768px) and (max-width: 851px){

	.webmenu > ul > li > a{ padding:20px 1px ;font-size: 11px; letter-spacing: -0.06em;}

	

}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

  .webmenu {    width: 100%;  }

  .webmenu ul,

  .webmenu ul ul,

  .webmenu ul ul ul,

  .webmenu > ul,

  .webmenu.align-center > ul,

  .webmenu > ul > li > ul,

  .webmenu > ul > li:hover > ul,

  .webmenu ul ul li:hover > ul,

  .webmenu ul ul ul li:hover > ul,

  .webmenu.align-right ul ul,

  .webmenu.align-right ul ul li:hover > ul,

  .webmenu.align-right ul ul ul li:hover > ul {

    position: relative;

    left: 0;

    right: auto;

    top: 0;

    width: 100%;

    display: none;

    padding: 0;

    opacity: 1;

    text-align: left;

  }
.block1.full, .btn-form{width:100%!important;}
  .webmenu ul li {

    width: 100%;

    border-top: 1px solid rgba(120, 120, 120, 0.2);

  }

  .webmenu > ul > li > a,

  .webmenu ul ul li a,

  .webmenu ul ul li:first-child > a,

  .webmenu ul ul li:last-child > a {

    width: 100%;

    border-radius: 0;

    box-shadow: none;

    background: none;

  }

  .webmenu ul li a {

    padding-left: 12.5px;

  }

  .webmenu ul ul li a {

    padding: 14px 25px 14px 27.5px;

  }

  .webmenu > ul > li.has-sub > a:after,

  .webmenu > ul > li.has-sub > a:before,

  .webmenu ul ul li.has-sub > a:after,

  .webmenu ul ul li.has-sub > a:before {

    display: none;

  }

  .webmenu #menu-button {

    position: relative;

    display: block;

    padding: 20px;

    padding-left: 12.5px;

    cursor: pointer;

    font-size: 13px;

    color: #ffffff;

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

  }

  .webmenu .submenu-button {

    position: absolute;

    right: 0;

    display: block;

    width: 53px;

    height: 53px;

    border-left: 1px solid rgba(120, 120, 120, 0.2);

    z-index: 10;

    cursor: pointer;

  }

  .webmenu ul ul .submenu-button {

    height: 41px;

  }

  .webmenu ul .submenu-button:after,

  .webmenu #menu-button:after {

    content: '';

    position: absolute;

    right: 12.5px;

    top: 6.5px;

    display: block;

    width: 28px;

    height: 28px;

    border-radius: 15px;

    background: #0e573d;

   

    box-shadow: inset 0 -1px 1px #0e573d, inset 0 2px 1px #0e573d;

    background-size: 56px 56px;

    background-position: 0 0;

    background-repeat: no-repeat;

    -webkit-transition: all 0.1s ease-out;

    -moz-transition: all 0.1s ease-out;

    -ms-transition: all 0.1s ease-out;

    -o-transition: all 0.1s ease-out;

    transition: all 0.1s ease-out;

  }

  .webmenu ul .submenu-button.submenu-opened:after,

  .webmenu #menu-button.menu-opened:after {

    background-position: 0 -28px;

  }

  .webmenu ul ul .submenu-button:after {

    top: 6.5px;

  }

  .webmenu #menu-button:before,

  .webmenu .submenu-button:before {

    content: '';

    position: absolute;

    right: 22.5px;

    top: 19.5px;

    display: block;

    width: 0;

    height: 0;

    border: 4px solid transparent;

    border-top-color: #ffffff;

    z-index: 99;

  }





.webmenu ul li > ul { display: none !important; }

.webmenu ul li:hover > ul { display: block !important; }

.webmenu ul li > ul li:hover > ul { display: block !important; }

.webmenu ul li > ul li > ul { display: none !important; }





  .webmenu ul ul .submenu-button:before {

    top: 19.5px;

  }

  .webmenu #menu-button.menu-opened:before,

  .webmenu .submenu-button.submenu-opened:before {

    border-top-color: #ffffff;

  }

}

.webmenu ul li:hover .sub-menu { display:block; }

.webmenu ul li .sub-menu { display:none; margin:0px; padding:0px; position:absolute; left:0; right:0;z-index:9999; background:#444444; width:220px; opacity:0.9; }

.webmenu ul li .sub-menu li { display:block; border-radius:0; position:relative}

.webmenu ul li .sub-menu li a { display:block; border-radius:0; font-weight:normal !important; color:#fff; padding:10px 15px; text-decoration:none; border-bottom:1px dashed #6a6a6a; line-height:20px; }

.webmenu ul li .sub-menu li a:hover { opacity:1; background:#0e573d; color:#fff; }



.sub-menu li ul.sub-menu { display:none; position:absolute;  background: #444444; width:180px;    top: 0; }

.sub-menu li:hover ul.sub-menu {display:block;  }

.sub-menu ul li .sub-menu { display:none ; margin:0px; padding:0px; position:absolute; left:0; right:0; z-index:99999; background:#444444; width:243px; opacity:0.9; }

.sub-menu ul li .sub-menu li { display:block; border-radius:0;}

.sub-menu ul li .sub-menu li a { display:block; border-radius:0; font-weight:normal !important; color:#fff; padding:10px 15px; text-decoration:none; border-bottom:1px dashed #6a6a6a; line-height:20px; }

.sub-menu ul li .sub-menu li a:hover { opacity:1; background:#0e573d; color:#fff; }







.webmenu ul li:hover > ul { display:block  !important; }

.webmenu ul li > ul { display:none !important; margin:0px; padding:0px; position:absolute; left:0; z-index:9999; background:#444444; width:220px; opacity:0.9; }

.webmenu ul li > ul li > ul { display:none !important; margin:0px; padding:0px; position:absolute; left:100% !important; z-index:9999; background:#444444; width:220px; opacity:0.9; }

.webmenu ul li > ul li:hover > ul { display:block  !important; }

















.webmenu .current-menu-item > a,

.webmenu .current-menu-ancestor > a,

.webmenu .current_page_item > a,

.webmenu .current_page_ancestor > a { color: #D2CDCD; border-bottom: 3px solid #fff; }







/*--------------------------Menu css end------------------------------------*/

.header-img{width:100%;min-height:400px;background:url(images/header2.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.about-img{width:100%;	min-height:400px;background:url(images/about-img.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.certificatoin-img{width:100%;	min-height:400px;background:url(images/certification.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.history-img{width:100%;min-height:400px;background:url(images/history.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.vision-img{width:100%;min-height:400px;background:url(images/vision.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.structure-img{width:100%;min-height:400px;background:url(images/about-img.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.mission-img{width:100%;min-height:400px;background:url(images/mission.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.board-trustees-img{width:100%;min-height:400px;background:url(images/board-trustees.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.news-img{width:100%;min-height:400px;background:url(images/news.jpg) bottom right no-repeat; -webkit-background-size: cover;

-moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.conferences-img{width:100%;min-height:400px;background:url(images/conferences.jpg) bottom right no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.examRegistration{width:100%;min-height:400px;background:url(images/examRegistration.jpg) bottom right no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.membership{width:100%;min-height:400px;background:url(images/class.jpg) bottom right no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.public-hearings{width:100%;min-height:400px;background:url(images/public-hearings.jpg) bottom right no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.contact{width:100%;min-height:400px;background:url(images/contact.jpg) bottom right no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.online-store{width:100%;min-height:400px;background:url(images/online-store.jpg) bottom right no-repeat; -webkit-background-size: cover; -moz-background-size: cover;  background-size: cover; -o-background-size: cover;position:relative;}

.header-caption{position:absolute; top:20%; left:0; right:0; margin:auto; padding:30px 0px; text-align:center;background-color: rgba(0,0,0,0.5); width:50%}

.header-img .header-search {bottom: 0;right: 0; width: 80%;left:0;	margin:auto;}

.header-img .search-container {  margin: 0 auto; width: 100%;}

.tagline { color: #fff;	font-size: 55px; font-weight: 600; margin:0px; padding:0px; text-transform:uppercase; }

.header-caption p{color: #fff;}

 .header-search .search-container .input-group-addon{ background-color: #0e573d; border-color: #0e573d; color:#fff}

.about,.features,.announcements{ margin:30px 0;}



.about h2,.about h3,.announcements h2,.announcements h3{ margin-top:0}

.about .fa-stack { width: 1.2em; height: 1.2em; line-height: 1.2em;}

.about .fa-stack-2x { font-size: 1.2em;}

.about .circle {color: #0e573d;}

.about .fa-inverse{font-size: .6em;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s}

.about .fa-inverse:hover {transform:rotateY(180deg);cursor:pointer;webkit-transform: rotateY(180deg); -webkit-transition: -webkit-transform 0.5s ease-in-out; }		   

.advertisement{ border:1px solid #dadada; padding:5px;}

.features .features-txt,.features .caption h4{ text-align:left;}

.features .thumbnail .caption { padding: 9px; color: #333; min-height: 150px;}

.features .thumbnail{ margin-right:5px; }

.features .thumbnail .img-cont{overflow:hidden;}

.features .thumbnail.last{margin-right:0px;}

.features .thumbnail img{-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}

.features .thumbnail img:hover{-webkit-transform:scale(1.3);transform:scale(1.3);}

.newsletter{border:1px solid #dadada; padding:10px; padding-top:40px; }

.announcements .tab-content{ overflow:auto; height:553px; }

.announcements .detail-row{padding: 15px; overflow: hidden; border-bottom:0px solid #dadada;}

.announcements .detail-row.last{ border-bottom:none}

.announcements .detail-row span{ margin-right:10px;}

.announcements .detail-row.right{ margin-left:30px;}

.announcements .nav-tabs li a{color: #0e573d;}

.advertisement { border:1px solid #dadada; padding:10px; margin-top:10px;padding-bottom: 63px; }

.related_link { border:1px solid #dadada; padding:10px; margin-top:10px; }

.related_link .list { margin:0px; padding:0px; display:block; list-style:none; }

.related_link .list li { display:block; }

.related_link .list li a { margin:0px; padding:8px 0 5px 10px; display:block; color:#333; text-decoration:none; border-bottom:1px dashed #ddd; }

.related_link .list li a:hover { color:#0e573d; }



.advertisement img { width:100%; }

footer{background: #444; padding:20px 0 0 0;color: #e7e7e7;}

footer ul {list-style-type: none;}

footer ul li { padding: 3px 0;}

footer ul li a{ color: #e7e7e7; }

footer ul li a:hover,footer ul li a:active,footer ul li a:focus { color: #e7e7e7; text-decoration:none;}

footer ul.social {list-style-type: none;padding: 0;margin: 0;text-align: center;display: inline-block;  }

footer ul.social li {display: inline-block; border: 1px solid #dadada;border-radius: 50%;height: 35px;width: 35px;line-height: 35px; margin-right: 2px;}

footer ul.social li i {    font-size: 20px;}

footer .copyright {  text-align: center; font-size: 12px; margin-bottom:0; border-top:1px solid #4e4e4e; padding:10px; }

footer ul.social li.fb:hover{ background-color:rgb(74,110,169); border-color:rgb(74,110,169);}

footer ul.social li.tw:hover{background-color:rgb(47,191,244); border-color:rgb(47,191,244);}

footer ul.social li.in:hover{background-color:rgb(1,119,181); border-color:rgb(1,119,181);}

footer ul.social li.yt:hover{background-color:rgb(225,43,40); border-color:rgb(225,43,40);}

footer ul.social li.insg:hover{background-color:rgb(90,70,63); border-color:rgb(90,70,63);}

footer ul.social li.gg:hover{background-color:#dd4c40; border-color:#dd4c40;}

footer ul.social li.ios:hover{background-color:#e7e7e7; border-color:#e7e7e7; color:#1b1b1b;}

footer ul.social li.an:hover{background-color:#99cc00; border-color:#99cc00;}

footer p.icon{ margin-top:10px}



.about .about_in { display:block; margin-right:20px; text-align:left; }

.about .about_in ol { display:block; }

.about .about_in ol li { padding:5px 0px }

.hdn_border { background:#ddd; height:1px; display:block; margin-bottom:20px; }

.border1 { background:#ddd; height:1px; display:block; margin:20px 0; }

.hdn_border span { background:#0e573d ; height:3px; display:block; width:20%; margin-top:-2px; }

.rgtbar { display:block; margin-left:20px; }

.block1 { display:block; margin:0 0 10px; padding:20px; border:1px solid #eeeeee;  }



.search_block { display:block; text-align:right; margin:5px 0px 5px 0; padding:0px 0; float:right; width:42%; }

.centers{

	margin:25px 0 0 0;

}

.leftgrid{

	float:left;

}

.rightgrid{

	float:right;

}

.centers.name.secondchild{

	float:right;

}

.centers.name.size.cyan h3{

	background:#333;

}

.centers.name{

	margin:25px 0 0 0;

	float:left;

	border-radius:5px;

	border:1px solid #333;

	padding-bottom:10px;

	min-height: 200px;

}

.one {

    float: left;

    width: 100%;

    border-top: 1px solid #ccc;

    padding-top: 5px;

    margin-top: 10px;

}

.size{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}

.centers.name h3, .centers.name p, .centers.name aside{

	float:left;

	width:100%;

}

.centers.name.size h3{

	border-radius:4px 4px 0px 0px;

	color:#fff;

	padding:10px 20px;

	margin-bottom:2px;

}

.centers.name.size p, .centers.name aside, .centers.name a{

	padding:0px 20px;

	margin:8px 0 0 0;

}

.centers.name aside {

	font-size:20px;

}

.centers.name a{

	color:#2cabe2;

	display:inline-block;

}

.centers.name p a{

	margin-left:0;

	padding-left:0;

}

.form-group.enroll:first-child, .btn-form .text-center.enroll.join:first-child{

	margin-left:0;

}

.form-group.enroll {

    /*float: left;*/

    margin: 20px 0px 0px 0px;

}

.block1.full, .btn-form{

    float: left;

    width: 100%;

}

.text-center.enroll {

    float: left;

	margin: 20px 0 10px 0;

	display: block;

    width: 100%;

    text-align: left;

}

.form-group.enroll .form-control {

    height: 40px;

}

.form-group.enroll.join, .form-group.enroll{

	width: 45%;

	display:block;

}

.text-center.enroll.join.us {

    float: left;

    margin-left: 20px;

    width: initial !important;

    display: inline-block;

}

input.form-control {

    margin-bottom: 0px;

}

button.btn.btn-green.login {

    padding: 6px 25px;

}

.block1.full.form{

	border-color: #dadada;

}

.form-group.enroll p {

    font-size: 12px;

    margin: 0 0 2px 0;

}

.btn-form {

	margin-top: 15px;

}







/*======contact-page======*/



.sidebox {

    background-color: rgb(250, 250, 250);

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 18px;

    margin-top: 26px;

    border: 1px solid rgb(235, 235, 235);

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

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

    line-height: 24px;

    color: rgb(51, 51, 51);

}





/*======online-store-page======*/





.block1.full.bookdetails.first{

	margin-top:10px;

}

.block1.full.bookdetails{

	margin-top:20px;

}

.block1.full.bookdetails:hover{

	border-color:#D2D2D2;

}

figure, .book-details, .priceCover, .authordetails, .bookDetails, .zoom-slider, .bookdetailscontainer, .bookdetailscontainer .price.details aside, .bookdetailscontainer .price.details p, .totalprice, .price.butn, .totalprice span, .bookdet, .totalprice, .price.butn p, .bookdetailscontainer .price.butn a, .comments li .star{

	float:left;

}

figure{

	width:20%;

}

.book-details{

	width:80%;   

}

.book-details h2,.bookdetailscontainer h2{

	padding-bottom:10px;

	margin-bottom:15px;

	border-bottom:1px solid #ccc;

}

.book-details h2{

	font-size:18px;

}

.book-details aside{

	font-size:18px;

	font-weight:600;

	margin-bottom:10px;

}

.priceCover, .authordetails{

	width:47%;	
}

.authordetails p{

	font-size:13px;

	margin-bottom:2px;

}
.about_in a.btn-green{
float:left;
}
.priceCover .cover{

	font-size:16px;

	color:#333;

}

.bookDetails{

	margin-top:15px;

	padding:5px 10px;

	border-radius:3px;

	font-size:13px;

}

.bookDetails:hover{

	color:#FFF;

	text-decoration:none;

}

.tick{

	font-size: 8px;

    background-color: #0e573d;

    color: #fff;

    padding: 5px;

    border-radius: 2px;

    margin: 1px 5px 0px 0px;

    vertical-align: top;

}

.bookdetailscontainer{

	width:55%;

	margin-left:7%;

}

.bookdetailscontainer .priceCover{

    margin: 10px 0px;

}

.bookdetailscontainer .authordetails {

    margin: 0 0px 0 3%;

}

.bookdetailscontainer .priceCover p {

    margin-top: 5px;

}

.bookdetailscontainer .price.details{

	float:left;

	width:45%;

	margin:15px 0 0 0px;

	clear:both;

}

.bookdetailscontainer .price.details aside{

	font-size:28px;

    line-height: 28px;

}

.bookdetailscontainer .price.details p{

	font-size:12px;

	margin:0px 10px 0 0;

	border-bottom: 1px solid #E8E8E8;

	padding-bottom:15px;

	width: 100%;

}

.bookdet{

    border-bottom: 1px solid #E8E8E8;

    padding-bottom: 5px;

	width:100%;

}

.totalprice{

    font-size: 28px;

	border-bottom: 1px solid #E8E8E8;

	padding-bottom:15px;

}

.totalprice span{

	font-size: 14px;

    margin: 15px 0 0 0;

    line-height: 14px;

    width: 100%;

}

 .bookdetailscontainer .starGroup{

	width:50%;

	margin:15px 0 0 5%;

}

.bookdetailscontainer .starGroup{

	margin-top:10px;

}

.bookdetailscontainer .price.butn a{

	width:100%;

}

.bookdetailscontainer .price.butn a, .writebtn, #pop-up-4 #writereview{

	padding:8px 23px;

    background-color: #0e573d;

    border-color: #0e573d;

	color:#ffffff;

	font-size:20px;

	border-radius:3px;

	text-align: center;

}

.bookdetailscontainer .price.butn a:hover, a.writebtn:hover{

	text-decoration:none;

}

.bookdetailscontainer .price.butn p{

	margin:5px 0 0 0;

	font-size:13px;

}

.cloudzoom-blank {

	display:none;

}

.starGroup{

	float:left;
	width: 100%;	    margin-top: 15px;

}

.starGroup section {

    float: left;

	color: #585858;

}

.star{

	background:url(images/starnormal.jpg) repeat-x left top;

	width: 75px;

	height: 15px;

	position: relative;

	list-style-type: none;

	display: inline-block;

	vertical-align: bottom;

	zoom: 1;

	z-index: 1;

	margin: 0px 10px 0 3px;

	float:left;

}

.book-details .star a:hover, .bookdetailscontainer .star a:hover{

	background:url(images/staractive.jpg) repeat-x left top;

	z-index: 1;

	left: 0;

}

.book-details a.star1:hover, .bookdetailscontainer a.star1:hover{

	width: 15px;

}

.book-details a.star1, .bookdetailscontainer a.star1{

	left:0px;

}

.book-details a.star2:hover, .bookdetailscontainer a.star2:hover{

	width: 30px;

}

.book-details a.star2, .bookdetailscontainer a.star2{

	left:15px;

}

.book-details a.star3:hover, .bookdetailscontainer a.star3:hover{

	width: 45px;

}

.book-details a.star3, .bookdetailscontainer a.star3{

	left:30px;

}

.book-details a.star4:hover, .bookdetailscontainer a.star4:hover{

	width: 60px;

}

.book-details a.star4, .bookdetailscontainer a.star4{

	left:45px;

}

.book-details a.star5:hover, .bookdetailscontainer a.star5:hover{

	width: 75px;

}

.book-details a.star5, .bookdetailscontainer a.star5{

	left:60px;

}

.book-details .star a, .bookdetailscontainer .star a {

	display: block;

	width: 15px;

	height: 15px;

	text-indent: -9000px;

	z-index: 20;

	position: absolute;

	top: 0;

	cursor: pointer;

}

.quantity select {

	width: 90px;

	border:1px solid #ababab;

	padding:10px;

	margin-top: 18px;

}

.quantity {

    float: left;

    width: 50%;

    margin: 15px 0 0 5%;

}

.quantity h3{

    margin: 9px 0 0 0;

    font-size: 14px;

    float: left;

	color:#585858;

}

.line_count_elements {

    float: left;

    margin: 0 0 0 10px;

}

.line_count_elements span {

    display: inline-block;

    width: 34px;

    height: 34px;

    border: 1px solid #ccc;

    text-align: center;

	line-height: 34px;

}

.lce_add, .lce_remove {

    cursor: pointer;

}

.quantshare .quantity select {

	width: 90px;

	border:1px solid #ababab;

	padding:10px;

	margin-top: 18px;

}

div#review {

    float: left;

}

div#review a {

    font-size: 12px;

    color: #565656;

    padding-bottom: 2px;

    border-bottom: 1px dashed #a7a7a7;

}



div#specialcomments {

	margin: 50px 20px 0 0;

    float: left;

}

.productDetails {

    margin: 100px 0px 0px 0px;

}

.fc {

    width: 100%;

    float: left;

}

#specialcomments h3{

	font-size:22px;

}

.comments {

    margin-top: 5px;

}

.comments li:first-child {

	margin:0 0 0 0;

}

.comments li {

    list-style: disc outside;

    margin: 40px 0px 0px 0px;

}

.comments li h2 {

    font-size: 18px;

    color: #333;

    margin-bottom: 10px;

}

.comments li p, .comments li .userrev{

  color: #333;

 }

.comments li p, .comments li .userrev, .comments li .comentdate {

    font-size: 14px;

}

.comments li .userrev {

    background: url(../images/usericon.jpg) left top no-repeat;

    line-height: 14px;

    margin: 10px 10px 0 0;

    float: left;

	font-size: 13px;

    color: #7B7B7B;

}

.comments li .starReview{

    color: #fe0000;

    font-size: 20px;

    float: left;

    margin: 10px 0 0 0;

    line-height: 15px;

}

.comments li .starReview span.grey {

    color: #ccc;

}

.writebtn{

	float:left;

}

a.writebtn:hover, a.writebtn:active{

    text-decoration: none;

    color: #fff;

}

#write, .subscribe{

	margin:50px 0;

}





.pop-up .close a {

    font-size: 18px;

    color: #d22;

    width: 24px;

    height: 24px;

    background: url(../images/icon-cross.png) no-repeat 0 0;

    display: inline-block;

}

.pop-up .screen-reader-text {

    position: absolute;

    top: -9999px;

    left: -9999px;

}

.btn:hover, .btn:focus{

	color:#fff;

}

#pop-up-4 #writereview:focus{

	text-decoration:none;

}

.accounting.comments li{

	margin-top:5px;

}





/*====subscriptions=========*/

.radio label {

    display: inline-block;

    position: relative;

    padding-left: 5px;

    min-height: 20px;

    padding-left: 20px;

    margin-bottom: 0;

    font-weight: normal;

    cursor: pointer;

}



.radio {

    padding-left: 20px;

}

.radio {

    position: relative;

    display: block;

    margin: 0px;

	float: left;

	width: 30%;

}





.radio input[type="radio"] {

    opacity: 0;

    z-index: 1;

}



.radio.radio-circle label::before {

    border-radius: 50%;

}

.radio label::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 17px;

    height: 17px;

    left: 0;

    margin-left: 0px;

    border: 1px solid #b4b4b4;

    border-radius: 3px;

    background-color: #fff;

    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

}

.radio input[type="radio"]:checked + label::after {

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

}

*:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.radio label::after {

    display: inline-block;

    position: absolute;

    content: " ";

    width: 11px;

    height: 11px;

    left: 3px;

    top: 3px;

    margin-left: 0px;

    border-radius: 50%;

    background-color: #555555;

    -webkit-transform: scale(0, 0);

    -ms-transform: scale(0, 0);

    -o-transform: scale(0, 0);

    transform: scale(0, 0);

    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);

}

*:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.radio label {

    display: inline-block;

    position: relative;

}

.radio label {

    padding: 0 0 0 25px;

    margin: 0;

    font-weight: lighter;

    cursor: pointer;

    max-width: 100%;

    font-size: 60px;

    line-height: 18px;

    color: #b4b4b4;

}

.subscribe.fc .colorchange{

	color:#333;

}

.radio label span {

    font-size: 14px;

    margin: 0;

    line-height: 18px;

    vertical-align: top;

}

.radio label span, .radio label aside{float:left;}

.radio label span{

	margin:-6px 0 0 5px;

}

.radio label aside{

	margin: 0;

}

.radio-circle .btn-green{

	margin: 20px 0 0 0;

    padding: 8px 35px;

}

.subscribe.fc .radio+.radio{

	margin-top:0;

}



.pop-up-content .form-group.first{

	padding-top:15px;

	border-top:1px solid #ccc;

	margin-top:15px;



}

.starGroup .starReview {

    color: #fe0000;

    float: left;

    font-size: 20px;

    line-height: 15px;

    margin: 1px 0 0 5px;

}

.starGroup .starReview span.grey {

    color: #ccc;

}



.block1.full.bookdetails.first figure {

    float: left;

    margin-right: 5%;

    width: 15%;

}

.block1.full.bookdetails.first img {

    float: left;

    width: 100%;

}



.bookdetailscontainer .price.butn .addcart{

    background-color: #0e573d;

    border-color: #0e573d;

    border-radius: 3px;

    color: #ffffff;

    font-size: 20px;

    padding: 8px 23px;

    text-align: center;

}

.bookdetailscontainer .price.butn .addcart {

    width: 100%;

}

.bookdetailscontainer.detailu .starGroup {

    margin: 0;

	width:40%

}

.bookdetailscontainer.detailu .starGroup #review{

	display:block;

	width:100%

}

.cart {

    float: left;

    width: 50%;

	margin: 15px 0 0 5%;

}

.comentdate.fc {

    margin: 7px 0 0;

	color:#848484;

}

.comments li p{

	margin-bottom:2px !important;

}







/* calendar */

table.calendar    { border-left:1px solid #999; }

tr.calendar-row {  }

td.calendar-day { min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }

td.calendar-day:hover { background:#eceff5; }

td.calendar-day-np  { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }

td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }

div.day-number    { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }

/* shared */

td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }







/* div that surrounds Cloud Zoom image and content slider. */

            #surround {

                width:100%;

                min-width: 256px;

                max-width: 480px;

            }

            

            /* Image expands to width of surround */

            img.cloudzoom {

                width:100%;

            }

            

            /* CSS for slider - will expand to width of surround */

            #slider1 {

                margin:10px 20px 0px;

                height:90px;

                position:relative;

				/*width:60%;*/

            }

			.zoom-slider{

				width:38%;

			}

`



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

	.features .thumbnail{ width:330px;margin: auto; margin-bottom:10px;}

	.features .thumbnail.last{ margin: auto;}

	.header-img .header-caption{ width:62%;}

	.app-header .header-icon2 ul{ margin-right:5px;}

}

@media (min-width: 768px) and (max-width: 991px){

	.block1.full.bookdetails .book-details{width:70%}

	.block1.full.bookdetails figure {width: 30%;}

}

@media (max-width: 990px){

	.radio{width:33%;}

	.radio label aside{font-size:40px;}

	.radio label span{margin:-22px 0 0 30px; font-size: 12px; line-height: 14px;}

	.radio label span.moreright{margin-left:50px;}

	.radio label{padding-left: 20px;}

}

@media (max-width: 768px){

	.header-icon,.header-logo,.app-header .header-icon{ text-align:center;}

		.header-img .header-caption{ width:82%;height: 180px;}

		.header-img .header-caption hr{ margin-top:10px; margin-bottom:10px;}

.navbar-header{display: inline-block; min-height: 72px;}

.header-img .tagline { 	font-size: 40px;  }

footer .mob-view{ text-align:center; margin-bottom:10px;}

.about,.features,.announcements{ margin:15px; text-align:center}

.features .thumbnail{ width:300px;margin: auto; margin-bottom:10px;}

.features .thumbnail.last{ margin: auto;}

.announcements .detail-row.right{ margin-left:0px;}

.announcements .detail-row{padding: 10px 0; }

.announcements .nav > li > a{ font-size: 13px;padding: 10px 11px}

.about .service-heading{ font-size:12px; font-weight:600;}

.about .txt{font-size:12px;}

.about .mob-view{ clear:both}

.about .fa-stack { width: 1em; height: 1em; line-height: 1em;}

.about .fa-stack-2x { font-size: 1em;}

.about .fa-inverse {font-size: .4em;}

 .header-search .search-container .input-group{ margin:auto; width:80%}

 .newsletter { min-height:auto; }

 .related_link { margin-bottom:10px; }

 .header-caption { padding: 30px 20px; width: 90%;}

 .about .about_in { margin-right:0px; }

 .rgtbar { margin-left:0px; }

 .search_block { float:none; padding:8px 0;margin: auto; }

 .app-header .header-icon2 { padding: 10px 0;text-align: center;}

.app-header .header-icon2 ul{ margin-right:0;}

.centers.name.secondchild{	margin-top:20px;}

.book-details{width:70%}

figure{width:30%}

}

@media (max-width: 500px){
	.date-center{text-align:center;}
	.header-img .header-caption{ width:90%;height: 180px;}

	.header-img .tagline { 	font-size: 30px;  }

	.search_block { width:50%; }

	.form-group.enroll, .input.form-control{ float:left; width:100%; margin-bottom:10px;	}

	.form-group.enroll, .text-center.enroll{margin: 0px 0px 10px 0;}

	.form-group.enroll.join:first-child{margin-left:0;}

	.form-group.enroll.join{margin-left:10px;}

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

	div#specialcomments{margin-right:0;}

	.bookdetailscontainer{margin:30px 0 0 0;}

	.starGroup{margin-left:0;}

	.book-details{		float:left; width:100%; margin-top: 15px;	}

}

@media (max-width: 475px){

	.bookdetailscontainer .starGroup{margin-left:0;}

	.bookdetailscontainer .priceCover p {    margin: 0 0 0 40px;    float: left;    line-height: 20px;}

	.priceCover .cover{float:left; margin: 0px 10px;}

	.priceCover, .authordetails{width:100%;}

	.authordetails p:first-child, .bookdetailscontainer .price.butn{margin-left:0;}

	.authordetails p { margin: 0 0 5px 10px;    float: left;}

	.bookdetailscontainer .authordetails{margin-left:0;}

	.bookdetailscontainer .price.details, .totalprice, .quantity, .bookdetailscontainer .price.butn, .bookdetailscontainer .starGroup {width:100%;}

	.quantity {margin: 15px 0 0 0%;}

	.bookdetailscontainer .price.butn{}

	ul#comment li, #specialcomments h3{text-align:left;}

	.bookDetails{float:left; margin: 0px; padding:8px;}

	.book-details aside{float:left;}

	.bookDetails {    float: left;    margin: 10px 0px;    display: block;    width: 100%;    text-align: center;}

	.radio{ width:100%;	}

	.radio label {    padding-left: 25px; float:left;}

	.radio label span{margin: -2px 0px 0px 5px;}

	.radio-circle .btn-green{float:left; margin-top: 0;}

	.subscribe.fc .subsParent.fc{width:50%;}

	.subscribe.fc .radio.radio-circle:first-child{margin-top:0}

	.subscribe.fc .radio.radio-circle{margin-top:30px;}

	#write, .subscribe{margin-top:30px;}

	.radio label span.moreright{margin-left:5px;}

}

@media (max-width: 425px){

	#pop-up-4 h3{width:80%;}

}

@media (max-width: 384px){

	.bookdetailscontainer .price.butn a{font-size: 15px;}

}

@media (min-width: 355px) and (max-width: 360px){

	.starGroup{width: 100%;}

}

@media (max-width: 355px){

	.authordetails p{float:left; margin-left:0; width: 100%;}

	.star{float:left;}

	.starGroup{width:100%;}

}

@media (max-width: 350px){

	.subscribe.fc .subsParent.fc{width:65% !important;}

	.radio-circle .btn-green{margin-top: 0px !important; padding: 8px 10px; }

	.radio label span.moreright{margin: -20px 0 0 50px;}

}

@media (max-width: 320px){}



/*custom scrollbar css*/

.scrollable {

  position: relative;

}



.scrollable:focus {

  outline: 0;

}



.scrollable .viewport {

  position: relative;

  overflow: hidden;

}



.scrollable .viewport .overview {

  position: absolute;

}



.scrollable .scroll-bar {

  display: none;

}



.scrollable .scroll-bar.vertical {

  position: absolute;

  right: 0;

  height: 100%;

}



.scrollable .scroll-bar.horizontal {

  position: relative;

  width: 100%;

}



.scrollable .scroll-bar .thumb {

  position: absolute;

}



.scrollable .scroll-bar.vertical .thumb {

  width: 100%;

  min-height: 10px;

}



.scrollable .scroll-bar.horizontal .thumb {

  height: 100%;

  min-width: 10px;

  left: 0;

}



.not-selectable {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/*Default skin*/



.scrollable.default-skin {

  padding-right: 10px;

  padding-bottom: 6px;

}



.scrollable.default-skin .scroll-bar.vertical {

  width: 6px;

}



.scrollable.default-skin .scroll-bar.horizontal {

  height: 6px;

}



.scrollable.default-skin .scroll-bar .thumb {

  background-color: #0e573d;

  opacity: 0.8;

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

}



.scrollable.default-skin .scroll-bar:hover .thumb {

  opacity: 1;

}



/*Gray skin*/



.scrollable.gray-skin {

  padding-right: 17px;

}



.scrollable.gray-skin .scroll-bar {

  border: 1px solid gray;

  background-color: #d3d3d3;

}



.scrollable.gray-skin .scroll-bar .thumb {

  background-color: gray;

}



.scrollable.gray-skin .scroll-bar:hover .thumb {

  background-color: black;

}



.scrollable.gray-skin .scroll-bar.vertical {

  width: 10px;

}



.scrollable.gray-skin .scroll-bar.horizontal {

  height: 10px;

  margin-top: 2px;

}



/*Modern skin*/

.scrollable.modern-skin {

  padding-right: 17px;

}



.scrollable.modern-skin .scroll-bar {

  border: 1px solid gray;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-box-shadow: inset 0 0 5px #888;

  -webkit-box-shadow: inset 0 0 5px #888;

  box-shadow: inset 0 0 5px #888;

}



.scrollable.modern-skin .scroll-bar .thumb {

  background-color: #95aabf;

  border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  border: 1px solid #536984;

}



.scrollable.modern-skin .scroll-bar.vertical .thumb {

  width: 8px;

  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));

  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);

  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);

  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);

  background: linear-gradient(to right, #95aabf 0%, #547092 100%);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";

}



.scrollable.modern-skin .scroll-bar.horizontal .thumb {

  height: 8px;

  background-image: linear-gradient(#95aabf, #547092);

  background-image: -o-linear-gradient(#95aabf, #547092);

  background-image: -moz-linear-gradient(#95aabf, #547092);

  background-image: -webkit-linear-gradient(#95aabf, #547092);

  background-image: -ms-linear-gradient(#95aabf, #547092);

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";

}



.scrollable.modern-skin .scroll-bar.vertical {

  width: 10px;

}



.scrollable.modern-skin .scroll-bar.horizontal {

  height: 10px;

  margin-top: 2px;

}









/*himanshu*/

.evr_regform > hr{display:none;}

.about_in hr{display:none;}

.about_in a{color:#666 !important;}

.about_in #details{margin-top:20px;border:1px solid #eee !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background-color:#0e573d !important;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#fff !important;}

#announcements .ui-widget-header{/*background-color:#0e573d !important;*/border:0px !important;}

.ui-tabs-panel .row{border-bottom:1px solid #eee;}

#announcements .tab-content p{font-size:14px !important;font-weight:100 !important;line-height:20px;}

.header-lang{float:right;margin-top:3px;}

.header-lang a{color:#000;font-size:20px;font-weight:500;}

#lang_sel_list.lang_sel_list_vertical{width:auto !important;float:right !important;margin-top:6px !important;}

#lang_sel_list.lang_sel_list_vertical li{width:auto !important;}

a.btn.btn-green {color: #fff !important;float:none!important;}

#lang_sel_list.lang_sel_list_vertical ul{border:0 !important;}

#lang_sel_list.lang_sel_list_vertical ul li a{border:0 !important;padding:0px !important;}

/*/himanshu*/
.image120 {
text-align:center !important;
}
.image120 img{
width:120px !important;
height:120px !important;
margin:5px 0;
}
@media (min-width: 500px){
.detail-row-parent{
height: 130px;
}
}
.date-center{
padding:0px 0px 15px 0px;
    position: relative;
    top: 37%;
}
.detail-row {
    position: relative;
    top: 20%;
   
}
.overview{
width:100% !important;
}