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

@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;
}


/*===== 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: Calibri, 'CalibriRegular' !important; font-size:14px !important;  line-height: 14pt !important;  color: #404040; background: #fff; padding-top:132px; overflow-x:hidden}/*edited on 10-apr-2018*/
body    {opacity:1;}
.body   {padding-top:145px;}/*edited on 10-apr-2018*/

@media (max-width:1100px) {body    {padding-top:140px;}/*edited on 10-apr-2018*/
.body {padding-top:120px;}
}

@media (max-width:768px) {
.body {padding-top:148px;} /*This line is updated on 14-April-2017*/
}

@media (max-width:767px) { 
.body {padding-top:0px;}/*edited on 10-apr-2018*/
}

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

a       {color:#703817; text-decoration:none;}
a:hover {color:#703817; 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}


/*===== 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:#280f00; 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:#cc7722}
.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:#cc7722; 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:#280f00  !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:#280f00;}
.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;}

/*This line is updated on 24-April-2017*/
@media (max-width:768px) {
.navbar-brand img {max-width:250px !important; width:250px !important; height:50px !important;}
.navbar-brand {display: block; margin-bottom: 0px !important;}
}
/*This line is updated on 24-April-2017*/



@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; width:200px !important; height:40px !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;}
.tp-header.shrink .navbar-nav{margin-top:13px;}

.navbar-nav li{padding:0px; font-size:15px; text-transform:uppercase; color:#703817; font-weight:400; position:relative; margin:0px !important;}

.navbar-nav li a{color:#323232; padding:0px 20px 0px 20px; 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:#cc7722; text-decoration:none !important}
.navbar-nav li:last-child a{padding-right:0px; border-right:0px solid #d8dde1}

.navbar-nav li a .fa {float:none; margin:0px;}

.navbar-nav li.active a{color:#cc7722}

.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:#280f00;}

#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:#b96919}

@media (max-width:1100px) {
.navbar-brand{display:block; width:40% !important; margin-bottom:9px;} /*This line is updated on 24-April-2017*/
#subnav .sub-nav ul li a{color:inherit;  display:block; padding:10px 20px 10px;}
.navbar-nav li a{color:#323232; padding:0px 10px; margin:0px !important; display:block; border-right:1px solid #000; line-height:10pt; margin-bottom:1px} /*This line is updated on 24-April-2017*/
}

@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:block; float:none !important}
.navbar-nav .nav-item + .nav-item{margin:0px !important;}
}

@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:#703817;  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:#f58220 !important; text-decoration:none !important;  background:#fff}
#subnav .sub-nav li.active a span{color:#f58220; 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}
.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;}
.btn-marg-lft    {margin-left: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 #fff; color:#fff; -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        {border:1px solid #000; color:#000; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
.clr-blk-br:hover  {border:1px solid #000; color:#fff; background:#000}

.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 #f58220; color:#f58220; -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 #f58220; color:#fff !important; background:#f58220}

.clr-orange1        {border:1px solid #cc7722; color:#fff; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; background:#cc7722}
.clr-orange1:hover  {border:1px solid #b96919; color:#fff !important; background:#b96919}

.clr-drkblue-br        {border:1px solid #c6c6c6; border-width:1px 1px 2px 1px; color:#000; -webkit-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; padding:7px 10px; background:#fff; display: inline-block;}
.clr-drkblue-br:hover  {border:1px solid #c6c6c6; border-width:1px 1px 2px 1px; color:#fff !important; background:#c6c6c6}

.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 */
.bg-nav   {background:#fff; border-top:2px solid #703817}
.bg-subnav {background:#cc7722; 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:#f58220 !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 */
.visual-bg{background:#cc7722; position:relative;}
.visual-bg1{background:url(images/bg-visual.gif) bottom; height:390px}

.visual-holder{width:1600px; padding:0px; margin:0px auto; float:none; color:#fff; 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:#fff; 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 #703817; border-bottom:1px solid #703817;}
}

/* Search Area */
.search-area {padding:15px 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; 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;}/*This line is updated on 24-April-2017*/
.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;} /*This line is updated on 24-April-2017*/
ul.searchlist li {display:inline-block; padding:0px 0px; margin:0px;}
}



@media (max-width:1100px) {
/*ul.featured-col {display:block; padding:10px; margin:0px 0px 10px; background:#e5e5e5; border:1px solid #d3d3d3; overflow:hidden}*//*This line is updated on 19-may-2017*/
ul.featured-col li {display:inline-block;  margin:0px .7% 10px; width:98%; text-align:center; vertical-align:top}/*This line is updated on 19-may-2017*/
}

@media (max-width:360px) {
/*ul.featured-col {display:block; padding:10px; margin:0px 0px 10px; background:#e5e5e5; border:1px solid #d3d3d3; overflow:hidden}
ul.featured-col li {display:inline-block;  margin:10px .7%; width:100%; text-align:center; vertical-align:top}*/
/*This line is updated on 19-may-2017*/
}


/* Category Area */
/*ul.category-col-new {display:flex; padding:10px 0px; margin:-8px -20px 0px; border-spacing:20px 0px; min-height:460px; width:100%;}*/
ul.category-col {display:flex; padding:10px 0px; margin:-8px -20px 0px; border-spacing:20px 0px; min-height:460px; width:100%;}
ul.category-col li {display:table-cell;  margin:0px; width:33%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #703817; -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:#f7f2dc}

ul.category-col li .heading {display:table!important; width:100%; background:#f7f2dc; padding:0px !important; margin:0px !important; border-spacing:0px;}

ul.category-col li h2     {color:#5d2c0f; font-size:17px !important; font-weight:bold !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;}

@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:33%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #703817; -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: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:33%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #703817; -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 #703817; -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:block; margin:0px; padding:0px; text-align:center;}
ul.stats li  {display:block; padding:0px; margin:0px; background:#fff; margin-bottom:5px !important; max-width:315px; width:100%; float:right}
ul.stats li:last-child   {margin-bottom:0px;}

ul.stats li div {float:none !important; margin:auto !important; padding:15px 20px; text-align:left; border-bottom:1px solid #d8dde1}

ul.stats li span    {font-size:32px; font-weight:bold; text-align:center; color:#30b340;}
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}
ul.stats li {max-width:initial; float:none}
ul.stats li {display:inline-block; padding:0px; margin:0px; background:#fff; 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:#703817; 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; background:#fff; margin-bottom:5px !important; max-width:315px; height:66px; width:100%; float:none}
ul.stats li {display:inline-block; padding:0px; margin:0px; background:#fff; margin-bottom:5px !important; max-width:300px; height:66px; width:100%;}
}

/* Book Section */
ul.booklist {display:block; margin:0px -3px; padding:0px; position:relative}
ul.booklist li {display:inline-block; margin:0px 3px 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: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;}

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}

ul.iconlist {display:block; margin:0px; padding:0px; position:absolute; width:100%; bottom:0px;}
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);}

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}
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 -10px; 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;} /*This line is updated on 14-April-2017*/

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 4px 15px; width:163px;} 
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:left}
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} /*This line is updated on 14-April-2017*/
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:table; width:100%; border-bottom:1px solid #d8dde1}
table.bookdetail td {padding:7px;}
table.bookdetail td.col1 {width:25%; 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:72%; 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;}

/*This line is updated on 14-April-2017*/
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}
/*This line is updated on 14-April-2017*/

}

@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:#cc7722; font-size:24px !important; margin-bottom:15px;}
#book-detail h3 {font-weight:bold !important; font-size:17px !important; margin-bottom:10px; color:#280f00}
#book-detail h4 {font-weight:bold !important; font-size:20px !important; margin-bottom:10px; color:#cc7722; text-transform:uppercase}
#book-detail h5 {font-weight:normal !important; font-size:18px !important; margin-bottom:10px; color:#280f00; 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:#f5f5f5; 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;}

ul.search-list li a {color:#505050; background:#f7f5ea; padding:4px 12px; display:inline-block; border:1px solid #d3cfbc}
ul.search-list li a:hover {color:#703817; background:#f7f5ea;}

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


@media (max-width:767px) {
#tabs li a  {padding:6px 4px;}

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:#cc7722 !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:#f7f2dc; 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:#cc7722;}

.dashboard{background:#f7f2dc; 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:#f7f2dc; padding:10px 0px; float:left; width:100%;}
ul.userinfo-list li{width:100%; text-align:center}
ul.userinfo-list li.user-nm {text-align:center}
ul.userinfo-list li.user-mob {text-align:center}

.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:#703817}

.countries ul {display:block; padding:0px; margin:0px ;}
.countries ul  li{ padding:0px 0px; margin:0px 0px 0px 5px; max-width:75px !important; display:inline-block; vertical-align:middle}
.countries ul  li select.addfolder {width: 100%;}

@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;}
.countries ul  li { margin-bottom:10px}
}


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} /*This line is updated on 14-April-2017*/
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 #703817}
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 #cc7722; 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;}

/*This line is updated on 24-April-2017*/
@media (max-width:1100px) {
.login-content    {display:none; position:absolute; top:20px; z-index:999; background:#fff; border:1px solid #cc7722; text-align:left; border-top:0px;}
}
/*This line is updated on 24-April-2017*/

@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 #cc7722 !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:inline-block;}
}


/*===== 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:#f58220 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 5px; 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 #f58220}

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:#703817;}
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:#703817}
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:#703817}
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:#703817}
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:#703817}


/*===== 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 #cc7722, 0 2px 0 #fff, 0 3px 0 #cc7722, 0 4px 0 #fff, 0 0 0 1px #cc7722;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:#cc7722;border-bottom:1px dashed #eda256;box-shadow:0 2px 0 #cc7722;font-size:1.3em;}
time.icon em {color:#cc7722;}
time.icon span {width:100%;font-size:1em !important;letter-spacing:-0.05em;padding-top:0.8em;color:#000 !important;margin-top:20px;}


/* 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: #cc7722 !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"] {-webkit-appearance: none;position: absolute;padding: 0px;top: 0;left: 0;right: 0px;opacity: 0;}*/


.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:#cc7722}

ul.adminleft-nav li.focus a {color:#cc7722}

@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;}
.admin-rgt .container {padding:0px; margin: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:#703817; 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:#703817; 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: #f7f2dc;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: #cc7722;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:#cc7722; 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 */

.result-back {position:relative; top:-17px;}

@media (max-width:980px) {
.result-back {position:relative; top:-5px;}
}

@media (max-width:767px) {
.result-back {position:relative; top:10px;}
}

/*New Style Added on 19-05-2017*/
small.title-dates {font-size: 19px;margin-left: 35px;font-weight: bold;color: #5d2c0f;}

.days li,
ul {list-style-type: none}
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif}

.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:#cc7722;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 #cc7722 !important;padding:10px 20px 10px !important;background:#cc7722 !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:#b96919 !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 #cc7722;color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;background:#cc7722;padding:5px 10px}
.collection-details input[type=button]{background:#cc7722;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:#cc7722}
.brown-btn1 a{border:1px solid #cc7722 !important;padding:10px 20px 10px !important;background:#cc7722; !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:#b96919 !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; width:100%;}/*edited on 10-apr-2018*/
ul.user-srch-list li {display:inline-block; padding:0px; margin:0px 2px; width:100px}/*edited on 10-apr-2018*/
ul.user-srch-list li.search-len{ width:275px; margin-left:20px;}/*added on 10-apr-2018*/
/*ul.user-srch-list li:last-child {display:inline-block; padding:0px; margin:0px; width:auto;}*//*edited on 10-apr-2018*/
@media(max-width:1024px){
ul.user-srch-list { float:left; text-align:left;}
}
.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: #703817;}


@media only screen and (max-width: 767px) {
/*ul.user-srch-list li {display:inline-block; padding:0px; margin:0px 0px; width:32%;}*//*edited on 10-apr-2018*/
ul.user-srch-list li.search-len{ width:auto; margin-left:0px;}/*edited on 10-apr-2018*/
}


/*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:#cc7722!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:11%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(2) {width:11%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(3) {width:14%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(4) {width:21%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(5) {width:12%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(6) {width:13%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(7) {width:10%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(8) {width:9%;}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(9) {width:10%; text-align:center}/*edited on 10-apr-2018*/
.user-management-table table tr td:nth-child(10) {width:5%; text-align:center}/*edited on 10-apr-2018*/


@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}
}


/* 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:#000; font-weight:bold !important; font-size:17px !important}
ul.featured-col li h2 span {color: #cc7722 !important;}
/* Featured Collection Area */

.border-left {border-left:1px solid #d3bda0; 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%;}
}


/* New Styles 25/07/2017 */
ul.membership-plans {margin:0px; padding:0px; display:block; float: left;}
ul.membership-plans li  {margin:0px; padding:0px; display:inline-block;  border:2px solid #040403; text-align:center;}
ul.membership-plans li .head {background:#cc7722; padding:15px; margin:0px 0px 10px;}
ul.membership-plans li .head h4 {color:#fff!important; margin:0px!important;}
ul.membership-plans li p {border-bottom:1px solid #ccc;}

.pricing-panel {background:#cc7722; display:inline-block; width:12%; margin:20px 15px; padding:10px 0px 10px; text-align:center; }
.pricing-panel .info-pan {margin:0px 10px; padding: 20px 0px 0px; background:#fff; position:relative; top:0px; right:0px; }
.pricing-panel h3 {color: #280f00 !important; margin:0px 0px 10px!important; text-align:center;}
.pricing-panel .details {background:#fff; display:block; border: 1px solid #ccc; padding: 10px 0px 1px 0px; border-width:1px 0px 0px}
.pricing-panel .details h5 {font-weight:bold; font-size:18px !important;}

.bt-register {background:#cc7722; color:#fff; display:inline-block; font-size:18px; margin-right:20px; padding:10px;}
.bt-register span {padding:7px 0px 7px 10px; display:inline-block}
.bt-register .fa {padding:7px 15px 7px 5px; display:inline-block; font-size:34px; background:#cc7722; line-height:0px; color:#000}

.bt-register:hover {color:#fff}

ul.pricinglist {display:block; padding:0px; margin:0px; position:relative}
ul.pricinglist li {display:inline-block; padding:35px 0px 0px; margin:0px 9px 15px 0px; background:#f7f2dc; border-radius:7px; width:120px; text-align:center; position:relative; border:5px solid #cc7722}/*edited on 10-apr-2018*/
ul.pricinglist  li:before {content:''; padding-right:0px; font-family: 'FontAwesome'; float:left; margin-left:-15px; font-weight:800;}
.underlin-price    {position:relative; font-size:20px; max-width:30px; margin:auto; color:#000; padding:0px; margin-top:5px; margin-bottom:10px; height:1px; background-color:#000;}

ul.pricinglist li b {color:#000; font-size:15px; display:block; margin-bottom:5px;}
ul.pricinglist li h4 {margin-bottom:5px !important; color:#c80000 !important; font-size:20px !important;}/*edited on 10-apr-2018*/
ul.pricinglist li h5 {font-weight:600 !important; margin-bottom:0px !important; font-size:17px !important;}/*edited on 10-apr-2018*/

ul.pricinglist li input[type="submit"]{background:#280f00 !important; border:1px solid #280f00 !important; width:100% !important; border-radius:0px 0px 0px 0px !important; font-size:18px !important; position:relative;}
ul.pricinglist li input[type="submit"]:hover{background:#562000 !important; border:1px solid #280f00 !important}


/* FLAG STYLING */
ul.pricinglist li .flag-best {background:#cc7722; float:left; position:absolute; z-index:99; right:-2px; top: -2px; border-top-right-radius:7px; padding:6px 10px 7px 0px !important;}
ul.pricinglist li .flag-best h4 {color: #fff !important; font-size: 14px !important; text-transform: uppercase; z-index:99; position:relative; margin:0px !important;}
ul.pricinglist li .flag-best:before {content: ""; border: 0.3em solid #cc7722; position:absolute; bottom:-5px; right:0px;}
ul.pricinglist li .flag-best:after {content:""; border:14px solid #cc7722; position:absolute; top:0; left:-23px; z-index:2;}
ul.pricinglist li .flag-best:after {border-left-color: transparent;}
ul.pricinglist li .flag-best:before {border-left-color: transparent; border-bottom-color: transparent;}




@media (max-width:767px) {
.bt-register {background:#cc7722; color:#fff; display:block; font-size:14px; float:none; margin-right:20px; width:auto; margin-bottom:10px; margin-top:5px;}
ul.pricinglist li {width:120px; margin-bottom:10px;}
}

ul.portal-settings {margin:0px; padding:0px; display:block;}
ul.portal-settings li {margin:0px; padding:10px 0px 15px; display:inline-block; text-align:left; border-bottom:1px solid #ccc; width:100%}
ul.portal-settings li .img-panel {margin:0px; padding:0px; width:300px; display:table-cell;}
ul.portal-settings li .details-panel {margin:0px; padding:0px 0px 0px 20px; width:auto; display:table-cell; vertical-align: top;}

@media (max-width:767px) {
ul.portal-settings li .img-panel { display:block; width:290px;     margin-bottom: 10px;}
ul.portal-settings li .details-panel { display:block; padding:0px;}
}

.admin-box {background:#fff; border:1px solid #000; padding:10px 5px 0px 10px; display:block;     margin-bottom: 20px;}
.admin-box h4 { font-size:19px !important; font-weight:bold!important;}

.webui-popover .top .in {display: block; width: 300px; top: 312px; left: 10.6563px;}

.sitemap-list { display:block; margin:0px; padding:0px; width:100%;}
.sitemap-list li{  margin:0px 5px 5px 15px; padding:0px 0px 5px 0px; list-style-type:disc; }
.sitemap-list li a { color:#280f00 !important; font-size:16px;}
.sitemap-list li a:hover { color:#cc7722 !important; font-size:16px;}
.sitemap-list li.heading { background:#280f00; text-transform:uppercase;}
.sitemap-list li.heading a { color:#fff !important; font-size:16px;}
.sitemap-head h4 { font-size:18px!important;text-transform:uppercase; }



/* ADVANCED SEARCH */



.btn-brown        {border:1px solid #cc7722; background:#cc7722; 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 #cc7722; color:#cc7722; 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 #cc7722; color:#fff !important; background:#cc7722;     outline: none;}

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

ul.searchlist li a { color: #703817; font-weight: bold; border-right: 1px solid #000; line-height: 10pt; padding: 0px 10px;}
ul.searchlist li a:focus { color: #703817 !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;top:100%; 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;} 
}

/*added on 10-apr-2018*/
.no-pad-l-d{ padding-left:0px !important;}
.user-management-table .th td span {max-width:75%; float:left}
.user-management-table .th td .icon {line-height:19px; top:0px; text-align:right; width:25%; float:left;}
.user-management-table .th td .icon .fa{ font-size:11px;}
.user-management-table .th td a {color:#fff}
.export-btn a{border: 1px solid green; display:inline-block;color: #fff;-webkit-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;background: green;padding: 5px 10px;}
.export-btn a:hover{color: green; background:#fff;}
.insti-login{ margin-left:10px; border-left:2px solid #ddd; padding-left:20px; min-height:535px;}
.search-results-list{ width:100%; display:table;}
.search-results-list .col-L, .search-results-list .col-R{ display:table-cell; padding:10px 0px;}
.search-results-list .col-L{ width:75%;}
.search-results-list .col-R{ width:25%; text-align:right; padding-right:10px;}
.search-results-list input[type="submit"]{ padding:5px 10px !important;}
.search-results-list a{ font-weight:bold; text-decoration:underline;}
.search-results-list a:hover{text-decoration:underline !important; color:#000;}
ul.help-list{display: block;padding: 0px;margin: 0px;}
ul.help-list li {list-style-type:square;padding: 0px;margin: 0px 0px 10px 20px;line-height:15pt;}
.after-login{background: #703817; color:#fff; padding:5px 0px 7px; font-weight:bold; text-align:center; font-size:16px;}
.after-login b{ text-transform:uppercase;}
.top-btn{ background:#cc7722; color:#fff;border:1px solid #fff; padding:2px 5px; float:right; font-weight:600 !important; font-size:12px; text-transform:uppercase;}
.top-btn:hover{background:#280f00; color:#fff;}
label span.astrik{ color:red;}
label{ cursor:default !important;}
ui-widget-content{z-index:200 !important;}
.search-icon{ position:relative; display:block;}
.search-icon:after{ position:absolute; font-family:FontAwesome; content:"\f002"; color:#000 !important; font-size:20px;  right:10px; top:10px;}
.search-icon1{border: 1px solid #e3e5f3 !important;padding: 10px 15px !important;width: 100%;background: #fff;color: #000;height: auto;}
.search-icon1:hover  {border:1px solid #cc7722 !important; color:#000; background:#fff}
.search-icon1:focus  {border:1px solid #cc7722 !important; color:#000; background:#fff}
.search-icon li.ui-menu-item:hover{border:0px !important; background:transparent !important;}
.border-box{ border:2px solid #ddd; padding:20px 10px;}
.border-box ul.pricinglist1 li{ float:right;}
.border-box  h5.mem-plan{float:right;}
/*add insitution*/
ul.pricinglist1 li{padding: 30px 10px 10px 10px !important; width:140px; margin: 0px 15px 25px 0px !important;}
ul.pricinglist1 li h4 span.left{ width:30%; font-size:20px !important; font-weight:bolder; text-align:left !important; float:left; display:inline-block;}
ul.pricinglist1 li h4 span.right{float:left; text-align:left; width:70%; font-size:18px !important; position:relative; font-weight:normal !important;display:inline-block;}
ul.pricinglist1 li h4 span.right:after{ content:"";height: 1px;background-color: #000;width: 40px;position:absolute; left:0px; bottom:-3px;}
ul.pricinglist1 li h5 span.block{ display:block; float:none;}
ul.pricinglist1 li.active{border: 5px solid green !important; background:#fff;}
ul.pricinglist1 li.active a h4{color:green !important;}
ul.pricinglist1 li h5{ font-size:16px !important; line-height:18px !important;}
ul.pricinglist li .flag-best{z-index:1 !important;}
/*ul.pricinglist1 li .price-icon{ float:left; display:inline-block}
ul.pricinglist1 .flag-best h4{ float:left; display:inline-block}*/
ul.pricinglist1 h2.price-icon{ float:left; text-align:left; margin-top:-25px; color:#c80000; font-size:16px !important;}
ul.pricinglist1 li.active .flag-best{background: green; color:#fff !important;}
ul.pricinglist1 li.active .flag-best:before{border: 0.3em solid green;border-left-color: transparent;border-bottom-color: transparent;}
ul.pricinglist1 li.active .flag-best:after{border: 14px solid green; border-left-color: transparent;}
ul.pricinglist1 li.active a .flag-best h4{ color:#fff !important}
ul.pricinglist1 li.active a h2.price-icon { color:green !important}

/*Authentication code*/
.auth-row{ width:100%; display:table; margin:0px 0px 0px;}
.auth-row .col2{ width:20%; margin-right:10px; display:table-cell;}
a.auth-btn{ display:inline-block; line-height:16px; padding:10px;background: #cc7722; border:1px solid #cc7722; color:#fff;}
a.auth-btn:hover{background:#fff; color:#cc7722}
.add-insti{ padding-left:30px;}
.add-insti-form input[type="text"], .add-insti-form select{padding: 7px 15px}
.add-insti-form .form-group{ margin-bottom:7px !important;}
.add-insti-form .captchaContainer{padding: 8px !important;}
.text-center{ text-align:center;}
.dark-btn{border: 1px solid #cc7722 !important;padding: 10px 20px 10px !important; margin-bottom:10px;background: #cc7722 !important;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: 600;display: inline-block;}
.dark-btn:hover{background: #fff !important; color:#cc7722}
.add-insti-form label b{color:#000;}
.payment-list li{ margin:0px 20px;}
.auth-btn-r{ float:right; margin-right:5px;}

/*resp-table*/
.resp-table1 table tr td{padding: 8px 5px;vertical-align: top;border-bottom: 1px solid #e9e9e9;}
.resp-table1 .th td span {max-width:75%; float:left}
.resp-table1 .th td .icon {line-height:19px; top:0px; text-align:right; width:25%; float:left;}
.resp-table1 .th td .icon .fa{ font-size:11px;}
.resp-table1 .th td a {color:#fff}
@media(max-width:980px){
    .insti-login{min-height: 200px; border-left:0px; border-top:2px solid #ddd; padding:20px 0px; margin:10px 0px;}
    .after-login{font-size:14px;}
    .add-insti{ padding-left:0px; margin-top:40px;}
    .payment-list li{ margin:0px 5px; }
    .auth-btn-r{ float:left;}
}
@media(max-width:767px) {
    .no-pad-l-d{ padding-left:15px !important;}
    .add-insti-form .form-group {
        margin-bottom: 15px !important;
    }
    .dark-btn{ font-size:12px; padding:5px !important; text-transform:initial !important;}
    .border-box ul.pricinglist1 li, .border-box  h5.mem-plan{ display:block; float:none;}
    .border-box  h5.mem-plan{ margin-top:20px;}
}
@media(max-width:540px){
    #offcanvas-toggle{margin-top: 40px !important;}
    }
/*added on 10-apr-2018*/



.breadcrumb-arrow{height:40px;padding:0;line-height:40px;list-style:none;background-color:#e6e9ed;margin-bottom:20px}

.breadcrumb-arrow li:first-child a{border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px}

.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span{display: inline-block; vertical-align: top}

.breadcrumb-arrow li:not(:first-child){margin-left:-5px}

.breadcrumb-arrow li+li:before{padding:0;content:""}

.breadcrumb-arrow li span{padding:0 10px}

.breadcrumb-arrow li a,.breadcrumb-arrow li:not(:first-child) span{height:40px;padding:0 10px 0 25px;line-height:40px}

.breadcrumb-arrow li:first-child a{padding:0 10px}

.breadcrumb-arrow li a{position:relative;color:#fff;text-decoration:none;background-color:#c72;border:1px solid #c72}

.breadcrumb-arrow li:first-child a{padding-left:10px}

.breadcrumb-arrow li a:after,

.breadcrumb-arrow li a:before{position:absolute;top:-2px;width:0;height:0;content:'';border-top:21px solid transparent;border-bottom:21px solid transparent}

.breadcrumb-arrow li a:before{right:-10px;z-index:3;border-left-color:#c72;border-left-style:solid;border-left-width:11px}

.breadcrumb-arrow li a:after{right:-11px;z-index:2;border-left:11px solid #fff}

.breadcrumb-arrow li span{color:#000}