@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

:root {
  --primary-green: rgb(216, 50, 76, 1);
  --secondary-green: rgba(216, 50, 76, 0.30);
  --primary-grey: rgb(128, 128, 128, 1);
  --secondary-grey: rgb(128, 128, 128, 0.30);
  --primary-black: rgb(0, 0, 0, 0.85);
  --secondary-black: rgb(0, 0, 0, 0.30);
  --primary-link: #005b9e;
  --primary-white: #fff;
}


@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('fonts/calibrib-webfont.eot');
    src: url('fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrib-webfont.woff') format('woff'),
         url('fonts/calibrib-webfont.ttf') format('truetype'),
         url('fonts/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.underline-blk          {position:relative; font-size:20px; margin:auto; color:#0d65a7; padding:0px 0px 0px 50px; margin-bottom:5px;}
.underline-blk:before   {position:absolute; content:""; width:50px; height:2px; background-color:#f69524; top:50%; left:0; z-index:9}
.underline-blk:after    {position:absolute; content:""; width:100%; height:1px; background-color:#0d65a7; top:50%; right:0;}

.underline-blk i {background:#fff; z-index:9; position:relative; padding:0px 5px}

@font-face {
    font-family: 'Whitney';
    src: url('fonts/Whitney-Medium.woff2') format('woff2'),
        url('fonts/Whitney-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/*===== DEFAULT STYLE =====*/
*                   {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after   {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, html, form, section   {height:100%;}
html    {font-size:10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body    {font-family: Whitney, 'Whitney' !important; font-size:14px !important;  line-height: 14pt !important;  color: #404040; background: var(--primary-white); padding-top:132px; overflow-x:hidden}
body    {opacity:1;}
.body {padding-top:120px;}

@media (max-width:1100px) {body    {padding-top:119px;}
                          .body {padding-top:120px;}
}

@media (max-width:768px) {
.body {padding-top:158px;}
}

@media (max-width:767px) {
body    {padding-top:100px;}
.body {padding-top:100px;}
}

input, button, select, textarea {font-family:inherit; font-size:inherit; line-height:inherit;}

.hd a{
    color:var(--primary-black);
    text-decoration:none;
    font-size: 1.8rem;
}
.hd a:hover {color:var(--primary-green); text-decoration:none;}
a       {color:var(--primary-green); text-decoration:none;}
a:hover {color: var(--primary-link); text-decoration:inherit !important;}
a:focus {outline:thin dotted;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px; color:inherit !important; text-decoration:inherit !important;}
 
p {-webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin:0px; margin-bottom:20px !important; font-size:inherit; line-height:inherit;}
img {max-width:100%; width:initial; height:auto}
.img-fluid {display:inline-block !important;}

.category-col > li > a > figure > img {margin-top: 10px; height: 200px!Important;}


/*===== COMMON STYLE =====*/
/* GO To Top Style  */
.scrollup           {position:fixed;  bottom:0px; right:0px; display:none; z-index:9999; font-size:13px;}
.scrollup           { -webkit-animation: fadeInUp 1000ms ease; -moz-animation: fadeInUp 1000ms ease;   -ms-animation: fadeInUp 1000ms ease;}
a.scrollup          {color:#57422a !important; text-decoration:none; border:2px solid #f5ce47; border-width:2px 0px 2px 2px; background:#f5ce47; padding:10px 5px 10px 5px; line-height:15px; width:60px; right:0px; border-radius:0px; border-top-left-radius:100px; border-bottom-left-radius:100px; border-bottom-right-radius:0px; text-align:center; bottom:20px;} 
a.scrollup:hover    {color:#fff !important; text-decoration:none; border:2px solid #f5d570; border-width:2px 0px 2px 2px; background:var(--primary-green); text-decoration:none !important}

@media (max-width:767px) {
.scrollup {display:none !important}
}


/* Clear Styles */
.clear      {clear:both; } 
.spacer1    {clear:both; width:100%; height:10px;}
.spacer2    {clear:both; width:100%; height:20px;}
.spacer3    {clear:both; width:100%; height:30px;}
.spacer4    {clear:both; width:100%; height:40px;}
.spacer5    {clear:both; width:100%; height:50px;}
.container-spacing-bt {padding:0px 0px 50px; margin:0px; width:100%;}
.container-spacing-t {padding:50px 0px 0px; margin:0px; width:100%;}
.container-spacing {padding:50px 0px; margin:0px; width:100%;}


/* Spacing, Border, Shadow Styles */
.no-shadow  {box-shadow:none !important}

.border     {border:1px solid #ccc !important;}
.border-t   {border-top:1px solid #ccc !important}
.border-b   {border-bottom:1px solid #ccc !important}
.border-r   {border-right:1px solid #9c8b75 !important}
.pad-br     {padding:1px;}

.no-border-rd     {border-radius:0px !important}

.no-border      {border:none !important}
.no-border-l    {border-left:none !important;}
.no-border-r    {border-right:none !important;}
.no-border-t    {border-top:none !important;}
.no-border-b    {border-bottom:none !important;}

.marg-t     {margin-top:30px !important;}
.marg-b     {margin-bottom:40px !important;}

.no-margin      {margin: 0 !important;}
.no-margin-r    {margin-right: 0 !important;}
.no-margin-l    {margin-left: 0 !important;}
.no-margin-b    {margin-bottom:0 !important;}
.no-margin-t    {margin-top:0 !important;}
.no-margin-x    {margin-left:0 !important; margin-right: 0 !important;}
.no-margin-y    {margin-top:0 !important; margin-bottom: 0 !important;}

.pad-t     {padding-top:40px !important;}
.pad-b     {padding-bottom:40px !important;}
.pad-l     {padding-left:15px !important;}
.pad-t-20  {padding-top:20px !important;}

.no-pad     {padding:0 !important;}
.no-pad-l   {padding-left:0 !important;}
.no-pad-r   {padding-right:0 !important;}
.no-pad-t   {padding-top:0 !important;}
.no-pad-b   {padding-bottom:0 !important;}
.no-pad-x   {padding-left:0 !important; padding-right:0 !important;}
.no-pad-y   {padding-top:0 !important; padding-bottom:0 !important;}

@media (max-width:1024px) {
.pad-t-sm   {padding-top:20px !important;}
.pad-b-sm   {padding-bottom:20px !important;}
}


@media (max-width:980px) {
.pad-t-xs   {padding-top:20px !important;}
.pad-b-xs   {padding-bottom:20px !important;}

.marg-t-xs  {margin-top:20px !important;}
.marg-b-xs  {margin-bottom:20px !important;}

.marg-b-frm-xs {margin-bottom:15px !important;}
.text-center-xs {text-align:center !important;}
.no-border-xs   {border-right:0px solid #9c8b75 !important}
}

@media (max-width:767px) {
.marg-b-frm-xs1 {margin-bottom:15px !important;}
.text-center-xs1 {text-align:center !important;}
.no-border-xs1   {border-right:0px solid #9c8b75 !important}
}

/* Hr Line Style */
hr.solid    {border:0; border-top:1px solid #ccc;}
hr.dotted   {border:0; border-top:1px dotted #666; background:#292929;}
hr.dashed   {border:0; border-top:1px dashed #ccc; background:#fff;}
hr.double   {border:0; border-top:1px dashed #ccc; background:#999;}

/* Error Style */
.err    {font-size:12px; color:#c80000;}
.red    {color:#c80000;}

/*  Transition style */
a, .btn     {-webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.delay-05s  {-webkit-animation-delay:0.5s; animation-delay:0.5s;}
.delay-06s  {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.delay-07s  {-webkit-animation-delay:0.7s; animation-delay:0.7s;}
.delay-08s  {-webkit-animation-delay:0.8s; animation-delay:0.8s;}
.delay-09s  {-webkit-animation-delay:0.9s; animation-delay:0.9s;}
.delay-1s   {-webkit-animation-delay:1s; animation-delay:1s;}
.delay-15s  {-webkit-animation-delay:1.5s; animation-delay:1.5s;}
.delay-2s   {-webkit-animation-delay:2s; animation-delay:2s;}
.delay-25s  {-webkit-animation-delay:2.5s; animation-delay:2.5s;}
.delay-3s   {-webkit-animation-delay:3s; animation-delay:3s;}

/* Social Media Style */
ul.social_media			{margin:0px; padding:0px 0px 5px 0px; width:100%; text-align:center}
ul.social_media li		{display:inline-block; list-style-type:none; list-style-image:none; padding:0px; margin:0 0px 10px 5px; border:none;  vertical-align:top;}
ul.social_media li a	{display:block; font-size: 16px; transition:none .6s ease-in-out; -webkit-transition: none .6s ease-in-out; -moz-transition:none .6s ease-in-out; -o-transition:none .6s ease-in-out; -ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover  {display:block; font-size: 16px;}

ul.social_media .fa         {padding: 0px; margin:0px; font-weight:300; color:#404040; width:40px;  height:40px; line-height:40px; text-align:center;}
ul.social_media .fa:hover   {color:#fff}

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram
{border:#404040 1px solid; transition:all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; border-radius:3px}

.fa-facebook:hover          {background: #3b5998; border:#3b5998 1px solid;}
.fa-google:hover            {background: #3f85f4; border:#3f85f4 1px solid;}
.fa-google-plus:hover       {background: #d13f2d; border:#d13f2d 1px solid;}
.fa-linkedin:hover          {background: #0275b5; border:#0275b5 1px solid;}
.fa-youtube:hover           {background: #ce332d; border:#ce332d 1px solid;}
.fa-youtube-play:hover      {background: #ce332d; border:#ce332d 1px solid;}
.fa-tumblr:hover            {background: #274152; border:#274152 1px solid;}
.fa-twitter:hover           {background: #4dc8f1; border:#4dc8f1 1px solid;}
.fa-pinterest:hover         {background: #cb2028; border:#cb2028 1px solid;}
.fa-instagram:hover         {background: #3e739d; border:#3e739d 1px solid;}

/* image Styles */
.img-left   {float:left; margin-right:15px; margin-bottom:10px; margin-top:5px;}
.img-right  {float:right; margin-left:15px; margin-bottom:10px; margin-top:5px;}


/*===== HEADING STYLE =====*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6   {font-family:inherit; font-weight:500; line-height:1.1; color:inherit;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,
.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small, h6 small {font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:15px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {font-size:75%}

.h1,h1  {font-size:24px !important; margin:0px 0px 20px 0px !important; padding:0px; line-height:28px; font-weight:600 !important; text-transform:none; color:var(--primary-black);}
.h2,h2  {font-size:22px !important; color:#000; margin:0px; text-transform:none; line-height:normal !important; font-weight:800 !important; margin-bottom:10px !important;}
.h3,h3  {font-size:24px !important; color:var(--primary-black); margin:0px; line-height:20pt; font-weight:800 !important; text-transform:uppercase; vertical-align:top}
.h4,h4  {font-size:19px !important; margin:0px 0px 10px 0px !important; color:var(--primary-white)  !important; line-height:normal; font-weight:bold !important;}
.h5,h5  {font-size:16px !important; font-weight:600 !important; line-height:normal !important;}
.h6,h6  {font-size:15px !important}

.underline          {position:relative; font-size:20px; max-width:150px; margin:auto; color:#000; padding:0px; margin-bottom:0px; height:1px; background-color:#d2dee6;}
/*.underline:before   {position:absolute; content:""; width:160px; height:1px; background-color:#f3ca6b; top:50%; left:0;}
.underline:after    {position:absolute; content:""; width:160px; height:1px; background-color:#f3ca6b; top:50%; right:0;}*/

h1.hd {display:inline-block; padding-right:5px;}
h3.hd {display:inline-block; padding-right:5px; vertical-align:middle}

h2.video {font-size:30px !important; color:#fff !important; text-transform:none; _letter-spacing:7px;}
h3.video {font-size:50px !important; color:#fff !important; font-weight:800; text-transform:uppercase}

h2.home {font-size:35px !important; margin-bottom:25px; padding:0px; color:#9babbc; font-weight:800 !important; text-transform:uppercase}
h2.carrers  {font-size:20px !important; text-transform:none; font-weight:300}
h3.carrers {font-weight:600}

h1.txt-clr-blue {color:#2b445e;}
h1.txt-clr-blue span {font-size:16px !important;font-weight:600 !important; color:#9babbc !important; line-height:10px !important;}
h1.txt-clr-blue span a {color:#9babbc !important;}
h2.txt-clr-blue {color:#9babbc; font-size:26px !important;  margin:0px 0px 20px 0px !important; padding:0px; line-height:28px; font-weight:800 !important; text-transform:uppercase;}

@media (max-width:1100px) {
.h3,h3  {font-size:22px !important; margin:0px; line-height:24pt; font-weight:800 !important; margin-bottom:10px !important;}
}

@media (max-width:767px) {
.h3,h3  {font-size:17px !important; margin:0px; line-height:24pt; font-weight:800 !important; margin-bottom:10px !important;}
}

/*===== WRAPPER =====*/
.wrapper            {_position:relative; width:100%; margin:0 auto; text-align:left; float:none;}
.wrapper            {min-height:100% !important; height:auto !important; height:100%; margin:0 auto -100px;} /* the bottom margin is the negative value of the footer's height */
.footer             {position:relative; bottom:0px; width: 100%; margin: 0 auto; background:var(--primary-grey);}
.footer, .push      {min-height:100px; clear:both;} /*.push must be the same height as .footer */

@media (max-width:980px) {
.footer {position:relative; bottom:0px; width: 100%; margin: 0 auto; background-image:none}
}


/*===== HEADER STYLE =====*/
.navbar-brand{display:block; padding:13px 0px 7px !important;}
.logo1 {padding:70px 0px 0px !important;}

.navbar-brand img {
	height: 100px
}

@media (max-width:768px) {
.navbar-brand img {max-width:250px !important;}
.navbar-brand {display: block; margin-bottom: 0px !important;}
}

@media (max-width:767px) {
.navbar-brand{display:block; padding:13px 0px 0px !important;}
.logo1 {padding:0px 0px 0px !important;}
.navbar-brand img {max-width:200px !important;}
}

.tp-header .navbar-brand1        {display:block; width:0px; -webkit-transition: width 0.6s, opacity 0.5s; -moz-transition: width 0.6s, opacity 0.5s; transition: width 0.6s, opacity 0.5s; opacity:0;}
.tp-header.shrink .navbar-brand1 {display:block; width:318px; opacity:1;}

/* Top Navigation Styles */
.navbar-border{border-bottom:1px solid #2a4d5e;}
.navbar-nav{margin-top:7px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; display:inline-block}
.navbar-padding {padding:0px; margin:0px; height: 100%;}
.tp-header.shrink .navbar-nav{margin-top:13px;}

.navbar-nav li{padding:0px; font-size:15px; text-transform:uppercase; color:var(--primary-black); font-weight:400; position:relative; margin:0px !important; display: flex; align-items: end}

.navbar-nav li a{color:var(--primary-white); padding:0px 5px 0px 5px; margin:0px !important; display:block; border-right:1px solid #000; line-height:10pt; margin-bottom:1px}
.navbar-nav li a:hover, .navbar-nav li a.active{color:var(--primary-green) !important; text-decoration:none !important}
.navbar-nav li:last-child a{padding-right:0px; border-right:0px solid #d8dde1}

.navbar-nav li.active a{color:var(--primary-green); font-weight: 900; text-underline-position: under; text-decoration: underline;}

.navbar-nav-inside li a {padding:0px 0px 0px 10px;}

#subnav {display:block}
#subnav .sub-nav ul {margin-top:0; display:block; padding:0px !important; margin:0px !important; text-align:center}
#subnav .sub-nav ul li{padding:0px; font-size:15px; text-transform:uppercase;  display:inline-block; color:#fff; font-weight:bold; position:relative; text-align:left}
#subnav .sub-nav ul li span{color:var(--primary-link);}

#subnav .sub-nav ul li a{color:inherit;  display:block; padding:10px 38px 10px;}
#subnav .sub-nav ul li a:hover, .sub-nav li.active a{color:#fff; text-decoration:none !important;  background:#19b9a3}

@media (max-width:1100px) {
.navbar-brand{display:block; margin-bottom:9px;}
#subnav .sub-nav ul li a{color:inherit;  display:block; padding:10px 20px 10px;}
.navbar-nav li a{color:#323232; padding:0px 5px; margin:0px !important; display:block; border-right:1px solid #000; line-height:10pt; margin-bottom:1px}
}

@media (max-width:980px) {
.navbar-nav{margin-top:75px; display:block}
.navbar-nav-xs{margin-top:0px !important; display:block}
.navbar-nav li{padding:10px 0px; font-size:14px; text-transform:uppercase; color:#000; font-weight:400; border-bottom:1px solid #ebf1f5;}
.navbar-nav li.nav-item{display:flex; align-items: center; float:none !important}
.navbar-nav .nav-item + .nav-item{margin:0px !important;}
}

.nav-item > a {width: max-content;}

@media (max-width:768px) {
.navbar-brand{display:block; padding:10px 0px 0px !important; width:250px;}
.navbar-nav{margin-top:75px; display:block}
.navbar-nav li{padding:10px 0px; text-transform:uppercase; color:#000; font-weight:400; border-bottom:1px solid #ebf1f5; text-align:left}
.navbar-nav li a{color:#323232; padding:0px 25px 0px 0px; display:block; border-right:0px solid #000; line-height:10pt; margin-bottom:1px}

#subnav .sub-nav{margin-top:75px !important;}
#subnav .sub-nav ul{margin-top:0; display:block; padding:0px !important; margin:0px -15px !important; text-align:center}
#subnav .sub-nav ul li{padding:0px; font-size:15px; text-transform:uppercase;  display:block; color:#fff; font-weight:400; position:relative; text-align:left; border-bottom:1px solid #d8dde1}

#subnav .sub-nav ul li a{color:#d4583d;  display:block; padding:10px 0px 10px; font-weight:bold}
#subnav .sub-nav ul li a:hover, .sub-nav ul li a:focus, .sub-nav li.active a{color:var(--primary-link); !important; text-decoration:none !important;  background:#fff}
#subnav .sub-nav li.active a span{color:var(--primary-link); font-weight:normal !important}
}

@media (max-width:767px) {
.navbar-brand {display:block; padding:10px 0px !important; width:200px;}

.navbar-nav{margin-top:75px; display:block !important}
.navbar-nav li{padding:10px 0px; text-transform:uppercase; color:#000; font-weight:400; border-bottom:1px solid #ebf1f5; text-align:left;}
.navbar-nav li a{color:#323232; padding:0px 25px 0px 0px; display:block; border-right:0px solid #000; line-height:10pt; margin-bottom:1px}
}



/*===== BACKGROUND & BUTTON STYLES =====*/
/* Buttons Style */
.btn-marg-b {margin-bottom:10px;}
.btn-marg-t {margin-top:10px;}
.btn-rgt    {float:right}
.btn-lft    {float:left}
.btn-marg-rgt    {margin-right:10px !important;}
.apply    {position:absolute; right:15px}

.link-btn   {text-align:center; text-decoration:none !important; padding:7px 20px; font-size:15px; margin:0px 0px;}
.btn-inline {display:inline-block;}

.pad-t-bt {padding:10px 15px;}
.marg-t-bt {margin-top:11px;}

.link-btn .fa   {margin-right:5px;}

.link-btn a         {color:inherit; display:block !important; -webkit-transition:all .0s ease 0s; -o-transition:all .0s ease 0s; transition:all .0s ease 0s;}
.link-btn a:hover   {color:inherit; text-decoration:none}

.clr-white-br        {border:1px solid var(--primary-white); color:var(--primary-whote); -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
.clr-white-br:hover  {border:1px solid #fff; color:#000; background:#fff}

.clr-blk-br        {color: black !important;border:1px solid var(--primary-white); color: var(--primary-white); -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;background: white;}
.clr-blk-br:hover  {border:1px solid #000; color: var(--primary-green) !important}

.clr-blue-br        {border:1px solid #0095da; color:#0095da; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:7px 20px;}
.clr-blue-br:hover  {border:1px solid #0095da; color:#fff !important; background:#0095da}

.clr-orange-br        {border:1px solid var(--primary-link); color:var(--primary-link); -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:7px 20px;}
.clr-orange-br:hover  {border:1px solid var(--primary-link); color:#fff !important; background:var(--primary-link);}

.clr-orange1        {border:1px solid var(--primary-black); color:#fff; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; background:var(--primary-black);}
.clr-orange1:hover  {border:1px solid #19b9a3; color:#fff !important; background: var(--primary-green)}

.clr-drkblue-br        {border:1px solid #c6c6c6; border-width:1px 1px 2px 1px; color: var(--primary-white); -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:7px 10px; background: var(--primary-black)}
.clr-drkblue-br:hover  {border:1px solid #c6c6c6; border-width:1px 1px 2px 1px; color:#fff !important; background: var(--primary-green)}

.btn-back        {border:1px solid #d2dde4; color:#000; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:4px 25px;}
.btn-back:hover  {border:1px solid #d2dde4; color:#000 !important; background:#d2dde4}

.btn-client        {border:1px solid #d2dde4; color:#000; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:4px 25px; background:#ebf1f5; float:right}
.btn-client:hover  {border:1px solid #d2dde4; color:#000 !important; background:#fff}


/* Body Background */
/* linear-gradient(225deg, var(--primary-white), var(--primary-grey)) */
.bg-nav   {background:var(--primary-white); border-top:2px solid var(--primary-black)}
.bg-subnav {background:var(--primary-black); height:2px;}
.navbar-shadow {-webkit-box-shadow: 0px 3px 5px 0px rgba(186,186,186,.5); -moz-box-shadow: 0px 3px 5px 0px rgba(186,186,186,.5); box-shadow: 0px 3px 5px 0px rgba(186,186,186,.5);}
.bg-banner-panel    {background:#007296 url(images/bg-belief.gif) no-repeat center bottom fixed; padding:40px 0px; float:left; width:100%; color:#fff; font-size:19px; font-weight:400}
.bg-banner-panel h2 {color:#fff; font-size:30px !important; font-weight:800 !important; text-transform:uppercase;}

.bg-banner-panel ul {padding:0px !important; margin:0px;}
.bg-banner-panel ul li {padding:0px; margin:0px; text-align:left !important; font-size:15px;}

.bg-banner-panel a {color:inherit}

.bg-panel {background:#fdf6e7 url(images/bg.jpg) !important; padding:35px 0px; margin:35px 0px;}
.bg-featured {background:#fff; padding:45px 0px 25px; margin:35px 0px;}
.bg-category {background:#fff url(images/bg-category.jpg) fixed center center; padding:35px 0px; margin:35px 0px 45px;}




/* Services Shades */
.clr-skyblue, .clr-orange, .clr-blue, .clr-lt-blue, .clr-yellow, .clr-grey, .clr-black {text-align:center; color:#fff !important; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}

.clr-skyblue    {background:#1eadc7 !important;}
.clr-orange     {background:var(--primary-link); !important}
.clr-blue       {background:#0092d5 !important}
.clr-lt-blue    {background:#7aaed1 !important; color:#000 !important}
.clr-yellow     {background:#ffa200 !important; color:#000 !important}
.clr-grey       {background:#4b4b4b !important}
.clr-black      {background:#000 !important}

.clr-skyblue:hover    {background:#159db6 !important;}
.clr-orange:hover     {background:#e17316 !important}
.clr-blue:hover       {background:#0181bc !important}
.clr-lt-blue:hover    {background:#6195b8 !important; color:#000 !important}
.clr-yellow:hover     {background:#e39101 !important; color:#000 !important}
.clr-grey:hover       {background:#3d3c3c !important}
.clr-black:hover      {background:#000 !important}


/* Grid Style */
.grid {width:100%;}

.grid:after {content: ''; display: block; clear: both;}
.grid-item  {width: auto; height: auto; border: 1px solid #fff; background: inherit; float: left; position: relative;}


/*===== HOME BODY STYLE =====*/
.logo1 {} 
/* Visual Style */
/* background:linear-gradient(45deg, var(--secondary-grey), transparent) */
.visual-bg{ position:relative; 
	//background: url(./images/dc/bg.jpg)
}
.visual-bg1{background:url(images/bg-visual.gif) bottom; height:390px}

.visual-holder{background: var(--primary-green); width:1600px; padding:0px; margin:0px; float:none; color:var(--primary-white); font-size:16px; overflow:hidden}
.visual-holder img{max-width:none; overflow:hidden}
 .container{float:none; margin:0px auto !important;}

 .visual-holder1 {width:1170px; padding:10px 0px; margin:0px auto; float:none; color:#fff; font-size:16px; position:absolute; top:0px; right:0px; left:0px;}

.visual-holder h2 {color:var(--primary-white); font-size:30px !important; margin-bottom:15px; font-weight:500 !important; margin-top:15px; line-height:35px !important}
.visual-pic {border:0px solid #fecf46; padding:0px;}

.visual-lft {width:600px; padding:30px 45px; display:table-cell; vertical-align:top}
.visual-rght {width:799px; overflow:hidden;  display:table-cell;  vertical-align:top}

ul.visual-holder {float:none; margin:0px auto; overflow:hidden}
ul.visual-holder li {width:800px; float:left; margin:0px auto; text-align:left;}
ul.visual-holder li:nth-child(2) {width:800px; float:left; margin:0px auto}

@media (max-width:768px) {
.visual-holder h2 {color:#fff; font-size:22px !important; margin-bottom:10px; font-weight:500 !important; margin-top:0px;}
.bg-nav   {background:#fff; border-top:2px solid #d4583d; border-bottom:1px solid #d4583d;}
}

/* Search Area */
.search-area {padding:0px 0px 0px; margin:0px; float:right;}
ul.searchlist {display:block; padding:4px 0px 0px 0px; margin:0px 0px 0px 0px;}
ul.searchlist li {display:inline-block; padding:0px 5px; margin:0px;}

@media (max-width:768px) {
.search-area {padding:15px 0px 0px; margin:0px 0px 0px 0px; width:100%; float:right;}
.navbar-toggle {margin-top:27px !important;}
.spacer2 {height:5px;}
}

@media (max-width:767px) {
.search-area {padding:0px 0px 0px; margin:0px 0px 0px 0px; width:100%; float:right;}
.navbar-brand {float: left; padding-top: 0px !important; padding-bottom: 0px !important; color:#fff !important;}
.navbar-toggle {margin-top:20px !important;}
ul.searchlist li {display:inline-block; padding:0px 0px; margin:0px;}
}

small.title-dates {font-size: 19px;margin-left: 35px;font-weight: bold;color: #5d2c0f;}

/* Featured Collection Area */
ul.featured-col {display:block; padding:0px 0px 0px 0px; margin:10px 0px 0px; overflow:hidden}
ul.featured-col li {display:inline-block; margin:0px 0px 15px; width:100%; text-align:center; vertical-align:top; background:url(images/bg-news-stand.png) no-repeat bottom center; background-size:100%;}
ul.featured-col li:last-child {margin:0px 0px 0px;}

ul.featured-col li figure img {border:1px solid #ccc; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; width:370px; margin-bottom:16px; margin-left:3px;}

ul.featured-col li h2 {color:var(--primary-link); font-weight:bold !important; font-size:17px !important}
ul.featured-col li h2 span {color: var(--primary-link); !important;}
/* Featured Collection Area */

.border-left {border-left:1px solid var(--primary-link); padding-left:35px !important;}

@media only screen and (max-width: 768px) {
ul.featured-col li {margin:0px 5px 15px; width:48%;}

ul.featured-col li figure {padding:0px 9%; }
ul.featured-col li figure img {width:auto; margin-bottom:2.5%;}

ul.featured-col li h2 {bottom:-5px; position:relative}

.border-left {border-left:0px solid #d3bda0; padding-left:0px !important;}
}

@media only screen and (max-width: 767px) {
ul.featured-col li {margin:0px 0px 25px; width:100%;}
.border-left {padding-left:15px !important;}

ul.featured-col li figure {padding:0px 9%; }

ul.featured-col li figure img {width:auto; margin-bottom:3.5%;}
}

@media only screen and (max-width: 380px) {
ul.featured-col li figure img {width:auto; margin-bottom:1%;}
}


/* Category Area */
ul.category-col {display:table; padding:10px 0; margin:0; border-spacing:10px 0; min-height:400px; width:100%;}
ul.category-col > li {display:table-cell;  margin:0px; width:25%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid var(--primary-green); -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; vertical-align:top}
ul.category-col > li:hover {-webkit-box-shadow: 0px 3px 5px 0px rgba(196,196,196,1); -moz-box-shadow: 0px 3px 5px 0px rgba(196,196,196,1); box-shadow: 0px 3px 5px 0px rgba(196,196,196,1);  background:var(--secondary-green);}

ul.category-col > li .heading {display:table!important; width:100%; background:var(--secondary-green); padding:0px !important; margin:0px !important; border-spacing:0px;}

ul.category-col > li h2     {color:var(--primary-black); font-size:17px !important; font-weight:400 !important; text-transform:none; padding:10px 10px; line-height:14pt !important; height:60px; vertical-align:middle; margin-bottom:3px; display:table-cell; width:100% !important;}

ul.category-col > li figure   {padding:0px 0px; margin-bottom:0px; position:relative;}
ul.category-col > li figure figcaption {position:relative; bottom:0px; color:#000; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; width:100%; padding:20px 10px; text-align: justify !important;}

@media (max-width:1100px) {
ul.category-col {display:table; padding:10px 0px; margin:-8px -10px 0px; border-spacing:10px 0px; min-height:460px; width:100%;}
ul.category-col li {display:table-cell;  margin:0px; width:25%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #d4583d; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s;}
}

ul.description-list{
	list-style:disc;
	padding : 10px 20px;
}

@media (max-width:768px) {
ul.category-col {display:table; padding:10px 0px; margin:0px 0px 0px -15px; border-spacing:15px 0px; border-collapse:initial; min-height:initial; width:100%;}
ul.category-col li {display:table-cell; margin:0px; width:25%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #d4583d; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s;}
}

@media (max-width:767px) {
ul.category-col {display:inline-block; padding:0px 0px !important; margin:0px; border-spacing:0px; min-height:inherit; width:100%;}
ul.category-col li {display:block;  margin:0px 0px 15px !important; width:100%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #d4583d; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s;}
}


/* Sponsors Area */
ul.bxslider  {display:block; padding:0px; margin:0px; text-align:left}
ul.bxslider li  {display:block; padding:0px; margin:0px; background:transparent; width:160px; float:left;}
ul.bxslider li .spsr-logo {margin-bottom:-1px; margin-right:-4px; display:inline-block; border:1px solid #d9d1c7; padding:0px 15px;}

ul.bxslider li .spsr-logo:nth-child(3), ul.bxslider li .spsr-logo:nth-child(4) {margin-bottom:0px;}

@media (max-width:1100px) {
ul.bxslider  {text-align:center}
ul.bxslider li .spsr-logo {margin-bottom:-1px; margin-right:-1px; border:1px solid #d9d1c7; max-width:50%; float:left; padding:10px}
}

@media (max-width:768px) {
ul.bxslider  {text-align:center}
ul.bxslider li .spsr-logo {margin-bottom:-1px; margin-right:-1px; border:1px solid #d9d1c7; max-width:50%; float:left; padding:3px}
}

@media (max-width:767px) {
ul.bxslider  {display:block; padding:0px; margin:0px auto !important; float:none !important;}
ul.bxslider  {text-align:center}
ul.bxslider li .spsr-logo {margin-bottom:-1px; margin-right:-4px; border:1px solid #d9d1c7; max-width:49%; float:none; padding:10px; background:#fff}
}



/* Banner Area */
.whats-on {padding:0px; margin:0px auto; float:none; max-width:300px}
ul.banner     {display:block; padding:0px; margin:0px; text-align:center}
ul.banner li  {display:block; padding:0px; margin:0px; background:transparent; margin-bottom:10px;}
ul.banner li:last-child   {margin-bottom:0px;}

@media (max-width:768px) {
ul.banner     {display:block; padding:0px; margin:0px; text-align:right}
}

@media (max-width:767px) {
ul.banner     {display:block; padding:0px; margin:0px; text-align:center}
}

/* Stats Area */
ul.stats     {display:flex; justify-content: space-evenly; margin:0px; padding:0px; text-align:center;}
ul.stats li  {display:block; padding:0px; margin:0px; margin-bottom:5px !important; max-width:250px; width:100%; float: left; margin-left: 5rem;}
ul.stats li:last-child   {margin-bottom:0px;}

ul.stats li div {float:none !important; margin:auto !important; padding:15px 20px; text-align:left;}

ul.stats li span    {font-size:32px; font-weight:bold; text-align:center; color:var(--primary-green);}
ul.stats li p       {color:#505050; margin-bottom:0px !important; font-size:22px;}
ul.stats li:last-child div {border-bottom:0px;}

@media (max-width:768px) {
ul.stats     {display:block; margin:0px; padding:0px; text-align:center; border-top:1px solid #d8dde1; border-bottom:1px solid #d8dde1; flex-direction: column; gap: 1rem; justify-content: center;}
ul.stats li {max-width:initial; float:none}
ul.stats li {display:inline-block; padding:0px; margin:0px; margin-bottom:5px !important; max-width:initial; height:66px; width:33%;}

ul.stats li div     {text-align:center; float:none !important; margin:auto !important; padding:15px; border-bottom:0px solid #d8dde1}
ul.stats li span    {font-size:25px; text-align:center; color:#d4583d; width:100%; float:none}
ul.stats li p       {width:100%; font-size:18px;}
}

@media (max-width:767px) {
ul.stats li  {display:block; padding:0px; margin:0px; margin-bottom:5px !important; max-width:315px; height:66px; width:100%; float:none}
ul.stats li {display:inline-block; padding:0px; margin:0px; margin-bottom:5px !important; max-width:300px; height:66px; width:100%; min-height: max-content; justify-content: center;}
}

/* Book Section */
ul.booklist {display:block; margin:0px -3px; padding:0px; position:relative}
ul.booklist li {display:inline-block; margin:0px 3px 15px; width:163px; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}
ul.booklist li figure { background:#f5f5f5; padding: 10px;}
ul.booklist li figure:hover{background: var(--secondary-green);}
ul.booklist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.booklist1 {display:block; margin:0px -15px; padding:0px;}
ul.booklist1 li {display:inline-block; margin:0px 15px 15px; padding:10px; background:#f5f5f5; width:163px; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}
ul.booklist li img {margin-bottom:5px;}

ul.booklist2 {display:block; margin:0px 0px; padding:0px 10px 0px 0px; vertical-align:top; margin-right:0px; width:100%; margin-bottom:10px; float:left}
ul.booklist2 li {width:100%; margin:0px; float:left}
ul.booklist2 li img {margin-bottom:0px; float:none; margin:auto}

ul.booklist figure {min-height:390px}
ul.booklist2 figure {min-height:initial; text-align:center}

ul.booklist figcaption ul   {display:block; padding:0px; margin:0px;}
ul.booklist figcaption ul li {display:block; padding:0px; margin:0px 0px 2px 0px; width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;background: transparent;}

ul.booklist figcaption ul li:hover {display:block; padding:0px; width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
ul.booklist figcaption ul li.hd {font-weight:bold; background: transparent;}

ul.iconlist {display:block; margin:0px; padding:0px; position:absolute; width:100%; bottom:0px;}
#book-item-icon { float:left !important;text-align:left !important; width: auto !important;}
ul.iconlist li {display:inline-block; margin:0px 0px 0px 1px !important; padding:5px !important; background:#909090 !important; width:auto !important; overflow:hidden; float:left; border:0px solid #fff; height:30px; color:#fff; font-size:12px}
ul.iconlist li:last-child {float:right; text-align:right; width:80px !important;}
ul.iconlist li img {margin-bottom:0px;}

ul.booklist-view {display:block; margin:0px; padding:0px;}
ul.booklist-view li {display:table; margin:0px 2.9px 10px; padding:20px; background:#f5f5f5; width:100%; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top; border-bottom:0px solid #d8dde1}
ul.booklist-view li:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 5px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 5px 0px rgba(117,117,117,.6);     background: var(--secondary-green);}
ul.booklist-view li.hd {background: transparent !important;}

ul.booklist-view li .pic {width:170px; padding-left:15px; padding-right:15px; display:table-cell; vertical-align:top}
ul.booklist-view li .detail {display:table-cell; vertical-align:top; padding-right:5px;}

ul.iconlist-view     {display:block; margin:0px; padding:5px 0px 0px 0px; width:100%; padding:5px 0px 15px 0px !important; float:left}
ul.iconlist-view li  {display:inline-block; margin:0px; padding:5px 7px !important; background:#909090 !important; width:auto !important; overflow:hidden; float:left; border:1px solid #fff; color:#fff; font-weight:bold; height:31px; font-size:12px}
ul.iconlist-view li:last-child   {float:left; line-height:15pt;}
ul.iconlist-view li img          {margin-bottom:0px;}

ul.iconedit     {position:absolute; right:10px; top:10px; z-index:9}
ul.iconedit li  {display:inline-block; margin:0px !important; padding:5px 7px !important; background:#909090 !important; width:auto !important; overflow:hidden; float:left; border:1px solid #fff; color:#fff; font-weight:bold; height:31px; font-size:12px}


ul.booklist-view li .detail ul {padding:0px; margin:0px; margin-top:20px;}
ul.booklist-view li .detail ul li {padding:0px 0px 5px 0px; margin:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-bottom:0px solid #d8dde1; background: transparent;}
ul.booklist-view li .detail ul li:hover {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
ul.booklist-view li .detail ul li.hd {font-weight:bold; font-size:19px; margin-bottom:0px;}

@media (max-width:1100px) {
ul.booklist {display:block; margin:0px -7px; padding:0px;}
ul.booklist li {display:inline-block; margin:0px 7px 15px; padding:10px; background:#f5f5f5; width:163px; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}

ul.booklist1 {display:block; margin:0px -2px; padding:0px;}
ul.booklist1 li {display:inline-block; margin:0px 10px 15px; padding:10px; background:#f5f5f5; width:170px; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}

ul.booklist-view li {padding:20px 0px 20px;}
ul.booklist-view li:hover {-webkit-box-shadow: 0px 0px 0px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 0px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 0px 0px rgba(117,117,117,.6);}

ul.booklist-view li .pic {width:170px; padding-right:15px; display:table-cell; vertical-align:top}
ul.booklist-view li .pic img {border:1px solid #d8dde1; padding:1px; display:block}
ul.booklist-view li .detail {display:table-cell; vertical-align:top}

ul.booklist-view li:first-child {padding-top:0px;}
}

@media (max-width:768px) {
ul.booklist {margin:0px -5px;}
ul.booklist li {margin:0px 5px 15px; width:162px;}
ul.booklist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}
}

@media (max-width:767px) {
ul.booklist {margin:0px 0px; text-align:center}
ul.booklist li { margin:0px 0px 15px; width:162px; display:inline-block}
ul.booklist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.booklist1 {display:block; margin:0px -2px; padding:0px; text-align:center}
ul.booklist1 li {display:inline-block; margin:0px 2px 15px; padding:10px; background:#f5f5f5; width:162px; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}

ul.booklist1 li figure {float:none; margin:auto;}

ul.booklist-view li .pic {width:150px;}
ul.booklist-view li .detail {display:table-cell; vertical-align:top; padding-right:15px; }
}

@media (max-width:400px) {
ul.booklist li { margin:0px 0px 15px; width:100%; display:inline-block}
ul.booklist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.booklist li figure {float:none; margin:auto; width:150px}
ul.booklist1 {float:left}
}


ul.pagelist {display:block; padding:0px; margin:0px -3px;}
ul.pagelist li {display:inline-block; padding:0px 2px 10px; margin:0px;}
ul.pagelist li img {border:1px solid #d8dde1}

/*ul.bookdetail {display:block; padding:0px 0px 0px 0px; margin:0px; border-top:2px solid rgba(117,117,117,.6); width:90%}
ul.bookdetail li {display:block; padding:8px 0px; margin:0px; border-bottom:1px solid #d8dde1}

ul.bookdetail li .col1 {width:150px; display:inline-block; text-align:right; font-weight:bold; vertical-align:top}
ul.bookdetail li .col2 {width:10px; display:inline-block; text-align:center; vertical-align:top}
ul.bookdetail li .col3 {max-width:400px; width:100%; display:inline-block; vertical-align:top}*/

table.bookdetail tr {display:inline-flex; width:100%; border-bottom:1px solid #d8dde1}
table.bookdetail td {padding:7px;}
table.bookdetail td.col1 {width:30%; display:table-cell; text-align:right; font-weight:bold; vertical-align:top}
table.bookdetail td.col2 {width:3%; display:table-cell; text-align:center; vertical-align:top}
table.bookdetail td.col3 {width:67%; display:table-cell; vertical-align:top}

table.filter {display:table; width:100%;}
table.filter tr {display:table; width:100%; border-bottom:1px solid #d8dde1}
table.filter td {padding:7px;}
table.filter td.col1 {width:75%; display:table-cell; text-align:left; font-weight:bold; vertical-align:top}
table.filter td.col2 {width:25%; display:table-cell; text-align:right; vertical-align:top}

ul.spnrlist {display:block; padding:8px 0px 0px 0px; margin:0px;}
ul.spnrlist li {display:inline-block; padding:0px 10px 0px 0px; margin:0px; width:24%;}
ul.spnrlist li img {border:1px solid #d8dde1; width:45%; float:left;  margin-right:10px;}
ul.spnrlist li .logo-dtl {display:inline-block; width:50%;  float:left; padding:15px 0px;}

@media (max-width:1100px) {
ul.spnrlist {display:block; padding:8px 0px 0px 0px; margin:0px -5px;}
ul.spnrlist li {display:inline-block; padding:0px 5px 11px; margin:0px; width:33%;}
ul.spnrlist li img {border:1px solid #d8dde1; width:35%; float:left;  margin-right:10px;}
ul.spnrlist li .logo-dtl {display:inline-block; width:60%;  float:left; padding:15px 0px;}
}

@media (max-width:768px) {
ul.spnrlist {display:block; padding:8px 0px 0px 0px; margin:0px -5px;}
ul.spnrlist li {display:inline-block; padding:0px 5px 11px; margin:0px; width:48%;}
ul.spnrlist li img {border:1px solid #d8dde1; width:35%; float:left;  margin-right:10px;}
ul.spnrlist li .logo-dtl {display:inline-block; width:60%;  float:left; padding:15px 0px;}

table.bookdetail tr {display:table; width:100%; border-bottom:1px solid #d8dde1}
table.bookdetail td.col1 {width:44%; display:table-cell; text-align:right; font-weight:bold; vertical-align:top}
table.bookdetail td.col2 {width:3%; display:table-cell; text-align:center; vertical-align:top}
table.bookdetail td.col3 {width:53%; display:table-cell; vertical-align:top}

}

@media (max-width:767px) {
ul.pagelist {display:block; padding:0px 0px 0px 0px; margin:0px -10px;}
ul.pagelist li {display:inline-block; padding:0px 10px 10px; margin:0px;}
ul.pagelist li img {border:1px solid #d8dde1}

ul.spnrlist {display:block; padding:8px 0px 0px 0px; margin:0px -5px;}
ul.spnrlist li {display:inline-block; padding:0px 5px 11px; margin:0px; width:100%;}
ul.spnrlist li img {border:1px solid #d8dde1; width:35%; float:left;  margin-right:10px;}
ul.spnrlist li .logo-dtl {display:inline-block; width:60%;  float:left; padding:15px 0px;}

table.bookdetail tr {display:table; width:100%; border-bottom:1px solid #d8dde1}
table.bookdetail td.col1 {width:44%; display:table-cell; text-align:right; font-weight:bold; vertical-align:top}
table.bookdetail td.col2 {width:3%; display:table-cell; text-align:center; vertical-align:top}
table.bookdetail td.col3 {width:53%; display:table-cell; vertical-align:top}
}


#book-detail {display:block;}

#book-detail h2 {font-weight:bold !important; color:var(--primary-link); font-size:24px !important; margin-bottom:15px;}
#book-detail h3 {font-weight:bold !important; font-size:17px !important; margin-bottom:10px; color:var(--primary-link);}
#book-detail h4 {font-weight:bold !important; font-size:20px !important; margin-bottom:10px; color:var(--primary-link); text-transform:uppercase}
#book-detail h5 {font-weight:normal !important; font-size:18px !important; margin-bottom:10px; color:var(--primary-link); text-transform:uppercase; _background:#fec183; padding:10px 0px; display:inline-block; line-height:18px !important}
#book-detail h5 span {font-size:15px !important;}

.book-reader {background:#ffe3c8; padding:20px;}

.bxslider1 {float:left}
.bxslider1 li img {border:1px solid #d8dde1}

.slider {float:left}

.author {font-size:17px; display:block}
.synopsis {font-size:16px; line-height:16pt;}


#tabs {width: auto; height: 30px; padding-right: 0px; display:inline-block}
#tabs li {list-style: none; outline: none;}
#tabs li a  {display: block; text-decoration: none; outline: none; padding:6px; cursor:pointer; background:#fff}
#tabs li a.inactive {color:#666666; background:#f5f5f5; outline: none;}
#tabs li a:hover, #tabs li a.inactive:hover {color: #5685bc; outline: none;}

.view {padding:5px 10px; background:rgba(117,117,117,.8); text-align:center; font-weight:bold; color:#fff; position:absolute; bottom:0px; right:0px;}

/* Clients Style */
.client-bg  {padding:0px 7%; float:left;}
ul.clientlist-inside       {display:block; margin:0px; padding:0px; text-align:left;}
ul.clientlist-inside li    {display:inline-block; margin:0px -3px -1px; padding:20px 0px; width:200px; border:1px solid #d8dde1; background:#fff; text-align:center;}


.search-results {background:var(--primary-green); padding:10px 0px; margin-bottom:20px; float:left; width: 100%;}
ul.search-list {display:block; padding:0px; margin:0px -5px;}
ul.search-list li {display:inline-block; padding:0; margin:0px 2px 10px; color: var(--primary-white);}

ul.search-list li a {color:#505050; background:#f7f5ea; padding:4px 12px; display:inline-block; border:1px solid #d3cfbc; max-width: 50vw;
    word-wrap: break-word}
ul.search-list li a:hover {color: var(--primary-green); background:#f7f5ea;}

ul.search-list li a i {background:#d3cfbc; padding:5px 8px 7px; margin:-5px -12px}


@media (max-width:767px) {
ul.keyword-list {display:block; padding:0px; margin:0px -2px;}
ul.keyword-list li {padding:5px 8px; margin:0px 2px 8px;}
}


@media (max-width:767px) {
.client-bg  {padding:0px 0%; float:left;}
ul.clientlist-inside       {display:block; margin:0px; padding:0px; text-align:left;}
ul.clientlist-inside li    {display:inline-block; margin:0px 0px 3px 0px; padding:20px 0px; width:48%; border:1px solid #d8dde1; text-align:center; background:#fff}
}

/* User Register Section */
.register-panel {float:left; width:55%; border-right:0px solid #d8dde1; padding-right:5%}
.login-panel {float:right; width:45%; border-left:1px solid #d8dde1; padding-left:5%}

.memebers-login-box     {float:left; display:block; position:relative}
.memebers-login-info    {float:left; display:block}

.memebers-login-info ul     {list-style:none; padding:0px; margin:0px; width:100%;}
.memebers-login-info ul li  {list-style:none; padding:8px 0px; margin:0px; width:100%; text-align:left; text-transform:none; border-bottom:1px solid #e9e9e9; float:left}
.memebers-login-info ul li:first-child {padding-top:0px;}
.memebers-login-info ul li:last-child {border-bottom:0px;}

.memebers-login-info ul li a         {background:none !important; color:#505050 !important; padding:0px; margin:0px; color:inherit; font-weight:normal; display:block}
.memebers-login-info ul li a:hover   {color:var(--primary-link); !important;}

@media (max-width:1100px) {
.register-panel {float:left; width:50%; border-right:0px solid #d8dde1; padding-right:3%}
.login-panel    {float:right; width:50%; padding-left:3%}
}


@media (max-width:767px) {
.register-panel {float:left; width:100%; border-right:0px solid #d8dde1; padding-right:0%}
.login-panel    {float:right; width:100%; border-left:0px solid #d8dde1; padding-left:0%; margin-top:10px;}
}


/* My Account Section */
.account-left {background:hsl(177, 100%, 93%); padding:20px;}
ul.myac-list  {display:block; padding:0px; margin:-12px 0px; text-transform:uppercase; font-weight:bold}
ul.myac-list li {display:block; padding:12px 0px; margin:0px; border-bottom:1px solid #d3cfbc;}

ul.myac-list li:last-child {border-bottom:0px;}

ul.myac-list li a {color:#505050; display:block}
ul.myac-list li a:hover, ul.myac-list li.active a {color:var(--primary-link);}

.dashboard{background:hsl(177, 100%, 93%); padding:20px 10px; float:left; width:100%;}
ul.userinfo-list{display:block; padding:0px; margin:-12px 0px;}
ul.userinfo-list li{display:block; padding:12px 0px; margin:0px; border-bottom:1px solid #d3cfbc; float:left; width:50%; position: relative;}
_ul.userinfo-list li:last-child {border-bottom:0px solid #d3cfbc;}

ul.userinfo-list li.user-nm {text-transform:uppercase; font-weight:bold}
ul.userinfo-list li.user-mob {text-align:right}

.verify {display:inline-block; margin:0px;}
.verify .fa {color:#10a64a; padding-left:10px; margin-right:7px;}

@media (max-width:767px) {
.dashboard{background:hsl(177, 100%, 93%); padding:10px 0px; float:left; width:100%;}
ul.userinfo-list li{width:100%;}
ul.userinfo-list li.user-nm {text-align:center}
ul.userinfo-list li.user-mob {text-align:left}

.verify .fa {padding-left:0px;}
}

.src-result ul {display:block; padding:0px; margin:0px 0px 15px 0px;}
.src-result ul  li{display:block; padding:0px 0px; margin:0px 0px 0px 5px; width:auto; min-width:90px; display:inline-block; vertical-align:middle}

ul.keyword-list {display:block; padding:0px; margin:0px -5px;}
ul.keyword-list li {display:inline-block; padding:5px 12px; margin:0px 5px; background:#d3cfbc;}

ul.keyword-list li a {color:#505050}
ul.keyword-list li a:hover {color:var(--primary-green);}

@media (max-width:767px) {
ul.keyword-list {display:block; padding:0px; margin:0px -2px;}
ul.keyword-list li {padding:5px 8px; margin:0px 2px 8px;}
}


ul.folderlist {display:block; margin:0px -3px; padding:0px;}
ul.folderlist li {display:inline-block; margin:0px 3px 15px; padding:15px; background:#f5f5f5; width:24%; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}
ul.folderlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.folderlist li img {margin-bottom:1px; padding:5px; background:#fff; border:1px solid #d3cfbc; width:30%; display:inline-block; margin-right:5px;}

ul.folderlist figcaption {display:inline-block; padding:0px 0px 0px 0px; vertical-align:top; width:64%}
ul.folderlist figcaption ul   {display:block; padding:0px; margin:0px;}
ul.folderlist figcaption ul li {display:block; padding:0px; margin:0px; width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

ul.folderlist figcaption ul li:hover {display:block; padding:0px; margin:0px; width:100%; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
ul.folderlist figcaption ul li.hd {font-weight:bold; padding-top:5px;}

ul.folderlist a  {color:#505050}


@media (max-width:1100px) {
ul.folderlist {display:block; margin:0px -5px; padding:0px;}
ul.folderlist li {display:inline-block; margin:0px 5px 15px; padding:10px; width:23%; background:#f5f5f5; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}
}

@media (max-width:768px) {
ul.folderlist {margin:0px -5px;}
ul.folderlist li { margin:0px 5px 15px; width:23%;}
ul.folderlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}
}

@media (max-width:767px) {
ul.folderlist {margin:0px 0px;}
ul.folderlist li { margin:0px 0px 15px; width:162px; display:inline-block}
ul.folderlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}
}

@media (max-width:400px) {
ul.folderlist li { margin:0px 0px 5px !important; width:100% !important; display:inline-block}
ul.folderlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}
ul.folderlist li img {margin-bottom:1px; padding:5px; background:#fff; border:1px solid #d3cfbc; width:50px; display:inline-block; margin-right:5px;}

ul.folderlist figcaption {display:inline-block; padding:0px 0px 0px 0px; vertical-align:top}
}


ul.nav-account{display:block; padding:0px; margin:0px -10px 15px -10px; float:right}
ul.nav-account li{display:inline-block; padding:0px 10px; margin:0px; border-right:1px solid #d4583d}
ul.nav-account li:last-child {border-right:0px}

@media (max-width:767px) {
ul.nav-account{display:block; float:none; text-align:center}
}




/*------------------------------------------
Members Login Dropdown Form
------------------------------------------*/
.members-login {cursor:pointer; position:relative; margin-top:-10px;}
.login-content    {display:none; position:absolute; top:34px; z-index:999; background:#fff; border:1px solid var(--primary-link); text-align:left; border-top:0px;}
.login-content    {right:0; width:200px; padding:10px 15px; margin:0px;}

ul.login-box    {list-style:none; padding:0px; margin:0px; width:100%; color:#606060; text-align:left; text-transform:none;}
ul.login-box li {list-style:none; padding:5px 0px; margin:0px; width:100%; font-size:1.1em}

ul.login-box li a       {background:no-repeat; padding:0px; margin:0px; color:inherit; font-weight:normal;}
ul.login-box li a:hover {color:#3185ab}

ul.login-box:nth-of-type(2) li              {float:left; width:auto}
ul.login-box:nth-of-type(2) li:last-child   {float:right; width:auto; font-size:17px; padding-top:7px;}

@media (max-width:1100px) {
.login-content    {display:none; position:absolute; top:20px; z-index:999; background:#fff; border:1px solid var(--primary-link); text-align:left; border-top:0px;}
}

@media (max-width:768px) {
.members-login {cursor:pointer; position:relative !important; _top:18px; _right:60px; width:auto; margin:0px !important; border-bottom:0px !important;}
.login-content  {display:none; position:absolute; top:28px; z-index:999; background:#fff; border-top:1px solid var(--primary-link); !important; text-align:left;}
.memebers-login-info ul li  {padding:10px 0px;}
.memebers-login-info ul li:first-child {padding-top:10px;}
}

@media (max-width:767px) {
.members-login {cursor:pointer; position:relative !important; _top:10px; _right:60px; width:auto; margin:0px !important; border-bottom:0px !important; visibility:visible}
}



/* Video Style */
.video_holder   {position:relative;  min-height:100%; width:100%; top:0px; margin:auto; float:left; background:#000; margin-bottom:20px}

#video_container    {position:absolute; height:100%; width:100%; margin:0 auto; padding:0; top:0px;}
.video_mask         {height:100%; margin:0 auto; padding:0; position:absolute; width:100%; top:0px; background:rgba(27,107,144,0.50); z-index:9; color:#fff; font-size:17px; font-weight:400; text-align:center;}
.video_mask p       {text-align:center}

.video_mask .container          {display:table; max-width:1100px; width:100%; height:400px; position:absolute; margin:auto; top:50%; left:50%; margin-left:-550px; margin-top:-200px;}
.video_mask .container .caption {display:table-cell; vertical-align:middle;  width:100%;}

.video_mask .container .caption ul      {list-style:none; margin:0px; padding:0px;}
.video_mask .container .caption ul li   {list-style:none; margin:0px; padding:0px;}

@media (max-width:980px) {
.video_mask .container          {width:90%; height:400px; position:absolute; margin:auto; top:50%; left:50%; margin-left:-45%; margin-top:-200px;}
.video_mask .container .caption {vertical-align:middle;  width:100%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.video_holder {display:none}
}


/* Services Style */
.grid-item1 {max-width:295px; width:100%; height:175px; overflow:hidden;}
.grid-item2 {max-width:560px; width:100%; height:175px; overflow:hidden;}
.grid-item3 {max-width:295px; width:100%; height:350px; overflow:hidden;}
.grid-item4 {max-width:280px; width:100%; height:175px; overflow:hidden;}

figure.effect-ruby      {height: 100%; width: 100%; display: table;}
figure.effect-ruby a    {height: 100%; width: 100%; left: 0px; right: 0px; top: 0px; bottom:0px; display: table-cell; vertical-align: middle; z-index: 999; color:inherit;}

.grid figure figcaption {padding: 1.5em 0px; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.grid figure figcaption::before, 
.grid figure figcaption::after  {pointer-events: none;}

.grid figure > a figcaption, 
.grid figure > a figcaption {position: absolute; top: 0; left: 0; bottom:0px; width: 100%; height: 100%;}

.grid figure.effect-ruby > a figcaption.pic-info        {opacity: 1; transition: opacity 0.35s;}
.grid figure.effect-ruby > a:hover figcaption.pic-info  {opacity: 1;}

.grid figure.effect-ruby > a figcaption.pic-info1        {padding:40% 0px;}

figure.effect-ruby img          {opacity: 0.5 !important; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; -webkit-transform: scale(1); transform: scale(1); position: relative; width:initial !important; max-width:initial !important; height:100%;}
figure.effect-ruby:hover img    {opacity: 0.4 !important; -webkit-transform: scale(1.15); transform: scale(1.15);}

figure.effect-ruby h2       {font-size: 18px; font-weight: 400; margin-top: 0; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); color:inherit;}
figure.effect-ruby h2 span  {font-size: 27px; font-weight: 800; text-transform: uppercase;}
figure.effect-ruby:hover h2 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

figure.effect-ruby a nav        {position: relative; opacity: 0; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); font-size: 14px; color: #fff; padding: 5px 10px;}
figure.effect-ruby a:hover nav  {opacity: 1; color: #fff; padding: 5px 10px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.effect-ruby nav::before, 
.effect-ruby nav::after     {position: absolute; content: ''; opacity: 0; height: 100%;}

.effect-ruby nav::before    {top: 0px; right: 25%; bottom: 0px; left: 25%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.effect-ruby nav::after     {top: 0px; right: 25%; bottom: 0px; left: 25%; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}

.effect-ruby nav::before, 
.effect-ruby nav::after         {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.effect-ruby:hover nav::before, 
.effect-ruby:hover nav::after   {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.effect-ruby:hover nav::after   {-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}

@media (max-width:1024px) {
.grid-item1 {max-width:243px; width: 100%; height: 175px; overflow: hidden;}
.grid-item2 {max-width:463px; width: 100%; height: 175px; overflow: hidden;}
.grid-item3 {max-width:243px; width: 100%; height: 350px; overflow: hidden;}
.grid-item4 {max-width:232px; width: 100%; height: 175px; overflow: hidden;}
}

@media (max-width:980px) {
.grid-item1 {max-width: 50%; width:100%; height:175px; overflow:hidden;}
.grid-item2 {max-width: 50%; width:100%; height:175px; overflow:hidden;}
.grid-item3 {max-width: 50%; width:100%; height:350px; overflow:hidden;}
.grid-item4 {max-width: 50%; width:100%; height:175px; overflow:hidden;}

figure.effect-ruby      {position: relative; height: 100%; width: 100%; display: block;}
figure.effect-ruby img  {width:100%; height:auto}

.grid figure.effect-ruby > a figcaption.pic-info        {opacity: 1; transition: opacity 0.35s;}
.grid figure.effect-ruby > a:hover figcaption.pic-info  {opacity: 1;}

figure.effect-ruby img  {opacity: 0.5; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; -webkit-transform: scale(1); transform: scale(1); position: relative;}

figure.effect-ruby a nav        {opacity: 1; border:1px solid #fff; display:inline-block; padding:5px 15px;}
figure.effect-ruby:hover a nav  {opacity: 1; border:1px solid #fff; display:inline-block; padding:5px 15px;}

.effect-ruby:hover nav::before, 
.effect-ruby:hover nav::after   {opacity: 0; -webkit-transform: scale(1); transform: scale(1);}

.grid figure figcaption {padding: 1em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
}

@media (max-width:767px) {
.grid-item1 {max-width: 100%; width:100%; height:175px; overflow:hidden;}
.grid-item2 {max-width: 100%; width:100%; height:175px; overflow:hidden;}
.grid-item3 {max-width: 100%; width:100%; height:350px; overflow:hidden;}
.grid-item4 {max-width: 100%; width:100%; height:175px; overflow:hidden;}
}


/* Statistics Style */


/* Portfolio Style */
ul.portfoliolist    {display:block; padding:0px; margin:0px; width:100%;}
ul.portfoliolist li {display:inline-block; margin:.42%; padding:0px; width:32.52%; overflow:hidden; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; text-align:center}

ul.portfoliolist li a {color:inherit}

figure {position:relative; overflow:hidden}
figure.effect-goliath            {background:#ebf1f5; color:#000}
figure.effect-goliath figcaption {margin:0px; padding:0px; text-align:center;}

figure.effect-goliath img   {-webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; position:relative; z-index:9; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

figure.effect-goliath h2    {position: absolute; bottom:0; left:0; padding:0px 0px 20px; width:100%; text-align:center; color:#000;}
figure.effect-goliath p     {position: absolute; bottom:0; left:0; padding:20px; width:100%; text-align:center; color:#000;}

figure.effect-goliath h2    {text-transform:uppercase; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s, all 0.35s; transition:opacity 0.35s, transform 0.35s, all 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); font-size:18px !important; font-weight:800 !important}
figure.effect-goliath p     {text-transform:none; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); font-size:14px; font-weight:400;}

figure.effect-goliath:hover img {-webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);}
figure.effect-goliath:hover h2  {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); padding:10px;}
figure.effect-goliath:hover p   {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.testimonials {float:left; background:#f5f6f8; width:100%; padding:20px; text-align:left; font-size:13px;}
.testimonials p {color:#000}
.testimonials p:last-child {margin-bottom:0px!important;}


li:nth-child(1n+1) .testimonials {background:#dac5b2;}
li:nth-child(2n+1) .testimonials {background:#abe2d7;}
li:nth-child(3n+1) .testimonials {background:#e6d5a7;}
li:nth-child(4n+1) .testimonials {background:#d2e38a;}
li:nth-child(5n+1) .testimonials {background:#abcce2;}

h2.client-name {font-size:15px !important; color:#253d57; font-weight:800 !important}
h3.client-position {font-size:14px !important; font-weight:400 !important; color:#000;}

@media (max-width:992px) {
ul.portfoliolist    {display:block; margin:0px; margin:0px; width:100%; text-align:center}
ul.portfoliolist li {display:inline; margin:.5%; padding:0px; width:49%; overflow:hidden}

figure.effect-goliath            {background:#ebf1f5; color:#000;}
figure.effect-goliath figcaption {padding:10px;}

figure.effect-goliath h2,
figure.effect-goliath p     {position: relative; bottom: 0; left: 0; padding:0px; width:100%; text-align:center; color:#000; margin:0px !important;}

figure.effect-goliath h2    {text-transform:uppercase; opacity:1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0);}
figure.effect-goliath p     {text-transform:none; opacity:1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0);}

figure.effect-goliath:hover img {-webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0);}
figure.effect-goliath:hover h2  {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); padding:0px;}
figure.effect-goliath:hover p   {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
figure.effect-goliath            {background:#ebf1f5; color:#000;}
figure.effect-goliath figcaption {padding:10px;}

figure.effect-goliath h2,
figure.effect-goliath p     {position: relative; bottom: 0; left: 0; padding:0px; width:100%; text-align:center; color:#000; margin:0px !important;}

figure.effect-goliath h2    {text-transform:uppercase; opacity:1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0);}
figure.effect-goliath p     {text-transform:none; opacity:1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0);}

figure.effect-goliath:hover img {-webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0);}
figure.effect-goliath:hover h2  {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); padding:0px;}
figure.effect-goliath:hover p   {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
}

@media (max-width: 544px) {
a figure {float:none; margin:auto;}
figure.effect-goliath            {background:#fff; color:#000;}
figure.effect-goliath figcaption {background:#ebf1f5; max-width:394px; float:none; margin:auto; width:100%;}

ul.portfoliolist {text-align:center}
ul.portfoliolist li {padding:0px 0px 10px; max-width:394px; width:100%; margin:auto; float:none; position:absolute; right:0px; left:0px;}
ul.portfoliolist li .img-fluid {display:none;}
}


/*===== BODY STYLE =====*/
.list ul     {display:block; padding:0px; padding:0px 0px 15px 15px !important; float:left; width:100%;}
.list ul li  {display:block; padding:0px 10px 5px 0px !important; margin:1px 10px !important; height:auto; padding-left:20px; width:100%; border:none !important;}
.list ul li:before {content:'\f105'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-20px; line-height:16pt;}

/* Section Header */
.section-head {display:block; margin:0px; padding:0px; color:#fff; font-size:16px;}
.section-head .bg-ecom {background:var(--primary-link); url(images/bg-ecom.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden;}
.section-head .bg-web-app {background:#1dadc7 url(images/bg-web-app.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden}
.section-head .bg-mob-app {background:#ffa201 url(images/bg-mob-app.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden}
.section-head .bg-ssl {background:#444444 url(images/bg-ssl.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden}
.section-head .bg-web-pres {background:#0092d5 url(images/bg-web-pres.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden}
.section-head .bg-web-prom {background:#7aaed1 url(images/bg-web-prom.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden}
.section-head .bg-aboutus {background:#32aae1 url(images/bg-aboutus.gif) no-repeat center top fixed; height:280px; padding:0px; overflow:hidden}

.section-head img {max-width:100%; height:auto; width:inherit}

.body-header {display:table; width:100%; padding:0px; margin:0px; height:280px;}
.body-header .detail {display:table-cell; width:100%; padding:0px; height:280px; margin:0px; vertical-align:middle}

.section-head h1 {font-weight:800; text-transform:uppercase;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.section-head .bg-ecom {padding:20px 0px; height:300px;}
}

@media (max-width:991px) {
.section-head .bg-ecom {height:auto; padding:20px 0px;}
}

@media (max-width:768px) {
.section-head .bg-ecom, .section-head .bg-web-app, .section-head .bg-mob-app, .section-head .bg-ssl, .section-head .bg-web-pres, .section-head .bg-web-prom, .section-head .bg-aboutus {height:auto !important;}
.body-header            {height:auto;}
.body-header .detail    {padding:20px 5px; height:auto;}
}

/* Panels Style */
.panels {display:block; float:left; padding-bottom:45px; padding:0px 9%;}

.panels hr {width:70%; margin:0px 0px 0px 15%; margin-top:45px; padding-bottom:45px; border-top:5px #ebf1f5 solid; display:block; float:left;}
.panels .info {float:left; width:60%;}
.panels .pic  {float:left; width:40%}
.panels .info .detail {padding-right:10%;}

.panels .pic .img-fluid {display:inline-block !important}

.panels:nth-child(even) .info {float:right;}
.panels:nth-child(even) .info .detail {padding-right:0; padding-left:10%;}
.panels:nth-child(even) .pic  {float:left;}

.panels h3 {font-weight:800; line-height:normal}

.panels ul  {display:block; margin:0px; padding:0px;}
.panels ul li {list-style:none; margin:0px 0px 0px 40px; padding:12px 50px 12px 0px; _border-bottom:1px dotted #ccc; max-width:400px}
.panels ul li:last-child {border-bottom:0px;}

.panels ul li .fa {padding-right:0px; font-family: 'FontAwesome'; color:#c8c8c8; float:left; margin-right:10px; margin-left:-40px; line-height:13pt; font-weight:bold; font-size:20px; width:30px;}

@media (max-width:980px) {
.panels {display:block; float:left; padding-bottom:45px; padding:0px 2%;}

.panels .info {float:left; width:70%;}
.panels .pic  {float:left; width:30%}
}

@media (max-width:767px) {
.panels {display:block; float:left; padding-bottom:45px; padding:0px 5%;}
.panels .info {float:left; width:100%;}
.panels .info .detail {padding:0;}
.panels .pic  {float:none; margin:auto; width:100%;}

.panels:nth-child(even) .info {float:left;}
.panels:nth-child(even) .info .detail {padding:0;}
.panels:nth-child(even) .pic  {float:none; margin:auto}
}

/* Careers Style */
.bg-career {background:#f0f7fb url(images/bg-career.jpg) center center; padding:40px 20px; color:#253d57; font-weight:600; font-size:16px; border:1px solid #d2dde4}

/* About Style */
.company-info {padding:0px 10%;}
.belief-bg  {background:#007296 url(images/bg-belief.gif) no-repeat center bottom fixed; padding:40px 0px; float:left; width:100%; color:#fff; font-size:17px; font-weight:300}
.belief-bg b {font-weight:800; font-size:20px}

.belief-bg h2 {color:#fff; font-size:30px !important; font-weight:800 !important; text-transform:uppercase;}
.header {margin-bottom:20px;}
.header hr {background:#fff; margin:0px 47%; height:2px;}

.belief-bg ul {display:block; text-align:center; margin:0px; padding:0px;}
.belief-bg ul li {display:block; margin:10px 0px; padding:0px;}
.belief-bg ul li  hr {background:#fff; margin:0px 45%; height:2px;}

.about-grad h2 {color:#fff; font-size:16px !important; font-weight:800 !important; text-transform:uppercase}

.content ul   {margin-bottom:20px; display:block; margin:0px; padding:0px;}
.content ul li {list-style:none; margin:0px 0px 0px 0px; padding:2px 10px 5px; width:100%; padding-left:20px; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.content ul li:before {content:'\f105'; padding-right:8px; font-family: 'FontAwesome'; float:left; margin-left:-15px; font-weight:800;}

.register ul li {padding:2px 10px 12px; padding-left:20px;}

.content ul li ul   {margin-bottom:0px; display:block; margin-bottom:2px;}
.content ul li ul li {list-style:none; margin:0px; padding:2px 10px; width:100%; padding-left:20px;}
.content ul li ul li:before {content:'\f0c8'; padding-right:8px; font-family: 'FontAwesome'; color:#000; float:left; margin-left:-15px; font-size:8px; line-height:18pt;}

.content ul li ul li ul li {list-style:none; margin:0px; padding:0px 10px; width:100%; padding-left:20px;}
.content ul li ul li ul li:before {content:'\f0c8'; padding-right:8px; font-family: 'FontAwesome'; color:#999; float:left; margin-left:-15px; font-size:8px; line-height:18pt;}

@media (max-width:980px) {
.company-info {padding:0px 0%;}
}


/* Contact Style */
ul.contlist {display:block; margin:0px 0px 0px 35px; padding:0px; font-size:16px;}
ul.contlist li {display:block; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; margin-left:0px; border-left:1px solid var(--primary-link);}

ul.contlist li.add:before {content:'\f2ba'; padding-right:12px; font-family: 'FontAwesome'; float:left; margin-left:-42px; font-size:18px; line-height:16pt; color:var(--primary-green);}
ul.contlist li.tel:before {content:'\f095'; padding-right:12px; font-family: 'FontAwesome'; float:left; margin-left:-45px; font-size:18px; line-height:16pt;  -ms-transform: rotate(43deg); transform: rotate(43deg); margin-top:3px; color:var(--primary-green)}
ul.contlist li.fax:before {content:'\f1ac'; padding-right:12px; font-family: 'FontAwesome'; float:left; margin-left:-42px; font-size:18px; line-height:16pt; color:var(--primary-green)}
ul.contlist li.email:before {content:'\f0e0 '; padding-right:12px; font-family: 'FontAwesome'; float:left; margin-left:-42px; font-size:18px; line-height:16pt; color:var(--primary-green)}
ul.contlist li.map:before {content:'\f041 '; padding-right:12px; font-family: 'FontAwesome'; float:left; margin-left:-42px; font-size:18px; line-height:16pt; color:var(--primary-green)}


/*===== FOOTER STYLE =====*/
.ftr-container {padding:10px 0px 0px; color:#fff; font-size:13px;}

.ftr-container a {color:inherit}
.ftr-container a:hover {color:inherit; text-decoration:underline !important}

ul.ftrlist      {display:block; margin:0px; padding:30px 0%; color:#fff; font-size:13px; text-transform:uppercase; }
ul.ftrlist li   {display:inline-block; margin:0px; padding:5px 10px 5px;}

.ftr-container .img-fluid {display:inline-block}

ul.cl-2-act      {display:block; margin:0px; padding:18px 0px; text-align:left; color:#fff; font-size:13px;}
ul.cl-2-act li   {display:inline-block; margin:0px; padding:0px 22px 0px 0px;}
ul.cl-2-act li .fa {margin-right:8px; font-size:18px;}

ul.cl-2-act li .fa-phone {-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(45deg); margin-right:2px;}

.logo-kontent {margin-top:25px;}

@media (max-width:1024px) {
.ftr-container {padding:20px 0px; color:#fff; font-size:13px;}

ul.ftrlist      {padding:15px 10px 5px; text-align:center}
ul.ftrlist li   {padding:8px 10px;}
}

@media (max-width:980px) {
ul.ftrlist      {padding:0px 20px 5px; text-align:center}
ul.ftrlist li   {padding:8px 10px;}
}

@media (max-width:767px) {
.ftr-container {padding:0px 0px; color:#fff; font-size:13px;}
ul.cl-2-act li   {display:inline-block; margin:0px; padding:0px 0px 5px 0px;}

ul.ftrlist      {display:block; margin:0px; padding:15px 0%; text-align:center; font-size:13px;}
ul.ftrlist li   {display:inline-block; margin:0px; padding:5px 5px 5px;}

.logo-kontent {margin-top:0px;}
}

ul.careerlist       {display:block; margin:0px; padding:0px;}
ul.careerlist li    {display:block; margin:0px 0px 30px; padding:0px 0px 40px; float:left; border-bottom:1px solid #d8dde1}
ul.careerlist li:last-child {border-bottom:none}

ul.careerlist li .icon      {float:left; width:15%;}
ul.careerlist li .detail    {float:left; width:85%;}

ul.careerlist li .btn-inline:nth-child(1) {display:inline; text-align:left; margin-left:15%;}
ul.careerlist li .btn-inline:nth-child(2) {display:inline; text-align:right}

time.icon {font-size:1em; display:inline-block;position:relative;width:5em;height:5em;background-color:#fff;margin:0em auto;border-radius:0.6em;box-shadow:0 1px 0 var(--primary-link);, 0 2px 0 #fff, 0 3px 0 var(--primary-link);, 0 4px 0 #fff, 0 0 0 1px var(--primary-link);overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:rotate(0deg) skewY(0deg);-webkit-transform-origin:50% 10%;transform-origin:50% 10%; float:left}
time.icon * {display:block;width:100%;font-size:1em;font-weight:bold;font-style:normal;text-align:center;}
time.icon strong {position:absolute;top:0;padding:0.2em 0;color:#fff;background-color:var(--primary-green);border-bottom:1px dashed var(--primary-link);box-shadow:0 2px 0 var(--primary-link);font-size:1.3em;}
time.icon em {color:var(--primary-green);}
time.icon span {width:100%;font-size:1em !important;letter-spacing:-0.05em;padding-top:0.8em;color:#000 !important;margin-top:20px;}

/*New Style Added*/
/* Collection Section */
ul.collectionlist {display:block; margin:0px -8px; padding:0px; position:relative; overflow:hidden}
ul.collectionlist li {display:inline-block; margin:0px 8px 45px; padding:0px; vertical-align:top;  _background:#f5f5f5; width:370px; _width:100%; oerflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top; text-align:center;}
/*ul.collectionlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}*/

ul.collectionlist li figure {position:relative; padding:0px 8% 10.9%; background:url(images/bg-news-stand1.png) no-repeat bottom center; background-size:100%; float:left; width:100%;}
ul.collectionlist li figure img {border:1px solid #ccc; width:100%; margin-bottom:0px; margin-left:2px;}

ul.collectionlist li figcaption {position:absolute; bottom:0px; width:100%; background:#000; opacity:0; transition: all 700ms ease; height: 20%; padding:5px;}
ul.collectionlist li figure:hover figcaption {position:absolute; bottom:0px; width:100%; background:#000; opacity:0.75; height:100%; color:#fff;}

ul.collectionlist li .heading {margin-top:-6%; float:left; text-align:center; width:100%; line-height:17pt}
ul.collectionlist li .heading span {color: var(--primary-link); !important;}


@media (max-width:1100px) {
ul.collectionlist {display:block; margin:0px -7px; padding:0px;}
ul.collectionlist li {display:inline-block; margin:0px 7px 25px; padding:0px; width:31.5%; height:160px; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease-in-out 0s; -o-transition:all 0.35s ease-in-out 0s; transition:all 0.35s ease-in-out 0s; -webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.5); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); box-shadow: 0px 0px 7px 0px rgba(117,117,117,0); vertical-align:top;}

ul.collectionlist li figcaption {position:relative; bottom:0px; width:100%; background:none; opacity:1; transition: all 700ms ease; height:auto; padding:0px; color:#000}
ul.collectionlist li figure:hover figcaption {position:relative; bottom:0px; width:100%; background:none; opacity:1; transition: all 700ms ease; height:auto; padding:5px; color:#000}
}

@media (max-width:768px) {
ul.collectionlist {margin:0px -5px;}
ul.collectionlist li {margin:0px 4px 15px; width:48%; height:160px;} 
ul.collectionlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.collectionlist li figcaption {position:relative; bottom:0px; width:100%; background:none; opacity:1; transition: all 700ms ease; height:auto; padding:5px; color:#000}
ul.collectionlist li figure:hover figcaption {position:relative; bottom:0px; width:100%; background:none; opacity:1; transition: all 700ms ease; height:auto; padding:5px; color:#000}
}

@media (max-width:767px) {
ul.collectionlist {margin:0px 0px; text-align:left}
ul.collectionlist li { margin:0px 5px 15px; width:auto; height:auto; display:inline-block; background:none}
ul.collectionlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.collectionlist li figcaption {position:relative; bottom:0px; width:100%; background:none; opacity:1; transition: all 700ms ease; height:auto; padding:5px; color:#000}
ul.collectionlist li figure:hover figcaption {position:relative; bottom:0px; width:100%; background:none; opacity:1; transition: all 700ms ease; height:auto; padding:5px; color:#000}
}

@media (max-width:400px) {
ul.collectionlist li { margin:0px 0px 15px; width:100%; display:inline-block; height:auto;} /*This line is updated on 14-April-2017*/
ul.collectionlist li:hover {-webkit-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); -moz-box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6); box-shadow: 0px 0px 7px 0px rgba(117,117,117,.6);}

ul.collectionlist li figure {float:none; margin:auto;}
}


ul.booklist-myac {margin: 0px -9px;}
ul.booklist-myac li {margin: 0px 11px 22px; width: 170px;}


@media (max-width:1100px) {
ul.booklist-myac {margin: 0px;}
ul.booklist-myac li {margin: 0px 20px 22px; width: 194px; padding:18px 20px;}
}

@media (max-width:768px) {
ul.booklist-myac {margin: 0px;}
ul.booklist-myac li {margin: 0px 18px 22px; width: 190px; padding:18px;}
}

@media (max-width:767px) {
ul.booklist-myac {margin: 0px -5px;}
ul.booklist-myac li {margin: 0px 5px 22px; width:170px;}

.bookmark-name {
    text-align:left
}
}

@media (max-width:600px) {
ul.booklist-myac {margin: 0px -9px;}
ul.booklist-myac li {margin: 0px 11px 22px; width:170px;}

.bookmark-name {
    text-align:left
}
}

@media (max-width:400px) {
ul.booklist-myac {margin: 0px;}
ul.booklist-myac li {margin:0px 0px 15px; width: 100%;}
ul.booklist-myac li figure {height:auto; min-height:inherit; padding-bottom:50px}
}

.bookmark-name {display: block;margin-bottom: 5px;width: 100%;float: left;}
.bookmark-name span {width: 85%;float: left;}
.bookmark-name .fa {float: right;margin-left: 10px;}
ul.myac-right {display: block;}
ul.myac-right li {display: inline-block;}
.bt-renew {position: absolute;right: 0px;top: 4px;}
@media (max-width:767px) {
.bt-renew {position: relative;right: 0px;top: 4px;}
ul.myac-right {display: block; padding:0px;}
}

.upload_file {position: relative;padding: 0; width:100%;}
.upload_file input[type="file"] {width: 75%; float: left; padding:8px 8px}
.upload_file input[type="submit"] {width: 25% !important;float: right;padding: 10px 0px !important;}

.admin-panel {display: table;width: 100%;}
.admin-panel .panel {background: none;border: none;}
.admin-lft {display: table-cell;width: 22%;vertical-align: top;background: #fff;border: 1px solid #e8e8e8;}
.admin-rgt {display: table-cell;width: 78%;vertical-align: top;padding-left: 15px;}
ul.adminleft-nav {display: block;padding: 2px 0px 0px 0px;margin: 0px;}
ul.adminleft-nav li {display: block;margin: 0px 15px;padding: 8px 0px;border-bottom: 1px solid #e8e8e8;text-transform: uppercase;font-weight: bold; color:rgba(117,117,117,.6)}

 ul.adminleft-nav li a {text-decoration:none; color:rgba(117,117,117,.8)} 
ul.adminleft-nav li a:hover {text-decoration:none; color:var(--primary-green);}

ul.adminleft-nav li.focus a {color:var(--primary-green);}

@media (max-width:980px) {
.admin-lft {display: block;width: 100%;vertical-align: top;background: #fff; border: 0px solid #e8e8e8; margin-bottom:10px}
.admin-rgt {display: block;width: 100%;vertical-align: top;padding-left: 0px;}
}


/* Stats Admin */
ul.stats-admin     {display:block; margin:0px -20px; padding:0px;}
ul.stats-admin li  {display:inline-block; padding:10px 22px; margin:0px; background:#fff; margin-bottom:5px !important; vertical-align:top; text-align:left; border-right:1px solid #d8dde1}
ul.stats-admin li:last-child   {margin-bottom:0px;}

ul.stats-admin li div {float:none !important; margin:auto !important;}

ul.stats-admin li span    {font-size:30px; font-weight:bold; text-align:left; color:#000;}
ul.stats-admin li p       {color:#808080; margin-bottom:0px !important; font-size:16px; font-weight:bold; padding-bottom:10px;}
ul.stats-admin li:last-child {border-rght:0px;}

@media (max-width:1024px) {
ul.stats-admin    {display:block; margin:0px -12px; padding:0px; text-align:left;  margin-bottom:10px;}
ul.stats-admin li  {display:inline-block; padding:10px 12px; margin:0px; background:#fff; margin-bottom:5px !important; vertical-align:top; text-align:left; border-right:1px solid #d8dde1;}
ul.stats-admin li:last-child  {border-right:0px solid #d8dde1}

ul.stats-admin li span    {font-size:25px; text-align:center; color:#d4583d; width:100%; float:none}
ul.stats-admin li p       {width:100%; font-size:15px;}
}


@media (max-width:768px) {
ul.stats-admin    {display:block; margin:0px; padding:0px; text-align:center; border-top:1px solid #d8dde1; border:1px solid #d8dde1; margin-bottom:10px;}
ul.stats-admin li  {display:inline-block; padding:10px 25px; margin:0px; background:#fff; margin-bottom:5px !important; vertical-align:top; text-align:left; border-right:1px solid #d8dde1}
ul.stats-admin li:last-child  {border-right:0px solid #d8dde1}

ul.stats-admin li span    {font-size:25px; text-align:center; color:#d4583d; width:100%; float:none}
ul.stats-admin li p       {width:100%; font-size:18px;}
}

@media (max-width:767px) {
ul.stats-admin li {display:inline-block; padding:10px 0px; margin:0px; background:#fff; margin-bottom:5px !important; max-width:300px; height:66px; width:100%; text-align:center; border-bottom:1px solid #d8dde1; border-right:0px solid #d8dde1}
ul.stats-admin li:last-child {border-bottom:0px solid #d8dde1;}
}

.text {color:#808080; margin-bottom:0px !important; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.admin-panel select {padding:5px;}

.admin-rgt-panel {background: hsl(177, 100%, 93%);padding: 10px;float: left;width: 100%; margin-bottom:20px}
.admin-rgt-panel .hd {font-weight:bold; width:85%; float:left}
.admin-rgt-panel .count {font-weight:bold; width:15%; float:right; font-size:25px;}
.admin-panel h4 {font-weight: bold !important;font-size: 20px !important;margin-bottom: 10px;color: var(--primary-link);text-transform: uppercase;}

.graph {display:block; margin:0px; padding:0px;}
.graph table {width:100%; margin:0px; padding:0px;}

.graph table tr {width:100%; margin:0px; padding:0px;}
.graph table tr td {padding:5px 0px;}
.graph table tr td:nth-child(1) {width:30%; font-weight:bold}
.graph table tr td:nth-child(2) {width:53%;}
.graph table tr td:nth-child(3) {width:17%; text-align:right}

.graph table tr td div {background:var(--primary-link); padding:7px;}
.graph table tr td div.full {width:100%; float:left}
.graph table tr td div.semifull {width:75%;}
.graph table tr td div.half {width:50%;}
.graph table tr td div.semihalf {width:35%;}
.graph table tr td div.less {width:25%;}
.graph table tr td div.semiless {width:15%;}

/* Stats Admin */
/*New Style Added*/

/* new style added on 7th june for user management and collection*/
.days li, ul {list-style-type: none}

.month {padding: 10px; width: 100%; background: #e5deb5}

.days li,
.weekdays li {display: inline-block;width: 13.2%;text-align: center;padding: 5px;}
.month ul {margin: 0;padding: 0}
.month ul li {color: #000;font-size: 16px;text-transform: uppercase;}
.month .prev {float: left;padding-top: 10px}
.month .next{float:right;padding-top:10px}
.days,.weekdays{padding:10px 0;margin:0}
.weekdays{background-color:#f5f5f5;font-weight:bold;font-size:14px}
.weekdays li{color:#000}
.days{background-color:#f5f5f5}
.days li{margin-bottom:5px;font-size:15px;color:#777}
.days li.active{background:var(--primary-link);color:#fff !important}
.days li.active a{color:#fff !important}

#tabs1{margin:0px;padding:0px}
#tabs1 li{display:inline-block;padding-right:15px}

.brown-btn a{border:1px solid var(--primary-link); !important;padding:10px 20px 10px !important;background:var(--primary-link); !important;color:#fff;text-transform:uppercase;cursor:pointer;font-size:15px;font-weight:600;display:inline-block;width:auto !important}
.brown-btn a:hover{background:#19b9a3 !important}
ul.featured-col li a{margin:0 auto;display:inherit}

/*Collections*/
.collection-details .item{max-width:40px !important;padding:5px 5px;text-align:center !important}
.add-btn{float:right;border:1px solid var(--primary-link);color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;background:var(--primary-green);padding:5px 10px}
.add-btn:hover{background: var(--primary-black); color: var(--primary-white);}
.collection-details input[type=button]{background:var(--primary-link);border:0px !important;color:#fff;padding:5px 10px}
.collection-details input[type=button]:hover{background:#a15912}
.edit-remove a{display:block;text-align:center;color:#000}
.edit-remove a i{margin:0px 0px 10px}
.checkbox1 label::before{left:0px !important;z-index:99}
.edit-remove a:hover{color:var(--primary-link);}
.brown-btn1 a{border:1px solid var(--primary-link); !important;padding:10px 20px 10px !important;background:var(--primary-link); !important; color:#fff !important;text-transform:uppercase;cursor:pointer;font-size:16px;font-weight:600;display:inline-block !important;width:auto !important}
.brown-btn1 a:hover{background:#19b9a3 !important}
input[type="submit"].black-btn{padding:10px 20px 10px !important;background:#000 !important;color:#fff !important;text-transform:uppercase;cursor:pointer;font-size:16px;font-weight:600;display:inline-block !important;width:auto !important; border:1px solid #000 !important;}
input[type="submit"].black-btn:hover{background:#444 !important}
.img-box{border:1px solid rgba(0, 0, 0, 0.15);width:100%;margin-bottom:15px;text-align:center}
/*collections table*/

.collection-details {margin-top:10px;}
.collection-details table {width:100%; padding:0px; margin:0px;}
.collection-details table tr td {padding:8px 10px; vertical-align:top; border-bottom:1px solid #e9e9e9}
.collection-details img{ border:1px solid #ddd;}
.collection-details table tr td:nth-child(1) {width:3%;}
.collection-details table tr td:nth-child(2) {width:30%;}
.collection-details table tr td:nth-child(3) {width:45%;}
.collection-details table tr td:nth-child(4) {width:4%; text-align:center}
.collection-details table tr td:nth-child(5) {width:8%;}
.collection-details table tr td:nth-child(6) {width:9%; position:relative; border-right:0px solid #e9e9e9;}

@media (max-width:767px){
.collection-details tr.update{border:0px solid #ddd !important; background:#fff !important;}
.collection-details tr.update td{ border-bottom:0px !important;}
.collection-details tr.update  td:nth-child(3), .collection-details tr.update td:nth-child(6),
.collection-details tr.update td:nth-child(2),.collection-details tr.update td:nth-child(5),
collection-details tr.update td:nth-child(6){ display:none; }

.collection-details tr.update td:nth-child(1), .collection-details tr.update td:nth-child(4){ padding-left:10px !important;  display:inline-block;}
}

@media(max-width:991px) {
    .days {margin-bottom: 15px;}
    .edit-remove a {text-align: left;}
    .edit-remove a i {margin: 10px 10px;}
}

@media screen and (max-width:767px) {
    small.title-dates {font-size: 16px;}
	.collection-details .checkbox label::before{ position:relative;}
.collection-details .checkbox-left label{ padding-left:0px !important;}
}

@media screen and (max-width:500px) {
    ul.featured-col li figure:before {content: "";background: none;background-position: bottom;position: absolute;left: 0px;height: 100%;width: 0px;}
    ul.featured-col li figure img {border-left: 2px solid #666666;}
    ul.featured-col {padding: 10px 0px 0px 0px;}
}

@media screen and (max-width:720px) {
    .days li,
    .weekdays li {width: 13.1%}
    ul.featured-col li h2 {font-size: 16px !important;}
    ul.featured-col li h2 span {font-size: 15px !important;}
}

@media screen and (max-width:420px) {
    .days li,
    .weekdays li {width: 12.5%}
    .days li .active {padding: 2px}
    #tabs1 li {padding-right: 7px;}
    .brown-btn1 a {padding: 10px 7px 10px !important;font-size: 12px;}
    small.title-dates {margin-left: 0px;}
    .bg-featured .h3,
    .bg-featured h3 {font-size: 15px !important;}
    .brown-btn {padding: 5px 10px !important;float: left;margin-right: 10px;}
    .black-btn {padding: 5px 10px !important;float: left !important;clear: both;margin-top: 15px;}
	input[type="submit"]{padding: 10px 15px 10px !important;}
}

@media screen and (max-width:290px) {
    .days li,
    .weekdays li {width: 12.2%}
}

/*User Management*/
ul.user-srch-list {display:block; padding:0px; margin:0px; float:right; text-align:right}
ul.user-srch-list li {display:inline-block; padding:0px; margin:0px 2px; width:22%;}
ul.user-srch-list li:last-child {display:inline-block; padding:0px; margin:0px; width:auto;}
.admin-panel ul.user-srch-list li select {float:left}

.admin-panel .input-group input {padding:6px 6px;}
.admin-panel .input-group input:hover {border:1px solid #000 !important;}
.admin-panel  .input-group .search-btn a {position: absolute !important;color: #bbb;z-index: 99;right: 0px;top: 0px;background:transparent;height: auto;padding: 6px 10px;display: block;}
.admin-panel  .input-group .search-btn a:hover {background:transparent; color: #d4583d;}


@media only screen and (max-width: 767px) {
ul.user-srch-list li {display:inline-block; padding:0px; margin:0px 0px; width:32%;}
}


/*COMMON TABLE STYLE*/
table th, table td  {text-align:left; vertical-align:top; line-height:14pt;}
table.layout        {width:100%; border-collapse:collapse;}

.th     {color:#fff; background:var(--primary-link);!important; font-size:15px;}
.tch    {background:#424242; color:#fff}
.tc     {background:#fff;}
.tc1    {background:#fff;}

.user-management-table {margin-top:10px;}
.user-management-table table {width:100%; padding:0px; margin:0px;}
.user-management-table table tr td {padding:8px 5px; vertical-align:top; border-bottom:1px solid #e9e9e9}

.user-management-table table tr td:nth-child(1) {width:10%;}
.user-management-table table tr td:nth-child(2) {width:10%;}
.user-management-table table tr td:nth-child(3) {width:17%;}
.user-management-table table tr td:nth-child(4) {width:18%;}
.user-management-table table tr td:nth-child(5) {width:10%;}
.user-management-table table tr td:nth-child(6) {width:10%;}
.user-management-table table tr td:nth-child(7) {width:5%;}
.user-management-table table tr td:nth-child(8) {width:5%;}
.user-management-table table tr td:nth-child(9) {width:10%; text-align:center}
.user-management-table table tr td:nth-child(10) {width:5%; text-align:center}


@media only screen and (max-width: 767px) {
table tr td {padding:5px !important;}
table tr th {padding:5px !important;}

.responsive-table table, .responsive-table thead, .responsive-table tbody, 
.responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr   {display: block;}

.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:1px solid #ccc !important; margin-bottom:20px;}
.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:1px solid #ccc !important; margin-bottom:20px;}
.responsive-table table tr td {text-align:left !important; width:auto !important}
.responsive-table td    {border:none; border-bottom:0px solid #ccc; position:relative; padding-left:50% !important; white-space:normal; text-align:left; z-index:99}
.responsive-table td:before {position:absolute; top:4px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}

.responsive-table td:before {content:attr(data-title); z-index:-1}
}

/*View Cart*/
/*cart table*/

.cart-details {margin-top:10px;}
.cart-details table {width:100%; padding:0px; margin:0px;}
.cart-details table tr td {padding:8px 10px; vertical-align:middle;  border-bottom:1px solid #e9e9e9}
.cart-details .th { background:var(--primary-green); color:#fff;}
.cart-details table tr td:nth-child(1) {width:8%;}
.cart-details table tr td:nth-child(3) {width:25%; text-align:left;}
.cart-details table tr td:nth-child(3) {width:10%;}
.cart-details table tr td:nth-child(4) {width:20%; text-align:center}
.cart-details table tr td:nth-child(5) {width:12%; text-align:center}
.cart-details table tr td:nth-child(6) {width:5%;}
.cart-details table tr td:nth-child(7) {width:12%; text-align:center}


.default-table {margin-top:10px;}
.default-table table {width:100%; padding:0px; margin:0px;}
.default-table table tr td {padding:8px 5px; vertical-align:top;  border-bottom:1px solid #e9e9e9; position:relative}
.default-table .th { background:#0d65a7; color:#fff;}
.default-table .th td {vertical-align:top; position:relative}

.default-table .th td span {max-width:80%; float:left}
.default-table .th td .icon {line-height:19px; top:0px; text-align:right; width:20%; float:left;}
.default-table .th td a {color:#fff}


.order-details {margin-top:10px;}
.order-details table {width:100%; padding:0px; margin:0px;}
.order-details table tr td {padding:8px 10px; vertical-align:middle;  border-bottom:1px solid #e9e9e9}
.order-details .th { background:#0d65a7; color:#fff;}
.order-details table tr td:nth-child(1) {width:2%;}
.order-details table tr td:nth-child(2) {width:15%;}
.order-details table tr td:nth-child(3) {width:12%;}
.order-details table tr td:nth-child(4) {width:13%; text-align:center}
.order-details table tr td:nth-child(5) {width:12%;}
.order-details table tr td:nth-child(6) {width:5%;text-align:center }
.order-details table tr td:nth-child(7) {width:5%;}
.order-details table tr td:nth-child(8) {width:5%;}
.order-details table tr td:nth-child(9) {width:25%;}

.order-info {margin-top:10px;}
.order-info table {width:100%; padding:0px; margin:0px;}
.order-info table tr td {padding:8px 10px; vertical-align:middle;  border-bottom:1px solid #e9e9e9}
.order-info .th { background:#0d65a7; color:#fff;}
.order-info table tr td:nth-child(1) {width:15%;}
.order-info table tr td:nth-child(2) {width:60%;}
.order-info table tr td:nth-child(3) {width:25%;}

.doc-tags {margin-top:10px;}
.doc-tags table {width:100%; padding:0px; margin:0px;}
.doc-tags table tr td {padding:8px 10px; vertical-align:middle;  border-bottom:1px solid #e9e9e9}
.doc-tags .th { background:#0d65a7; color:#fff;}
.doc-tags table tr td:nth-child(1) {width:12%;}
.doc-tags table tr td:nth-child(2) {width:25%;}
.doc-tags table tr td:nth-child(3) {width:25%; text-align:center}
.doc-tags table tr td:nth-child(4) {width:20%; text-align:center}
.doc-tags table tr td:nth-child(5) {width:12%;}

.add-tag {margin-top:10px;}
.add-tag table {width:100%; padding:0px; margin:0px;}
.add-tag table tr td {padding:8px 10px; vertical-align:middle;  border-bottom:1px solid #e9e9e9}
.add-tag .th { background:#0d65a7; color:#fff;}
.add-tag table tr td:nth-child(1) {width:50%;}
.add-tag table tr td:nth-child(2) {width:50%;}

@media (max-width:767px){
.cart-details tr.update{border:0px solid #ddd !important; background:#fff !important;}
.cart-details tr.update td{ border-bottom:0px !important;}
.cart-details tr.update td input[type="submit"] { padding:10px 10px!important;}
}

@media(max-width:991px) {
.days {margin-bottom: 15px;}
.edit-remove a {text-align: left;}
.edit-remove a i {margin: 10px 10px;}
}

@media screen and (max-width:767px) {
small.title-dates {font-size: 16px;}
.cart-details .checkbox label::before{ position:relative;}
.cart-details .checkbox-left label{ padding-left:0px !important;}
}

.admin-link { margin:0px; padding:0px; text-align:center;}
.admin-link li { display:inline-block;}
.admin-link a { color: #323232; padding: 0px 12px; margin: 0px 0px !important; border-right: 1px solid #000; line-height: 10pt; margin-bottom: 1px;}
/*.admin-link li:first-child { margin-right:5px;}*/
.admin-link li:last-child a {border-right: 0px solid #000; padding: 0px 0px 0px 12px}
@media screen and (max-width:980px) {
.admin-link { margin:0px; padding:0px; text-align:center; border-top:1px solid #ccc; padding-top:10px;}
.admin-link li { padding-bottom:8px; font-size: 12px;}
/*.admin-link li:first-child { margin-right:10px;}*/
.admin-link a {padding: 0px 15px;}
.admin-link li:last-child a { padding: 0px 0px 0px 8px;}
}

@media screen and (max-width:767px) {
.no-border a {border:none}
}


.bt-renew {position: absolute;right:15px;bottom:6px;}
@media (max-width:767px) {
.bt-renew {position: relative;right: 0px;top: 4px;}
}


/*responsive table*/
@media only screen and (max-width: 900px) {
table tr td {padding:5px !important;}
table tr th {padding:5px !important;}

.responsive-table table, .responsive-table thead, .responsive-table tbody, 
.responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr   {display: block;}

.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:1px solid #ccc !important; margin-bottom:10px;}
.responsive-table table tr td {text-align:left !important; width:auto !important}
.responsive-table td    {border:none; border-bottom:0px solid #ccc; position:relative; padding-left:63% !important; white-space:normal; text-align:left; z-index:99}
.responsive-table td:before {position:absolute; top:4px; left:6px; width:32%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}

.responsive-table td:before {content:attr(data-title); z-index:-1}

.cart-details tr.update td { padding:0px !important; text-align:center!important;}
.order-details tr td.update { padding-left:30% !important; text-align:center!important;}

/*new*/
.responsive-table td.pad-l-0{ padding-left:0px !important; padding-right:0px !important}
.responsive-sub-table .responsive-table tr{ border:0px !important;}

}
/*responsive table small*/
@media only screen and (max-width: 640px) {
table tr td {padding:5px !important;}
table tr th {padding:5px !important;}

.responsive-subtable table, .responsive-subtable thead, .responsive-subtable tbody, 
.responsive-subtable tbody, .responsive-subtable th, .responsive-subtable td, .responsive-subtable tr   {display: block;}

.responsive-subtable thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-subtable tr        {border:0px solid #ccc !important; border-bottom:1px solid #ccc !important; margin-bottom:20px;}
.responsive-subtable thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-subtable tr        {border:0px solid #ccc !important;  border-bottom:1px solid #ccc !important; margin-bottom:20px;}
.responsive-subtable table tr td {text-align:left !important; width:auto !important}
.responsive-subtable td    {border:none; border-bottom:0px solid #ccc; position:relative; padding-left:63% !important; white-space:normal; text-align:left; z-index:99}
.responsive-subtable td:before {position:absolute; top:4px; left:6px; width:32%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}

.responsive-subtable td:before {content:attr(data-title); z-index:-1}

.responsive-table-popup table, .responsive-table-popup thead, .responsive-table-popup tbody, 
.responsive-tabl-popupe tbody, .responsive-table-popup th, .responsive-table-popup td, .responsive-table-popup tr   {display: block;}

.responsive-table-popup thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table-popup tr        {border:1px solid #ccc !important; margin-bottom:20px;}
.responsive-tabl-popupe thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table-popup tr        {border:1px solid #ccc !important; margin-bottom:20px;}
.responsive-table-popup table tr td {text-align:left !important; width:auto !important}
.responsive-table-popup td    {border:none; border-bottom:0px solid #ccc; position:relative; padding-left:63% !important; white-space:normal; text-align:left; z-index:99}
.responsive-table-popup td:before {position:absolute; top:4px; left:6px; width:32%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}

.responsive-table-popup td:before {content:attr(data-title); z-index:-1}

.cart-details tr.update td { padding:0px !important; text-align:center!important;}
.order-details tr td.update { padding-left:30% !important; text-align:center!important;}
/*new*/
.responsive-table-popup td.pad-l-0{ padding-left:0px !important}
.responsive-sub-table .responsive-table-popup tr{ border:0px !important;}
}

.help-below-search{
    color: var(--primary-green);
}
#carouselCantainer{
    padding-right: 0;
}
.hidden-md-up-custom
{
    display: none;
}

/* To show toggle button when media size < 768px */
@media (min-width: 768px){
    #offcanvas-toggle 
    {
        display : block;
    }
}

@media (max-width: 768px){

    #navbar li.nav-item>a>span
    {
        display: inline;
    }
}

@media (min-width: 981px){
    #navbar
    {
        margin-bottom: 5px;
    }
}

.nav>li>a:focus, .nav>li>a:hover
{
    background-color: transparent;
}

@media (max-width: 376px) 
{
    #tab1C > ul
    {
        margin-top: 10px;
    }
}

.carousel-inner .item img {
    width: 100%;
    height: 500px;
}
.carousel-inner .item video {
    width: 100%;
    height: 500px;
}
.container.bg-featured {
    width: 1600px;
}
.nav-heading {
    color: var(--primary-green);
    padding-left: 1rem
}

.icon-color {
    color: var(--primary-green);
}

.font-color {
    color: var(--primary-green);
}

.bg-color {
    background: var(--primary-green) !important;
}

.priceContainer{
	border: 1px solid var(--primary-black);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
    gap:1.5rem;
}

.priceWrapper{
	display: flex;
    align-items: center;
    gap: 0.7rem;
}

.priceWrapper input{
	width : 8rem;
}
input[type="number"]{
	-moz-appearance : textfield;
}

.navbar-fixed-top {
	background-color: rgba(210, 4, 45, 0.30);
	margin-bottom: 0;
}
/* .navbar-fixed-top .container {
	max-width: 100%;
    width: 99%;
} */

.navbar-fixed-top .search-area {
        display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-end;
    min-width: 25vw;
    padding-top: 2%;
   
}


.pull-xs-right {
	width: 90%
}

.navbar-padding {
	float: right;
}



.navbar-fixed-top .search-area h1 {
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 36px !important;
}

a.btn-link {
    font-weight: bold;
    text-decoration: none;
    font-size: 8pt;
}

.new-students {
    margin-top: 45px;
}

.count-area-content {
    text-align: center;
    background-color: rgba(250, 250, 250, 0.25);
    border-radius: 20px;
    padding: 25px 30px 35px 30px;
    margin: 15px 0px;
    text-align: center !important;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.count-digit {
    margin: 5px 0px;
    color: #f5a425;
    font-weight: 700;
    font-size: 36px;
    text-align: center !important;
}

.count-title {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center !important;
    padding: 0 !important;
}

.date-icon {
	height: 150px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.navbar-cust-brand-txt {
	display: flex;
	flex-direction: column;
}

.heading-sm {
	display: none;
	color: #FFF;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 10px;
}

@media (max-width: 767px) {
    .navbar-cust-brand-txt {
        display: none;
    }
    
    .heading-sm {
		display: block;
	}
}

.advance-search-tip{
	color: #280f00  !important;
}


.btn-brown        {border:1px solid #820800; background:#820800; color:#fff;  outline: none; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:7px 20px;}
.btn-brown:hover, .btn-brown:focus   {border:1px solid #000; color:#fff !important; background:#000;     outline: none;}

.clr-brown-br        {border:1px solid #820800; color:#820800; width: 62px;  outline: none;  background: #fff; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:7px 5px;}
.clr-brown-br:hover, .clr-brown-br:focus  {border:1px solid #820800; color:#fff !important; background:#820800;     outline: none;}

.btn-close { cursor: pointer; font-size: 16px;}

ul.searchlist li a { color: #fff; font-weight: bold; border-right: 1px solid #000; line-height: 10pt; padding: 0px 10px;}
ul.searchlist li img { border-right: 1px solid #000; line-height: 10pt; padding: 0px 10px;}
ul.searchlist li a:focus { color: #fff !important;}
ul.searchlist li:last-child a{ padding-right: 0px; border-right: 0px solid #d8dde1;}
.dropdown_link {position:relative;}
.dropdown_link.active {background:rgba(255,255,255,0.5); }
.dropdown-search {position:absolute;text-align:left; z-index: 999; right:0;display:none;background:#fff;color:#000;}
.dropdown-search { min-width:800px !important;    border: 1px solid #f0f0f0; margin-top: 10px;}
.search_panel {padding:15px; }
.dropdown-search h4 {font-weight:normal;     margin-bottom: 0.5rem !important;}

.search_data input[type="text"], .search_data select { color:#333!important;    font-size: 14px !important; height:32px !important;padding:0px 10px !important;line-height:32px;}
.search_data ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#000;}
.search_data ::-moz-placeholder { /* Firefox 19+ */  color:#000;}
.search_data :-ms-input-placeholder { /* IE 10+ */  color:#000;}
.search_data :-moz-placeholder { /* Firefox 18- */  color:#000;}
.search_data select:hover    {border:1px solid #0d65a7 !important; background:#fff; color:#000}
.search_data select:focus    {border:1px solid #0d65a7 !important; background:#fff; color:#000}

.search_data {max-height:440px;overflow-y:auto;overflow-x:hidden;}
.search_data::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#8b8b8b;cursor:pointer;}
.search_data::-webkit-scrollbar{width:6px;cursor:pointer;}
.search_data::-webkit-scrollbar-thumb{background-color:#333;}
.search_data::-webkit-scrollbar-thumb:hover{background-color:#0e77b8;}

@media (max-width:768px) {
	.dropdown-search { min-width: inherit !important; margin-top: 2px; box-shadow: 0px 3px 3px rgba(0,0,0,0.2)}
	.dropdown_link {position:static;}
}

@media (max-width:767px) { 
	.navbar-fixed-top {position:relative !important;}
	body    {padding-top:0px;} 
}