@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

@font-face {
  font-family: 'soda_shakeregular';
  src: url('../webfonts/soda_shake-webfont.woff2') format('woff2'),
       url('../webfonts/soda_shake-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'baloo_thambiregular';
  src: url('../webfonts/baloothambi-regular-webfont.woff2') format('woff2'),
       url('../webfonts/baloothambi-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu_sansregular';
  src: url('../webfonts/ubuntusans-regular-webfont.woff2') format('woff2'),
       url('../webfonts/ubuntusans-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu_sansitalic';
  src: url('../webfonts/ubuntusans-italic-webfont.woff2') format('woff2'),
       url('../webfonts/ubuntusans-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'ubuntu_sansbold';
  src: url('../webfonts/ubuntusans-bold-webfont.woff2') format('woff2'),
       url('../webfonts/ubuntusans-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'yanone_kaffeesatzbold';
  src: url('../webfonts/yanonekaffeesatz-bold-webfont.woff2') format('woff2'),
       url('../webfonts/yanonekaffeesatz-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'yanone_kaffeesatzregular';
  src: url('../webfonts/yanonekaffeesatz-regular-webfont.woff2') format('woff2'),
       url('../webfonts/yanonekaffeesatz-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

*:focus {
    outline: none;
}

/* webkit-scrollbar style */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  background-color:#f6c897;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
    border: 2px solid #A62A2A;
    box-shadow: inset 1px 1px 5px #A62A2A;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #575656 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #575656 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #575656 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #575656 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #575656 !important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #575656 !important;
}

.no-js #loader{display:none;}
.js #loader{display:block;position:absolute;left:100px;top:0;}
.se-pre-con{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:url(../images/Preloader_8.gif) center no-repeat #fff;}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);scroll-behavior: smooth;}
:root{overflow-x:hidden!important;}
body{font-family: 'ubuntu_sansregular', sans-serif;font-size:13px;line-height:21px;font-weight:300;color:#666;background:#FFF;overflow:hidden;}
strong, b{font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;}
img{max-width:100%;height:auto;}
ul, ol{list-style:none;}
ul{padding:0;margin:0;}
a{transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out;-webkit-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;}
a:focus, a:hover{color:#FFF;text-decoration:none;}
a:hover{color:#444;}
a, a:hover{text-decoration:none;}
i{font-size:1.1em;}
h1, h2, h3, h4, h5, h6{font-family: 'ubuntu_sansbold', sans-serif;font-weight:bold;margin:0;color:#444;}
h1{font-size:24px;line-height:30px;}
h2{font-size:22px;line-height:28px;}
h3{font-size:18px;line-height:24px;}
h4{font-size:16px;line-height:22px;}
h5{font-size:14px;line-height:20px;}
h6{font-size:12px;line-height:18px;}
.hcol-1{color:#A62A2A;}
.hcol-2{color:#000;}
.hcol-3{color:#2966b1;}
.hcol-4{color:#555;}
.hcol-5{color:#ccc;}
.hcol-6{color:#444;}
p{color:#666;font-size:13px;font-family: 'ubuntu_sansregular', sans-serif;line-height:22px;margin:10px 0px;}
p strong{font-weight:600;}
.accent-color-bg{color:#fff;}
.fittext{font-size:38px;font-weight:300;line-height:1.6em;margin-bottom:35px;color:rgba(0,0,0, 0.8);z-index:0;}
.fittext strong{font-weight:700;}
.page-content p{margin-bottom:15px;text-align:justify;}
.wite-text{color:#fff;}
.capitalize{text-transform:capitalize;}
.image-text{margin-right:10px;}
.tooltip .tooltip-inner{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;}
#content{padding:0px 0 0px;background-color:#fff;}
.bg-white{background-color:#fff;}
.bg-white p{color:#444 !important;}
#content-home{padding:0px 0 0px;}
#content.full-sections{padding:0;}
/* #content-home p{color: #A62A2A;} */
.address p {color: #444 !important;}
#content-home h4{color: #A62A2A;}
.content-top{margin-top:110px;}
.content-top-1{margin-top:107px;}
.section{position:relative;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important;}
.section.repeat-bg{background-repeat:repeat;-webkit-background-size:auto !important;-moz-background-size:auto !important;-o-background-size:auto !important;background-size:auto !important;}
.bg-parallax{background-attachment:fixed;}
.section-video{position:absolute;z-index:33;left:0;top:-100px;width:100% !important;max-width:100% !important;height:auto !important;}
.section-video object{display:block;width:100% !important;height:auto !important;}
.section-video img{display:block;width:100% !important;height:auto !important;}
.section-video-content{z-index:0;position:relative;opacity:0.98;}
.section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:34;opacity:0.7;}
.light-section{color:#fff;}
.light-section .testimonials{color:#666;}
.light-section .testimonials .testimonial-content p{color:#c4c4c4;}
#container{background-color:transparent}
.boxed-page{position:relative;width:1220px;margin:0 auto;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);-o-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);}
.boxed-page header{width:1220px;}
#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99999999999;}
.spinner{position:absolute;width:40px;height:40px;top:50%;left:50%;margin-left:-40px;margin-top:-40px;-webkit-animation:rotatee 2.0s infinite linear;animation:rotatee 2.0s infinite linear;}
.dot1, .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;-webkit-animation:bouncee 2.0s infinite ease-in-out;animation:bouncee 2.0s infinite ease-in-out;}
.dot2{top:auto;bottom:0px;-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
@-webkit-keyframes rotatee{100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotatee{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes bouncee{0%, 100%{-webkit-transform:scale(0.0)}
50%{-webkit-transform:scale(1.0)}
}
@keyframes bouncee{0%, 100%{transform:scale(0.0);-webkit-transform:scale(0.0);}
50%{transform:scale(1.0);-webkit-transform:scale(1.0);}
}
header{/* position:fixed; */top:0;width:100%;z-index:1;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.fixed-header{opacity:0.95;box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.2);-o-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.2);}
.top-bar{background-color:#fff;border-bottom:1px solid #f2f2f2;}
.top-bar.color-bar{border-bottom:0;}
.top-bar.color-bar a{color:rgba(255,255,255,.6);}
.top-bar.color-bar a:hover{color:rgba(255,255,255,1) !important;}
.top-bar.color-bar ul.social-list li a i{border-left:1px solid rgba(255,255,255,.1);}
.top-bar.color-bar ul.social-list li:last-child a i{border-right:1px solid rgba(255,255,255,.1);}
.top-bar.color-bar .contact-details li a:before{color:rgba(255,255,255,.2);}
.top-bar.color-bar {background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.top-bar.dark-bar{background-color:#444;border-bottom:0;}
.top-bar.dark-bar a{color:rgba(255,255,255,.4);}
.top-bar.dark-bar a:hover{color:rgba(255,255,255,1) !important;}
.top-bar.dark-bar ul.social-list li a i{border-left:1px solid rgba(255,255,255,.08);}
.top-bar.dark-bar ul.social-list li:last-child a i{border-right:1px solid rgba(255,255,255,.08);}
.top-bar.dark-bar .contact-details li a:before{color:rgba(255,255,255,.2);}
.top-bar a{color:#666;}
.top-bar .contact-details li{display:inline-block;}
.pull-l{float:left!important;margin-right:0px}
.pull-r{float:right!important;margin-left:0px}
.top-bar .contact-details li a:before{position:relative;content:"|";font-size:13px;margin:0 3px;top:-1px;color:#ddd;}
.top-bar .contact-details li a:before{color:#666;}
.top-bar .contact-details li:first-child a:before{display:none;}
.top-bar .contact-details li a{font-size:12px;display:block;line-height:32px;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;}
ul.social-list{float:right;}
ul.social-list li{float:left;}
ul.social-list li a{display:inline-block;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
ul.social-list li a:hover{color:#fff;}
ul.social-list li a.facebook:hover{background-color:#507CBE;}
ul.social-list li a.twitter:hover{background-color:#63CDF1;}
ul.social-list li a.google:hover{background-color:#F16261;}
ul.social-list li a.dribbble:hover{background-color:#E46387;}
ul.social-list li a.linkdin:hover{background-color:#90CADD;}
ul.social-list li a.tumblr:hover{background-color:#4D7EA3;}
ul.social-list li a.flickr:hover{background-color:#E474AF;}
ul.social-list li a.instgram:hover{background-color:#4D4F54;}
ul.social-list li a.vimeo:hover{background-color:#87D3E0;}
ul.social-list li a.skype:hover{background-color:#36C4F3}
ul.social-list li a i{font-size:1em;display:block;width:34px;height:33px;line-height:33px;text-align:center;border-left:1px solid #f2f2f2;}
ul.social-list li:last-child a i{border-right:1px solid #f2f2f2;}
.page_head{padding:10px 0 10px;clear:both;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.page_title h2{color:#181818;background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30);float:left;font-size:11px;font-weight:600;padding:2px 5px;text-transform:capitalize;border-left:3px solid #A62A2A;}
#breadcrumbs{background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30);float:right;font-size:16px;border-left:3px solid #A62A2A;border-radius: 4px;}
#breadcrumbs ul{font-size:11px;padding:5px 5px;margin:0;}
#breadcrumbs ul li{display:inline-block;font-size:11px;padding:0 11px 1px 0;margin:0;margin-right: 4px;background:url(../images/breadcrumbs.png) no-repeat 100% 50%;color:#571a15;font-weight: bold;font-family: 'ubuntu_sansbold' !important;}
#breadcrumbs ul li a{color:#571a15;font-size:11px;}
#breadcrumbs ul li:last-child{background:none;padding:0;}
#menu-bar{position:relative;z-index:1089;min-height:52px;transition:all0.9s ease-in-out;-moz-transition:all0.9s ease-in-out;-webkit-transition:all0.9s ease-in-out;-o-transition:all0.9s ease-in-out;/* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */}
#logo{margin-top:3%;}
#logo img{padding-left:5px;max-height:110px;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s;position:absolute;margin-top:-20px;display:inline-block;text-align:center;vertical-align:middle;float:left;z-index:1;}
#logo > h1{margin:0;display:inline-block;}
.content{padding:30px 0 60px;position:relative;}
.sub_content{padding:10px 0;}
.navbar-default{background:transparent;}
.navbar-collapse.collapse{float:right;}
.navbar-nav > li > ul.dropdown-menu{top:50px!important;left: 0px !important;}
.navbar-toggle{background:#405b5d;border:none;padding:10px 10px;border-radius:3px;margin-top:5px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#303436;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;height:3px;}
.navbar{margin-bottom:0;min-height:35px;border:none;}
.navbar-default .navbar-nav > li:first-child{border-left:none;}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{background:transparent;color:#fff!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > 
.nav.navbar-nav > li.nav-item.active > a {border: 0px solid #9fc9a2;border-bottom: 1px solid #ffffff !important;background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15);color: #fff !important;}
.nav.navbar-nav > li:hover > a{border: 0px solid #A62A2A;}
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header{padding-left:35px;}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header{padding-left:45px;}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header{padding-left:55px;}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header{padding-left:60px;}
.navbar-nav .dropdown-menu{border:0;}
.navbar-nav .dropdown-menu > li > a{white-space:normal;font-size:10px;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;padding:5px 5px;border-bottom:1px solid #571a15;position:relative;color: #000;}
.navbar-nav > li > .dropdown-menu > li a{transition:all 0.3s ease 0s;}
.navbar-nav .dropdown-menu > li > a:hover,.navbar-nav .dropdown-menu > li > a:active{color:#fff !important; background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15);font-weight: bold;font-family: 'ubuntu_sansbold' !important;}
.navbar-nav ul.sm-nowrap > li > a{white-space:pre-wrap;}
.navbar-nav .collapsible ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a{white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{border-color:transparent!important;}
.sticky-wrapper {
  height: 0px !important;
  transition: .6s;
}

ul.breadcrumbs{float:right;}
.no-subtitle ul.breadcrumbs{margin-top:4px;}
ul.breadcrumbs li{font-family: 'ubuntu_sansregular', sans-serif;font-size:13px;font-weight:300;margin-left:3px;color:#999;float:left;}
ul.breadcrumbs li:before{content:'/';margin:0 4px 0 2px;color:#bbb;}
ul.breadcrumbs li:first-child{margin:0;}
ul.breadcrumbs li:first-child:before{content:'';margin:0;}
ul.breadcrumbs li a{color:#666;font-weight:600;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
label{font-size:13px;color:#666;font-weight:300;cursor:pointer;}
.mail_response{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px;}
.name-missing, .email-missing, .message-missing{opacity:0;color:#ED2C3A;margin-left:10px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.error-page{padding:90px 0;text-align:center;}
.error-page h1{font-size:160px;line-height:140px;font-weight:700;color:#333;}
.error-page h3{font-size:64px;line-height:70px;font-weight:300;}
.error-page p{font-size:22px;line-height:28px;color:#666;margin-bottom:25px}
#map{position:relative;height:350px;width:100%;}
.margin-60{margin-top:30px;margin-bottom:30px;}
.margin-top{margin-top:30px;}
.hr1{height:1px;}
.hr2{height:0;border-bottom:1px solid #eee;}
.hr3{height:0;border-bottom:1px dotted #eee;}
.hr4{height:0;border-bottom:1px dashed #eee;}
.hr5{height:1px;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));}
.partner{padding-bottom:60px;}
.clients-carousel .client-item a{display:block;padding:12px 0;text-align:center;}
.clients-carousel .client-item a img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:grayscale(100%);transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.clients-carousel:hover .client-item a img{opacity:0.6;}
.clients-carousel:hover .client-item a:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);filter:none;opacity:1;}
.call-action-boxed{padding:30px 40px;}
.call-action.no-descripton h2.primary{margin-top:4px;}
.call-action h2.primary{font-weight:500;}
.call-action h2.primary strong{font-weight:700;}
.call-action p{font-size:14px;margin-bottom:0;}
.call-action h2 + p{margin-top:4px;}
.call-action .button-side{float:right;}
.call-action-style1{border:1px solid #e8e8e8;box-shadow:0 0 25px rgba(0,0,0,.04) inset;-o-box-shadow:0 0 25px rgba(0,0,0,.04) inset;-moz-box-shadow:0 0 25px rgba(0,0,0,.04) inset;-webkit-box-shadow:0 0 25px rgba(0,0,0,.04) inset;}
.call-action-style2{background:#f2f2f2;}
.call-action-style3{background:#444;}
.call-action-style3 h2.primary{color:#fff;}
.call-action-style3 p{color:#bbb;}
.custom-carousel .item{padding-right:20px;}
.custom-carousel.show-one-slide .item{padding-right:0;}
.latest-posts-classic .post-row{margin-bottom:20px;}
.latest-posts-classic .left-meta-post{float:left;text-align:center;margin-right:12px;margin-bottom:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;overflow:hidden;}
.latest-posts-classic .left-meta-post .post-date{padding:8px 0;width:42px;background-color:#444;color:#fff;}
.latest-posts-classic .left-meta-post .post-date .day{font-size:20px;font-weight:700;display:block;letter-spacing:1px;}
.latest-posts-classic .left-meta-post .post-date .month{display:block;text-transform:capitalize;line-height:14px;font-size:11px;letter-spacing:1px;}
.latest-posts-classic .left-meta-post .post-type i{display:block;height:40px;line-height:39px;width:42px;color:#fff;font-size:1.4em;}
.latest-posts-classic .post-title{margin-bottom:5px;}
.latest-posts-classic .post-title a{color:#444;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.latest-posts-classic .read-more{transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.latest-posts-classic .read-more:hover{color:#444;}
.dropcap{display:block;float:left;font-size:40px;line-height:34px;margin:6px 8px 0 0;}
.dropcap.border-dropcap{border:2px solid #444;width:46px;height:46px;font-size:28px;font-weight:500;line-height:42px;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;margin:8px 12px 0 0;}
.dropcap.bg-dropcap{background-color:#444;color:#fff;width:48px;height:48px;font-size:28px;font-weight:500;line-height:48px;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;margin:8px 12px 0 0;}
.dropcap.circle-dropcap{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.milestone-block{display:inline-block;margin-bottom:25px;margin-right:50px;}
.milestone-block:last-child{margin-right:0;}
.milestone-block .milestone-icon{float:left;width:48px;height:48px;line-height:48px;text-align:center;margin-right:9px;margin-bottom:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;position:relative;}
.milestone-block .milestone-icon:after{content:"";display:block;width:8px;height:8px;position:absolute;top:21px;right:-2px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.milestone-block .milestone-icon i{font-size:2em;color:#fff;}
.milestone-block .milestone-right{float:left;text-align:left;}
.milestone-block .milestone-number{font-size:26px;line-height:28px;font-weight:500;}
.milestone-block .milestone-text{font-size:18px;color:#444;}
.pricing-tables{padding:25px 0;text-align:center;}
.pricing-tables .pricing-table{border:1px solid #e4e4e4;text-align:center;position:relative;background-color:#fff;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.pricing-tables .pricing-table:hover{z-index:0;top:-3px;box-shadow:0 0 8px rgba(0,0,0,0.1);-moz-box-shadow:0 0 8px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.1);-o-box-shadow:0 0 8px rgba(0,0,0,0.1);}
.pricing-tables .highlight-plan{margin:-15px 0;margin-right:-1px;z-index:0;box-shadow:0 0 6px rgba(0,0,0,0.06);-moz-box-shadow:0 0 6px rgba(0,0,0,0.06);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.06);-o-box-shadow:0 0 6px rgba(0,0,0,0.06);}
.pricing-tables .pricing-table.highlight-plan .plan-name{padding:25px 0;}
.pricing-tables .pricing-table.highlight-plan .plan-name h3{color:#fff;}
.pricing-tables .pricing-table.highlight-plan .plan-signup{padding:30px 0;}
.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn{border-color:#fff;color:#fff;}
.pricing-table .plan-name{padding:15px 0;box-shadow:0 0 20px rgba(0,0,0,.04) inset;-o-box-shadow:0 0 20px rgba(0,0,0,.04) inset;-moz-box-shadow:0 0 20px rgba(0,0,0,.04) inset;-webkit-box-shadow:0 0 20px rgba(0,0,0,.04) inset;border-bottom:1px solid #eee;}
.pricing-table .plan-name h3{font-weight:700;color:#666;text-transform:capitalize;}
.pricing-table .plan-price{padding:25px 0;}
.pricing-table .plan-price .price-value{font-size:38px;line-height:40px;font-weight:600;color:#444;}
.pricing-table .plan-price .price-value span{font-size:18px;font-weight:300;line-height:18px;}
.pricing-table .plan-price .interval{line-height:14px;}
.pricing-table .plan-list li{padding:8px;font-size:12px;border-bottom:1px solid #eee;}
.pricing-table .plan-list li:first-child{border-top:1px solid #eee;}
.pricing-table .plan-signup{padding:25px 0;box-shadow:0 0 20px rgba(0,0,0,.06) inset;-o-box-shadow:0 0 20px rgba(0,0,0,.06) inset;-moz-box-shadow:0 0 20px rgba(0,0,0,.06) inset;-webkit-box-shadow:0 0 20px rgba(0,0,0,.06) inset;}
.pricing-table .plan-signup a{text-transform:capitalize;}
.btn{border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;/* height: 23px; */}
.btn-system{display:inline-block;color:#fff;margin-right:5px;font-weight:300;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;box-shadow:0 4px 0 rgba(0,0,0,0.1) inset;-o-box-shadow:0 4px 0 rgba(0,0,0,0.1) inset;-moz-box-shadow:0 4px 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1) inset;border:0;text-transform:capitalize;font-weight:400;}
.btn-system:last-child{margin-right:0;}
.btn-system{font-size:1em;width:auto;}
.btn-system.border-btn{background-color:transparent;border:1px solid;box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.btn-system:hover{color:#fff;opacity:0.8;}
.btn-system.border-btn:hover{opacity:1;color:#fff;}
.btn-system.border-btn.btn-gray:hover{background-color:#444;color:#fff;}
.btn-system.border-btn.btn-black:hover{background-color:#111;color:#fff;}
.btn-system.border-btn.btn-wite:hover{background-color:#fff;}
.btn-system.btn-gray{background-color:#444;}
.btn-system.btn-black{background-color:#111;}
.btn-system.btn-wite{background-color:#fff;}
.btn-system.border-btn.btn-gray{background-color:transparent;border:1px solid #444;color:#444;}
.btn-system.border-btn.btn-black{background-color:transparent;border:1px solid #111;color:#111;}
.btn-system.border-btn.btn-wite{background-color:transparent;border:1px solid #fff;color:#fff;}
.btn-large{font-size:14px;padding:9px 22px;}
.btn-medium{font-size:14px;padding:7px 18px;}
.btn-small{padding:5px 15px;}
.btn-mini{padding:3px 12px;}
.btn-large.border-btn{padding:8px 22px;}
.btn-medium.border-btn{padding:6px 18px;}
.btn-small.border-btn{padding:4px 15px;}
.btn-mini.border-btn{padding:2px 12px;}
.alert{}
.alert-success p{color:#468847;}
.alert-info p{color:#3a87ad;}
.alert-warning p{color:#c09853;}
.alert-danger p{color:#a94442;}
.alert h4{margin-bottom:10px;}
.alert strong{font-weight:700;}
.easyPieChart{font-size:24px;font-weight:400;position:relative;text-align:center;display:inline-block;margin:0 80px 20px 0;overflow:hidden;}
.easyPieChart:last-child{margin-right:0;}
.easyPieChart span{color:#666;line-height:20px;font-size:13px;font-weight:700}
.easyPieChart i{position:absolute;width:100%;top:-2px;right:0;display:block;font-size:3.5em;color:rgba(0,0,0,.05);text-align:center;}
.easyPieChart canvas{position:absolute;top:0;left:0;}
ul.icons-list{margin-bottom:6px;}
ul.icons-list li, ul.list-unstyled li{margin-bottom:4px;font-size:15px;text-align:justify;}
ul.icons-list li i{font-size:14px;margin-right:4px;}
.nav-tabs{border-color:#eee;}
.nav-tabs > li > a{font-weight:600;color:#666;padding:8px 14px;border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border:1px solid #eee;border-bottom:none;box-shadow:0 0 15px rgba(0,0,0,.04) inset;-o-box-shadow:0 0 15px rgba(0,0,0,.04) inset;-moz-box-shadow:0 0 15px rgba(0,0,0,.04) inset;-webkit-box-shadow:0 0 15px rgba(0,0,0,.04) inset;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.nav-tabs > li > a i{margin-right:1px;padding-right:5px;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff;border-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1) inset;-o-box-shadow:0 0 15px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 15px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1) inset;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-color:#eee;border-bottom-color:#fff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{box-shadow:0 0 0 rgba(0,0,0,.1) inset;-o-box-shadow:0 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 0 rgba(0,0,0,.1) inset;}
.tab-content{border:1px solid #eee;border-top:none;padding:12px 16px;background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);}
.tab-content p{margin-bottom:15px;}
.tab-content p:last-child{margin-bottom:0;}
.section{padding-top:80px;padding-bottom:80px;}
.icon-small{font-size:2em;color:#444;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.icon-small:hover, .service-box:hover .icon-small{text-shadow:5px 5px 2px rgba(255,255,255,0);}
.icon-medium{font-size:2.5em;color:#666;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.icon-medium:hover, .service-box:hover .icon-medium{text-shadow:5px 5px 2px rgba(255,255,255,0);}
.icon-large{font-size:3em;color:#666;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.icon-large:hover, .service-box:hover .icon-large{text-shadow:5px 5px 2px rgba(255,255,255,0);}
.icon-mini-effect{position:relative;display:block;z-index:1;font-size:1.2em;color:#fff;top:4px;width:32px;height:32px;line-height:32px;text-align:center;margin:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.icon-medium-effect{position:relative;display:block;z-index:1;font-size:2em;color:#fff;width:64px;height:64px;line-height:64px;text-align:center;margin:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.icon-large-effect{position:relative;display:block;z-index:1;font-size:2.6em;color:#fff;width:80px;height:80px;line-height:80px;text-align:center;margin:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.icon-mini-effect:after, .icon-medium-effect:after, .icon-large-effect:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.icon-effect-1{background-color:#fff;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;transition:color 0.4s;}
.gray-icon.icon-effect-1{box-shadow:0 0 0 3px #444;-o-box-shadow:0 0 0 3px #444;-moz-box-shadow:0 0 0 3px #444;-webkit-box-shadow:0 0 0 3px #444;}
.icon-effect-1:after{top:-2px;left:-2px;padding:2px;z-index:-1;-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;-moz-transition:-moz-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.gray-icon.icon-effect-1:after{background:#444;}
.icon-effect-1.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-1{color:#444;}
.icon-effect-1:hover:after, .service-box:hover .icon-effect-1:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;}
.icon-effect-2{background:#fff;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;transition:color 0.4s;}
.gray-icon.icon-effect-2{color:#444;box-shadow:0 0 0 3px #444;-o-box-shadow:0 0 0 3px #444;-moz-box-shadow:0 0 0 3px #444;-webkit-box-shadow:0 0 0 3px #444;}
.icon-effect-2:after{top:-2px;left:-2px;padding:2px;z-index:-1;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;-moz-transition:-moz-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
.gray-icon.icon-effect-2:after{background:#444;}
.icon-effect-2:hover, .service-box:hover .icon-effect-2, .icon-effect-2.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-2{color:#fff;}
.icon-effect-2:hover:after, .service-box:hover .icon-effect-2:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.icon-effect-3{background:#fff;}
.gray-icon.icon-effect-3{color:#444;box-shadow:0 0 0 3px #444;-o-box-shadow:0 0 0 3px #444;-moz-box-shadow:0 0 0 3px #444;-webkit-box-shadow:0 0 0 3px #444;}
.icon-effect-3:hover:before, .service-box:hover .icon-effect-3:before{-webkit-animation:toRightFromLeft 0.4s forwards;-moz-animation:toRightFromLeft 0.4s forwards;animation:toRightFromLeft 0.4s forwards;}
@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%);}
50%{opacity:0;-webkit-transform:translate(-100%);}
51%{opacity:1;}
}
@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%);}
50%{opacity:0;-moz-transform:translate(-100%);}
51%{opacity:1;}
}
@keyframes toRightFromLeft{49%{transform:translate(100%);}
50%{opacity:0;transform:translate(-100%);}
51%{opacity:1;}
}
.icon-effect-4{background:#fff;}
.gray-icon.icon-effect-4{color:#444;box-shadow:0 0 0 3px #444;-o-box-shadow:0 0 0 3px #444;-moz-box-shadow:0 0 0 3px #444;-webkit-box-shadow:0 0 0 3px #444;}
.icon-effect-4:hover:before, .service-box:hover .icon-effect-4:before{-webkit-animation:toLeftFromRight 0.4s forwards;-moz-animation:toLeftFromRight 0.4s forwards;animation:toLeftFromRight 0.4s forwards;}
@-webkit-keyframes toLeftFromRight{49%{-webkit-transform:translate(-100%);}
50%{opacity:0;-webkit-transform:translate(100%);}
51%{opacity:1;}
}
@-moz-keyframes toLeftFromRight{49%{-moz-transform:translate(-100%);}
50%{opacity:0;-moz-transform:translate(100%);}
51%{opacity:1;}
}
@keyframes toLeftFromRight{49%{transform:translate(-100%);}
50%{opacity:0;transform:translate(100%);}
51%{opacity:1;}
}
.icon-effect-5{background:#fff;}
.gray-icon.icon-effect-5{color:#444;box-shadow:0 0 0 3px #444;-o-box-shadow:0 0 0 3px #444;-moz-box-shadow:0 0 0 3px #444;-webkit-box-shadow:0 0 0 3px #444;}
.icon-effect-5:hover:before, .service-box:hover .icon-effect-5:before{-webkit-animation:toTopFromBottom 0.4s forwards;-moz-animation:toTopFromBottom 0.4s forwards;animation:toTopFromBottom 0.4s forwards;}
@-webkit-keyframes toTopFromBottom{49%{-webkit-transform:translateY(-100%);}
50%{opacity:0;-webkit-transform:translateY(100%);}
51%{opacity:1;}
}
@-moz-keyframes toTopFromBottom{49%{-moz-transform:translateY(-100%);}
50%{opacity:0;-moz-transform:translateY(100%);}
51%{opacity:1;}
}
@keyframes toTopFromBottom{49%{transform:translateY(-100%);}
50%{opacity:0;transform:translateY(100%);}
51%{opacity:1;}
}
.icon-effect-6{background:#fff;}
.gray-icon.icon-effect-6{color:#444;box-shadow:0 0 0 3px #444;-o-box-shadow:0 0 0 3px #444;-moz-box-shadow:0 0 0 3px #444;-webkit-box-shadow:0 0 0 3px #444;}
.icon-effect-6:hover:before, .service-box:hover .icon-effect-6:before{-webkit-animation:toBottomFromTop 0.4s forwards;-moz-animation:toBottomFromTop 0.4s forwards;animation:toBottomFromTop 0.4s forwards;}
@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%);}
50%{opacity:0;-webkit-transform:translateY(-100%);}
51%{opacity:1;}
}
@-moz-keyframes toBottomFromTop{49%{-moz-transform:translateY(100%);}
50%{opacity:0;-moz-transform:translateY(-100%);}
51%{opacity:1;}
}
@keyframes toBottomFromTop{49%{transform:translateY(100%);}
50%{opacity:0;transform:translateY(-100%);}
51%{opacity:1;}
}
.service-box .read-more{margin-top:4px;font-weight:500;margin-left:2px;}
.service-box .read-more i{display:inline-block;position:relative;top:1px;}
.image-service-box img{margin-bottom:14px;}
.image-service-box h4{margin-bottom:8px;padding:0 10px;font-weight:400;}
.image-service-box p{padding:0 10px;}
.service-box{margin-bottom:35px;}
.service-center{text-align:center;}
.service-icon-left .service-icon{float:left;}
.service-icon-left .service-content{padding-left:45px;}
.service-icon-left-more .service-icon{float:left;}
.service-icon-left-more .service-content{padding-left:60px;}
.service-center .service-icon{margin-bottom:14px;}
.service-center .service-content h4{margin-bottom:6px;font-weight:500;}
.service-center .service-icon i{display:inline-block;}
.service-box h4{margin-bottom:5px;font-weight:400;}
.service-box > div:first-child{padding:0;}
.service-boxed{margin-top:30px;padding:0 15px 20px 15px !important;border:1px solid #eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.service-boxed:hover{border-color:#e2e2e2;box-shadow:0 0 6px rgba(201, 186, 186, 0.1);-o-box-shadow:0 0 6px rgba(0,0,0,.1);-moz-box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);}
.service-boxed p{margin-bottom:0;}
.testimonials{padding-top:8px;text-align:center;position:relative;}
.testimonials .testimonial-content p{font-family: 'ubuntu_sansregular', sans-serif;font-size:24px;line-height:36px;font-style:italic;font-weight:400;color:#444;}
.testimonials .testimonial-content{position:relative;}
.testimonials .testimonial-content p::before{content:open-quote;margin-right:6px;}
.testimonials .testimonial-content p::after{content:close-quote;margin-left:6px;}
.testimonials .testimonial-author{padding:8px;margin-bottom:10px;}
.classic-testimonials .testimonial-content{position:relative;padding:14px 18px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;margin-bottom:10px;border:1px solid #e8e8e8;box-shadow:0 0 20px rgba(0,0,0,.04) inset;-o-box-shadow:0 0 20px rgba(0,0,0,.04) inset;-moz-box-shadow:0 0 20px rgba(0,0,0,.04) inset;-webkit-box-shadow:0 0 20px rgba(0,0,0,.04) inset;}
.classic-testimonials .testimonial-content:before{content:"\201C";font-weight:300;position:absolute;font-size:30px;opacity:0.5;top:8px;left:6px;}
.classic-testimonials .testimonial-author{margin-left:10px;}
.classic-testimonials .testimonial-author span{font-weight:600;}
.team-member{padding:3px;position:relative;}
.team-member .member-photo{padding:3px;border:1px solid #eee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;position:relative;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.team-member .member-photo .member-name{position:absolute;bottom:12px;right:10px;color:#fff;font-size:14px;font-weight:700;padding:5px 14px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;background-color:#444;z-index:9994;}
.team-member .member-photo .member-name span{position:absolute;top:90%;right:0;color:#fff;font-size:13px;font-weight:300;padding:1px 10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;}
.team-member .member-info{padding:15px 6px 12px 6px;}
.team-member .member-socail{//text-align:center;}
.team-member .member-socail a i{color:#fff;width:28px;height:28px;line-height:28px;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;display:inline-block;background-color:#d2d2d2;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.team-member .member-socail a.facebook:hover i{background-color:#507CBE;}
.team-member .member-socail a.twitter:hover i{background-color:#63CDF1;}
.team-member .member-socail a.gplus:hover i{background-color:#F16261;}
.team-member .member-socail a.dribbble:hover i{background-color:#E46387;}
.team-member .member-socail a.linkedin:hover i{background-color:#90CADD;}
.team-member .member-socail a.flickr:hover i{background-color:#E474AF;}
.team-member .member-socail a.instagramm:hover i{background-color:#4D4F54;}
.team-member.modern .member-info{padding:14px 0;}
.team-member.modern .member-photo{position:relative;padding:0px;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
.team-member.modern .member-photo:after{content:"";display:block;width:100%;height:calc(100% + 1px);opacity:0;position:absolute;top:0;left:0;z-index:9993;transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;}
.team-member.modern:hover .member-photo:after{opacity:0.5;width:100%;height:100%;}
.team-member.modern .progress{height:3px;border-width:2px;margin-bottom:6px;}
.team-member.modern .progress-label{font-size:12px;line-height:2em;font-weight:700;}
.team-member.modern .progress span{display:none;}
.team-member.modern .member-socail{margin-top:15px;}
.team-member.modern .member-socail a i{background-color:transparent;color:#666;}
.team-member.modern .member-socail a:hover i{color:#fff;}
.classic-title h4{margin-bottom:5px;text-transform:none;}
.classic-title h4 span{padding-bottom:7px;font-size:15px;font-weight: bold;font-family: 'ubuntu_sansbold' !important;}
.classic-title h5{margin-bottom:5px;text-transform:none;padding-bottom:7px;color:000;}
.classic-title h5 span{padding-bottom:5px;font-size:15px;border-bottom:2px solid rgb(80 134 101);}
.classic-title h6{margin-bottom:5px;margin-top:12px;/* border-bottom:2px solid #FFF; */font-weight:300;text-transform:none;color:#000;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;padding-bottom:7px;text-align:left;width:100%;font-size:14px;}
.classic-title h6 span{padding-bottom:7px;border-bottom:0px solid #A62A2A;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;}
.list_style{padding-left:30px;}
.list_style ul{padding-top:10px;}
.list_style li{padding-top:10px;font-size:15px;}
.big-title{margin-bottom:20px;}
.big-title h1{font-size:26px;line-height:32px;font-weight:300;}
.big-title h2{font-size:20px;line-height:26px;font-weight:300;}
.big-title h1 strong, .big-title h2 strong{font-weight:400;}
.big-title .title-desc{font-size:16px;line-height:22px;color:#666;text-align:center;}
.big-title h2 + .title-desc, .big-title h1 + .title-desc{margin-top:4px;}
.portfolio-filter{margin-bottom:30px;}
.portfolio-filter li{display:inline-block;margin-right:2px;}
.portfolio-filter li a{color:#666;display:inline-block;padding:5px 14px;border:1px solid #eee;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.portfolio-filter li a:hover{border-color:#ddd;}
.portfolio-filter li a.selected, .portfolio-filter li a.selected:hover{color:#fff;}
.portfolio-item{margin-bottom:30px;}
.portfolio-4{margin-left:5px;}
.portfolio-4 .portfolio-item{width:24.99%!important;padding-left:10px;padding-right:10px;margin-bottom:22px;}
.portfolio-item .portfolio-border{padding:3px;border:1px solid #eee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;overflow:hidden;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.portfolio-item:hover .portfolio-border{box-shadow:0 1px 3px #f8f8f8;-o-box-shadow:0 1px 3px #f8f8f8;-moz-box-shadow:0 1px 3px #f8f8f8;-webkit-box-shadow:0 1px 3px #f8f8f8;}
.portfolio-item .portfolio-thumb{position:relative;overflow:hidden;}
.portfolio-item .portfolio-thumb .thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.portfolio-item:hover .portfolio-thumb .thumb-overlay{background:rgba(255,255,255,0.5);}
.portfolio-item .portfolio-thumb .thumb-overlay i{color:rgba(255,255,255,0);position:absolute;top:42%;left:50%;display:block;margin-left:-27px;margin-top:-19px;font-size:3em;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.portfolio-item:hover .portfolio-thumb .thumb-overlay i{top:50%;color:#444;}
.portfolio-item .portfolio-details{position:relative;padding:9px 12px 6px 12px;}
.portfolio-item .portfolio-details .like-link{position:absolute;right:8px;top:50%;margin-top:-9px;}
.portfolio-item .portfolio-details .like-link i, .portfolio-item .portfolio-details .like-link span{color:#666;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.portfolio-item .portfolio-details .like-link:hover i, .portfolio-item .portfolio-details .like-link:hover span{color:#F54B5C;}
.portfolio-item .portfolio-details .like-link i{padding-right:5px;}
.portfolio-item .portfolio-details h4{transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.portfolio-item .portfolio-details a span{color:#666;}
.portfolio-item .portfolio-details span:after{content:", ";margin-right:2px;}
.portfolio-item .portfolio-details span:last-child:after{content:"";}
.isotope-item{z-index:2;}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1;}
.isotope, .isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s;}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}
.campaign{background:#f1f1f1;padding:30px 0;}
.campaign img{max-width:100%;}
/* .text-center{margin-bottom:35px;} */
.mosaicflow__column{float:left;}
.mosaicflow__item{position:relative;margin-left:20px;margin-right:20px;margin-bottom:20px;border:solid 2px transparent;box-shadow: 0 10px 10px rgb(0 0 0 / 90%), 0 6px 16px rgb(0 0 0 / 90%);
}
.card {
  background: #fff;
  padding: 10px;
  display: inline-block;
}
.mosaicflow__item img{display:block;width:100%;max-width:500px;height:auto;}
.mosaicflow__item p{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:5px;background:hsla(0,0%,0%,.5);color:#fff;font-size:14px;text-shadow:1px 1px 1px hsla(0,0%,0%,.75);opacity:0;-webkit-transition:all 0.4s cubic-bezier(0.23,1,0.32,1);-moz-transition:all 0.4s cubic-bezier(0.23,1,0.32,1);-o-transition:all 0.4s cubic-bezier(0.23,1,0.32,1);transition:all 0.4s cubic-bezier(0.23,1,0.32,1);}
.mosaicflow__item:hover p{opacity:1;}
#gallery-list .service-item{text-align:center;}
#gallery-list .service-item .service-item-dets{background:#2c3a4e;padding:5px;color:#FFF;}
#gallery-list .service-item .service-item-dets a, span{}
#gallery-list .service-item .carousel-thumb{display:block;padding:0px;position:relative;overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#gallery-list .service-item .carousel-thumb img{width:100%;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
#gallery-list .service-item .carousel-thumb .overlay{position:absolute;background-color:rgba(255, 255, 255, 0.8);text-align:center;top:0;left:0;z-index:0;bottom:-1px;right:0;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
#gallery-list .service-item .carousel-thumb .overlay i{position:absolute;top:70%;left:0;right:0;cursor:pointer;visibility:visible;width:40px;height:40px;font-size:16px;line-height:40px;margin:-20px auto;box-shadow:3px 6px 6px rgba(0, 0, 0, 0.25);opacity:0;z-index:99;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#gallery-list .service-item .carousel-thumb .overlay h4{position:absolute;top:10%;left:0;right:0;padding:5px;text-transform:capitalize;font-size:14px;}
#gallery-list .service-item .carousel-thumb:hover img{-webkit-transform:scale(1.3) rotate(3deg);-moz-transform:scale(1.3) rotate(3deg);-ms-transform:scale(1.3) rotate(3deg);-o-transform:scale(1.3) rotate(3deg);transform:scale(1.3) rotate(3deg);}
#gallery-list .service-item .carousel-thumb:hover{border-color:#3498db;}
#gallery-list .service-item .carousel-thumb:hover .overlay{opacity:1;visibility:visible;}
#gallery-list .service-item .carousel-thumb:hover i{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
#gallery-list .service-item .item-name{font-size:16px;line-height:16px;}
.project{padding-top:30px;}
.project-page{margin-bottom:50px;}
.project-slider{position:relative;}
.project-slider img{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;}
.project-slider .thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;background-color:rgba(0,0,0,0);transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.project-slider:hover .thumb-overlay{background:rgba(255,255,255,0.5);}
.project-slider .thumb-overlay i{font-size:3em;color:rgba(0,0,0,0);position:absolute;left:50%;top:42%;margin-left:-27px;margin-top:-19px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.project-slider:hover .thumb-overlay i{top:50%;color:#444;}
.project-content h4{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee;}
.project-content h4 span{padding-bottom:8px;border-bottom:1px solid;}
.project-content p, .project-content ul{margin-bottom:30px;}
.project-content ul li{margin-bottom:5px;}
.recent-projects h4.title{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee;}
.recent-projects h4.title span{padding-bottom:8px;border-bottom:1px solid;}
.projects-carousel{width:1150px !important;}
.projects-carousel .item{margin-right:15px;margin-bottom:0;}
.full-width-recent-projects .projects-carousel{width:100% !important;}
.full-width-recent-projects .projects-carousel .item{margin:0;}
.full-width-recent-projects .portfolio-item .portfolio-border{padding:0;border:0;border-radius:0;box-shadow:none;}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay{opacity:0.65;z-index:9994;}
.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i{top:25%;}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i{color:#fff;top:45%;}
.full-width-recent-projects .portfolio-item .portfolio-details{position:absolute;bottom:-10px;opacity:0;width:100%;z-index:9995;padding:0 20px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.full-width-recent-projects .portfolio-item:hover .portfolio-details{bottom:10px;opacity:1;}
.full-width-recent-projects .portfolio-item:hover .portfolio-details h4{color:rgba(255,255,255,.9);}
.full-width-recent-projects .portfolio-item .portfolio-details a span{color:rgba(255,255,255,.8);}
.full-width-recent-projects .portfolio-item .portfolio-details .like-link i, .full-width-recent-projects .portfolio-item .portfolio-details .like-link span{color:#fff;}
.blog-post{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #eee;}
.blog-post .post-head{overflow:hidden;position:relative;margin-bottom:16px;}
.blog-post .post-head .thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;background-color:rgba(0,0,0,0);transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.blog-post .post-head:hover .thumb-overlay{background-color:rgba(255,255,255,0.4);}
.blog-post .post-head .thumb-overlay i{font-size:3em;color:rgba(0,0,0,0);position:absolute;left:50%;top:42%;margin-left:-27px;margin-top:-19px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.blog-post .post-head:hover .thumb-overlay i{color:#444;top:50%;}
.blog-post .post-head img{max-width:100%;height:auto;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;}
.blog-post .post-content{padding-left:54px;position:relative;}
.blog-post .post-type{position:absolute;left:0;top:5px;width:36px;height:36px;line-height:36px;text-align:center;background-color:#444;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;}
.blog-post .post-type i{font-size:1.2em;color:#fff;}
.blog-post.quote-post .post-type{top:0;}
.post-content h2{margin-bottom:4px;}
.post-content h2 a{color:#444;font-weight:500;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.blog-post.quote-post .qoute-box{background:#444;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;padding:20px 25px;color:#fff;margin-bottom:10px;}
.blog-post.quote-post .qoute-box a{color:#999;}
.blog-post.quote-post .qoute-box h2{font-family: 'ubuntu_sansregular', sans-serif;font-size:18px;line-height:26px;font-style:italic;font-weight:400;color:#fff;margin-bottom:10px;}
.blog-post.quote-post .qoute-box .qoute-author{margin-left:5px;}
.blog-post.quote-post .qoute-box .qoute-author:before, .blog-post.quote-post .qoute-box .qoute-author:after{content:" - "}
.blog-post .post-slider{position:relative;}
ul.post-meta{margin-bottom:10px;}
ul.post-meta li{display:inline-block;}
ul.post-meta li:after{content:"-";margin:0 8px 0 8px;}
ul.post-meta li:last-child:after{content:"";margin:0;}
ul.post-meta li, ul.post-meta li a{color:#666;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.post-content p{margin-bottom:15px;}
#pagination span, #pagination a{display:inline-block;text-align:center;height:34px;width:34px;color:#666;line-height:33px;border:1px solid #eee;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
#pagination span.current{color:#fff;}
#pagination a:hover{border-color:#ddd;}
#pagination .all-pages, #pagination .next-page{width:auto;padding:0 14px;}
.blog-page, .blog-post-page{padding-top:5px;}
.blog-post-page .blog-post{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee;}
.blog-post-page ul.post-meta{margin-bottom:12px;}
.post-content h2{font-weight:500;}
.post-bottom{padding:20px 0;margin-bottom:20px;border-bottom:1px solid #f6f6f6;}
.post-tags-list{float:right;padding-top:6px;}
.post-tags-list a{display:inline-block;color:#666;font-size:12px;padding:2px 8px;background:#eee;margin-bottom:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.post-tags-list a:hover{color:#fff;}
.post-share{float:left;}
.post-share span{margin-right:4px;font-size:13px;color:#666;}
.post-share a{display:inline-block;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.post-share a.facebook{background-color:#507CBE;}
.post-share a.facebook:hover{background-color:#3E68A8;}
.post-share a.twitter{background-color:#63CDF1;}
.post-share a.twitter:hover{background-color:#36BFED;}
.post-share a.gplus{background-color:#F16261;}
.post-share a.gplus:hover{background-color:#EF4545;}
.post-share a.linkedin{background-color:#90CADD;}
.post-share a.linkedin:hover{background-color:#72BBD3;}
.post-share a i{width:32px;height:32px;line-height:32px;text-align:center;display:block;color:#fff;font-size:1em;}
.blog-post .author-info{display:block;margin-bottom:10px;}
.blog-post .author-info .author-image{float:left;}
.blog-post .author-info .author-image img{width:70px;height:70px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border:4px solid #eee;}
.blog-post .author-info .author-bio{padding-left:85px;}
.blog-post .author-info h4{margin-bottom:4px;font-weight:500;}
.blog-post .author-info p:last-child{margin:0;}
#comments .comments-list{padding:0;margin:0 0 35px 0;}
#comments .comments-title{font-weight:500;margin-bottom:20px;}
#comments .comments-list li .comment-box{padding:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;margin-bottom:20px;border:1px solid #e8e8e8;box-shadow:0 0 20px rgba(0,0,0,.04) inset;-o-box-shadow:0 0 20px rgba(0,0,0,.04) inset;-moz-box-shadow:0 0 20px rgba(0,0,0,.04) inset;-webkit-box-shadow:0 0 20px rgba(0,0,0,.04) inset;}
#comments .comments-list li ul{padding-left:80px;}
#comments .avatar{float:left;}
#comments .avatar img{width:60px;height:60px;padding:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border:1px solid #e8e8e8;}
#comments .comment-content{padding-left:72px;}
#comments .comment-content .comment-meta{margin-bottom:5px;}
.comment-content .comment-meta span:after{content:"-";margin:0 5px;font-weight:100;color:#666;}
.comment-content .comment-meta span:last-child:after{content:"";margin:0;}
.comment-content .comment-meta .comment-by{font-weight:600;color:#444;}
.comment-content .comment-meta .comment-date{color:#666;}
#respond .respond-title{font-weight:500;margin-bottom:15px;}
.sidebar{margin-bottom:30px;}
.sidebar a{color:#666;}
.sidebar .widget{overflow:hidden;margin-bottom:50px;}
.sidebar .widget ul{margin:0;}
.sidebar .widget h4{text-transform:capitalize;padding-bottom:8px;margin-bottom:16px;font-size:14px;font-weight:500;position:relative;}
.sidebar .widget h4 .head-line{position:absolute;bottom:0;left:0;display:block;width:50px;height:2px;background-color:#ddd;margin:0;}
.widget-categories ul li a{padding:8px 0;text-decoration:none;display:block;border-bottom:1px solid #eee;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.widget-categories ul li:first-child a{padding-top:0;}
.widget-categories ul li a:hover{padding-left:8px;}
.sidebar .widget-popular-posts li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;}
.sidebar .widget-popular-posts li:last-child{margin:0;padding:0;border:none;}
.sidebar .widget-popular-posts .widget-thumb{float:left;margin-right:8px;border:3px solid #eee;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;}
.sidebar .widget-popular-posts .widget-thumb img{width:65px;height:65px;opacity:1;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.sidebar .widget-popular-posts .widget-thumb:hover img{opacity:0.7;}
.sidebar .widget-popular-posts .widget-content h5{font-size:13px;line-height:19px;margin-bottom:5px;font-weight:300;}
.sidebar .widget-popular-posts .widget-content span{color:#bbb;font-size:12px;}
.sidebar .tagcloud a{display:inline-block;color:#666;font-size:12px;padding:4px 10px;background:#eee;margin-bottom:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.sidebar .tagcloud a:hover{color:#fff;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.grabbing{cursor:url(../images/icons/grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px;}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease;}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease;}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease;}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease;}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both;}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both;}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both;}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both;}
@-webkit-keyframes empty{0%{opacity:1}
}
@-moz-keyframes empty{0%{opacity:1}
}
@keyframes empty{0%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
}
@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px);}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
}
@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px);}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes backSlideIn{0%, 25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}
75%{opacity:.5;-webkit-transform:translateZ(-500px);}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);}
}
@-moz-keyframes backSlideIn{0%, 25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);}
75%{opacity:.5;-moz-transform:translateZ(-500px);}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0);}
}
@keyframes backSlideIn{0%, 25%{opacity:.5;transform:translateZ(-500px) translateX(200%);}
75%{opacity:.5;transform:translateZ(-500px);}
100%{opacity:1;transform:translateZ(0) translateX(0);}
}
@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8);}
}
@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8);}
}
@keyframes scaleToFade{to{opacity:0;transform:scale(.8);}
}
@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%);}
}
@-moz-keyframes goDown{from{-moz-transform:translateY(-100%);}
}
@keyframes goDown{from{transform:translateY(-100%);}
}
@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5);}
}
@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5);}
}
@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5);}
}
@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5);}
}
@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5);}
}
@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5);}
}
.owl-theme .owl-controls{text-align:center;}
.touch-slider .owl-controls .owl-buttons div{position:absolute;top:55%;height:50px;line-height:50px;display:inline-block;zoom:1;padding:0 1px;*display:inline;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;background:#444;filter:Alpha(Opacity=60);opacity:0.6;margin-top:-30px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.touch-slider:hover .owl-controls .owl-buttons div{filter:Alpha(Opacity=100);opacity:1;}
.touch-slider .owl-controls .owl-buttons div.owl-prev{left:0;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;}
.touch-slider .owl-controls .owl-buttons div.owl-next{right:0;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;}
.touch-slider .owl-controls .owl-buttons div i{font-size:1.8em;color:#fff;}
.touch-carousel .owl-controls .owl-buttons{position:absolute;top:-50px;right:2px;}
.touch-carousel.projects-carousel .owl-controls .owl-buttons{right:12px;}
.touch-carousel.navigation-2 .owl-controls .owl-buttons{position:relative;top:0;right:0;}
.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons{top:-8px;}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div{background-color:#f2f2f2;}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i{color:#666;}
.touch-carousel.navigation-3{padding-top:45px;}
.touch-carousel.navigation-3.clients-carousel{padding-top:25px;}
.touch-carousel.navigation-3 .owl-controls .owl-buttons{position:absolute;top:0;right:0;width:100%;}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div{width:28px;height:28px;line-height:28px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons{right:9px;}
.touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div{height:22px;width:22px;line-height:22px;display:inline-block;zoom:1;*display:inline;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-color:#fff;margin-left:4px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;border:1px solid #ccc;}
.touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i{font-size:1.2em;color:#ccc;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.testimonials-carousel .owl-controls .owl-buttons div i{color:#fff;}
.touch-carousel .owl-controls.clickable .owl-buttons div:hover i{color:#fff;}
.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.2);}
.owl-pagination{position:absolute;width:100%;left:0;bottom:5px;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:16px;height:16px;margin:2px 4px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:3px solid #444;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.touch-slider:hover .owl-controls .owl-page span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{border-color:#0A95D8;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
#bar{width:0%;max-width:100%;height:4px;background:#444;filter:Alpha(Opacity=50);opacity:0.5;}
#progressBar{position:absolute;top:0;z-index:99;width:100%;}
.owl-item.loading{min-height:150px;background:url(../images/icons/ajaxloader.gif) no-repeat center center}
.iframe{border:none;}
.services-2{position:relative;text-align:center;margin:0px 0px 30px 0px;}
.services-2-icon{display:inline-block;width:100%;display:table;}
.services-2-icon i{width:60px;height:60px;line-height:60px;margin:0px auto;position:relative;display:inline-block;margin-right:15px;border-radius:50%;float:left;text-align:center;font-size:26px;background:#E93735;color:#fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.services-2:hover .services-2-icon i{display:block;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.services-2-text{margin-left:75px;overflow:hidden;}
.services-2-icon h4{font-family: 'ubuntu_sansregular', sans-serif;color:#404449;font-size:16px;font-weight:400;margin:15px 0px 0px 0px;text-align:left;display:table-cell;padding:0px;vertical-align:middle;width:100%;}
.services-2 p{color:#ACB2B8;margin:0px 0px 0px 0px;text-align:left;}
.skill p{margin-bottom:7px;}
.progress{overflow:visible;height:18px;margin-bottom:10px;background-color:#f9f9f9;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;}
.progress-bar{float:left;height:100%;font-size:12px;color:#ffffff;text-align:center;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease;position:relative;}
.progress-bar-span{opacity:1;position:absolute;top:-5px;background:#ACB2B8;padding:3px 10px;color:#FFF;border-radius:0px;right:0px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.skill:hover .progress-bar-span{opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.parallax{width:100%;background-position:50% 0px;background-attachment:absolute;}
.wd-parallax{padding: 0px 0px 0px 0px;}
.parallax-text-container-1 .parallax-text-item-1{text-align:center;background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);}
.parallax-text-container-1 .parallax-text-item{text-align:center;}
.parallax-mobile{background-position:50% 0px;background-attachment:fixed;}
.services-3{position:relative;text-align:center;margin:0px 0px 30px 0px;}
.services-3-icon{display:inline-block;width:100%;display:table;}
.services-3-icon i{width:60px;height:60px;line-height:60px;margin:0px auto;position:relative;display:inline-block;margin-left:15px;border-radius:50%;float:left;text-align:center;font-size:26px;color:#fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.services-3:hover .services-3-icon i{display:block;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.services-3-text{margin-right:75px;overflow:hidden;}
.services-3-icon h4{font-family: 'ubuntu_sansregular', sans-serif;color:#404449;font-size:16px;font-weight:400;margin:0px 0px 15px 0px;text-align:right;display:table-cell;padding:0px;vertical-align:middle;width:100%;}
.services-3 p{color:#ACB2B8;margin:0px 0px 0px 0px;text-align:right;}
.purchase{padding:0px 0;}
.containers{padding-left:15px;padding-right:15px;}
.container-1{padding-left:15px;padding-right:15px;}
.paddlr{padding-left:0px;padding-right:0px;}
.padds{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}
.paddls{padding-left:0px;padding-right:10px;}
.paddrs{padding-left:10px;padding-right:0px;}
.paddlr-2{padding-left:2px;padding-right:2px;}
.marlr{margin-left:0px;margin-right:2px;}

.custom-margin {
  margin-top: 0px;
}

@media only screen and (max-width:768px){#logo-bar{padding:0;}
.custom-margin {
  margin-top: 20px;
}
#logo{width:70%;}
#logo a img{height:auto;}
.navbar{margin-bottom:0;min-height:35px;border:none;margin-right:0px;margin-left:0px;position: absolute;left: 0;right: 0px;}
.content-top-1{margin-top:84px;}
}
@media only screen and (max-width:767px){#logo{position:absolute;top:0;}.copyright-section,ul.footer-nav{text-align: center;float: none !important;display: flex;justify-content: center;}

.text-dir {
  text-align: center !important;
  margin-bottom: 5px;
  margin-top: 5px;

}

.mrgt-788.dashboard-pages .copyright {
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 9px !important;
}

.mrgt-788.dashboard-pages .copyright-section p {
  font-size: 9px !important;
}


.mrgt-788.dashboard-pages .text-dir {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

#logo{margin:0;padding:0;}
#logo-bar{padding:0;}
.navbar-default .navbar-nav li a{color:#fff;}
.navbar-default .navbar-collapse{padding:0px 15px 0;box-shadow:none;}
.navbar-nav{margin:0;}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{color:#fff!important;}
.navbar-nav > li ul > li:first-child > a{border-top:none;}
.navbar-default .navbar-nav > li{border-bottom:1px solid rgba(225, 220, 220, 0.81);}
.nav.navbar-nav > li.active > a{border:none;}
.navbar-default .navbar-nav > li > a,.navbar-nav .dropdown-menu > li > a{border-bottom:none!important;}
.navbar-default .navbar-nav li a{color:#fff;}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-default .navbar-nav .open .dropdown-menu > li > a{padding-left:45px;color:#fff;font-size:13px;}
.dropdown-menu.sm-nowrap > li{background:#303436;border-top:1px solid rgba(225, 220, 220, 0.81);}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff;}
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow{float:right;color:#fff;}
.navbar-nav > li > ul:before{content:"";display:none;}
.navbar-nav > li > .has-submenu .sub-arrow{font-size:10px;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;width:10px;}
.navbar-nav > li.active{color:#fff;}
.navbar-nav > li:hover > ul{-moz-animation:none;-webkit-animation:none;animation:none;}
.navbar-nav > li > ul.dropdown-menu li:hover ul{-moz-animation:none;-webkit-animation:none;animation:none;}
.navbar-default .navbar-nav > li > a > span.data-hover{margin:0;padding:0;-webkit-transition:none;-moz-transition:none;transition:none;}
.navbar-default .navbar-nav > li > a > span.data-hover::before{content:"";margin:0;padding:0;transition:none;_webkit-transition:none;_moz-transition:none;}
.navbar-default .navbar-nav > li:hover > a > span.data-hover,
.navbar-default .navbar-nav > li:focus > a > span.data-hover{-webkit-transform:none;-moz-transform:none;transform:none;transition:none;_webkit-transition:none;_moz-transition:none;}
}
.ticker{padding:5px 0px;}
.ticker div{left:110px;position:absolute;display:inline-block;word-wrap:break-word;z-index:99999;color:#FFF;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;}
.head-title{font-size:14px;}
@media only screen and (min-device-width:175px) and (max-device-width:359px){.rows{margin-left:-15px;margin-right:-15px;}
h3.panel-title{font-size:12px;}
.content-top-1{margin-top:107px;}
.page_title h2{border-left:3px solid #ffffff;text-align:left;font-size:11px;padding:1px 15px;}
#breadcrumbs{text-align:left;}
#breadcrumbs ul{font-size:10px;padding:5px 10px;}
#breadcrumbs ul li{font-size:12px;}
#breadcrumbs ul li a{font-size:12px;}
.display-1{display:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;border-top:solid 1px;background:transparent;margin:0px 0px;}
.container-1{padding-left:15px;padding-right:15px;}
.top-bar .contact-details li a{font-size: 8px !important;}
.pull-l{float:left!important;margin-left:0px;}
.pull-r{float:right!important;margin-right:0px;}
.pull-none{float:none;text-align:center;margin-right:0px;margin-left:0px;}
.ticker div{left:110px;right:30px;position:absolute;display:inline-block;word-wrap:break-word;z-index:99999;color:#FFF;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;font-size:10px;text-align:left;}
.head-title{font-size:12px;}
}
@media only screen and (min-device-width:361px) and (max-device-width:766px){.container-1{padding-left:0px;padding-right:0px;}
}
@media only screen and (min-device-width:360px) and (max-device-width:767px){.top-bar .contact-details li a{font-size:9px;}
.pull-l{float:left!important;margin-left:10px;}
.pull-r{float:right!important;margin-right:10px;}
.pull-none{float:none;text-align:center;margin-right:20px;margin-left:20px;}
.ticker div{left:110px;right:30px;position:absolute;display:inline-block;word-wrap:break-word;z-index:99999;color:#FFF;font-weight:bold;font-size:12px;text-align:left;}
.head-title{font-size:12px;}
.content-top-1{margin-top:107px;}
.page_title h2{border-left:3px solid #ffffff;/* border-right:3px solid #ffffff; */text-align:left;/* float:none; */font-size:12px;padding:1px 15px;}
#breadcrumbs{/* float:none; */text-align:left;}
#breadcrumbs ul{font-size:10px;padding:5px 10px;}
#breadcrumbs ul li{font-size:12px;}
#breadcrumbs ul li a{font-size:12px;}
.display-1{display:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;border-top:solid 1px;background:transparent;margin:0px 0px;}
}
@media (max-width:768px){.containers{padding-left:0px;padding-right:0px;}
.navbar-nav > li > .has-submenu .sub-arrow{display:inline-block;font-family:'FontAwesome';font-style:normal;font-weight:normal;font-size:10px;width:8px;height:8px;line-height:12px;border-width:0px;}
.paddlr{padding-left:0px;padding-right:0px;}
.paddls{padding-left:0px;padding-right:0px;}
.paddrs{padding-left:0px;padding-right:0px;}
.classic-title h6{margin-bottom:5px;/* border-bottom:2px solid rgb(80 134 101); */font-weight:300;text-transform:none;color:#000;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;padding-bottom:7px;text-align:left;width:100%;font-family: 'ubuntu_sansregular', sans-serif;font-size:12px;}
.classic-title h6 span{padding-bottom:7px;border-bottom:0px solid #A62A2A;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;}
.display{display:none;}
}
.accordion h2{margin-bottom:25px;}
.panel-default{border-color:transparent;}
.panel{box-shadow:1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);border:0px;}
.panel-default>.panel-heading{background:#405b5d;border:0 none;box-shadow:none;text-decoration:none;text-transform:capitalize;}
.panel-default>.panel-heading+.panel-collapse .panel-body{background:#fff;color:#858586;}
.panel-body{padding:20px 20px 10px;}
.panel-body p{color:#858586;margin-bottom:0px;}
.panel-body li p{color:#858586;margin-bottom:0px;}
.panel-group{margin-bottom:0;}
.panel-group .panel+.panel{margin-top:0;border-top:1px solid #d9d9d9;}
.panel-group .panel{border-radius:0;}
.panel-heading{border-radius:0;}
.panel-title>a{color:#FFF;}
.accordion-inner img{border-radius:4px;}
.accordion-inner h4{margin-top:0;}
.panel-heading.active{background:#405b5d;}
.panel-heading.active .panel-title>a{color:#fff;text-decoration:none;}
a.accordion-toggle i{width:45px;line-height:44px;font-size:20px;margin-top:-10px;text-align:center;margin-right:-15px;background:#c9c9c9;}
.list_style li sup i{font-size:6px;padding-left:2px;padding-right:1px;}
@media only screen and (min-device-width:1024px) and (max-device-width:1024px){#main-slide .slider-content{top:88%;}
#main-slide .slider-content h2{font-size:18px;padding:0px 5px;}
#main-slide .slider-content h3{font-size:12px;padding:0px 5px;}
.classic-title h6{margin-bottom:5px;border-bottom:2px solid rgb(80 134 101);font-weight:300;text-transform:none;color:#000;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;padding-bottom:7px;text-align:left;width:100%;font-size:12px;}
.classic-title h6 span{padding-bottom:7px;border-bottom:2px solid #ffffff;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;}
}
@media only screen and (min-width: 1200px) {
    .wd-parallax{padding: 0px 0px 0px 0px;}
    .well {
      max-width: 60% !important;
    }
}

@media only screen and (min-width: 1024px) {
    .wd-parallax{padding: 0px 0px 0px 0px;}
    .well {
      max-width: 60% !important;
    }
}
.contact_address{transition:all 0.3s ease 0s;}
.contact_address i{color:#000;}
.contact_address .akc{background:#fff none repeat scroll 0 0;border-radius:100px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);color:#000;display:inline-block;font-size:24px;height:60px;margin-bottom:0;padding:18px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:60px;}
.contact_address h4{color:#000;text-transform:capitalize;}
.contact_address p{margin-bottom:0;color:#000;text-align:left;}
.map iframe{height:350px;width:100%;}
.mdr img{width:100%;}
.tp-sp{margin-top:20px;}
.mdr-r{float:right;}
@media (max-width:768px){.tp-sp{margin-top:0px;}
.cdrr{float:right;width:260px;padding:10px 0px;}
.cdrrr{vertical-align:top;}
.hr11{display:none!important;}
/* html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);overflow:visible;} */
}
@media (max-width:992px){.tp-sp{margin-top:0px;}
.mdr-r{float:none;text-align:center;}
}
.tab-st{font-weight:bold;text-align:center;color:#FFF;padding:10px;text-transform:capitalize;vertical-align:middle;}
.tab-st img{border:solid 2px #FFF;box-shadow:#FFFFFF;}.tab-st h4{color:#FFF;}
.text-style{background:rgba(193, 194, 194, 0.22);padding:10px;text-align:center;padding:10px;vertical-align:middle;font-size:14px;}
.text-style a{color:#AC0002;font-size:16px;}
.fittext span{font-family: 'ubuntu_sansregular', sans-serif;}
.box{position:relative;border-radius:3px;background:#FFF;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.box.box-primary{border-top-color:#3c8dbc}.box.box-info{border-top-color:#00c0ef}.box.box-danger{border-top-color:#dd4b39;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);}.box.box-warning{border-top-color:#f39c12}.box.box-success{border-top-color:#00a65a}.box.box-default{border-top-color:#d2d6de}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}.box .nav-stacked>li:last-of-type{border-bottom:none}.box.height-control .box-body{max-height:300px;overflow:auto}.box .border-right{border-right:1px solid #f4f4f4}.box .border-left{border-left:1px solid #f4f4f4}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,0.1)}.box.box-solid.box-default{border:1px solid #d2d6de}.box.box-solid.box-default>.box-header{color:#444;background:#d2d6de;background-color:#d2d6de}.box.box-solid.box-default>.box-header a,.box.box-solid.box-default>.box-header .btn{color:#444}.box.box-solid.box-primary{border:1px solid #3c8dbc}.box.box-solid.box-primary>.box-header{color:#fff;background:#3c8dbc;background-color:#3c8dbc}.box.box-solid.box-primary>.box-header a,.box.box-solid.box-primary>.box-header .btn{color:#fff}.box.box-solid.box-info{border:1px solid #00c0ef}.box.box-solid.box-info>.box-header{color:#fff;background:#00c0ef;background-color:#00c0ef}.box.box-solid.box-info>.box-header a,.box.box-solid.box-info>.box-header .btn{color:#fff}.box.box-solid.box-danger{border:1px solid #dd4b39}.box.box-solid.box-danger>.box-header{color:#fff;background:#dd4b39;background-color:#dd4b39}.box.box-solid.box-danger>.box-header a,.box.box-solid.box-danger>.box-header .btn{color:#fff}.box.box-solid.box-warning{border:1px solid #f39c12}.box.box-solid.box-warning>.box-header{color:#fff;background:#f39c12;background-color:#f39c12}.box.box-solid.box-warning>.box-header a,.box.box-solid.box-warning>.box-header .btn{color:#fff}.box.box-solid.box-success{border:1px solid #00a65a}.box.box-solid.box-success>.box-header{color:#fff;background:#00a65a;background-color:#00a65a}.box.box-solid.box-success>.box-header a,.box.box-solid.box-success>.box-header .btn{color:#fff}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*='bg']>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:0.3em}.box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img{position:absolute;top:0;left:0;width:100%;height:100%}.box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,0.7);border-radius:3px}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,0.5)}.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{content:" ";display:table}.box-header:after,.box-body:after,.box-footer:after{clear:both}.box-header{color:#444;display:block;padding:10px;position:relative}.box-header.with-border{border-bottom:1px solid #f4f4f4}.collapsed-box .box-header.with-border{border-bottom:none}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title{display:inline-block;font-size:18px;margin:0;line-height:1;text-transform:capitalize;}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}.box-header>.box-tools{position:absolute;right:10px;top:5px}.box-header>.box-tools [data-toggle="tooltip"]{position:relative}.box-header>.box-tools.pull-right .dropdown-menu{right:0;left:auto}.btn-box-tool{padding:5px;font-size:12px;background:transparent;color:#97a0b3}.open .btn-box-tool,.btn-box-tool:hover{color:#606c84}.btn-box-tool.btn:active{box-shadow:none}.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}.no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px}.box-body>.table{margin-bottom:0}.box-body .fc{margin-top:5px}.box-body .full-width-chart{margin:-19px}.box-body.no-padding .full-width-chart{margin:-9px}.box-body .box-pane{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px}.box-body .box-pane-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0}.box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px;background-color:#fff}
.nav-1{padding:0px;margin:0px;}
.nav-2{padding:10px;}
.navs{float:none;clear:both;width:100%;margin:auto;}
.navs ul{list-style:none;margin:0px;padding:0px;}
.navs li{float:none;width:100%;}
.navs li a{display:block;width:100%;padding:10px;font-size:16px;border-left:2px solid;position:relative;z-index:0;text-decoration:none;color:#444;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
navs li a span{color:#5692EE;}
.navs li a:hover{border-bottom:0px;color:#FFF;}
.navs li a{border-left:3px solid #ffffff;}
.navs li a:after{content:"";height:100%;left:0;top:0;width:0px;position:absolute;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;z-index:-1;}
.navs li a:hover:after{width:100%;}
.navs li a:after{background:#405b5d;}
.navs li.active > a{background:#405b5d;color:#FFF;}
.navs-1{float:none;clear:both;width:100%;margin:auto;}
.navs-1 ul{list-style:none;margin:0px;padding:0px;}
.navs-1 li{float:none;width:100%;}
.navs-1 li a{display:block;width:100%;padding:10px;font-size:16px;border-left:2px solid;position:relative;z-index:0;text-decoration:none;color:#444;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
navs-1 li a span{color:#5692EE;}
.navs-1 li a{border-left:3px solid #ffffff;}
.td{padding:10px;font-size:15px;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;background:url(../images/td.png);background-size:100% 100%;color:#FFF;}
.th{padding:10px;font-size:15px;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;background:url(../images/th.png);background-size:100% 100%;text-align:left;color:#FFF;}
/* table,p,span,h1,h2{font-family: 'ubuntu_sansregular', sans-serif;font-size:13px;} */
footer{/* background-color:#222; */padding-top:20px;color:#FFF;}
footer p{color:#444; font-weight: 600 !important;}
footer ul a{color:#444!important;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;font-size:12px;}
footer ul a:hover, footer ul a:focus{color:#A62A2A  !important;font-weight:bold;font-family: 'ubuntu_sansbold', sans-serif;font-size:12px;}
footer a:hover{color:#A62A2A ;text-decoration:none;}
.footer-widget{margin-bottom:10px;}
.footer-widget p{font-size: 12px;text-align: justify; font-weight: 500;margin-top: 0px;margin-bottom: 2px;}
.footer-widget h4{color:#444;text-transform:capitalize;padding-bottom:8px;margin-bottom:10px;font-size:14px;font-weight:700;position:relative;text-align: center;}
.footer-widget h4 .head-line{position:absolute;bottom:0;display:block;width:50px;height:3px;background-color:#444;margin:0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.social-widget ul.social-icons li{display:inline-block;margin-right:10px;margin-bottom:4px;}
.social-widget ul.social-icons li a i{font-size:1.4em;color:#fff;text-align:center;display:block;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.social-widget ul.social-icons li a:hover{text-decoration:none;}
.social-widget ul.social-icons li a.facebook:hover i{color:#507CBE;}
.social-widget ul.social-icons li a.twitter:hover i{color:#63CDF1;}
.social-widget ul.social-icons li a.google:hover i{color:#F16261;}
.social-widget ul.social-icons li a.dribbble:hover i{color:#E46387;}
.social-widget ul.social-icons li a.linkdin:hover i{color:#90CADD;}
.social-widget ul.social-icons li a.tumblr:hover i{color:#4D7EA3;}
.social-widget ul.social-icons li a.flickr:hover i{color:#E474AF;}
.social-widget ul.social-icons li a.instgram:hover i{color:#4D4F54;}
.social-widget ul.social-icons li a.vimeo:hover i{color:#87D3E0;}
.social-widget ul.social-icons li a.skype:hover i{color:#36C4F3}
.contact-widget{background:url(../images/map.png) center bottom no-repeat;}
.contact-widget span{font-weight:700;}
.contact-widget ul li{margin-bottom:12px;}
.contact-widget ul li p a{color:#bbb;}
.contact-widget p{padding-bottom:20px;}
.mail-subscribe-widget form{margin-top:15px;margin-bottom:20px;}
.mail-subscribe-widget form input[type="text"]{outline:none;color:#666;font-size:12px;padding:6px 12px;border:none;background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;outline:none;}
.copyright-section{padding:8px 0;font-size:11px;letter-spacing:0.5px;border-top:1px solid #A62A2A;}
.copyright-section p{font-size:11px;text-transform:capitalize;font-weight: bold;font-family: 'ubuntu_sansbold' !important;color: #444 !important;}
ul.footer-nav{float:right;}
ul.footer-nav li{display:inline-block;float:left;margin-left:15px;}
ul.footer-nav li:first-child{margin-left:0;}
ul.footer-nav li a{display:inline-block;text-transform:capitalize;text-decoration:none;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
ul.footer-nav li a{color:#ffe800;}
ul.footer-nav li a:hover{color:#db4e08 !important;}
.copyright-section a:hover{color:#db4e08 !important;}
.btntoTop{width:44px;height:44px;position:fixed;bottom:30px;right:30px;background-color:#405b5d;border-radius:2px;text-align:center;line-height:40px;opacity:0;cursor:pointer;z-index:999;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;}
.btntoTop:before{content:"\f106";display:inline-block;vertical-align:middle;font-family: 'FontAwesome';color:#fff;}
.btntoTop.active{opacity:1;}
.btntoTop.active:hover{background-color:#464c4e;}
.bottom-line{background:#e0e0e1;height:3px;background-size:100% 100%;}
.mrgb-20{margin-bottom:20px;}
.mrgb-30{margin-bottom:30px;}
.mrgb-40{margin-bottom:40px;}
.mrgb-50{margin-bottom:50px;}
.mrgb-60{margin-bottom:60px;}
.mrg-0{margin:0 auto;}
.mrgt-5{margin-top:5px;}
.mrgt-10{margin-top:10px;}
.mrgt-20{margin-top:20px;}
.mrgt-30{margin-top:30px;}
.mrgt-40{margin-top:40px;}
.mrgt-50{margin-top:50px;}
.mrgt-60{margin-top:60px;}
.mrgt-70{margin-top:70px;}
.pdt-50{padding-top:50px;}
.pdt-70{padding-top:70px;}
.content{padding:30px 0 60px;position:relative;}
.sub_content{padding:10px 0;}
.super_sub_content{padding:60px 0;}
.grey_bg_light{background:#f8f8f8;padding-bottom:70px;padding-top:50px;}
.grey_bg_dark{background:#eee;padding-bottom:70px;padding-top:50px;}
.section-padding{padding-bottom:70px;padding-top:50px;}
.grey-transparent-content .bg{background:hsla(180, 13%, 17%, 0.9);color:#fff;margin:0;padding:60px 80px;}
.grey-transparent-content .bg h3{color:#fff;}
.grey-transparent-content{background:url("../images/businessmen.png") no-repeat;background-size:cover;display:inline-block;}
.grey-transparent-content .sub_content{background:hsla(180, 13%, 17%, 0.9);color:#fff;padding:80px;}
.retro{background:hsla(178, 91%, 35%, 0.8);padding:130px 40px;}
.grey-transparent-content .retro img{height:auto;max-width:100%;margin-top:60px;}
.grey-content{background-color:#43494b;}
.grey-content .sub_content{padding:45px 30px 45px 0;}
.grey-content,
.grey-content p,
.grey-content h3,
.grey-transparent-content,
.grey-transparent-content p,
.grey-transparent-content h3{color:#fff !important;}
.inner-image{background-size:cover !important;}
.grey-line-content{border-bottom:1px solid hsl(0, 0%, 93%);border-top:1px solid hsl(0, 0%, 93%);}
.grey-line-content .sub_content{padding:40px;}
.services-box{background-color:#fff;margin:20px 0 10px 0;height:250px;box-shadow:1px 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);border-radius:0;position:relative;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.services-box:hover{box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.services-box .icon{text-align:center;position:absolute;top:-25px;margin:0 auto;width:100%;}
.services-box .icon i{display:inline-block;font-size:22px;width:52px;height:52px;color:#fff;line-height:48px;box-shadow:3px 6px 6px rgba(0, 0, 0, 0.25);}
.services-box .services-header{width:100%;background-color:#f8f8f8;display:inline-block;text-align:center;padding:40px 15px 20px;border-bottom:1px solid #EEE;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.services-box .services-header h4{font-size:16px;color:#FFF;text-transform:capitalize;}
.services-box .services-header:hover{background:#2c3a4e;}
.services-box .services-header:hover h4{color:#fff;}
.services-box .services-content li{float:left;font-size:13px;line-height:16px;margin-top:10px;width:100%;}
.services-box .services-content li a{color:#888;}
.services-box .services-content li a:hover{color:#2c3a4e;}
.services-box .services-content li p{float:left;color:#888;padding:0px 10px;text-align:center;font-size:14px;}
.services-box .services-counter{margin-right:15px;}
.services-counter{font-size:12px;color:#888;float:right;}
.border-1{border-bottom:2px solid #2c3a4e;}
.border-2{border-bottom:2px solid #3498db;}
.border-3{border-bottom:2px solid #1DD2AF;}
.border-4{border-bottom:2px solid #FE4080;}
.border-5{border-bottom:2px solid #24A69A;}
.border-6{border-bottom:2px solid #8E4162;}
.border-7{border-bottom:2px solid #9A63C1;}
.border-8{border-bottom:2px solid #512DA7;}
.color-1{background-color:#405b5d!important;}
.color-2{background-color:#669!important;}
.color-3{background-color:#1DD2AF!important;}
.color-4{background-color:#8E4162!important;}
.color-5{background-color:#24A69A!important;}
.color-6{background-color:#FE4080!important;}
.color-7{background-color:#9A63C1!important;}
.color-8{background-color:#FFF!important;}
.service-carousel{margin-top:0px;}
.service-list .service-item{text-align:center;}
.service-list .service-item .service-item-dets{background:#2c3a4e;padding:5px;color:#FFF;}
.service-list .service-item .service-item-dets a, span{}
.service-list .service-item .carousel-thumb{display:block;border:2px solid #2c3a4e;padding:0px;margin:1px;position:relative;overflow:hidden;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.service-list .service-item .carousel-thumb img{width:100%;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.service-list .service-item .carousel-thumb .overlay{position:absolute;background-color:rgba(255, 255, 255, 0.8);text-align:center;top:0;left:0;z-index:999;bottom:-1px;right:0;opacity:0;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.service-list .service-item .carousel-thumb .overlay i{position:absolute;top:70%;left:0;right:0;cursor:pointer;visibility:visible;width:40px;height:40px;background:#3498db;color:#fff;font-size:16px;line-height:40px;margin:-20px auto;box-shadow:3px 6px 6px rgba(0, 0, 0, 0.25);opacity:0;z-index:99;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.service-list .service-item .carousel-thumb .overlay h4{position:absolute;top:10%;left:0;right:0;color:#FFF;padding:5px;text-transform:capitalize;font-size:14px;}
.service-list .service-item .carousel-thumb:hover img{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.service-list .service-item .carousel-thumb:hover{border-color:#3498db;}
.service-list .service-item .carousel-thumb:hover .overlay{opacity:1;visibility:visible;}
.service-list .service-item .carousel-thumb:hover i{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.service-list .service-item .item-name{font-size:16px;line-height:16px;}
.service-list .owl-controls .owl-buttons{position:absolute;top:0px;right:0px;}
.owl-theme .owl-controls .owl-buttons div{height:24px;width:24px;line-height:22px;display:inline-block;zoom:1;*display:inline;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-color:#fff;margin-left:4px;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;border:1px solid #ccc;}
.owl-theme .owl-controls .owl-buttons div:hover{box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);opacity:0.8!important;background:#FC0004;}
.owl-theme .owl-controls .owl-buttons div i{color:#ccc;font-size:12px;line-height:23px;}
.owl-theme .owl-controls .owl-buttons div i:hover{color:#ccc;}
.serviceBox_5{margin-bottom:-10px;line-height:0;overflow:hidden;text-align:center;margin:2px;border-radius:5px;}
.serviceBox_5 .service-image{display:inline-block;width:100%;overflow:hidden;position:relative;transition:all 0.5s ease 0s;}
.serviceBox_5 .service-image > img{width:100%;}
.serviceBox_5 .service-image:hover{opacity:0.7;transition:all 0.5s ease 0s;}
.serviceBox_5 .service-content{padding-top:0px;position:relative;z-index:0;}
.serviceBox_5 .service-content .item_content{background:rgba(75, 80, 80, 0.93);position:relative;z-index:2;color:white;}
.serviceBox_5 .service-content.bg1 .item_content{background:rgba(75, 80, 80, 0.93);}
.serviceBox_5 .service-content h3{color:rgb(60 83 69);font:500 16px "Trebuchet MS",Tahoma,sans-serif;padding-bottom:20px;padding-top:20px;color:#fff;text-transform:capitalize;}
.serviceBox_5 .service-content a{color:rgba(75, 80, 80, 0.93);font-size:14px;font-weight:700;line-height:38px;text-transform:capitalize;transition:all 0.3s ease 0s;}
.serviceBox_5 .service-content a:hover{color:#000000;text-decoration:none;transition:all 0.3s ease 0s;}
.serviceBox_5 .service-content i{background:#fff none repeat scroll 0 0;border-radius:3px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);color:#333;display:inline-block;font-size:25px;width:40px;height:40px;margin-bottom:10px;padding:10px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.serviceBox_5 .service-content i:hover{color:#FFF;background:000;}
.center-text{text-align:center;}
.pt-top{margin-top:20px;}
.pd-top{padding-top:20px;}
.pd-bottom{padding-bottom:20px;}
.pt-bottom{margin-bottom:20px;}
.client-dets img{opacity:.4;transition:all .3s ease-in-out;width:auto!important;}
.client-dets{background-color:rgba(73, 78, 90, 0.88);-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:80px;}
.client-dets:after{content:"";display:block;width:0;position:absolute;bottom:-3px;left:0;height:3px;background-color:rgba(46, 51, 54, 0.8);transition:width .3s ease}
.client-dets:focus img,.client-dets:hover img{opacity:1}
.client-dets:focus:after,.client-dets:hover:after{width:100%}
.testimonial-item blockquote{background:#CCC;border-top:3px solid #080f39;border-left:none;padding:20px;margin:0;}
blockquote{font-size:14px;}
.testimonial-item .icon{color:#fff;font-size:70px !important;line-height:0;position:absolute;right:20px;top:10px;z-index:0;}
.testimonial-review > img{background:#FFFFFF;border:2px solid #080f39;border-radius:50%;float:left;height:70px;overflow:hidden;padding:2px;width:70px;}
.testimonial-review > h1{float:left;color:#555;font-size:14px;font-weight:700;line-height:normal;margin-top:15px;padding-left:20px;}
.testimonial-item blockquote p{margin-bottom:0;font-size:14px;font-weight:400;line-height:21px;color:#444;position:relative;z-index:10;font-style:italic;font-weight:500;}
.testimonial blockquote small{display:block;line-height:20px;font-size:12px;color:#999999;margin-top:5px;}
.testimonial-review{position:relative;padding-top:20px;}
.testimonial-item blockquote:after{font-family:'FontAwesome';content:"\f0D7";position:absolute;bottom:4%;left:23px;font-size:40px;color:#CCC;}
.testimonial-review small{font-size:13px;line-height:18px;color:#080f39;display:block;}
#testimonial-carousel{margin-top:25px;}
.testimonial .testimonial-buttons{position:absolute;right:0;top:-41px;}
.testimonial .testimonial-buttons a{background:#f2f2f2;margin-left:-3px;width:25px;font-size:11px;height:25px;display:inline-block;text-align:center;line-height:27px;color:#bdc3c7;}
.testimonial .testimonial-buttons a:hover{background:#f2f2f2;color:#555;}
table th{color:#000;}
.ptag{text-indent:30px;}
.logo{color:#333;margin:0;padding:0;}
.site-header:not(.navbar-sm) .logo{font-size:40px;}
.logo > span{color:#fc5e5e;}
.custom-modal{background-color:#FFF;box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);padding:20px;width:60%;position:relative;display:none;}
.custom-modal-multiple-1{width:40%;}
.table-demo i{font-size:11px;color:#999;}
.custom-overview button{margin:0 5px 5px 0;}
.btn-firstup:first-letter{text-transform:uppercase;}
.tabs > .custom-tab-content{padding-left:0;padding-right:0;}
.custom-close{display:block;position:absolute;top:-35px;right:0;z-index:0;outline:none;font-size:30px;line-height:30px;transition:transform .3s ease-in-out;color:#FFF;}
.custom-close:hover{transform:rotate(360deg);color:#FFF;}
.custom-browsers{font-size:25px;font-weight:300;margin-bottom:30px;color:#888;}
.custom-browsers > i{display:inline-block;margin-right:5px;}
.custom-header-button{display:inline-block;margin-left:10px;}
.custom-header-button > *{margin-right:5px;}
.custom-close-btn{display:block;position:absolute;top:0px;right:0;z-index:0;outline:none;font-size:20px;line-height:10px;transition:transform .3s ease-in-out;color:#FFF;padding:5px;}
.custombox-fullscreen .custom-close-btn{display:block;margin-bottom:10px;}
.browser-support-content p{text-align:center;}
@media screen and (max-width:767px){.custom-modal-multiple-1{width:60%;}
.custom-modal-multiple-1 > button{margin-bottom:10px;}
.custom-header-button,
.banner.auto-size h5{display:none;}
.banner.auto-size{padding-top:0;padding-bottom:0;}
.banner h1{font-size:21px !important;line-height:21px !important;text-align:center;}
}
.control-group{display:inline-block;vertical-align:top;background:#fff;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,0.1);padding:30px;width:200px;height:210px;margin:10px;}
/* .control{position:relative;padding-left:30px;margin-bottom:15px;cursor:pointer;}
.control input{position:absolute;z-index:-1;opacity:0;}
.control__indicator{position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;}
.control--radio .control__indicator{border-radius:50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator{background:#ccc;}
.control input:checked ~ .control__indicator{background:#2aa1c0;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator{background:#0e647d;}
.control input:disabled ~ .control__indicator{background:#e6e6e6;opacity:0.6;pointer-events:none;}
.control__indicator:after{content:'';position:absolute;display:none;}
.control input:checked ~ .control__indicator:after{display:block;}
.control--checkbox .control__indicator:after{left:8px;top:4px;width:3px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after{border-color:#7b7b7b;}
.control--radio .control__indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff;}
.control--radio input:disabled ~ .control__indicator:after{background:#7b7b7b;} */
label sup{font-size:16px;color:#FF0004;}
.btn_wrapper{float:left;width:100%;overflow:hidden;bottom:0;}
.rated_property_wrapper .btn_wrapper .btn{width:100%;font-size:12px;}
.rs_btn, .rs_1_btn{display:inline-block;text-transform:uppercase;font-size:10px;font-weight:600 !important;padding:10px 50px 10px 15px;position:relative;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;outline:none;box-shadow:none;z-index:0;text-align:left;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.rs_1_btn {padding: 5px;border-radius: 4px;}
.rs_btn:after{content:"\f178";font-family:'FontAwesome';right:12px;position:absolute;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.rs_btn:hover:after, .rs_btn:focus:after{-webkit-animation-name:btn_hover;-moz-animation-name:btn_hover;-ms-animation-name:btn_hover;-o-animation-name:btn_hover;animation-name:btn_hover;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;}
.rs_btn> span{position:absolute;right:0;width:50px;height:100%;top:0;line-height:39px;border-radius:0;border:0;z-index:-1;display:block;text-align:center;}
.btn.rs_btn:before{content:"";top:0;line-height:35px;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;z-index:-1;position:absolute;display:block;right:-2px;width:40px;height:100%;}
.rs_btn> span i{-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.rs_btn:hover i:before, .rs_btn:focus i, .rs_btn.active i{-webkit-animation-name:btn_hover;-moz-animation-name:btn_hover;-ms-animation-name:btn_hover;-o-animation-name:btn_hover;animation-name:btn_hover;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-ms-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;}
.rs_btn> span i:before{font-size:14px;margin:0;display:inline-block;}
@-webkit-keyframes btn_hover{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px);}
33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px);}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px);}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@-moz-keyframes btn_hover{16.65%{-moz-transform:translateX(6px);transform:translateX(6px);}
33.3%{-moz-transform:translateX(-5px);transform:translateX(-5px);}
49.95%{-moz-transform:translateX(4px);transform:translateX(4px);}
66.6%{-moz-transform:translateX(-2px);transform:translateX(-2px);}
83.25%{-moz-transform:translateX(1px);transform:translateX(1px);}
100%{-moz-transform:translateX(0);transform:translateX(0);}
}
@-o-keyframes btn_hover{16.65%{-o-transform:translateX(6px);transform:translateX(6px);}
33.3%{-o-transform:translateX(-5px);transform:translateX(-5px);}
49.95%{-o-transform:translateX(4px);transform:translateX(4px);}
66.6%{-o-transform:translateX(-2px);transform:translateX(-2px);}
83.25%{-o-transform:translateX(1px);transform:translateX(1px);}
100%{-o-transform:translateX(0);transform:translateX(0);}
}
@keyframes btn_hover{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px);}
33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px);}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px);}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px);}
100%{-webkit-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
}
.rs_btn, .rs_1_btn{color:#ffffff;background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);}
.rs_btn.btn-sm, .rs_1_btn.btn-sm{color:#fff !important;background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);}
.rs_btn:hover, .rs_btn:focus{color:#ffffff !important;}
.btn-sm.rs_btn:hover, .btn-sm.rs_btn:focus{color:#ffffff !important;}
.rs_btn> span{background:transparent;color:#ffffff !important;}
.btn.rs_btn:before{background:#b1682f;color: #c1c1c1;}
.btn-sm.rs_btn:before{background:#b1682f;color:#c1c1c1;}
.btn-sm.rs_btn:after {color: #fff;}
.thim-click-to-bottom{position:absolute;bottom:8%;left:48.5%;width:40px;height:40px;font-size:40px;line-height:40px;-webkit-animation:bounce 2s infinite ease-in-out;}
.thim-click-to-bottom i{color:#fff;padding:20px 10px;border:1px solid;border-radius:20px;font-size:15px;}
@-webkit-keyframes bounce{0%, 20%, 60%, 100%{-ms-transform:translateY(0);}
0%, 20%, 60%, 100%{-o-transform:translateY(0);}
0%, 20%, 60%, 100%{-moz-transform:translateY(0);}
0%, 20%, 60%, 100%{-webkit-transform:translateY(0);}
40%{-webkit-transform:translateY(-20px);}
80%{-webkit-transform:translateY(-10px);}
}
.team-body{width:100%;height:100%;margin:0;}
.team-wrap{width:100%;margin:0 auto;}
.team-wrap img{width:100%;}
.team-boxes{background:#464c4e;padding:0;margin:2px;border-radius:5px;font-size:12px;}
.team-boxes i{font-size:12px;}
.team-boxes .separator{clear:both;border-top:2px solid #ffffff}
.team-boxes .team_quote p{font-size:14px;color:rgba(255,255,255,0.8);font-weight:300;letter-spacing:1px;}
.team-info{text-align:left;margin:15px auto 0 auto;padding:0 20px;}
.team-info p{text-align:center;font-size:14px;font-weight:600;text-transform:capitalize;color:#FFF;letter-spacing:1px;font-style:italic;}
.team-info h2{margin:0;padding:5px 0 6px 0;font-size:16px;font-weight:600;text-transform:uppercase;color:#444;letter-spacing:1px;}
.team-social{width:100%;margin-top:19px;padding:5px 20px 26px 20px;}
.team-social a{background:#FFF;height:40px;width:40px;text-align:center;border-radius:0px;color:#494949;line-height:32px;font-size:20px;border:solid 2px rgba(75, 80, 80, 0.93);-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;display:inline-block;margin-bottom:3px;margin-right:4px;}
.team-social a:hover{border:solid 2px #4a4a4a;background:rgba(75, 80, 80, 0.93);color:#FFF;}
.overlay-image{width:100%;height:100%;overflow:hidden;position:relative;text-align:center;background:rgba(46, 51, 54, 0.8);border-top-left-radius:5px;border-top-right-radius:5px;}
.overlay-images{width:100%;height:100%;overflow:hidden;position:relative;text-align:center;background:rgba(46, 51, 54, 0.8);border-top-left-radius:0px;border-top-right-radius:0px;}
.overlay-image .mask,.overlay-image .content{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;}
.view-overlay img{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.view-overlay .mask{-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.port-zoom-link{position:absolute;top:20%;right:0;bottom:0;left:0;margin:auto;padding:0 20px;}
.view-overlay:hover img{-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transform:scale(10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-overlay:hover .mask{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.separator{clear:both;border-bottom:solid 0px #A62A2A;line-height: 1.4;}
.section-p h3{border:0;background-color:#f2f2f2;border-left-width:6px;border-style:solid;border-color:#20b2aa;padding:15px 30px;font-size:17px;margin-bottom:0;text-transform:uppercase;}
.section-p .content{padding:15px 30px;background-color:#fff;}
.team-boxes-1{font-size:12px;}
.team-boxes-1 i{font-size:12px;}
.team-boxes-1 .separator{clear:both;border-top:solid 1px #20b2aa;}
.team-boxes-1 .team_quote p{font-size:14px;color:rgba(255,255,255,0.8);font-weight:300;letter-spacing:1px;}
.team-social-1 a{position:absolute;top:60%;left:45%;right:0;cursor:pointer;visibility:visible;background:#FFF;height:40px;width:40px;text-align:center;border-radius:0px;color:#494949;line-height:32px;font-size:20px;border:solid 2px rgba(75, 80, 80, 0.93);-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;display:inline-block;margin-bottom:3px;margin-right:4px;}
.team-social-1 a:hover{border:solid 2px #4a4a4a;background:rgba(75, 80, 80, 0.93);color:#FFF;}
@media only screen and (min-device-width:175px) and (max-device-width:359px){.thim-click-to-bottom{left:44%;bottom:-6%;}
}
@media only screen and (min-device-width:360px) and (max-device-width:767px){.thim-click-to-bottom{left:44.5%;bottom:6%;}
}
@media only screen and (min-device-width:768px) and (max-device-width:768px){.thim-click-to-bottom{left:47.5%;bottom:41%;}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1024px){.thim-click-to-bottom{left:48%;bottom:56%;}
}
/* Slider */
.swiper-container {
  width: 100%;
  z-index: 0 !important;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.project-box {
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
background-color: #43494b;
overflow: hidden;
border-radius: 8px;
margin-bottom: 20px;
}
.picture {
width: 100%;
height:  100%;
/* overflow: hidden; */
}
.picture img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
    object-fit: cover;
}
.swiper4 .detail {
  /* height: 50px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.detail {
padding: 25px 20px;
font-weight: 600;
text-align: center;
}
.detail h3 {
  margin: 0;
  font-size: 15px;
  color: #444;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}
.detail p {
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 5px;
}
.detail p:hover {
  color: #ffe800 !important;
}
.detail span {
display: block;
font-size: 16px;
color: #9cdf09;
}


.select2-dropdown:not(.well .select2-container--open .select2-dropdown--below, #add_students .select2-container--open .select2-dropdown--below, .well .select2-container--open .select2-dropdown--above, #add_students .select2-container--open .select2-dropdown--above, .attendance-box .select2-container--open .select2-dropdown--above, .attendance-box .select2-container--open .select2-dropdown--below) {
  background: #e7e7e7 !important;
  border: 2px solid #d0cfcf !important;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444 !important;
  border-top: none !important;
  -moz-box-shadow: 1px 1px 0px 1px #141414;
  -webkit-box-shadow: 1px 1px 0px 1px #141414;
  box-shadow: 1px 1px 0px 1px #141414;
}


/* For Quick View */
.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 996px) {
      .preview {
        margin-bottom: 20px; } }
  
  .preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  
  .preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px; }
    .preview-thumbnail.nav-tabs li {
      width: 18%;
      margin-right: 2.5%; }
      .preview-thumbnail.nav-tabs li img {
        max-width: 100%;
        display: block; }
      .preview-thumbnail.nav-tabs li a {
        padding: 0;
        margin: 0; }
      .preview-thumbnail.nav-tabs li:last-of-type {
        margin-right: 0; }
        .preview > .tab-content{
            border: 0px solid #eee;
            border-top: none;
            padding: 0px;
        }
  .tab-content {
    overflow: hidden; }
    /* .tab-content img {
      width: 100%;
      -webkit-animation-name: opacity;
              animation-name: opacity;
      -webkit-animation-duration: .3s;
              animation-duration: .3s; } */
  
  .card {
    line-height: 1.5em; }
  
  /* @media screen and (min-width: 997px) {
    .wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } } */
  
  .details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  
  .colors {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  
  .product-title, .price, .sizes, .colors {
    text-transform: UPPERCASE;
    font-weight: bold;font-family: 'ubuntu_sansbold' !important; }
  
  .checked, .price span {
    color: #ff9f1a; }
  
  .product-title, .rating, .product-description, .price, .vote, .sizes, .action, .colors {
    margin-bottom: 15px; }
  
  .product-title {
    margin-top: 0; }
  
  .size {
    margin-right: 10px; }
    .size:first-of-type {
      margin-left: 40px; }
  
  .color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px; }
    .color:first-of-type {
      margin-left: 20px; }
  
  /* .add-to-cart, .like {
    background: #ff9f1a;
    padding: 1.2em 1.5em;
    border: none;
    text-transform: UPPERCASE;
    font-weight: bold;font-family: 'ubuntu_sansbold' !important;
    color: #fff;
    -webkit-transition: background .3s ease;
            transition: background .3s ease; }
    .add-to-cart:hover, .like:hover {
      background: #b36800;
      color: #fff; }
   */
  .not-available {
    text-align: center;
    line-height: 2em; }
    .not-available:before {
      font-family: 'FontAwesome';
      content: "\f00d";
      color: #fff; }
  
  .orange {
    background: #ff9f1a; }
  
  .green {
    background: #85ad00; }
  
  .blue {
    background: #0076ad; }
  
  .tooltip-inner {
    padding: 1.3em; }
  
  @-webkit-keyframes opacity {
    0% {
      opacity: 0;
      -webkit-transform: scale(3);
              transform: scale(3); }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @keyframes opacity {
    0% {
      opacity: 0;
      -webkit-transform: scale(3);
              transform: scale(3); }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); } }


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}

/* JModal */
.well {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display:none;
  margin:1em;
  max-width: 100%;
}
pre.prettyprint {
    padding: 9px 14px;
}
.fulltable {
    max-width: 100%;
    overflow: auto;
}
.lineheight {
    line-height: 3em;
}
.page-header {
    border-bottom: none;
}
.initialism {
    font-weight: bold;font-family: 'ubuntu_sansbold' !important;
    letter-spacing: 1px;
    font-size: 12px;
    word-wrap: normal;
}
.btn-modal {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space:pre-wrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible .fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* .btn-vehicle{
    background-color:#FF9800;
    color: #fff;
} */
a.initialism:hover, a.initialism:focus {
   color: #fff;
   text-decoration: none;
}              

@media only screen and (min-device-width:175px) and (max-device-width:359px){
  /* .add-to-cart, .like{
  background: #ff9f1a;
  padding: 1em 1em;
} */
.color {
  margin-right: 0px;
}
}
.tab-pane > img {
  width:100%;
}

.zoom {
  display:inline-block;
  position: relative;
}

/* magnifying glass icon */
.zoom:after {
  content:'';
  display:block; 
  width:33px; 
  height:33px; 
  position:absolute; 
  top:0;
  right:0;
  background:url(../images/icon.png);
}

.zoom img {
  display: block;
}

.zoom img::selection { background-color: transparent; }

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-top: 40px;
}

a:focus {
  outline: none;
  outline-offset: 0px;
}

@media only screen and (min-device-width:175px) and (max-device-width:360px){
  
  .box1 .icon {right:15px;}

}

.title-slide-caption {
  display: inline-block;
  position: absolute;
  margin: 0;
  bottom: 10%;
  left: 5%;
  transition: all 0.9s ease 0s;
}

.title-slide{
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  font-size: 15px;
  color: #FFF;
  padding: 5px 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 2px solid #ffc107;
  font-weight: 200;
  transition: all 0.9s ease 0s;
  text-align: left;
  float: left !important;
}

.title-slide-small{
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  font-size: 12px;
  color: #FFF;
  padding: 5px 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 2px solid #ffc107;
  font-weight: 300;
  transition: all 0.9s ease 0s;
  text-align: left;
  float: left !important;
  margin-top: 5px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@media only screen and (min-device-width:180px) and (max-device-width:768px){
  .title-slide-caption {
    bottom: 2%;
  }
  .title-slide-small{
    font-size: 9px !important;
    padding: 2px 5px;
  } 
  .title-slide{
    font-size: 10px !important;
    padding: 2px 5px;
  }
}
.linear-gradient{
  background-image:-webkit-gradient(linear, left bottom, right top, from(#43494b), color-stop(#3f6161), color-stop(#407969), color-stop(#5a8f62), to(#89a153));
  background-image: -webkit-linear-gradient(left bottom, #43494b, #3f6161, #407969, #5a8f62, #89a153);
  background-image: -o-linear-gradient(left bottom, #43494b, #3f6161, #407969, #5a8f62, #89a153);
  background-image: linear-gradient(to right top, #43494b, #3f6161, #407969, #5a8f62, #89a153);
  animation: gradient 15s ease infinite;
}

.linear-gradient-1{
  background-image: -webkit-gradient(linear, left bottom, right top, from(#38438b), color-stop(#944b94), color-stop(#d75a88), color-stop(#ff7e71), color-stop(#ffb25f), to(#ffeb68));
  background-image: -webkit-linear-gradient(left bottom, #38438b, #944b94, #d75a88, #ff7e71, #ffb25f, #ffeb68);
  background-image: -o-linear-gradient(left bottom, #38438b, #944b94, #d75a88, #ff7e71, #ffb25f, #ffeb68);
  background-image: linear-gradient(to right top, #38438b, #944b94, #d75a88, #ff7e71, #ffb25f, #ffeb68);
  animation: gradient 15s ease infinite;
}
.changeinnercolor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
}

.changeoutercolor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
}
.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  background: rgba(46, 50, 53, 0.63);
  transition: background-color 200ms linear;
}
.round-rect{
  border-radius: 5px;
}

.navbar-brand {
  margin-right: 0;
}

.navbar-brand img {
  width: 40px;
}

.navbar-brand.brand-name img {
  width: 180px;
}

.sticky.is-sticky {
  position: fixed;
  left: 0px;
  right: 10px;
  top: 0;
  z-index: 1000;
  width: 100%;
  /* animation: slideDown 0.001s ease-out; */
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.navbar .navbar-nav .nav-link {
  color: #A62A2A!important;
  font-size: 10px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  /* box-shadow: 3px 3px 3px #080808, 0 3px 2px #080808; */
  /* background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973); */
  border: 0px solid #A62A2A;
  border-radius: 2px;
}

.navbar .navbar-nav .nav-item.active .nav-link {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;color: #fff !important;
  border-bottom: 2px solid #521919;
  color: #fff !important;
  border-radius: 4px;
}

@media screen and (min-width: 992px) {
  .navbar-brand img {
    width: 70px;
  }

  .navbar-brand.brand-name img {
    width: 330px;
  }

  .dashboard-header  .navbar-brand.brand-name img {
    width: 250px;
  }

  .navbar .container-fluid {
    flex-direction: column;
  }

  .dashboard-header .navbar{
    padding-left: 0px !important;
  }

  .navbar .navbar-nav .nav-item {
    padding: 10px 2px;
  }
    
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .sticky-nav {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .sticky-nav-right {
    position: absolute;
    right: 20px;
    /* border-top: none !important; */
  }

  .nav.navbar-nav > li > a {
    border: 0px solid #fff;
  }

  #container {
    background-image: radial-gradient(circle, #e1c063, #e3b054, #e5a048, #e78e40, #e87c3c, #e87c3c, #e87c3c, #e87c3c, #e78e40, #e5a048, #e3b054, #e1c063);
    padding-right: 50px;
    padding-left: 50px;
  }

  .sticky.is-sticky {
    position: fixed;
    left: 50px;
    right: 50px;
    top: 0;
    z-index: 1000;
    width: auto;
    background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
    /* animation: slideDown 0.001s ease-out; */
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  }

  .dashboard-container .sticky.is-sticky {
      position: fixed;
      left: 0px !important;
      right: 0px !important;
  }

  .navbar .navbar-nav {
    border-top: 2px solid #fff;
    /* background: url(../images/ornament.gif) no-repeat center bottom;
    padding-bottom: 12px; */
  }

  .navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;font-family: 'ubuntu_sansbold' !important;
    border: 2px solid transparent;
    /* box-shadow: 3px 3px 3px #080808, 0 3px 2px #080808; */
    /* background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973); */
    border: 0px solid #A62A2A;
    border-radius: 2px;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    margin-right: 3px;
  }
  
  .navbar .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0px;
  }

  li.nav-item:last-child .dropdown-menu {
    position: absolute;
    margin-left: -131px !important;
  }

  .navbar-nav > li.nav-item:last-child > ul:before{
    content: "";
    position: absolute;
    border: 11px solid transparent;
    border-bottom-color: #5c1d17;
    top: -22px;
    left: 0px !important;
    -webkit-transform: translateX(150px);
    transform: translateX(150px);
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
      margin-top: 2px !important;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
    margin-top: -32px !important;
    left: 6px !important;
  }

  .left-sp {
    left: 6px !important;
  }

  .right-sp {
    left: -6px !important;
  }

  .navbar-nav > li > ul:before{content:"";position:absolute;border:11px solid transparent;border-bottom-color:#ffffff;top:-22px;left:5%;left: 25px !important;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

  .nav.navbar-nav > li.nav-item.active > a {border: 0px solid #A62A2A;}

  .navbar .navbar-nav {
    border-top: 2px solid #A62A2A;
    border-bottom: 2px solid #A62A2A;
  }
    
  .dashboard-header #menu-bar {
    min-height: 50px;
  }

  .dashboard-header .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: 100% !important;
  }

}

@media screen and (max-width: 991px) {
.navbar {
  position:absolute;
  width: 100%;
}
}

@media screen and (max-width: 992px) {
  .nav.navbar-nav > li.active > a {
    border: none;
  }
  
  .nav.navbar-nav > li.nav-item.active > a {border: 0px solid #A62A2A;}
  
  .dropdown-menu {
    padding: 0px !important;
  }
  
  /* .navbar .navbar-nav {
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
  } */
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.collapse:not(.show) {
  display: none;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0 !important;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 0;
  display: block;
}

.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
  content: "\2212";
  font-size: 8px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  color: #ffffff;
}

.navbar-nav.sm-collapsible .sub-arrow::before {
  content: "\002B";
  font-size: 8px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .navbar-collapse {
    max-height: 350px;
    overflow-y: auto;
    min-height: 140px;
  }

  .dashboard-container .navbar-collapse {
    max-height: 350px;
    overflow-y: auto;
    min-height: auto !important;
  }
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 0px solid #e9ecef;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

.navbar-dark .navbar-toggler {
  color: #A62A2A;
  border-color: #A62A2A;
  border-radius: 0px;
  border: 2px solid;
}

.gallery-page .bg-dark, .gallery-page .grey_bg {
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.bg-white-gradient {
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
  /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); */
}

.quick-links {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.quick-links a.active {
  color: #A62A2A !important;
  text-decoration: none;
}

.social-links {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

@media screen and (min-width: 576px) {
  .quick-links,.social-icons {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
}

.quick-links li,.social-icons li {
  margin-right: 10px;
}

.quick-links li:last-child,.social-icons li:last-child {
  margin-right: 0px;
}

.nav-link {
  display: block;
  padding: 3px 2px;
}

a {
  color: #ffe800;
  text-decoration: none;
  background-color: transparent;
}

.navbar-nav .nav-link {
  padding-right: 3px;
  padding-left: 2px;
}

.nav-item .nav-link {
  text-transform: uppercase;
}

.pull-right {
  float: right !important;
}

.bold-p {
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.pull-left {
  float: left !important;
}

.f-28 {
  margin-top: 28px;
  font-size: 28px !important;
  color: #fff;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  line-height: 1.5;
}

.f-28 span {
  font-size: 28px !important;
  color: #f0af00;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.padd-30 {
  padding: 30px 10px;
}

li .fa-hand-point-right {
  font-size: 10;
}

.padd-l-20 {
  padding-left: 20px;
}

.padd-l-30 {
  padding-left: 30px;
}

.padd-l-40 {
  padding-left: 40px;
}

.hcol-3 {
  color: #fff;
  font-size: 32px !important;
}

.parallax .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.white {
  color: #FFF !important;
}

.padd-all-20 {
  padding: 20px;
}

.custom-text-box {
  height: 26px !important;
  font-size: 15px;
  background-color: rgb(255 255 255 / 50%);
  border: 2px solid #ba8030;
  color: #fff !important;
  box-shadow: 0 3px 6px rgb(0 0 0), 0 3px 6px rgb(0 0 0);
}

.custom-text-box:focus {
  background-color: rgb(255 255 255 / 50%);
  border: 2px solid #ba8030;
  box-shadow: none;
  box-shadow: 0 3px 6px rgb(0 0 0), 0 3px 6px rgb(0 0 0);
}

.navbar-nav.sm-collapsible .sub-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -0.7em 0.5em 0 0;
  border: 1px solid #ffffff;
  border-radius: 2px;
  padding: 0;
  width: 20px;
  height: 20px;
  font-size: 1.25rem;
  line-height: 1.25em;
  text-align: center;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  background: rgba(46, 50, 53, 0.63);
  transition: background-color 200ms linear;
}

.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
  border-color: #ffffff;
}

.overlay {
  width: 100%;
  height: auto;
  background-color: rgb(59, 6, 5, .63);
  z-index:999
}

.navbar-nav ul{width:100%;min-width:175px!important;padding:0;}

.dropdown-menu {
  border-radius: 4px;
}

.navbar-nav .dropdown-menu > li:last-child > a {
  border-bottom: none;
}

footer {
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: relative;
}

@media screen and (max-width: 576px) {
  .page_head h2 {
    font-size: 10px !important;
    text-align: center;
    float: none;
  }
  
  #breadcrumbs {
    font-size: 10px !important;
    float: none;
    text-align: center;
  }

  #breadcrumbs ul li {
    font-size: 10px !important;
    font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  }
  
  .f-28 {
    font-size: 23px !important;
  }

  /* .f-28 span {
    font-size: 16px !important;
    color: #ffffff;
    font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  } */

  .parallax-container .image {
    background-size: 100% 100% !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .quick-links li {
    margin-right: 0px !important;
  }

/*   .mySwiper {
    display: none;
  } */

  .mySwiper2 {
    height: 90% !important;
    width: 100%;
  }

  .product-item figure img {
      height: auto !important;
  }
}

.image--cover {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  margin: 20px;
  object-fit: cover;
  object-position: center top;
  box-shadow: 2px 2px 0px 1px rgba(153, 0, 0, 0.8), inset 0 12px 11px rgba(153, 0, 0, 0.5);
  border: 2px solid rgba(153, 0, 0, 0.8);
  transition: transform 0.5s, background 0.5s
}

.image--cover:hover {
  transform: scale(1.02);
}

/* Service */

.flex-item-service {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.service {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 25px 20px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.5s, background 0.5s;
  background-image: linear-gradient(to left, #4b664e, #516c54, #58725b, #5e7961, #657f68, #657f68, #657f68, #657f68, #5e7961, #58725b, #516c54, #4b664e);
  border-radius: 4px 4px 4px 4px;
  color: #fff;
  min-height: 210px;
  height: auto;
  margin: auto 10px;
  -webkit-box-shadow: 3px 3px 2px 0px #8e8e8e;
  -moz-box-shadow: 3px 3px 2px 0px #8e8e8e;
  box-shadow: 3px 3px 2px 0px #8e8e8e;
}

.service i {
  font-size: 40px;
  margin-bottom: 10px;
  color: #303ef7;
}

.service h2 {
  font-weight: 600;
  margin-bottom: 8px;
}

.service:hover {
  background-image: linear-gradient(to left, #4b664e, #516c54, #58725b, #5e7961, #657f68, #657f68, #657f68, #657f68, #5e7961, #58725b, #516c54, #4b664e);
  color: #fff;
  transform: scale(1.05);
}

.service:hover i {
  color: #fff;
}

/* Service */

 .parallax-container {
  width: 100%;
  height: auto;
  flex: 1;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #000;
}

.parallax-container .image {
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  opacity: 0.4;
}

.parallax-container .parallax-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  justify-content: center;
  text-align: center;
  z-index: 1000;
  color: #e67e22;
  margin: 20px auto 20px auto;
  font-size: 26px;
  position: relative;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

:root {
  --swiper-navigation-size: 15px;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  background: #000;
  padding: 11px;
  opacity: .8;
}

.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  background: rgba(46, 50, 53, 0.63);
  transition: background-color 200ms linear;
}

.parallax-fixed{width:100%;background-position:50% 0px;background-attachment:fixed;}

#image-gallery .col-12:nth-child(n+4), #image-gallery-1 .col-12:nth-child(n+4), #image-gallery-2 .col-12:nth-child(n+4), #image-gallery-3 .col-12:nth-child(n+4),#image-gallery-4 .col-12:nth-child(n+4), #image-gallery-5 .col-12:nth-child(n+4),#image-gallery-6 .col-12:nth-child(n+4),#image-gallery-7 .col-12:nth-child(n+4),#image-gallery-8 .col-12:nth-child(n+4),#image-gallery-9 .col-12:nth-child(n+4),#image-gallery-10 .col-12:nth-child(n+4) {
  display: none;
}

#image-gallery .btn, #image-gallery-1 .btn, #image-gallery-2 .btn, #image-gallery-3 .btn, #image-gallery-4 .btn, #image-gallery-5 .btn, #image-gallery-6 .btn,#image-gallery-7 .btn,#image-gallery-8 .btn,#image-gallery-9 .btn,#image-gallery-10 .btn {
  display: block;
  margin: 30px auto 0 auto;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.product-item figure {
  cursor: pointer;
  margin: 2px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  /* border: 2px solid #e1c063; */
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 2px solid #454546;
  /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
}

.product-item figure figcaption,
.product-item figure figcaption > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.product-item figure figcaption {
  visibility: hidden;
  color: #000;
  font-size: 1.25em;
  text-transform: uppercase;
}

figure.softeffect:hover figcaption {
  visibility: visible;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  color: #FFF;
  font-size: 12px;
}

.product-item figure h4,
.product-item figure p {
  margin: 0;
}

.product-item figure h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  word-spacing: -0.15em;
}

.product-item figure p {
  font-size: 18px;
  font-weight: 100;
  color: #fff;
  letter-spacing: 1px;
}

.product-item figure h2,
.product-item figure p {
  margin: 0;
}

.product-item figure.softeffect {
  background: none repeat scroll 0 0 #000000;
}

.product-item figure.softeffect img {
  transition: opacity .35s ease 0s, transform .35s ease 0s;
}

figure.softeffect:hover img {
  opacity: 0.35;
  transform: scale(1);
}

.product-item figure.softeffect figcaption:before,
.product-item figure.softeffect p {
  opacity: 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.product-item figure.softeffect h4 {
  opacity: 0;
  padding: 20% 0 20px;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.product-item figure.softeffect p {
  margin: 0 auto;
  max-width: 200px;
  transform: scale(1.5);
}

.product-item figure.softeffect:hover figcaption:before,
.product-item figure.softeffect:hover p {
  opacity: 1;
  transform: scale(1);
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-bottom: 10px;
}

.product-item figure.softeffect:hover div.bg-add {
  background: #9fc9a2;
  padding: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}

.product-item figure.softeffect:hover div.bg-add a {
  color: #fff;
}

.product-item figure.softeffect:hover h4 {
  opacity: 1;
  transform: scale(1);
}

.product-item figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  opacity: 1;
  position: relative;
  /* object-fit: cover; */
  height: 210px;
}

figure.softeffect {
  background: none repeat scroll 0 0 transparent;
}

figure.softeffect:hover {
  background: none repeat scroll 0 0 #000000;
  /* Cyan: #00aeef */
}

figure.softeffect img {
  transform: scale(1);
  transition: opacity .35s ease 0s, transform .35s ease 0s;
}

figure.softeffect:hover img {
  opacity: .5;
  transform: scale(1.15);
  /* filter: blur(1px); */
}

/* .mySwiper .swiper-slide-active {
  opacity: 1 !important;
} */

#image-gallery-2 figure.softeffect/* ,#image-gallery-3 figure.softeffect  */{
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    border: 0px solid #e1c063;
}

#image-gallery-2 figure.softeffect img/* , #image-gallery-3 figure.softeffect img */ {
  transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
    transition: all .35s;
    transform-origin: 85% 100%;
    -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
    -webkit-transition: all .35s;
    -webkit-transform-origin: 85% 100%;
  width: 100%;
}

#image-gallery-2 figure.softeffect img:hover/* ,#image-gallery-3 figure.softeffect img:hover */ {
    -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
    opacity: .6
}

#image-gallery-1 figure.softeffect img {
  max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

#image-gallery-1 figure.softeffect img:hover {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.color-white {
  color: #fff !important;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-top-20 {
  padding-top: 20px;
}
.titlefont {
  font-size: 20px;
}

.contact {
  color: #A62A2A !important;
  font-weight: 600 !important;
}

.border-0 {
  border-bottom: 0px solid #ffffff;
}


.common-form .btn {
  border-radius: 0;
}
.common-form .form-group {
  position: relative;
  padding-top: 20px;
  margin-bottom: 0;
  /* If there's only 1 input make it full height */
}
.common-form .form-group:first-child:last-child {
  height: 100%;
}
.common-form .form-group:first-child:last-child .form-control {
  height: 100%;
}
.common-form .form-group textarea {
  resize: none;
}
.common-form .form-group .input-highlight {
  content: "";
  width: 0;
  height: 2px;
  background: #007bff;
  position: absolute;
  display: block;
  bottom: 0;
  transition: width 0.4s ease;
}
.common-form .form-group label {
  position: absolute;
  left: 0px;
  top: 23px;
  transition: all 0.4s ease;
  font-size: 10px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-left: 5px;
}
.common-form .form-group .form-control {
  border-radius: 3px 3px 0px 0px;  
  border-width: 0 0 2px 0;
}
.common-form .form-group .form-control:focus, .common-form .form-group .form-control.hasValue {
  box-shadow: none;
  border-color: #ced4da;
}
.common-form .form-group .form-control:focus ~ .input-highlight, .common-form .form-group .form-control.hasValue ~ .input-highlight {
  width: 100%;
}
.common-form .form-group .form-control:focus ~ label, .common-form .form-group .form-control.hasValue ~ label {
  top: 0;
  left: 1px;
  color: #fff;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-left: 0px;
}

.img-thumbnail {
  padding: 0;
  background: none;
  border: 0px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

#reload {
  cursor: pointer;
}

#imgdiv {
  /* float: right;
  position: absolute;
  right: 0;
  margin-top: 15px; */
}

.btn-grp {
  float: right;
  position: absolute;
  right: 0;
  margin-top: 20px;
  bottom: -90px;
}

.btn-reset,.btn-reset:hover {
  margin-right: 5px;
  border-bottom: 2px solid #ba8030;
  border-radius: 4px !important;
  font-weight: bold;
}

.btn-submit,.btn-submit:hover {
  border-bottom: 2px solid #0b7824;
  border-radius: 4px !important;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2em + 0.75rem + 2px);
  font-weight: bold !important;
  color: #2f3132;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ff8d15;
  border-color: #ba8030;
}

.btn-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #0b7824;
}

.btn-warning {
  border-bottom: 2px solid #ba8030 !important;
  font-weight: bold;
}

.btn-success {
  border-bottom: 2px solid #0b7824 !important;
  font-weight: bold;
}

.btn-success svg {
  font-weight: bold;
}

.btn {
  border: 0px solid transparent;
}

.flex-item-service-1 .image--cover {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px rgba(153, 0, 0, 0.8), inset 0 12px 11px rgba(153, 0, 0, 0.5);
  object-position: center;
}

.flex-item-service-1 .service {
  padding: 0px;
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px rgba(153, 0, 0, 0.8), inset 0 12px 11px rgba(153, 0, 0, 0.5);
}

.flex-item-service-1 .text-font-size {
  font-size: 18px !important;
}

.flex-wrap {
  display: flex;
  flex-direction: column;
  color: #444;
}

.honor-members .service,.honor-members-1 .service  {
  background-image: none;
  box-shadow: none
}

.honor-members .service:hover,.honor-members-1 .service:hover  {
  transform: none;
}

.honor-members .classic-title h6 span {
  color: #ffffff !important;
  border-bottom: 0px solid #ffffff;
}

.honor-members-1 .classic-title h6 span {
  color: #f0af00 !important;
  border-bottom: 0px solid #ffffff;
}

.honor-members .flex-item-service-1 .image--cover {
  border: 0px solid #ffc107;
}

.honor-members-1 .flex-item-service-1 .image--cover {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px #ffc107, inset 0 12px 11px #e1c063;
  border: 0px solid #ffc107;
}

.honor-members-1 .flex-wrap {
  color: #FFF;
}

.honor-members .flex-item-service-1 .image--cover:hover, .honor-members-1 .flex-item-service-1 .image--cover:hover {
  transform: scale(1);
  opacity: 1;
  -webkit-transform: scale3d(1.1,1.1,1);
  transform: scale3d(1.1,1.1,1);
}

.common-form-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 25px 20px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.5s, background 0.5s;
  background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);
  border-radius: 4px 4px 4px 4px;
  color: #fff;
  height: 420px !important;
  height: auto;
  margin: auto 10px;
  -webkit-box-shadow: 3px 3px 2px 0px #8e8e8e;
  -moz-box-shadow: 3px 3px 2px 0px #8e8e8e;
  box-shadow: 3px 3px 2px 0px #8e8e8e;
  margin-bottom: 20px;
}

.common-form-1.ats-form {
  background:#FFF !important
}

.form-width {
 width: 100%; 
}

.color-white {
  color: #fff !important;
}

.common-form-1 .form-control {
  border: 1px solid #ffc107;
}

.padding-10 {
  padding: 10px;
}

label.error {
  position: absolute !important;
  display: flex;
  right: 0px;
  left: 0;
  top: 2px !important;
  float: right;
  width: 100%;
  justify-content: end;
  align-items: flex-start;
  color: #a80000 !important;
  padding-right: 5px;
  padding-left: 5px;
}

.alert-msg {
  left: 0;
  text-align: center;
  position: absolute;
  right: 0;
  padding: 2px;
  bottom: 0px;
  font-size: 10px;
}

.btn-close {
  position: absolute;
  right: 5px;top: 5px;
}

.form-signin {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.text-align {
  text-align: center !important;
}

.color-yellow {
  color: #ffc107 !important;
}

.color-dark {
  color: #ffffff !important;
}

.color-black {
  color: #444 !important;
}

.border-bottom-0 {
  border-bottom: 0px solid #ffffff;
}

.flex-vert-hor-center {
  align-items: center;
  justify-content: center;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  cursor: pointer;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #ba1f24;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #da0528;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  top: 10px;
  left: 4px;
  width: 0;
  height: 0;
  border-left: 22px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-img-thumb {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px #ffc107, inset 0 12px 11px #ffc107;
  border: 0px solid #ffc107;
}

.img-thumb {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px #ffffff, inset 0 12px 11px #ffffff;
  border: 0px solid #ffc107;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.padding-top-bottom-20 {
  padding: 20px 10px;
}

.padding-left-right {
  padding-left: 10px;
  padding-right: 10px;
}

.glightbox-open {
  overflow: auto;
}

.gscrollbar-fixer {
  margin-right: 0px !important;
}
.flex-direction{
  flex-direction: row-reverse;
  align-items: center;
}

.img-max-width{
  max-width: 60.333333% !important;
}

.text-font-size{
  font-size: 16px !important;
}

.align-items {
  align-items: flex-start;
}

.master-gallery .product-item figure {
  cursor: pointer;
  margin: 2px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 200px;
  /* border: 2px solid #e1c063; */
  border-radius: 2px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.master-gallery .product-item figure img {
  display: block;
  max-width: 100%;
  min-height: 100%;
  opacity: 1;
  position: relative;
  /* object-fit: cover; */
  height: auto;
}

.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-thumbs .swiper-wrapper {
  align-items: center;
  justify-content: center;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.1;
  background: none;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.gallery-thumbs .swiper-slide img {
  width: 100px;
  height: 60px;
  object-fit: scale-down;
  background-color: #000;
  border-radius: 4px;
  border: 2px solid #454546;
  background-image: url(../images/home1.jpg);
  background-size: cover; /* Cover the container with the background image */
  background-position: center; /* Center the background image */
  display: flex;
  justify-content: center; /* Center the image horizontally */
  align-items: center; /* Center the image vertically */
}

.master-gallery-main .swiper-slide {
  opacity: 0.2;
  background: none;
}

.master-gallery-main .swiper-slide-active, .gallery-main .swiper-slide-active  {
  opacity: 1;
}

.text-left {
  text-align: left;
}

.bg-color-dark {
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
}

.bg-color-1 {
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
}

#image-gallery-5 figure img{
  height: auto !important;
}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
#photos img:hover{
  opacity: .7;
}
@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}
.navbar-nav .dropdown-menu > li:first-child > a, .navbar-nav .dropdown-menu > li:first-child > a:hover, .navbar-nav .dropdown-menu > li:first-child > a:active {
  border-top-right-radius: 4px!important;  
  border-top-left-radius: 4px!important;
}
.navbar-nav .dropdown-menu > li:last-child > a, .navbar-nav .dropdown-menu > li:last-child > a:hover, .navbar-nav .dropdown-menu > li:last-child > a:hover {
  border-bottom-right-radius: 4px!important;  
  border-bottom-left-radius: 4px!important;
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  margin-top: -0.2em;
  margin-right: 1em;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropdown-menu:not(.multiselect-container.dropdown-menu ) {
  background: #fadd97;
}

.footer-box {
  border-radius: 10px;
  box-shadow: 5px 5px 3px #080808, 0 4px 2px #080808;
  padding: 10px;
  background-image:  linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30);
  z-index: 999;
  margin-bottom: 16px;
}

.site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: #00a01d;
}

.site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.site-heading h4::before {
  background: #00a01d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.company-det .our-offer-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.company-det .our-offer-carousel .owl-dots .owl-dot.active span {
  background: #00a01d none repeat scroll 0 0;
  border-color: #00a01d;
}

.company-det .item {
  border-radius: 10px;
  box-shadow: 5px 5px 3px #080808, 0 4px 2px #080808;
  padding: 30px;
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-top: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0px 20px;
}

.company-det.text-center .item {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  padding: 67px 40px 64px;
}

.company-det.text-center .item i {
  background: #00a01d none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 40px;
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  width: 80px;
  z-index: 1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  margin-bottom: 25px;
}

.company-det.text-center .item i::after {
  border: 2px solid #00a01d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 90px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 90px;
  z-index: -1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.company-det.item-border-less .item {
  border: medium none;
}

.company-det .our-offer-items.less-carousel .equal-height {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.company-det.item-border-less .item .number {
  font-family: "Poppins",sans-serif;
  font-size: 50px;
  font-weight: 900;
  opacity: 0.1;
  position: absolute;
  right: 30px;
  top: 30px;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.company-det.center-active .single-item:nth-child(2n) .item {
  background: #00a01d none repeat scroll 0 0;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
.company-det.center-active .single-item:nth-child(2n) .item i,
.company-det.center-active .single-item:nth-child(2n) .item h4,
.company-det.center-active .single-item:nth-child(2n) .item p {
  color: #ffffff;
}

.company-det .item i {
  color: #00a01d;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;
}

.company-det .item h4 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 12px !important;
}

.company-det .item p {
  margin: 0;
}

.company-det .item i,
.company-det .item h4,
.company-det .item p {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.company-det .item::after {
  background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: -1;
}

.company-det .item:hover::after {
  left: 0;
}

.company-det .item:hover i,
.company-det .item:hover h4,
.company-det .item:hover p {
  color: #ffffff !important;
}

.company-det.text-center .item:hover i::after {
  border-color: #ffffff !important;
}

.company-det.text-center .item:hover i {
  background-color: #ffffff !important;
  color: #00a01d !important;
}

.company-det.text-left .item i {
  background: #00a01d none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  position: relative;
  width: 100px;
  z-index: 1;
  text-align: center;
}

.company-det.text-left .item i::after {
  border: 2px solid #00a01d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 120px;
}

.company-det .hcol-1, .products-services .hcol-1, .enquiry .hcol-1, .clients .hcol-1, .product-details .hcol-1, .clients .hcol-1{
  color: #ffffff !important;
}

.company-det  .separator, .products-services .separator, .enquiry .separator, .clients .separator, .product-details .separator {
  border-bottom: solid 0px #ffffff;
}

.icons-img {
  border-radius: 50%;
  border: 5px solid transparent;
  padding: 15px;
  object-fit: contain;
  background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30);
  width: 70px;
  height: 70px;
  position: absolute;
  top: -35px;
  z-index: 2;
}

.icons-img img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.margin-top-60 {
  margin-top: 60px;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none !important;
}

.img-resp {
  width: 50px;
  height: 50px;
}

.address .classic-title h6, .color-white .classic-title h6 {
  text-align: center !important;
}

.color-gray {
  color: #444;
}

.color-white, .color-white .hcol-6{
  color: #fff !important;
  border-color: #fff !important;
}

.color-white-contact, .color-white-contact .hcol-6, .color-white-contact .classic-title h6 {
  color: #444 !important;
  border-color: #444 !important;
  text-align: center !important;
}

.bg-light {
  background-color: /* #dee2e6 */#fadd97 !important;
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
  background-color: #9fc9a2 !important;
}
/* 
.about-us p, .products p {
  color: #444 !important;
} */

.color-white .contact {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.contact-info p {
  text-align: center !important;
}

.footer-widgets .footer-box:last-child {
  margin-right: 0px;
}

@media screen and (min-width:768px){ 
  .footer-box {
    margin-top: -120px;
  }
  
  .footer-widgets .footer-box {
    margin-right: 20px;
  }

  .mrgt-788 {
    margin-top: 60px;
  }
}

/* Products */

.product {
  position: relative;
  width: 100%;
  background-color: #ececec;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 5px;
  height: auto;
}

.product > div {
  position: relative;
  z-index: 10;
}

.product .title {
  background-color: #454546;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  z-index: 1;
  text-align: center;
}

.product .text {
  vertical-align: middle;
  color: #333;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
  flex-direction: column;
}

.product .text .product-det {
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}

.product .text .product-quantity {
  padding: 0 20px;
  margin-bottom: 10px;
  color: #757575;
}

.product .text .product-price, .product .text .product-more-photo {
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-bottom: 5px;
}

.product .text .product-enquiry {
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-bottom: 10px;
}

.product .text .product-price a, .product .text .product-more-photo a {
  text-decoration: underline;
  color: #444;
}

.product .text .product-price a:hover, .product .text .product-more-photo a:hover {
  text-decoration: underline;
  color: #2915ec;
}

.product .text .add-to-cart {
  padding: 0 20px;
}

.product .text .add-to-cart img {
  width: 25px;
  height: auto;
}

.add-to-cart .rs_btn:after {
  content: "\f07a";
  font-family: 'FontAwesome';
}

.quote-icon .rs_btn:after {
  content: "\f27a";
  font-family: 'FontAwesome';
}

.product .product-preview {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}

.product-list {
  width: 100%;
  border-radius: 4px;
  border: 2px solid #eeeeee;
  box-shadow: 5px 5px 3px #080808, 0 4px 2px #080808;
  padding: 10px;
  margin-bottom: 16px;
}

.btn-disp {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}

.product-desc {
    background: #454546;
    padding: 5px;
    text-align: center;
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 2px solid #454546;
}

.product-desc p {
  color: #FFF !important;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.block-separator {
  height: 5px;
}

.img-display{
  overflow: hidden;
  display: flex;
  border: 2px solid #454546;
  border-radius: 4px;
}

.img-display .softeffect {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.img-showcase{
  display: flex;
  width: 100%;
  max-width: 100%;
  transition: all 0.5s ease;
  max-height: 300px;
  min-height: 250px;
}

.img-showcase img {
  object-fit: scale-down;
  background-color: #454546;
  background-image: url(../images/home1.jpg);
  background-size: cover; /* Cover the container with the background image */
  background-position: center; /* Center the background image */
  display: flex;
  justify-content: center; /* Center the image horizontally */
  align-items: center; /* Center the image vertically */
}

.img-select{
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-item{
  margin: 0.3rem;
  border: 2px solid #454546;
  border-radius: 4px;
}

.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3),
.img-item:nth-child(4),
.img-item:nth-child(5),
.img-item:nth-child(6),
.img-item:nth-child(7) {
  margin-right: 0;
  min-width: 65px;
  max-width: 100px;
  transition: transform 0.5s, background 0.5s;
  object-fit: cover;
  object-position: center top;
  height: 58px;
  overflow: hidden;
}

.img-item:hover{
  opacity: 0.8;
}

.img-item img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  background-color: #454546;
  background-image: url(../images/home1.jpg) !important;
  background-size: cover !important; /* Cover the container with the background image */
  background-position: center !important; /* Center the background image */
  display: flex;
  justify-content: center; /* Center the image horizontally */
  align-items: center; /* Center the image vertically */
}

.product-imgs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 10px;
}

.product-content{
  padding-top: 0;
}

.product .product-preview, .product .text {
  width: 100%;
  text-align: center !important;
}

.img-display figcaption,
.img-display figcaption > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.img-display figcaption {
  visibility: hidden;
  color: #000;
  font-size: 1.25em;
  text-transform: uppercase;
}

.img-display:hover figcaption {
  visibility: visible;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  color: #FFF;
  font-size: 12px;
}


.gallery-main .product-item figure {
  border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px 
}

/* JModal */
.well {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display:none;
    margin:1em;
}
pre.prettyprint {
    padding: 9px 14px;
}
.fulltable {
    max-width: 100%;
    overflow: auto;
}
.lineheight {
    line-height: 3em;
}
.page-header {
    border-bottom: none;
}
.initialism {
    font-weight: bold;font-family: 'ubuntu_sansbold' !important;
    letter-spacing: 1px;
    font-size: 12px;
    word-wrap: normal;
}
.btn-modal {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space:pre-wrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible .fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.well {
  min-height: 20px;
  /* padding: 19px; */
  margin-bottom: 20px;
  /* background-color: #f5f5f5; */
  /* border: 1px solid #e3e3e3; */
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.product-details .product-list-cart {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}

.main-product-list .product-list-cart {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}


.close-btn {
  position: absolute;
  top: -11px;
  right: 4px;
  background: #333333;
  font-size: 14px;
  padding: 5px 7px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 1;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.close-btn:hover {
  color: #fff;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.product-details .classic-title {
  visibility: visible !important;
}

.main-product-list .product-preview, .product .text {
  width: 100%;
  text-align: center !important;
  padding: 20px 20px;
}

@media screen and (max-width:768px){ 
  .product-details .product-list-cart {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  .main-product-list .product-list-cart {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .main-product-list .product-preview, .product .text {
    width: 100%;
    text-align: center !important;
    padding: 20px 20px;
  }
  .padding-rl {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

.product-enquiry span {
  font-weight: 500;
  font-size: 12px;
}

.input-group > .intl-tel-input.allow-dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.input-group > .intl-tel-input.allow-dropdown > .flag-container {
    z-index: 4;
}

.iti-flag {
  background-image: url("../images/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url("../images/flags@2x.png");
    }
}

/* .iti-mobile .intl-tel-input .country-list {
  max-height: 200px;
  width: 460px;
} */

.iti-mobile .intl-tel-input.iti-container {
/*   top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; */
  z-index: 999999;
  /* max-height: 200px;
  height: 200px;
  width: 460px; */
}

.intl-tel-input.iti-container {
  z-index: 999999;
/*   max-height: 200px;
  width: 225px; */
}

.intl-tel-input.separate-dial-code .selected-dial-code {
/*   display: table-cell;
  vertical-align: middle; */
  padding-left: 0px;
  font-size: 12px;
}

/* .about-us p, .products p {
  text-align: justify;
} */

.products .padding-r-l {
  padding-right:5px;
}

@media only screen and (min-device-width:992px) and (max-device-width:1060px){
  .products .wow.fadeInRight.animated.paddlr {
    padding-right: 15px;
    padding-left: 15px;
  }
}


@media only screen and (min-device-width:575px) and (max-device-width:768px){
  .padding-rl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

.product input.form-control, .product input.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #454546;
  border: 2px solid #454546;
  outline: 0;
  box-shadow: none
}

.padding-r {
  padding-right: 5px !important;
}

.swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide {
  opacity: 0.2;
}

.gallery-thumbs .swiper-slide, .img-item a img {
  opacity: 0.3;
  background: none;
}

.gallery-thumbs .swiper-slide-active, .img-item a img.active {
  opacity: 1;
}

.product .classic-title h6 {
  text-align: center !important;
}

.product .text .product-spec {
  padding: 10px;
}

.main-product-listing {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.copyright-section a {
  color: #A62A2A !important;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15);
  border-bottom: 2px solid #521919;
  color: #fff !important;
  border-radius: 4px;
}

#breadcrumbs ul li a {
  position: relative;
  top: -1px;
}

.address p {
  color: #A62A2A !important; font-weight: 600 !important;
  margin: 10px 0px;
}

#image-gallery .col-12:nth-child(n+4), #image-gallery-1 .col-12:nth-child(n+4), #image-gallery-2 .col-12:nth-child(n+4), #image-gallery-3 .col-12:nth-child(n+4),#image-gallery-4 .col-12:nth-child(n+4), #image-gallery-5 .col-12:nth-child(n+4),#image-gallery-6 .col-12:nth-child(n+4),#image-gallery-7 .col-12:nth-child(n+4),#image-gallery-8 .col-12:nth-child(n+4),#image-gallery-9 .col-12:nth-child(n+4),#image-gallery-10 .col-12:nth-child(n+4) {
  display: none;
}

#image-gallery .btn, #image-gallery-1 .btn, #image-gallery-2 .btn, #image-gallery-3 .btn, #image-gallery-4 .btn, #image-gallery-5 .btn, #image-gallery-6 .btn,#image-gallery-7 .btn,#image-gallery-8 .btn,#image-gallery-9 .btn,#image-gallery-10 .btn {
  display: block;
  margin: 30px auto 0 auto;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom {
  margin-bottom: 10px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.gallery-item figure {
  cursor: pointer;
  margin: 2px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  border: 2px solid #A62A2A;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.gallery-item figure figcaption,
.gallery-item figure figcaption > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.gallery-item figure figcaption {
  backface-visibility: hidden;
  color: #fff;
  font-size: 1.25em;
  text-transform: uppercase;
}

.gallery-item figure h4,
.gallery-item figure p {
  margin: 0;
}

.gallery-item figure h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  word-spacing: -0.15em;
}

.gallery-item figure p {
  font-size: 18px;
  font-weight: 100;
  color: #fff;
  letter-spacing: 1px;
}

.gallery-item figure h2,
.gallery-item figure p {
  margin: 0;
}

.gallery-item figure.softeffect {
  background: none repeat scroll 0 0 #000000;
}

.gallery-item figure.softeffect img {
  transition: opacity .35s ease 0s, transform .35s ease 0s;
}

figure.softeffect:hover img {
  opacity: 0.35;
  transform: scale(1);
}

.gallery-item figure.softeffect figcaption:before,
.gallery-item figure.softeffect p {
  opacity: 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.gallery-item figure.softeffect h4 {
  opacity: 0;
  padding: 20% 0 20px;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.gallery-item figure.softeffect p {
  margin: 0 auto;
  max-width: 200px;
  transform: scale(1.5);
}

.gallery-item figure.softeffect:hover figcaption:before,
.gallery-item figure.softeffect:hover p {
  opacity: 1;
  transform: scale(1);
}

.gallery-item figure.softeffect:hover h4 {
  opacity: 1;
  transform: scale(1);
}

.gallery-item figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  opacity: 1;
  position: relative;
  /* object-fit: cover; */
  height: 210px;
}

figure.softeffect {
  background: none repeat scroll 0 0 transparent;
}

figure.softeffect:hover {
  background: none repeat scroll 0 0 #000000;
  /* Cyan: #00aeef */
}

figure.softeffect img {
  transform: scale(1);
  transition: opacity .35s ease 0s, transform .35s ease 0s;
}

figure.softeffect:hover img {
  opacity: .5;
  transform: scale(1.15);
  /* filter: blur(1px); */
}

.mySwiper .swiper-slide-active {
  opacity: 1 !important;
}
#image-gallery-2 figure.softeffect/* ,#image-gallery-3 figure.softeffect */ {
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    border: 0px solid #e1c063;
}

#image-gallery-2 figure.softeffect img/* , #image-gallery-3 figure.softeffect img */ {
  transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
    transition: all .35s;
    transform-origin: 85% 100%;
    -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
    -webkit-transition: all .35s;
    -webkit-transform-origin: 85% 100%;
  width: 100%;
}

#image-gallery-2 figure.softeffect img:hover/* ,#image-gallery-3 figure.softeffect img:hover  */{
    -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
    opacity: .6
}

#image-gallery-1 figure.softeffect img {
  max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

#image-gallery-1 figure.softeffect img:hover {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.color-white {
  color: #fff !important;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-top-20 {
  padding-top: 20px;
}
.titlefont {
  font-size: 20px;
}

.contact {
  color: #990000;
}

.border-0 {
  border-bottom: 0px solid #990000;
}


.common-form .btn {
  border-radius: 0;
}
.common-form .form-group {
  position: relative;
  padding-top: 20px;
  margin-bottom: 0;
  /* If there's only 1 input make it full height */
}
.common-form .form-group:first-child:last-child {
  height: 100%;
}
.common-form .form-group:first-child:last-child .form-control {
  height: 100%;
}
.common-form .form-group textarea {
  resize: none;
}
.common-form .form-group .input-highlight {
  content: "";
  width: 0;
  height: 2px;
  background: #e03443;
  position: absolute;
  display: block;
  bottom: 0;
  transition: width 0.4s ease;
}
.common-form .form-group label {
  position: absolute;
  left: 0px;
  top: 23px;
  transition: all 0.4s ease;
  font-size: 10px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-left: 5px;
}
.common-form .form-group .form-control {
  border-radius: 3px 3px 0px 0px;  
  border-width: 0 0 2px 0;
}
.common-form .form-group .form-control:focus, .common-form .form-group .form-control.hasValue {
  box-shadow: none;
  border-color: #ced4da;
}
.common-form .form-group .form-control:focus ~ .input-highlight, .common-form .form-group .form-control.hasValue ~ .input-highlight {
  width: 100%;
}
.common-form .form-group .form-control:focus ~ label, .common-form .form-group .form-control.hasValue ~ label {
  top: 0;
  left: 1px;
  color: #fff;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  margin-left: 0px;
}

.img-thumbnail {
  padding: 0;
  background: none;
  border: 0px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

#reload {
  cursor: pointer;
}

#imgdiv {
 /*  float: right;
  position: absolute;
  right: 0;
  margin-top: 15px; */
}

.btn-grp {
  float: right;
  position: absolute;
  right: 0;
  margin-top: 20px;
  bottom: -90px;
}

.btn-reset,.btn-reset:hover {
  margin-right: 5px;
  border-bottom: 2px solid #ba8030;
  border-radius: 4px !important;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  font-size: 10px;
}

.btn-submit,.btn-submit:hover {
  border-bottom: 2px solid #0b7824;
  border-radius: 4px !important;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2em + 0.75rem + 2px);
}

.btn-warning:hover {
  color: #fff;
  background-color: #ff8d15;
  border-color: #ba8030;
}

.btn-warning {
  color: #fff;
  background-color: #ff8d15;
  border-color: #ba8030;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle, .btn-warning.focus, .btn-warning:focus {
  color: #fff;
  background-color: #ff8d15;
  border-color: #ba8030;
}

.btn-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #0b7824;
}

.btn-warning {
  border-bottom: 2px solid #2b1900 !important;
}

.btn-success {
  border-bottom: 2px solid #002c0a !important;
}

.btn {
  border: 0px solid transparent;
}

.flex-item-service-1 .image--cover {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px rgba(153, 0, 0, 0.8), inset 0 12px 11px rgba(153, 0, 0, 0.5);
  object-position: center;
}

.flex-item-service-1 .service {
  padding: 0px;
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px rgba(153, 0, 0, 0.8), inset 0 12px 11px rgba(153, 0, 0, 0.5);
}

.flex-item-service-1 .text-font-size {
  font-size: 18px !important;
}

.flex-wrap {
  display: flex;
  flex-direction: column;
  color: #444;
}

.honor-members .service,.honor-members-1 .service  {
  background-image: none;
  box-shadow: none
}

.honor-members .service:hover,.honor-members-1 .service:hover  {
  transform: none;
}

.honor-members .classic-title h6 span {
  color: #990000 !important;
  border-bottom: 0px solid #990000;
}

.honor-members-1 .classic-title h6 span {
  color: #f0af00 !important;
  border-bottom: 0px solid #990000;
}

.honor-members .flex-item-service-1 .image--cover {
  border: 0px solid #ffc107;
}

.honor-members-1 .flex-item-service-1 .image--cover {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px #ffc107, inset 0 12px 11px #e1c063;
  border: 0px solid #ffc107;
}

.honor-members-1 .flex-wrap {
  color: #FFF;
}

.honor-members .flex-item-service-1 .image--cover:hover, .honor-members-1 .flex-item-service-1 .image--cover:hover {
  transform: scale(1);
  opacity: 1;
  -webkit-transform: scale3d(1.1,1.1,1);
  transform: scale3d(1.1,1.1,1);
}

.common-form-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding: 25px 20px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.5s, background 0.5s;
  background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);
  border-radius: 4px 4px 4px 4px;
  color: #fff;
  height: 420px !important;
  height: auto;
  margin: auto 10px;
  -webkit-box-shadow: 3px 3px 2px 0px #521919;
  -moz-box-shadow: 3px 3px 2px 0px #521919;
  box-shadow: 3px 3px 2px 0px #521919;
  margin-bottom: 20px;
}

.form-width {
 width: 100%; 
}

.color-white {
  color: #fff;
}

.common-form-1 .form-control {
  border: 1px solid #ffc107;
}

.padding-10 {
  padding: 10px;
}

label.error {
  position: absolute !important;
  display: flex;
  right: 0px;
  left: 0;
  top: 2px !important;
  float: right;
  width: 100%;
  justify-content: end;
  align-items: flex-start;
  color:#ffda56 !important;
  font-weight: bold !important;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 9px !important;
}

span#message  {
  position: absolute !important;
  display: flex;
  right: 0px;
  left: 0;
  top: 27px !important;
  float: right;
  width: 100%;
  justify-content: end;
  align-items: flex-start;
  color:#ffda56 !important;
  font-weight: 500 !important;
  padding-right: 0px;
  padding-left: 5px;
  font-size: 10px !important;
  font-family: 'ubuntu_sansbold' !important;
}

.alert-msg {
  left: 0;
  text-align: center;
  position: absolute;
  right: 0;
  padding: 2px;
  bottom: 0px;
  font-size: 10px;
}
.btn-close {
  position: absolute;
  right: 5px;top: 5px;
}

.form-signin {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#overlay {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
  -webkit-box-shadow: 3px 3px 2px 0px #521919;
  -moz-box-shadow: 3px 3px 2px 0px #521919;
  box-shadow: 3px 3px 2px 0px #521919;
  border-radius: 5px;
}

.text-align {
  text-align: center !important;
}

.color-yellow {
  color: #ffc107 !important;
}

.color-dark {
  color: #990000 !important;
}

.color-black {
  color: #444 !important;
}

.border-bottom-0 {
  border-bottom: 0px solid #990000;
}

.flex-vert-hor-center {
  align-items: center;
  justify-content: center;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  cursor: pointer;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #ba1f24;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #fa183d;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #da0528;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  top: 10px;
  left: 4px;
  width: 0;
  height: 0;
  border-left: 22px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-img-thumb {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px #ffc107, inset 0 12px 11px #ffc107;
  border: 0px solid #ffc107;
}

.img-thumb {
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px 1px #990000, inset 0 12px 11px #990000;
  border: 0px solid #ffc107;
}

.flex-direction-row {
  flex-direction: row;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.padding-top-bottom-20 {
  padding: 20px 10px;
}

.padding-left-right {
  padding-left: 20px;
  padding-right: 20px;
}

.glightbox-open {
  overflow: auto;
}

.gscrollbar-fixer {
  margin-right: 0px !important;
}
.flex-direction{
  flex-direction: row-reverse;
  align-items: center;
}

.img-max-width{
  max-width: 60.333333% !important;
}

.text-font-size{
  font-size: 16px !important;
}

.align-items {
  align-items: flex-start;
}

.master-gallery .gallery-item figure {
  cursor: pointer;
  margin: 2px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 200px;
  border: 2px solid #e1c063;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.master-gallery .gallery-item figure img {
  display: block;
  max-width: 100%;
  min-height: 100%;
  opacity: 1;
  position: relative;
  /* object-fit: cover; */
  height: auto;
}

.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.1;
  background: none;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
  background-color: #000;
}

.master-gallery-main .swiper-slide, .gallery-main .swiper-slide {
  opacity: 0.2;
  background: none;
}
.master-gallery-main .swiper-slide-active, .gallery-main .swiper-slide-active  {
  opacity: 1;
}

.text-left {
  text-align: left;
}

.bg-color-dark {
  background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);
}

#image-gallery-5 figure img{
  height: auto !important;
}

#photos {
  /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
#photos img:hover{
  opacity: .7;
}
@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.gallery-item-1 .gallery-item figure, .gallery-item-2 .gallery-item figure {
  border-radius: 20px;
} 


.service {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 25px 20px;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.5s, background 0.5s;
  background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30);
  border-radius: 4px 4px 4px 4px;
  color: #fff;
  min-height: 210px;
  height: auto;
  margin: auto 10px;
  -webkit-box-shadow: 3px 3px 2px 0px #521919;
  -moz-box-shadow: 3px 3px 2px 0px #521919;
  box-shadow: 3px 3px 2px 0px #521919;
}

.service i {
  font-size: 40px;
  margin-bottom: 10px;
  color: #303ef7;
}

.service h2 {
  font-weight: 600;
  margin-bottom: 8px;
}

.service:hover {
  background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30);
  color: #fff;
  transform: scale(1.05);
}

.service:hover i {
  color: #fff;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.about-us .classic-title {
  text-align: left !important;
}

@media only screen and (max-width: 768px) and (min-width: 344px) {
  .navbar-brand.brand-name img {
    width: 240px;
  }
}

@media only screen and (max-width: 270px) and (min-width: 243px) {
  .navbar-brand.brand-name img {
    width: 150px;
  }
}

@media only screen and (max-width: 242px) and (min-width: 215px) {
  .navbar-brand.brand-name img {
    width: 120px;
  }
}

@media only screen and (max-width: 1085px) and (min-width: 992px) {
  .navbar-brand.brand-name img {
    width: 185px;
  }
  .navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 1085px) {
  .navbar-brand.brand-name img {
    width: 200px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 175px) {
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    border-bottom: 0px solid #521919;
  }
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(-225deg, #571515 0%, #784163 29%, #a62a2a 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 300% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  margin: auto;
  font-family: 'soda_shakeregular' !important;
  line-height: normal;
}

@keyframes textclip {
  to {
    background-position: 300% center;
  }
}

.spinner-box {
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: center no-repeat #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

.circle-border {
  width: 150px;
  height: 150px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(0deg, #ffffff 33%, #e04538 100%);
  animation: spin .8s linear 0s infinite;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 50%;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}


.btn-style {
  /* border-bottom: 2px solid #999999 !important; */
  border-top: 0px solid #a2a6a7 !important;
  border-radius: 20px;
  border-left: 0px solid #000 !important;
  border-right: 0px solid #000 !important;
  padding: 0px 10px !important;
  width: auto;
  color: #fff !important;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
  font-size: 9px;
  cursor: pointer;
}

button#english {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important
}

button#tamil {
  background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30) !important;
}

.lang-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
}

.lang-btn button:first-child {
  margin-right: 5px;
}

.lang-btn button:last-child {
  margin-left: 5px;
  color: #571a15 !important;
  font-weight: bold !important;
}

.lang-btn button span {
  position: relative;
  top: 2px;
  font-size: 9px;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 27px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15);
  transition: .4s;
  border-radius: 20px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  border-radius: 50%;
  left: 3px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}

.toggle-switch input:checked + .slider {
  background-image: linear-gradient(to right, #c24f30, #cd6d35, #d5893e, #dca54e, #e1c063, #e1c063, #e1c063, #e1c063, #dca54e, #d5893e, #cd6d35, #c24f30) !important;
}

.toggle-switch input:checked + .slider:before {
  transform: translateX(26px);
}

#tamil-content {
  display: none;
}

#tamil-content-about {
  display: none;
}
.common-form-1 img {
  border-radius: 4px;
}

@media only screen and (max-width: 767px) and (min-width: 175px) {
  .mrgt-788 {
    margin-top: -60px;
  }

  .mrgt-788.dashboard-pages {
    margin-top: 0px;
  }
}

#tamil-content, #tamil-content-about {
  font-family: 'baloo_thambiregular' !important;
}

.flex-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.flex-col-reports {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px;
  width: 100% !important;
  color: #FFF;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
}

.reports-col {
  display: flex;
  flex-direction: column;
  width: 100%; /* calc(100% - 140px); */
  /* margin-left: 10px; */
  margin-top: -5px;
}

.filter-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.filter-section span.label {
  color: #000;
  text-wrap-mode: nowrap;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

.reportTable {
  margin-top: 10px !important;
  width: 100%;
  padding: 10px 10px;
  width: 100% !important;
  color: #FFF;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
  min-height: 252px;
}

.common-form-1.login-form {
  height: auto !important;
}

.common-form-1.register-form, .common-form-1.login-form,.common-form-1.ats-form {
  height: auto !important;
  padding: 20px 30px;
}

#imgdivFlex {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.buttonDiv {
  width: 180px;
}

#imgdivFlex {
  width: 110px;
}

.login-form label {
  text-align: left;
  line-height: 1.5;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 2px;
  color: #fff;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
  font-size: 10px;
  display: flex;
  align-items: flex-end;
}

.register-form label {
  text-align: left;
  line-height: 1.5;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 2px;
  color: #fff;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
  font-size: 10px;
  display: flex;
  align-items: flex-end;
}

.register-form label span:first-child, .login-form label span:first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-right: 15px;
  font-size: 9px;
}

/* .student-form label span:first-child {
  position: absolute;
  left: 5px;
  top: -20px;
  margin-right: 15px;
  font-size: 9px;
}
 */
.register-form label span:nth-child(2),  .login-form label span:nth-child(2), .student-form label span:nth-child(2) {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-left: 5px;
  font-size: 9px;
}

.student-form label span:nth-child(2) {
  top:5px !important;
  right: 4px;
  z-index: 2;
}

.buttonDiv button:active {
  transform: translateY(2px);
}

.mrgt-788.dashboard-pages {
  margin-top: 0px;
}

.mrgt-788.dashboard-pages .copyright-section {
  border-top: 0px solid #A62A2A;
  padding: 0px;
}

footer.dashboard-footer {
  padding-top: 0px !important;
}

.text-dir {
  text-align: right;
}

.text-center-dashboard .hcol-1 {
  text-align: center !important;
  color: #444 !important;
}

.col-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

strong, b {
  font-family: 'ubuntu_sansbold' !important;
  font-weight: bold !important;
}

i {
  font-family: 'ubuntu_sansitalic' !important;
}


.common-form-1 .select2-container--default .select2-selection--single {
  border-radius: 3px 3px 0px 0px;
  border-width: 0 0 2px 0;
  border-bottom: 2px solid #ffc107;
}

.select2-dropdown {
  border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  text-align: left;
  font-size: 9px;
  font-weight: bold;
}

.select2-container span {
  font-family: 'ubuntu_sansregular', sans-serif;
  font-size: 9px;
}

.select2-results__option {
  padding: 2px 4px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-search--dropdown .select2-search__field {
  padding: 2px 4px;
  width: 100%;
  box-sizing: border-box;
  height: 20px;
}

.select2.select2-container.select2-container--default {
  width: 100% !important;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  border-radius: 0px 0px 4px 4px;
}

.paddlrside {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
  padding-top: 20px;
}

.paddlrside-head {
  padding-left: 5px;
  padding-right: 5px;
}

.paddlrside-other {
  padding-left: 5px;
  padding-right: 5px;
}

.child-add-more-button {
  margin-top: 10px;
  margin-right: -10px;
}

.protocol-add-more-button {
  margin-top: 10px;
  margin-right: -10px;
}

.common-form-1.register-form .form-group, .common-form-1.login-form .form-group, .common-form-1.ats-form .form-group {
  margin-bottom: 10px;
}

.common-form-1.register-form .form-group label,.common-form-1.login-form .form-group label,.common-form-1.ats-form .form-group label {
  position: absolute !important;
  display: inline;
  top: 30px !important;
  left: -10px;
  transition: all 0.4s ease;
  font-size: 10px;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
  margin-left: 5px;
}

.common-form-1.ats-form .ats-form-inner .form-group label {
  position: absolute !important;
  color: #d60909 !important;
  display: inline;
  top: 47px !important;
  left: 0px;
  text-align: left;
  right: 0px;
  transition: none;
  font-size: 10px;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
  margin-left: 0px;
  padding-left: 0px;
}

.common-form-1.register-form .form-group .form-control:focus ~ label.error, .common-form-1.register-form .form-group .form-control.hasValue ~ label.error, .common-form-1.login-form .form-group .form-control:focus ~ label.error, .common-form-1.login-form .form-group .form-control.hasValue ~ label.error, .common-form-1.ats-form .form-group .form-control:focus ~ label.error, .common-form-1.ats-form .form-group .form-control.hasValue ~ label.error  {
  left: -5px !important;
}

.common-form-1.ats-form .ats-form-inner .form-group .form-control:focus ~ label.error, .common-form-1.ats-form .ats-form-inner .form-group .form-control.hasValue ~ label.error {
  left: 0px !important;
}

.common-form-1.ats-form .ats-form-inner .textarea-col .form-group label.error {
  top: 87px !important;
}

.child-add-more-button, .btn-register, .protocol-add-more-button {
  font-size: 10px;
  font-weight: bold;
  border-radius: 4px !important;
  font-family: 'ubuntu_sansbold' !important;
}

#add-more-child:active {
  transform: translateY(2px);
}

.iicon {
  width: 12px;
  height: 12px;
  margin-left: 2px;
  margin-bottom: 2px;
}

.common-form-1.register-form .form-group, .common-form-1.login-form .form-group, .common-form-1.ats-form .form-group  {
  position: relative;
  padding-top: 0px;
  margin-bottom: 0;
}

.tooltip .tooltip-inner {
  border-radius: 4px !important;
  padding: 8px;
}
/* 
[type="checkbox"]:checked,
    [type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }
    [type="checkbox"]:checked + label,
    [type="checkbox"]:not(:checked) + label
    {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font-size: 15px;
        font-weight: 100;
    }
    [type="checkbox"]:checked + label:before,
    [type="checkbox"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        background: #fff;
    }
    [type="checkbox"]:checked + label:after,
    [type="checkbox"]:not(:checked) + label:after {
        content: '';
        width: 9px;
        height: 9px;
        background: #408af8;
        position: absolute;
        top: 5px;
        left: 5px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    [type="checkbox"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
 */
  .common-form-1.register-form .form-group label.terms {
    position: relative !important;
    color: #fff;
    text-align: justify;
    margin-top: -40px;
    width: 100%;
    word-break: break-all;
  }

  .common-form-1.register-form  #imgdivFlex {
    width: 130px;
    float: right;
    display: flex;
    align-items: center;
  }

  .terms-row {
    position: relative !important;
    display: flex;
    left: 5px;
    justify-content: space-around;
  }

  .mrbt-10 {
    margin-bottom: 10px;
  }

  .mrbt-20 {
    margin-bottom: 20px;
  }

  .mrbt-30 {
    margin-bottom: 30px;
  }

  .mrbt-40 {
    margin-bottom: 40px;
  }
  
  .mrbt-50 {
    margin-bottom: 50px;
  }
  
  .mrbt-60 {
    margin-bottom: 60px;
  }
  
  .captcha-col {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 5px;
  }


  @media only screen and (max-width: 321px) and (min-width: 175px) {
   /*  .timeSlot {
      margin-top: 20px;
    } */
    .top-bar .contact-details li a{font-size: 6px !important;}
  }

  @media only screen and (max-width: 335px) and (min-width: 175px) {
    /* .timeSlot {
      margin-top: 20px;
    } */
    .top-bar .contact-details li a{font-size: 6px !important;}
    .navbar-brand.brand-name img {
      width: 100px;
    }
  }

  .common-form-1.register-form .home-address .form-group label[class="error"] {
    top:70px !important
  }

  .common-form-1.student-form .home-address .form-group label[class="error"] {
    top:85px !important
  }
  
  .common-form-1.register-form .form-group.terms-row label[class="error"] {
    top:-15px !important
  }
    
  .common-form-1.register-form .form-group.terms-row label.regTerms {
    position: relative !important;
    display: flex;
    align-items: flex-start;
    top: 0px !important;
  }

  .common-form-1.register-form .form-group.terms-row label.regTerms div:first-child {
    margin-right: 5px !important;
  }
  
  .common-form-1.register-form .form-group.terms-row label.regTerms div:last-child {
    text-align: justify;
  }
  .control {
    display: block;
    /* position: relative; */
    padding-left: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
  }
  .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #ba8030;
    border-radius: 2px;
  }
  .control--radio .control__indicator {
    border-radius: 50%;
  }
  .control:hover input ~ .control__indicator,
  .control input:focus ~ .control__indicator {
    background: #ba8030;
  }
  .control input:checked ~ .control__indicator {
    background: #ba8030;
  }
  .control:hover input:not([disabled]):checked ~ .control__indicator,
  .control input:checked:focus ~ .control__indicator {
    background: #ba8030;
  }
  .control input:disabled ~ .control__indicator {
    background: #ba8030;
    opacity: 0.6;
    pointer-events: none;
  }
  .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
  }
  .control input:checked ~ .control__indicator:after {
    display: block;
  }
  .control--checkbox .control__indicator:after {
    left: 4px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-radius: 2px;
    border-width: 4px;
  }
  .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
  }
  .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
  }
  .control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
  }

  .common-form-1.enquiry-form .flex-col {
    margin-top: 20px;
  }

  .enquiry-form .common-form .form-group label[class="error"] {
    transition: none !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
  }

  .enquiry-form .common-form .form-group .form-control:focus ~ label,  .enquiry-form .common-form .form-group .form-control.hasValue ~ label {
    left: 0px !important;
  }

  
/* DataTable Style */
div.dataTables_wrapper div.dataTables_length label {
  float: left !important;
  font-size: 12px;
  color: #fff;
}

div.dataTables_wrapper div.dataTables_filter input {
  height: 20px;
  min-height: 20px;
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  /* box-shadow: 0px 0px 2px 1px #171717;
  background: -webkit-linear-gradient(to top, #333333, #333333, #333333, #333333, #333333, #353535, #383838, #3a3a3a, #3f3f3f, #454545, #4a4a4a, #505050);
  background: -o-linear-gradient(to top, #333333, #333333, #333333, #333333, #333333, #353535, #383838, #3a3a3a, #3f3f3f, #454545, #4a4a4a, #505050);
  background: -ms-linear-gradient(to top, #333333, #333333, #333333, #333333, #333333, #353535, #383838, #3a3a3a, #3f3f3f, #454545, #4a4a4a, #505050);
  background: linear-gradient(to top, #333333, #333333, #333333, #333333, #333333, #353535, #383838, #3a3a3a, #3f3f3f, #454545, #4a4a4a, #505050);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66696d', endColorstr='#353536',GradientType=0 ); */
}

div.dataTables_wrapper div.dataTables_length select {
  width: 55px;
  display: inline-block;
  font-size: 9px;
  height: 24px;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-size: 12px;
  color: #fff;
  float: right;
}

div.dataTables_wrapper div.dataTables_info {
  color: #FFF;
  padding-top: 0.85em;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 10px 0px 0px 0px;
  white-space: nowrap;
  justify-content: flex-end !important;
}

.pagination {
  --bs-pagination-hover-color: none;
  --bs-pagination-hover-bg: none;
  --bs-pagination-focus-color: none;
  --bs-pagination-focus-bg: none;
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: none;
  --bs-pagination-active-bg: none;
}

.page-link {
  padding: 5px 10px 5px 10px;
  font-size: 10px;
  color: #343434;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  border-color: #6c757d  !important;
  background: #6c757d ;
}

table.edit_table td, table.edit_table th {
  border: 1px solid #d3d3d3;
  font-size: 10px;
  vertical-align: middle !important;
  hyphens: auto;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


.dataTables_scrollBody thead {
  margin-top: -10px !important;
} 

.dataTables_scrollBody {
  position: relative;
  overflow: auto !important; 
  width: 100% !important;
  max-height: 200px;
  height: 200px;
} 

div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 8px;
  white-space: nowrap;
  text-align: right;
}

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: .125;
  right: 10px;
  line-height: 5px;
  top: 12px;
  font-size: .8em;
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
  top: 60%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable {
  clear: both;
  margin-top: 10px !important;
}

.page-link:hover {
  border-color: #6c757d  !important;
  background-color: #6c757d !important;
  color: #fff !important;
}

.page-link:focus {
  border-color: #6c757d !important;
  background-color: #6c757d !important;
  color: #fff !important;
}

.page-link:focus {
  border-color: #6c757d !important;
  background-color: #6c757d !important;
  color: #fff !important;
  box-shadow: none !important;
}

.ui-widget-content a {
  color: #343434;
}

.dataTables_scrollHeadInner, .dt-scroll-headInner {
  width: auto !important;
  padding-right: 5px !important;
}

.dt-scroll-head {
  padding-right: 5px !important;
}

.dt-button.xselected {
  color:#fff;
  border: 1px blue solid;
}

.tableFixHead thead th {
  white-space: nowrap !important;
}

.fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible .fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

a.initialism:hover, a.initialism:focus {
   color: #fff;
   text-decoration: none;
}              

.checkmark__circle {
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  fill: none;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.checkmark {
  animation: fill 0.4s ease-in-out 0.4s forwards, scaleOne 0.3s ease-in-out 0.9s both;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px;
  display: block;
  height: 56px;
  margin: 10% auto;
  margin-top: 0px;
  margin-bottom: 0px;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2;
  width: 56px;
  /* position: absolute;
  left: 0;
  right: 0;
  top: 15px; */
}

.checkmark.success {
  top: 30px !important;
}

.checkmark.error {
  color: #d06079;
}

.checkmark.error .success {
  display: none;
}

.checkmark.error .checkmark__circle {
  stroke: #d06079;
}

.checkmark.success {
  color: #32d28b;
}

.checkmark.success .error {
  display: none;
}

.checkmark.success .checkmark__circle {
  stroke: #32d28b;
}

.checkmark__check {
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  transform-origin: 50% 50%;
}

.checkmark__cross {
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  stroke-linecap: round;
}

@keyframes stroke {
  100% {
      stroke-dashoffset: 0;
  }
}

@keyframes scaleOne {
  0%, 100% {
      transform: none;
  }
  50% {
      transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
      box-shadow: inset 0px 0px 0px 30px;
  }
}

@keyframes unfill {
  100% {
      box-shadow: inset 0 0 0;
  }
}

@keyframes unstrokeCheck {
  100% {
      stroke-dashoffset: 48;
  }
}

@keyframes unstrokeCircle {
  100% {
      stroke-dashoffset: 166;
  }
}

@keyframes scaleTwo {
  0%, 100% {
      transform: none;
  }
  50% {
      transform: scale3d(1.1, 1.1, 1);
  }
}

.slide-up {
  -webkit-animation: slide-up 0.75s cubic-bezier(0.65, 0, 0.35, 1) both !important;
          animation: slide-up 0.75s cubic-bezier(0.65, 0, 0.35, 1) both !important;
}

@-webkit-keyframes slide-up {
  0% {
      transform: translateY(100px);
  }
  100% {
      transform: translateY(0);
  }
}

@keyframes slide-up {
  0% {
      transform: translateY(100px);
  }
  100% {
      transform: translateY(0);
  }
}

.successMessage {
  font-weight: bold;
  color: #32d28b;
  font-size: 15px;
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  position: absolute;
  left: 10px;
  right: 10px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  font-family: 'Agenda Bold' !important;
  font-weight: bold;
  text-transform: uppercase;
}

.errorMessage {
  margin-top: 0px;
  margin-bottom: 0px !important;
  font-weight: bold;
  color: #d06079;
  font-size: 15px;
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  position: absolute;
  left: 10px;
  right: 10px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  word-break: break-word;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.popup-message {
  position: relative;
  width: 100%;
  background-color: #fff;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 5px;
  height: auto;
  box-shadow: 3px 3px 2px 0px #464646;
}

.popup-message .title {
  background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);
  color: #fff;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;font-family: 'ubuntu_sansbold' !important;
  z-index: 1;
  text-align: center;
}

.popup-message .popup-message-preview {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  height: auto !important;
}

.popup-message .text {
  vertical-align: middle;
  color: #333;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
  flex-direction: column;
}

.popup-message-text {
  margin-top: 10px;
  font-weight: bold;
  text-align: center !important;
}

.padd-bottom-30 {
  padding-bottom: 30px;
}


.dataTableOuter {
  width: 100% !important;
  overflow: hidden !important;
  padding: 10px;
  color: #FFF;
  margin-top: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);;
}

.dataTableOuter table, .reportTable table  {
  border-collapse: inherit !important;
  font-size: 11px !important;
  width: 100% !important;
}


div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 2px;
  z-index: 2;
}

table.dataTable th:first-child,
table.dataTable td:first-child {
    min-width:  45px !important;
    width: 45px !important;
    max-width: 45px !important;
    vertical-align: middle ;
}


.atsInfo table.dataTable th:first-child,
.atsInfo table.dataTable td:first-child {
  word-break: break-all;
}

div.dt-container div.dt-scroll-body table, div.dt-container div.dt-scroll-body tbody>tr:last-child>* {
  border: 1px solid #dee2e6;
}

.tableFixHead thead th {
  position: sticky !important;
  top: 0px;
  bottom: 0px;
  z-index: 1;
  background: white;
  font-weight: bold !important;
  text-transform: uppercase !important;
  vertical-align: middle;
  color: #FFF;
  text-align: center;
}

.tableFixHead thead tr:nth-child(odd) th {
  background: #f7f7f7 !important;
  color: #000;
  text-align: center;
  height: 20px;
  vertical-align: bottom;
}

.tableFixHead tbody td:first-child {
  text-align: center;
}

.tableFixHead thead th {
  font-weight: bold;
  min-height: 100px !important;
  background: #9d9d9d;
}

.tableFixHead tbody td {
  padding: 3px 5px;
  border-bottom: 1px solid #d6d6d6;
  color: #000;
}

.tableFixHead tbody tr:nth-child(odd) td {
  color: #000;
  vertical-align: middle;
}

.tableFixHead tbody tr:nth-child(even) td {
  color: #000;
  vertical-align: middle;
}

.dt-scroll-headInner {
  width: 100% !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control {
  
}

div.dataTables_scrollHead table {
  border-top-left-radius: 4px;
}
 
div.dataTables_scrollHead th:first-child {
  border-top-left-radius: 4px;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  word-break: break-all;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
  border-bottom: 1px solid #efefef;
  padding: .5em 0;
  display: flex;
}

table.dataTable>tbody>tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
  text-align: left;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  word-break: break-all;
  text-align: left !important;
}


.dataTableOuter .select2.select2-container.select2-container--default {
  width: 80px !important;
}


.select2-dropdown-custom {
  background: #e7e7e7 !important;
  border: 2px solid #d0cfcf !important;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444 !important;
  border-top: none !important;
  -moz-box-shadow: 1px 1px 0px 1px #141414;
  -webkit-box-shadow: 1px 1px 0px 1px #141414;
  box-shadow: 1px 1px 0px 1px #141414;
}

 #atsInfo_wrapper .select2-selection--single, #atsInfo_wrapper .select2-container .select2-selection--single, .message-area .select2-container .select2-selection--single, #attendance-box .select2-container .select2-selection--single {
  background: #e7e7e7;
  border: 2px solid #d0cfcf;
  min-height: 18px;
  color: #444;
  box-shadow: none;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  border-radius: 2px 2px 2px 2px;
}

#atsInfo_wrapper input:not(.form-check input) {
  height: 20px;
  min-height: 20px;
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  /* padding-bottom: 3px; */
}

div.dt-container div.dt-length label {
  font-weight: normal;
    position: relative;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 0px;
    margin-left: 5px;
    top: 2px;
    margin-top: 2px;
}

div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  margin-bottom: 0;
  position: relative;
  top: 2px;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
    margin-top: 10px;
  }

  .float-buttons {
    left: 0px;
    right:0px;
  }
}

div.dt-container div.dt-scroll-body {
  min-height: 180px !important;
}

.dt-search {
  margin-right: 2px;
}

.button_style {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 75px;
  height: 30px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  background: #6c757d;
  margin-right: 5px;
}

.float-buttons {
 /*  position: absolute;
  top: -30px;
  left: 17px; */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 23px;
}

.float-buttons .btn-style, .float-buttons-bottom .btn-style {
  border-left: 0px solid #a2a6a7 !important;
  border-right: 0px solid #a2a6a7 !important;
  border-radius: 4px;
  padding: 5px 5px 3px 5px !important;
  height: 23px;
  width:auto;
}

.button_style_img {
  display: inline-block;
  position: relative;
  width: 29px;
  height: 9px;
}

.button_style:active{
transform: translateY(1px);        
}

.common-form-1.ats-form {
  box-shadow: none !important;
}

.common-form-1.ats-form .form-group {
  margin-top: 0px !important;
  margin-bottom: 15px !important;
  padding-top: 0px !important;
}

.paddlrside-other label:first-child {
  float: left;
  text-align: left;
  margin-bottom: 0px;
}

.paddlrside-other label:first-child span {
  font-weight: bold;
  font-size: 10px;
}

.common-form-1.ats-form .form-group input.form-control {
  border-radius: 2px;
  height: 25px !important;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;  
  border-bottom: 0px solid;
  border-right: 0px solid;
  font-size: 9px;
  color: #444;
  background: #ffffff;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  padding-bottom: 3px;
}

.common-form-1.ats-form .form-group textarea.form-control, .custom-textarea, .custom-textarea:focus {
  border-radius: 2px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;  
  border-bottom: 0px solid;
  border-right: 0px solid;
  font-size: 9px;
  color: #444;
  background: #ffffff;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  padding-bottom: 3px;
}

.common-form-1.ats-form .flex-col {
  justify-content: flex-end;
}

.btn-danger {
  border-bottom: 2px solid #571a15;
  color: #fff;
  background-color: #dc3545;
  border-color: #571a15;
  border-radius: 4px !important;
  margin-right: 5px;
  font-weight: bold;
}

.btn-danger:hover,.btn-danger:active,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #571a15;
  font-weight: bold;
}

.btn-primary {
  border-bottom: 2px solid #152057;
  color: #fff;
  background-color: #357adc;
  border-color: #152057;
  border-radius: 4px !important;
  margin-right: 5px;
  font-weight: bold;
}

.btn-primary-1 {
  margin-right: 0px !important;
  border-bottom: 0px solid #152057 !important;
  background-color: #2c3e50;
  border-color: #2c3e50;
  margin-top: 1px !important;
}

.btn-primary-1:hover {
  background-color: #1a252f !important;
  border-color: #1a252f !important;
}

.btn-primary-1:not(:first-of-type):not(:last-of-type) {
  border-radius: 0px !important;
  margin-right: 0px !important;
}

.btn-primary-1:first-child {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.btn-primary-1:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #357adc;
  border-color: #152057;
  font-weight: bold;
}

.btn-warning {
  border-bottom: 2px solid #785117;
  color: #fff;
  background-color: #eb9f2e;
  border-color: #785117;
  border-radius: 4px !important;
  margin-right: 5px;
  font-weight: bold;
}

.btn-warning:hover,.btn-warning:active,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #eb9f2e;
  border-color: #785117;
  font-weight: bold;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 20px;
    min-height: 20px;
    border-radius: 2px;
    border: 2px solid #d0cfcf;
    font-size: 9px;
    color: #444;
    padding-left: 5px;
    background: #e7e7e7;
    -moz-box-shadow: 1px 1px 1px 1px #141414;
    -webkit-box-shadow: 1px 1px 1px 1px #141414;
    box-shadow: 1px 1px 1px 1px #141414;
    padding-bottom: 3px;
}

#atsInfo_wrapper .select2-selection--single, #atsInfo_wrapper .select2-container .select2-selection--single {
  min-height: 20px !important;
  width: 80px !important;
  height: 20px;
}

#atsInfo_wrapper .select2-selection__rendered {
  line-height: 19px !important;
  color: #444;
}

#atsInfo_wrapper div .select2-container--default .select2-selection--single .select2-selection__arrow, #atsInfo_wrapper span .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 19px !important;
}

.dashboard-header .navbar-brand.logo img {
  width: 40px;
}

.dashboard-header .sticky.is-sticky {
  height: 50px;
}

.dashboard-header .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
}

@media (min-width: 992px) {
  .dashboard-header .navbar-expand-lg .navbar-toggler {
      display: block;
  }
}

.dashboard-header .navbar .container, .dashboard-header .navbar .container-fluid, .dashboard-header .navbar .container-lg, .dashboard-header .navbar .container-md, .dashboard-header .navbar .container-sm, .dashboard-header .navbar .container-xl {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.dashboard-header .dropdown-menu  {
  right: 0 !important;
  left: auto !important;
  width: 250px;
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  padding-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.dashboard-header .dropdown-menu>.user-footer {
    background-image: linear-gradient(to left, #330000, #571a15, #7b391e, #9d5a27, #ba8030, #ba8030, #ba8030, #ba8030, #9d5a27, #7b391e, #571a15, #330000);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-header .dropdown-menu>li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dashboard-header .dropdown-menu>li.user-header>img {
  z-index: 5;
  height: 60px;
  width: 60px;
  -moz-box-shadow: 2px 2px 2px 2px #141414;
  -webkit-box-shadow: 2px 2px 2px 2px #141414;
  box-shadow: 2px 2px 2px 2px #141414;
  padding: 3px;
}

.dashboard-header .dropdown-menu>li.user-header>p {
  z-index: 5;
  color: #444;
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold;
}

.dashboard-header .dropdown-menu>li.user-header>p>small {
  display: block;
  font-size: 9px;
}

.img-circle {
  border-radius: 50%;
}

.dashboard-header  .dropdown-menu>.user-footer .btn-default {
  color: #666666;
}

.btn.btn-flat {
  width: auto;
  height: 26px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000 !important;
  font-weight: bold !important;
  text-decoration: none;
  border-radius: 4px;
  background: #fff;
  margin-right: 5px;
  border-bottom: 2px solid #b6b6b6;
}

.btn.btn-flat:hover {
  background: #e1e1e1;
}

.btn.btn-flat:active {
  transform: translateY(2px);
}

.dashboard-header .user-image {
  width: 30px;
  -moz-box-shadow: 2px 2px 2px 2px #141414;
  -webkit-box-shadow: 2px 2px 2px 2px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  height: 30px;
  border-radius: 50%;
  padding: 2px;
}

.dashboard-header .user-name {
  margin-right: 10px;
  font-weight: bold;
}

.dashboard-header .user-name small {
  font-weight: 600;
}

@media (max-width: 767px) {
  .dashboard-header .hidden-xs {
      display: none !important;
  }
}

.dashboard-header .navbar-dark .navbar-toggler {
  border: none !important;
  display: flex;
  align-items: center;
  width: 40px;
}

.dashboard-header .user-det {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    padding: 10px;
}


.dashboard-header .user-det:hover, .dashboard-header .user-det:focus, .dashboard-header .user-det:active {
  background: rgba(0, 0, 0, 0.1);
}

.content-header .breadcrumb {
  position: relative;
  margin-top: 5px;
  top: 0;
  right: 0;
  float: none;
  background: #d2d6de;
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}

ol.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  -webkit-box-shadow: 1px 1px 1px 2px #351b1b !important;
  -moz-box-shadow: 1px 1px 1px 2px #351b1b !important;
  box-shadow: 1px 1px 1px 2px #351b1b !important;
}

.breadcrumb a {
  color: #323130 !important;
  text-decoration: none;
  background-color: transparent;
}

.dashboard-container .breadcrumb a {
  color: #fff !important;
  text-decoration: none;
  font-size: 12px;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: bold;
}

h1.dashboard-part {
  font-size: 13px;
  font-weight: bold;
}

h1.dashboard-part small {
  color: #777 !important;
}

.breadcrumb li a svg {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.breadcrumb li a {
  font-weight: bold;
}

/* Prevent body scrolling */
.no-scroll {
  overflow: hidden; /* Prevent scrolling */
  height: 100%;     /* Prevent scrolling on mobile devices */
}



.small-box {
  border-radius: 4px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

.small-box>.inner {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.small-box>.small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255,255,255,0.8);
  display: block;
  z-index: 10;
  background: rgba(0,0,0,0.1);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

.small-box>.small-box-footer:hover {
  color: #fff;
  background: rgba(0,0,0,0.15)
}

.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0
}

.small-box p {
  font-size: 15px
}

.small-box p>small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
  text-align: center
}

.small-box h3,.small-box p {
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  color: #fff !important;
  font-weight: bold;
}

.small-box .icon {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  position: relative;
  text-align: center;
  z-index: 0;
  font-size: 40px;
  color: rgba(0,0,0,0.15);
  width:40px;
  height: 40px;
  display: flex;
  align-items: center;
}

.small-box:hover {
  text-decoration: none;
  color: #f9f9f9
}

.small-box:hover .icon {
  font-size: 40px
}

@media (max-width: 767px) {
  .small-box {
      text-align:center
  }

 /*  .small-box .icon {
      display: none
  } */

  .small-box p {
      font-size: 12px
  }
}

.bg-green {
  background-color: #00a65a !important
}

.bg-yellow {
  background-color: #f39c12 !important
}

.bg-red {
  background-color: #dd4b39 !important
}

.bg-aqua {
  background-color: #00c0ef !important
}

.bg-blue {
  background-color: #0073b7 !important
}

.bg-navy {
  background-color: #001f3f !important
}

.bg-purple {
  background-color: #605ca8 !important
}

.bg-olive {
  background-color: #3d9970 !important
}

.bg-gray {
  background-color: #d2d6de !important
}

.bg-blue-dark {
  background-color: #658293 !important
}


.bg-light-gray {
  background-color: #eeeeee !important
}

.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-green,.bg-red,.bg-purple,.bg-olive,.bg-gray,.bg-blue-dark {
  color: #fff !important;
  -webkit-box-shadow: 2px 2px 3px 1px #484848 !important;
    -moz-box-shadow: 2px 2px 3px 1px #484848 !important;
    box-shadow: 2px 2px 3px 1px #484848 !important;
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
body {
  font-size: 0.9rem;
}
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/

/* .page-wrapper {
  height: 100vh;
} */

.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}

.page-wrapper .theme.default-theme {
  background: #1e2229;
}

/*----------------toggeled sidebar----------------*/

.page-wrapper.toggled .sidebar-wrapper {
  top: 50px !important;
  left: 0px;
  z-index:9999;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 300px;
  }
}
/*----------------show sidebar button----------------*/
#show-sidebar {
  position: fixed;
  left: 0;
  top: 72px;
  border-radius: 0 4px 4px 0px;
  width: 25px;
  height: 35px;
  transition-delay: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  z-index: 9;
}

.page-wrapper.toggled #show-sidebar {
  left: -40px;
}

#show-sidebar svg {
  margin-left: -3px;
}

/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 50px;
  left: -300px;
  z-index: 999;
}

.sidebar-wrapper ul {
  list-st0yle-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-wrapper a {
  text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
  max-height: calc(100% - 80px);
  height: calc(100% - 80px);
  /* overflow-y: auto; */
  position: relative;
}

.sidebar-content.desktop {
  overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
  text-transform: uppercase;
  font-weight: bold;
  flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
  padding: 20px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
  float: left;
  width: 60px;
  padding: 2px;
  border-radius: 12px;
  margin-right: 15px;
  overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
  object-fit: cover;
  height: 55px;
  width: 55px;
  box-shadow: 1px 1px 1px 1px #141414;
  border-radius: 50%;
  padding: 4px;
  background: #9c9c9c;
}

.sidebar-wrapper .sidebar-header .user-info {
  float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
  display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
  font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status svg {
  font-size: 10px;
  margin-right: 4px;
  color: #68a936 !important;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
  padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 30px 8px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
  margin-right: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 8px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
  padding-left: 25px;
  font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
  float: right;
  margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
  display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
  position: absolute;
  width: 100%;
  bottom: 50px;
  display: flex;
}

.sidebar-footer > a {
  flex-grow: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
  top: 4px;
}

.sidebar-footer > a .notification {
  position: absolute;
  top: 0;
}

.badge-sonar {
  display: inline-block;
  background: #980303;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 0;
}

.badge-sonar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #980303;
  opacity: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}

.page-wrapper .page-content > div {
  padding: 20px 40px;
}

.page-wrapper .page-content {
  overflow-x: hidden;
}

/*------scroll bar---------------------*/

::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #525965;
}
::-webkit-scrollbar-thumb:active {
  background: #525965;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*-----------------------------default-theme-------------------------------------------------*/

.default-theme .sidebar-wrapper {
    background: #312020;
}

.default-theme .sidebar-wrapper .sidebar-header,
.default-theme .sidebar-wrapper .sidebar-search,
.default-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #3a3f48;
}

.default-theme .sidebar-wrapper .sidebar-search input.search-menu,
.default-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.default-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.default-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.default-theme .sidebar-wrapper .sidebar-search input.search-menu,
.default-theme .sidebar-wrapper .sidebar-search .input-group-text,
.default-theme .sidebar-wrapper .sidebar-brand>a,
.default-theme .sidebar-wrapper .sidebar-menu ul li a,
.default-theme .sidebar-footer>a {
    color: #818896;
}

.default-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.default-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.default-theme .sidebar-wrapper .sidebar-header .user-info,
.default-theme .sidebar-wrapper .sidebar-brand>a:hover,
.default-theme .sidebar-footer>a:hover i {
    color: #b8bfce;
}

.page-wrapper.default-theme.toggled #close-sidebar {
    color: #bdbdbd;
}

.page-wrapper.default-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.default-theme .sidebar-wrapper ul li:hover a i,
.default-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.default-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.default-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #16c7ff;
    text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.default-theme .sidebar-wrapper .sidebar-menu ul li a i,
.default-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.default-theme .sidebar-wrapper .sidebar-search input.search-menu,
.default-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #3a3f48;
}

.default-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.default-theme .sidebar-footer {
  background: #1e1818;
  box-shadow: 0px -1px 5px #201818;
  border-top: 1px solid #2d2221;
}

.default-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.default-theme .sidebar-footer>a:last-child {
    border-right: none;
}

#container.dashboard-container {
  padding-right:0px;
  padding-left:0px;
}

.wrapper .sidebar-header {
  display: flex;
  align-items: center;
}

.sidebar-menu  {
    max-height: calc(100% - 150px);
    height: calc(100% - 150px);
    overflow-y: auto;
}


.sidebar-menu::-webkit-scrollbar-thumb {
  background: #525965;
  border: 0px none #ffffff;
  border-radius: 0px;
}

.sidebar-menu::-webkit-scrollbar-thumb:hover {
  background: #525965;
}

.sidebar-menu::-webkit-scrollbar-thumb:active {
  background: #525965;
}


.sidebar-menu::-webkit-scrollbar-thumb {
    background: transparent;
  border-radius: 5px;
  border: 2px solid #704848;
  box-shadow: inset 1px 1px 5px #704848;
}

.page-wrapper .btn-dark {
  background-color: #312020 !important;
}

.default-theme .sidebar-wrapper .sidebar-header .user-info {
  font-weight: bold;
  font-size: 12px;
}

.default-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div {
  background: #1c1111;
}

.default-theme .sidebar-wrapper .sidebar-menu ul li a {
  font-size: 11px !important;
  font-weight: bold;
  border-left: 2px solid transparent;
}

.sidebar-menu span {
  margin-left: 10px;
}

.sidebar-menu svg:first-child {
  width: 20px;
}

.default-theme .sidebar-wrapper .sidebar-brand>a {
  font-size: 15px;
  font-weight: bold;
}

.sidebar-menu ul li.active a  {
  color: #fff;
  background: #201818;
  border-left: 2px solid #2d0c0c;
}

@media screen and (min-width: 768px) {
  .user-update-form .common-form-1.ats-form {
    flex-direction: row;
  }
}

.user-update-form .common-form-1.ats-form {
  -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  margin: 0px 15px;
  padding: 20px 10px;
}

.common-form-1.ats-form #UpdateProfilePhotoForm .form-group label {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  margin-left: 0px;
}

.common-form-1.ats-form #UpdateProfilePhotoForm .form-group label span.btn-primary{
  height: 25px;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
}

.common-form-1.ats-form #UpdateProfilePhotoForm .form-group input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.common-form-1.ats-form #UpdateProfilePhotoForm .form-group label span span {
  position: relative;
  top: 2px;
}

.img-view {
  margin-right: 10px;
}

.img-view img {
  padding: 10px;
  -moz-box-shadow: 1px 1px 1px 1px #330000;
  -webkit-box-shadow: 1px 1px 1px 1px #330000;
  box-shadow: 1px 1px 1px 1px #330000;
}

.profile-section button {
  border-radius: 4px;
  height: 23px;
}

.profile-section button:active {
  transform: translateY(2px);
}

.disabledBtn {
  pointer-events: none;
  opacity: 0.5;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
  background-color: #dd4b39 !important;
  color: #fff;
  background-color: #dd4b39 !important;
  font-weight: bold;
  font-size: 10px;
}

.alert button.close {
  top: 5px;
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#errorUpload {
  position: absolute;
  bottom: -40px;
  left: 5px;
  right: 5px;
}

#errorCommon {
  position: absolute;
  left: 5px;
  right: 5px;
}

 #errorCommonAttendance {
    position: absolute;
    bottom: 30px;
    left: 10px;
    right: 10px;
}

#errorCommonCancel {
  position: absolute;
  bottom: 28px;
  left: 10px;
  right: 10px;
  width: auto;
}

.mrbt-up {
  margin-bottom: 20px;
}

/* .well .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 35ch;
} */

@media screen and (min-width: 768px) {
  .mrbt-up {
    margin-bottom: 0px;
  }

 /*  .well .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50ch;
  } */
}

.padd-lr-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.disp-none {
  display: none;
}


.edit-delete-icon {
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
}

.edit-delete-icon .ed-icon {
  width: 18px;
  height: 18px;
  -moz-box-shadow: 1px 1px 1px 1px #979797;
  -webkit-box-shadow: 1px 1px 1px 1px #979797;
  box-shadow: 1px 1px 1px 1px #979797;
  border-radius: 50%;
}

.edit-delete-icon .ed-icon-approve {
  width: 18px;
  height: 18px;
}

.edit-delete-icon .ed-icon:active, .edit-delete-icon .ed-icon-approve:active {
  transform: translateY(1px);
}

.flex-col-td-th {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-left: -2px;
}

.flex-col-td-th .edit-delete-icon:first-child {
  margin-right: 5px;
}

.enquiry-form #errorCommon {
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.login-form #errorCommon, .register-form #errorCommon {
  bottom: 0px;
  left: 20px;
  right: 20px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
  word-break: break-all;
  line-height: 1.5;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
  word-break: break-all;
  line-height: 1.5;
}

.select2-container--default .select2-results__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}

/* table.dataTable th:last-child, table.dataTable td:last-child {
    min-width: 65px !important;
    width: 65px !important;
    max-width: 65px !important;
}
 */
.common-form-1.ats-form .select2-container--default .select2-selection--single {
  border-radius: 2px;
  height: 25px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 0px solid;
  border-right: 0px solid;
  font-size: 9px;
  color: #444;
  background: #ffffff;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  padding-bottom: 3px;
}

.well .select2-container--open .select2-dropdown--below, #add_students .select2-container--open .select2-dropdown--below, .well .select2-container--open .select2-dropdown--above, #add_students .select2-container--open .select2-dropdown--above, .attendance-box .select2-container--open .select2-dropdown--above, .attendance-box .select2-container--open .select2-dropdown--below {
  border-radius: 2px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 0px solid;
  border-right: 0px solid;
  font-size: 9px;
  color: #444;
  background: #ffffff;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  padding-bottom: 3px;
}

.ats-form .buttonDiv {
  width: 100% !important;
}

.popup-message .popup-message-preview {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  height: auto !important;
  width: calc(100% - 20px);
}

.well {
  width: 100%;
  margin: 10px auto;
}

#message_popup.well, #login_message.well, #register_message.well {
  width: auto;
  margin: auto;
}

#message_popup.well .popup-message .popup-message-preview, #login_message.well .popup-message .popup-message-preview, #register_message.well .popup-message .popup-message-preview {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  height: auto !important;
  width: 100%;
  min-width: 200px;
}

.select2-container .select2-selection--multiple{
  width: 100%;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 2px;
  height: 25px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 0px solid;
  border-right: 0px solid;
  font-size: 9px;
  color: #444;
  background: #ffffff;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  padding-bottom: 3px;
  overflow: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
  border-radius: 2px;
  height: 25px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 0px solid;
  border-right: 0px solid;
  font-size: 9px;
  color: #444;
  background: #ffffff;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  padding-bottom: 3px;
  width: 100%;
  overflow-y: scroll;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  font-size: 15px;
  cursor: pointer;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 0px;
  position: fixed;
  padding: 1px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 2px; 
 border-bottom-right-radius: 2px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0px;
  box-sizing: border-box;
  font-size: 8px;
  color: #000;
  float: left;
  margin-top: 3px;
  margin-left: 5px;
  max-width: 100px;
  text-align: left;
  padding-left: 5px;
  border-radius: 2px !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  padding-left: 8px;
  font-weight: bold;
}

@media only screen and (min-width:768px) {
  .well {
    max-width: 400px !important;
  }

  .well.student-popup, .well.common-popup {
    max-width: 550px !important;
  }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
  .well {
    max-width: 400px !important;
  }

  .well.student-popup, .well.common-popup  {
    max-width: 550px !important;
  }
}

.fc-scrollgrid a, .fc-popover-body a {
  color: #212529;
  font-size: 10px;
  font-weight: bold;
}

.fc .fc-button-primary:focus {
  box-shadow: none !important;
}

.fc .fc-button {
  font-size: 10px;
  font-weight: bold;
  text-transform: capitalize;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(33, 37, 41, .15);
}

.fc-theme-standard th, .fc .fc-list-sticky .fc-list-day > *, .fc-theme-standard .fc-popover-header {
  background: #2c3e50;
  font-weight: bold;
}

.fc-theme-standard th a {
  color: #fff !important;
}

.fc .fc-popover-title, .fc .fc-popover-close {
  color: #fff;
  font-weight: bold;
}

.fc-theme-standard .fc-popover {
  background: #f5f5f5;
  border: 1px solid #cacaca;
  border-radius: 4px;
}

.fc-theme-standard td, .fc-theme-standard th {
  border: 2px solid #dadada;
}

.fc-theme-standard .fc-scrollgrid {
  border-left: 2px solid #dadada;
}

.fc-toolbar-chunk .fc-toolbar-title{
  font-weight: bold;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}

@media only screen and (max-width:768px) {
  .fc-toolbar-chunk .fc-toolbar-title{
    position: absolute;
    margin-top: -50px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-weight: bold;
  }

  .fc .fc-button-group > .fc-button, .fc .fc-button {
    font-size: 8px;
  }
}

.bold-case {
  font-weight: bold;
}

.ul-style li {
  font-size: 13px !important;
  margin-bottom: 10px;
}

.dashboard-students .nav-item {
  margin-bottom: 15px;
}

.dashboard-students .nav-item .nav-link {
  border: 2px solid;
  border-radius: 4px;
  border: 0px solid #1b0908;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  padding: 5px 15px;
  text-align: left;
  font-weight: bold;
  background-image: linear-gradient(to right top, #dddddd, #e3e3e3, #e9e9e9, #f0f0f0, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f0f0f0, #e9e9e9, #e3e3e3, #dddddd);
  color: #1b0908;
  font-size: 12px;
}

.dashboard-students .nav-item .nav-link.active,.dashboard-students .nav-item .nav-link:hover {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;
  color: #fff;
  box-shadow: 1px 1px 1px 2px #1b0908 !important;
}

.alert-info {
  box-shadow: -1px 2px 2px #2097a2, 0 1px 2px #2097a2;
}

.main-box {
  width: 100% !important;
  padding: 0px;
  color: #FFF;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  min-height: auto;
  max-height: 331px;
  overflow: hidden;
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
}

.main-box h3 {
  font-size: 12px;
  border-bottom: 2px solid #eee;
  position: relative;
  width: 100%;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #141414;
  background-image: linear-gradient(to right top, #dddddd, #e3e3e3, #e9e9e9, #f0f0f0, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f0f0f0, #e9e9e9, #e3e3e3, #dddddd);
  z-index: 2;
}

.main-box .card {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}


.main-box-common-height-protocol.main-box .card {
  margin-bottom: 40px !important;
}

.main-box .main-box-inner {
  min-height: auto;
  max-height: 331px;
  overflow: auto;
  padding-bottom: 35px;
}

.main-box-common-height-protocol.main-box .main-box-inner {
  min-height: auto;
  max-height: 500px;
  overflow: auto;
  padding-bottom: 35px;
}

.flex-col-dashboard {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: row;
}

.flex-col-dashboard-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

.flex-col-dashboard img {
  object-fit: cover;
  height: 100px;
  width: 100px;
  box-shadow: 1px 1px 1px 1px #141414;
  border-radius: 5px;
  padding: 2px;
  background: #9c9c9c;
}

.flex-col-dashboard span {
padding: 10px;
}

.btn-group {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.btn-group button {
width: 80px;
}

.btn-group button:first-child {
margin-bottom: 5px;
}

.btn-group button:nth-child(2) {
  margin-bottom: 5px;
}

.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
  margin-left: 0px;
}

.card-text-highlight {
color: #357adc;
font-size: 9px;
}

.card-text-small {
font-size: 7px;
}

.flex-col-dashboard p {
  margin-top: 0px;
  margin-bottom: 0px; 
  line-height: 1.8;
}

.flex-grow {
flex-grow: 1;
}

.flex-width {
width: 100px;
height: 100px;
}

.container-fluid-mrlt {
  margin-left: 10px;
  width: 100%;
}

.container-fluid-mt {
  width: 100%;
}

.col-flex-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sidebar-dashboard {
  width: 250px;
  -webkit-box-shadow: 1px 1px 1px 2px #bd9968 !important;
  -moz-box-shadow: 1px 1px 1px 2px #bd9968 !important;
  box-shadow: 1px 1px 1px 2px #bd9968 !important;
  border-radius: 4px;
}


.container-fluid-mrlt .alert button.close {
  top: 0px;
  position: absolute;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-all {
    position: absolute;
    right: 0px;
    color: #3b7edd;
    margin-top: -28px;
    margin-right: 25px;
    font-weight: bold;
    cursor: pointer;
    z-index: 3;
}

.alert-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.8;
}

.alert-info span.img-icon {
  width: 50px;
}

.alert-info span.img-icon img {
  width: 30px;
  height: 30px;
}

.alert-info span:nth-child(2) {
  flex-grow: 1;
}

.main-box {
  margin-bottom: 15px;
}

.main-box:last-child {
  margin-bottom: 0px !important;
}

.main-box-inner .company-det .item {
  background-image: linear-gradient(to right top, #dddddd, #e3e3e3, #e9e9e9, #f0f0f0, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f0f0f0, #e9e9e9, #e3e3e3, #dddddd);
  text-align: center;
}

.main-box-inner .company-det .icons-img {
  background:#e3e3e3;
  -webkit-box-shadow: 1px 1px 1px 2px #6c757d  !important;
  -moz-box-shadow: 1px 1px 1px 2px #6c757d  !important;
  box-shadow: 1px 1px 1px 2px #6c757d  !important;
}

.main-box-inner .company-det .item::after {
  background-image: linear-gradient(to right top, #a2a2a2, #adadad, #b8b8b8, #c3c3c3, #cecece, #cecece, #cecece, #cecece, #c3c3c3, #b8b8b8, #adadad, #a2a2a2);
}

.main-box-inner .company-det .item:hover i, .main-box-inner .company-det .item:hover h4, .main-box-inner .company-det .item:hover p {
  color: #A62A2A !important;
}

.row-recordings {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.card-show-case {
 background: none;
 border: none;
}

.main-box-common-height {
  height: 185px !important;
}

.main-box-common-height-protocol {
  height: 500px !important;
}

table.showcase {
  border: none;
  color: #444;
  font-weight: bold;
  font-size: 11px;
  padding: 10px;
}

table.showcase span.highlight {
  padding: 5px;
  font-size: 8px;
  border-radius: 4px;
  background: #00a3fc;
  color: #fff;
  font-weight: bold;
}

table.showcase td {
  padding: 5px 10px 5px 10px;
}

.text-left-show-case {
  text-align: left;
}

.story-char .icons-img {
  position: relative;
  border-radius: 4px;
  top: 0px;
}

.equal-height-common {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.bg-light-common {
  background: #e3e3e3;
  -webkit-box-shadow: 1px 1px 1px 2px #6c757d !important;
  -moz-box-shadow: 1px 1px 1px 2px #6c757d !important;
  box-shadow: 1px 1px 1px 2px #6c757d !important;
  padding: 10px;
  border-radius: 4px;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.bg-light-common span {
  margin-top: 5px;
  font-size: 10px;
  color: #444;
  font-weight: bold;
}

.equal-height-common .icons-img {
  background: #fff !important;
  border-radius: 30%;
}

.main-box-footer {
  text-align: center;
  border-top: 2px solid #eee;
  padding: 10px;
}

.main-box-footer a {
  color: #0073b7;
  font-weight: bold;
}

.main-box.story-char {
  min-height: auto;
  max-height: 401px;
}

.flex-col-dashboard-start {
  justify-content: flex-start !important;
}
  
.tab-content .main-box {
  border: 0px solid;
}

.tab-content {
  border: 2px solid #eee;
  border-top: none;
  padding: 12px 16px;
  /* -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important; */
  border-radius: 4px;
  min-height: 330px;
  max-height: 530px;
  overflow: auto;
  border-top-left-radius: 0px;
}

.search-tabs .nav-tabs > li > a.active, .search-tabs .nav-tabs > li > a.active:hover, .search-tabs .nav-tabs > li > a.active:focus {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 5px 5px 0px 0px;
}

.search-tabs .nav-tabs > li > a {
  padding: 5px 8px;
  font-size: 10px !important;
  margin-right: 2px;
  border: 2px solid #eee;
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
}

.search-tabs .nav-tabs > li > a:hover, .search-tabs .nav-tabs > li > a:focus {
  color: #444 !important;
  font-weight: bold !important;
}

@media (max-width: 767px) {
  .tab-content {
    min-height: 330px;
    max-height: 430px;
  }

  .flex-col-dashboard-content {
    flex-direction: column;
  }
  
  .flex-col-dashboard {
    flex-direction: column;
  }
  
  .flex-col-dashboard p {
    text-align: center;
  }
  
  .sidebar-dashboard {
    display: none;
  }

  .menu-tab {
    display: block !important;
  }

  .container-fluid-mrlt {
    margin-left: 0px !important;
    margin-bottom: 40px;
  }
  
  .main-box h3 {
    width: 100%;
  }
  
  .main-box {
    min-height: auto;
    max-height: 361px;
  }
  
  .main-box-inner {
    min-height: auto;
    max-height: 361px;
    padding-bottom: 5px !important;
  }
  
  .alert-info span.img-icon {
    width: 100px !important;
  }

  .main-box-common-height {
    height: auto !important;
  }
  
  .main-box .main-box-inner.main-box-inner-show-case {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 0px !important;
  }
  
  .text-left-show-case {
    text-align: center;
  }
}

/********************************
message-area
******************************** */

.chat-area {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 0.3rem;
  height: 90vh;
  overflow: hidden;
  min-height: calc(100% - 1rem);
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
}

.chatlist {
  outline: 0;
  height: 100%;
  overflow: hidden;
  width: 200px;
  float: left;
  padding: 15px;
}

.chat-area .modal-content {
  border: none;
  padding: 2px;
  border-radius: 0;
  outline: 0;
  height: 100%;
}

.chat-area .modal-dialog-scrollable {
  height: 100% !important;
}

.chatbox {
  width: auto;
  overflow: hidden;
  height: 100%;
  border-left: 1px solid #ccc;
}

.chatbox .modal-dialog,
.chatlist .modal-dialog {
  max-width: 100%;
  margin: 0;
}

.msg-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.chat-area .form-control, .attendance-box .form-control, .custom-input, .custom-input:focus {
  height: 25px;
  min-height: 20px;
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  width: 100%;
}

.chat-area .form-control:focus {
  height: 25px;
  min-height: 20px;
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  width: 100%;
}

a.add img {
  height: 36px;
}

.chat-area .nav-tabs {
  border-bottom: 1px solid #dee2e6;
  align-items: center;
  justify-content: space-between;
  flex-wrap: inherit;
}

.chat-area .nav-tabs .nav-item {
  width: 100%;
}

.chat-area .nav-tabs .nav-link {
  width: 100%;
  color: #180660;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
  margin-top: 5px;
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {
  color: #222;
  background-color: #fff;
  border-color: transparent transparent #000;
}

.chat-area .nav-tabs .nav-link:focus,
.chat-area .nav-tabs .nav-link:hover {
  border-color: transparent transparent #000;
  isolation: isolate;
}

.chat-list h3 {
  color: #222;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 0;
}

.chat-list p {
  color: #343434;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 0px !important;
}

.chat-list a.d-flex {
  margin-bottom: 15px;
  position: relative;
  text-decoration: none;
}

.chat-list .active {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  bottom: -3px;
  left: 20px;
  height: 12px;
  width: 12px;
  background: #00DB75;
  border-radius: 50%;
  border: 2px solid #fff;
}

.msg-head h3 {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
}

.msg-head p {
  color: #343434;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 0px;
}

.msg-head {
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
}

.moreoption {
  display: flex;
  align-items: center;
  justify-content: end;
}

.moreoption .navbar {
  padding: 0;
}

.moreoption li .nav-link {
  color: #222;
  font-size: 12px;
}

.moreoption .dropdown-toggle::after {
  display: none;
}

.moreoption .dropdown-menu[data-bs-popper] {
  top: 100%;
  left: auto;
  right: 0;
  margin-top: 0.125rem;
}

.msg-body ul {
  overflow: hidden;
}

.msg-body ul li {
  list-style: none;
  margin: 15px 0;
}

.msg-body ul li.sender {
  display: block;
  width: 100%;
  position: relative;
}

.msg-body ul li.sender:before {
  display: block;
  clear: both;
  content: '';
  position: absolute;
  top: -1px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #f5f5f5 transparent;
  -webkit-transform: rotate(-37deg);
  -ms-transform: rotate(-37deg);
  transform: rotate(-37deg);
}

.msg-body ul li.sender p {
  color: #000;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 400;
  padding: 15px;
  background: #f5f5f5;
  display: inline-block;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 0;
}

.msg-body ul li.sender p b {
  display: block;
  color: #180660;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
}

.msg-body ul li.repaly {
  display: block;
  width: 100%;
  text-align: right;
  position: relative;
}

.msg-body ul li.repaly:before {
  display: block;
  clear: both;
  content: '';
  position: absolute;
  bottom: 9px;
  right: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  border-color: transparent transparent #4b7bec transparent;
  -webkit-transform: rotate(37deg);
  -ms-transform: rotate(37deg);
  transform: rotate(37deg);
}

.msg-body ul li.repaly p {
  color: #fff;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 400;
  padding: 15px;
  background: #4b7bec;
  display: inline-block;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 0;
}

.msg-body ul li.repaly p b {
  display: block;
  color: #061061;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
}

.msg-body ul li.repaly:after {
  display: block;
  content: '';
  clear: both;
}

.time {
  display: block;
  color: #000;
  font-size: 8px;
  line-height: 1.5;
  font-weight: 400;
}

li.repaly .time {
  margin-right: 20px;
}

.divider {
  position: relative;
  z-index: 1;
  text-align: center;
}

.msg-body h6 {
  text-align: center;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.5;
  color: #222;
  background: #fff;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 0;
}

.divider:after {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  top: 12px;
  left: 0;
  border-top: 1px solid #EBEBEB;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.send-box {
  border-top: 1px solid #ccc;
}


.send-box form {
  padding: 5px;
  padding-top: 13px;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: center;
}


.send-box form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.send-box .form-control {
  height: 25px;
  min-height: 20px;
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  width: 100%;
}

.send-box button {
  width: 80px;
  height: 25px;
  margin-left: 5px;
}

.send-box button i {
  margin-right: 5px;
}

.send-btns .button-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  text-align: left;
  margin: 0 auto;
  display: block;
  background: #F6F7FA;
  border-radius: 3px;
  padding: 5px 15px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}

.send-btns .button-wrapper span.label {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
  color: #343945;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 10px;
}

#upload {
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.attach {
display: flex;
}

.send-btns .attach .form-control {
  display: inline-block;
  width: 120px;
  height: auto;
  padding: 5px 8px;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.5;
  color: #343945;
  background-color: #F6F7FA;
  background-clip: padding-box;
  border: 1px solid #F6F7FA;
  border-radius: 3px;
  margin-bottom: 5px;
}

.send-btns .button-wrapper span.label img {
  margin-right: 5px;
}

.button-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  text-align: center;
  margin: 0 auto;
}

button:focus {
  outline: 0;
}

.add-apoint {
  display: inline-block;
  margin-left: 5px;
}

.add-apoint a {
  text-decoration: none;
  background: #F6F7FA;
  border-radius: 8px;
  padding: 8px 8px;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.2;
  color: #343945;
}

.add-apoint a svg {
  margin-right: 5px;
}

.chat-icon {
  display: none;
}

.closess i {
  display: none;
}



@media (max-width: 767px) {
  .chat-icon {
      display: block;
      margin-right: 5px;
      cursor: pointer;
  }
  .chatlist {
      width: 100%;
  }
  .chatbox {
      width: 100%;
      position: absolute;
      left: 1000px;
      right: 0;
      background: #fff;
      transition: all 0.5s ease;
      border-left: none;
  }
  .showbox {
      left: 0 !important;
      transition: all 0.5s ease;
  }
  .msg-head h3 {
      font-size: 10px;
  }
  .msg-head p {
      font-size: 8px;
      margin-top: 0px;
  }
  .msg-head .flex-shrink-0 img {
      height: 30px;
  }
  /* .send-box button {
      width: 28%;
  }
  .send-box .form-control {
      width: 70%;
  } */
  .chat-list h3 {
      font-size: 10px;
  }
  .chat-list p {
      font-size: 8px;
  }
  .msg-body ul li.sender p {
      font-size: 9px;
      padding: 8px;
      border-bottom-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
  }
  .msg-body ul li.repaly p {
      font-size: 9px;
      padding: 8px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-left-radius: 6px;
  }
}

.message-area .modal-body {
  padding: 10px;
}

.chatlist .modal-body {
  padding: 10px 0px !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  margin-left: 5px;
}

.message-area .modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: auto;
}

.msg-body p {
  margin: 5px 0;
}

.img-size {
  width: 30px;
  height: 30px;
}

@media (min-width: 576px) {
  .modal-dialog-scrollable {
      max-height: calc(100% - 1rem);
  }
}

.flex-profile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-box-shadow: 1px 1px 1px 2px #bd9968 !important;
  -moz-box-shadow: 1px 1px 1px 2px #bd9968 !important;
  box-shadow: 1px 1px 1px 2px #bd9968 !important;
  background-color: #fadd97;
  border-radius: 4px;
  padding: 10px;
}

.text-rel {
  position: relative;
  top: 1px;
  font-weight: bold;
}

.icon-rel {
  position: relative;
  top: 2px;
  font-weight: bold;
}

.flex-profile-left {
  display: flex;
  align-items: center;
}

.flex-profile-right {
  display: flex;
  align-items: center;
}


@media (max-width: 767px) {
  .flex-profile {
    flex-direction: column;
  }

  .flex-profile-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .flex-profile-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.flex-profile-right p {
  font-size: 10px;
}

.remove-btn {
  position: absolute;
  top: 8px;
  right: -17px;
  background: #ffffff;
  font-size: 9px;
  padding: 2px 3px;
  color: #444;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 1;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

.remove-btn-protocol {
  background: #6e241e !important;
  color: #fff !important;
  top: -2px !important;
  border-radius: 4px;
  height: 20px;
  right: -1px;
}

.student-form .remove-btn {
  top: 29px;
  right: -19px;
  background: #444 !important;
  color: #fff !important;
}

/* Hide the default checkbox */
label span input[type="checkbox"], .class-form input[type="checkbox"], .common-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #c8c8c8;
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
  z-index: 2;
}

/* When checkbox is checked */
label span input[type="checkbox"]:checked, .class-form input[type="checkbox"]:checked, .common-checkbox input[type="checkbox"]:checked {
  background-color: #ffffff;
  border-color: #c8c8c8;
  position: relative;
}

label span input[type="checkbox"]:checked::before{
  content: "✔";
  color: #444;
  font-size: 9px;
  position: absolute;
  top: -1px;
  left: 2px;
}

.student-form input[type="checkbox"]:checked::before {
  content: "✔";
  color: #444;
  font-size: 9px;
  position: absolute;
  top: -5px;
  left: 2px;
}

.class-form input[type="checkbox"]:checked::before, .common-checkbox input[type="checkbox"]:checked::before  {
  content: "✔";
  color: #444;
  font-size: 9px;
  position: absolute;
  top: -5px;
  left: 1.4px;
}

/* 
.student-form .form-group {
  position: relative;
  padding-top: 0px;
}

.student-form label.student {
  width: 100%;
  position: absolute;
  top: -20px;
  left: 5px;
  margin-bottom: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.student-form  label.student span:nth-child(2) {
  position: absolute;
  top: 2px !important;
  right: 8px;
} */

.tooltip.show {
  opacity: .9;
  z-index: 999999;
}

/* .popup_wrapper::-webkit-scrollbar {
  display: none !important;
  overflow-y: scroll !important;
} */

.input-group-btn .btn-primary {
  margin-right: 0px !important;
  border-top-right-radius:0px !important;
  border-bottom-right-radius:0px !important;
  border-bottom: 0px solid #152057 !important;
}

.popup-message .common-form-1.ats-form .ats-form-inner .form-group label.input-group-btn {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  margin-left: 0px;
}

.popup-message .common-form-1.ats-form .ats-form-inner .input-group-btn .btn-primary {
  height: 25px;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
    -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
    box-shadow: 1px 1px 1px 1px #9c9c9c;
}

.popup-message .common-form-1.ats-form .ats-form-inner .form-group label span span {
  position: relative;
  top: 2px;
}

.popup-message .common-form-1.ats-form .ats-form-inner .form-group input.uploadInput {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.common-form-1.ats-form .ats-form-inner .form-group label.custom-file-label {
  padding-left: 5px !important;
  padding-top:5px !important;
  font-family: 'ubuntu_sansbold' !important;
  font-size: 9px !important;
  color: #444 !important;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
    -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
    box-shadow: 1px 1px 1px 1px #9c9c9c;
    margin-left: 18px;
}

.custom-file {
  position: relative;
  top: -45px;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0;
}

.custom-file-label::after {
  position: absolute;
  top: -1px;
  width: 20px;
  left: -20px;
  bottom: 0;
  border-top: 1px solid #9c9c9c;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: 5px;
  line-height: 1.5;
  color: #495057;
  content: "\f07c";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-box-shadow: 1px 1px 1px 1px #9c9c9c;
  -webkit-box-shadow: 1px 1px 1px 1px #9c9c9c;
  box-shadow: 1px 1px 1px 1px #9c9c9c;
  border-bottom: 2px solid #152057;
  color: #fff;
  background-color: #357adc;
  border-radius: 4px !important;
  margin-right: 5px;
  font-weight: bold;
  height: 23px;
  border-radius: 4px;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom: 0px solid;
  font-family:'FontAwesome';
}

.custom-file label#subjectThumbnail-error.error, .custom-file label#videoFile-error.error {
  top: 70px !important;
}

.btn.btn-danger:active {
  transform: translateY(2px);
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 25px;
  margin: 0;
  top: 47px;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}

.repeatClass {
  position: absolute;
  top: 5px;
  right: 0px;
  float: right;
}

.tempClass {
  position: relative;
  top: 5px;
  left: 0px;
  float: right;
}

.permClass {
  position: relative;
  top: 5px;
  right: 0px;
  float: right;
}

.checkbox-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

.common-form-1.ats-form.class-form .ats-form-inner .form-group .checkbox-group label.day_of_week {
  color: #444 !important;
  font-size: 9px;
  position: relative !important;
  top: 0px !important;
}

.checkbox-group span {
  display: flex;
  flex-direction: column;
  margin: 5px;
  align-items: center;
  margin: 5px;
  justify-content: center;
}

.btn-group-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;   
   width: 60px !important;
   position: absolute !important;
   top: 23px !important;
   right: 0px !important;
}

.btn-group-toggle a {
  width: 15px !important;
  height: 25px !important;
}

.class-form .btn-default {
  border-bottom: 2px solid #777777;
  color: #444 !important;
  background-color: #c1c1c1 !important;
  border-color: #777777 !important;
  border-radius: 4px !important;
  font-weight: bold !important;
}

.btn-group-toggle a:first-child {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  border-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  align-items: center;
    display: flex;
    justify-content: center;
}

.btn-group-toggle a:last-child {
  border-radius: 3px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  align-items: center;
  display: flex;
  justify-content: center;
}

.btn-group-vertical>.btn, .btn-group>.btn {
  position: relative;
  -ms-flex: 0 !important;
  flex: 1 auto !important;
}

.time-sel {
  width: calc(100% - 66px);
}

.btn-group-toggle .btn-primary {
  margin-right: 0px;
}

.common-form-1.ats-form .ats-form-inner .form-group label[id="dayOfWeek[]-error"] {
  top: 87px !important;
}

@media only screen and (min-width:407px) {
  .common-form-1.ats-form .ats-form-inner .form-group label[id="dayOfWeek[]-error"] {
    top: 47px !important;
  }
}

#errorUpload .alert button.close {
  top: 1px !important;
}

/* .popup_wrapper::-webkit-scrollbar {
  display: none !important;
} */

td.dt-type-date {
white-space: nowrap;
}

section.wrapper {
  flex: 1; /* Pushes the footer to the bottom */
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.navbar {
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
}

.add-class button {
  margin-right: 0px;
}

.float-buttons.add-class {
  justify-content: flex-end !important;
}


#attendance-box .select2-container .select2-selection--single {
  min-height: 18px !important;
}

.attendance-box  .form-control {
  height: 18px !important;
  min-height: 18px !important;
  padding-top: 6px;
}

.commentBox.form-control {
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  height: 40px !important;
  resize: none;
}

.attendance-box .select2-container--default .select2-selection--single {
  height: 18px !important;
}

.attendance-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 17px !important
}

.attendance-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 17px !important;
}

.select2-container--default .select2-results>.select2-results__options {
  border-radius: 0px !important;
}

#attendance-box .select2-container--open .select2-dropdown--below, .attendance-box .select2-container--open .select2-dropdown--above {
  top: 2px !important;
}

table.tutor_class {
  width: 100%;
  border: none;
  color: #444;
  font-weight: bold;
  font-size: 11px;
  padding: 10px;
}

table.tutor_class td:first-child {
  text-align: left;
}

table.tutor_class th,td {
  padding: 5px;
}

.tutor_class.tableFixHead tbody td {
 padding: 5px; 
}

table.tutor_class td:nth-child(2) {
  width: 150px;
}

table.tutor_class td:nth-child(3) {
  width: 150px;
}

table.tutor_class td:first-child {
  width: calc(100% - 300px);
}

.fc .fc-daygrid-more-link {
    border-radius: 3px;
    cursor: pointer;
    line-height: 1;
    margin-top: -10px;
    max-width: 100%;
    overflow: hidden;
    padding: 2px;
    position: relative;
    white-space: nowrap;
    z-index: 4;
}

.fc .fc-scroller-liquid-absolute {
  overflow: hidden !important;
}

.fc-event-title {
  white-space: normal; /* Allow text to wrap */
  overflow: visible;   /* Make sure the text is not clipped */
  word-wrap: break-word; /* Break long words if necessary */
}

.checkbox-absolute {
  position: absolute;
  right: 40px;
  top: 10px;
}

.common-checkbox label {
  position: relative;
  top: -2px;
  font-weight: bold;
}

.dashboard-container .btn {
  padding: 5px 5px 3px 5px;
  line-height: 15px;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;
}

/*#attendance-box.main-box, #attendance-box.main-box .main-box-inner {
  min-height: 400px;
  max-height: 420px;
}*/

#attendance-box .dataTableOuter {
  margin-top: 0px;
}

#attendance-box.main-box .card {
  margin-top:0px !important;
  margin-right:0px !important;
  margin-left:0px !important;
  margin-bottom:0px !important;
}


#atsInfo_wrapper .select2-selection__rendered {
  line-height: 17px !important;
  color: #444;
}

#atsInfo_wrapper div .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 17px !important;
}

#attendance-box .dataTableOuter td .select2.select2-container.select2-container--default {
  width: auto !important;
}

#attendance-box td .select2-selection--single, #attendance-box td .select2-container .select2-selection--single {
  width: auto !important;
}

/* .changeoutercolor {
   width: 100%;
   height: 500px;

   background-image: url(https://dummyimage.com/100x100/000/fff.jpg),
      url(https://dummyimage.com/100x100/ccc/fff.jpg),
      url(https://dummyimage.com/100x100/D31145/fff.jpg),
      url(https://dummyimage.com/100x100/002E62/fff.jpg),
      url(https://dummyimage.com/100x100/002E62/fff.jpg);
   background-position: right bottom, right top, left top, left bottom,
      center center;
   background-repeat: no-repeat;
} */

/* .changeoutercolor {
  background-image: url(../images/bg/Thiruvalluvar.png), url(../images/bg/a.png),
  radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position:
    bottom right,
    left,
    right;
    z-index: 0;
} */

/* Responsive container with multiple backgrounds */
.dashboard-container .changeoutercolor {
  /* background-image: url(../images/bg/avvaiyar.png), url(../images/bg/Thiruvalluvar.png), url(../images/bg/avvaiyar.png), url(../images/bg/Thiruvalluvar.png), url(../images/bg/avvaiyar.png), url(../images/bg/Thiruvalluvar.png);
  background-position: left bottom 40px, center left 10px, center right -10px, right 10px top 55px, top 40px left, bottom 40px right 10px;
  background-size: 130px 130px, 110px 128px;
  background-repeat: no-repeat, no-repeat;
   */
  background-image: url(../images/bg/tamil-bg-1.png);
  background-size: cover;      /* Ensures the image covers the entire container */
  background-position: center; /* Centers the image horizontally and vertically */
  background-repeat: no-repeat; /* Prevents the image from tiling */
  z-index: 0;
}

footer.dashboard-footer {
  background-image: linear-gradient(to right, #fbb973, #fbc27b, #facb83, #fad48d, #fadd97, #fadd97, #fadd97, #fadd97, #fad48d, #facb83, #fbc27b, #fbb973);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

/* #attendance-box table.dataTable {
  margin-right: -10px !important;
} */

.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
}


.flex-col-dashboard .btn-warning, .flex-col-dashboard .btn-submit, .flex-col-dashboard .btn-primary {
  margin-right: 0px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.class-time {
  display: flex;
  align-items:center;
  justify-content: center;
  flex-direction: column;
}

.class-time span:first-child {
  font-size: 12px;
  font-weight: bold;
}

.class-time span:nth-child(2) {
  font-size: 9px;
  font-weight: bold;
}

.class-time span:last-child {
  font-size: 9px;
  font-weight: bold;
}

.attendance-box {
  max-height: 300px;
  overflow-y: auto;
}

.float-buttons.attendance {
  justify-content: flex-end !important;
  padding-right: 10px;
}

.common-popup-content .meeting_link.rs_btn, .common-popup-content .meeting_link.rs_1_btn {
  padding: 7px 44px 7px 10px;
  font-size: 9px !important;
}

.white-pg-guide {
    background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.thcols {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

table.committee-table td, table.committee-table th {
  font-size: 11px !important;
  vertical-align: middle;
}

.committee-table td:last-child {
  white-space: nowrap;
}

.org-prof td:last-child {
  white-space: break-spaces !important;
}

.org-prof td.address-col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.breaking-news a {
  color: #a62b2a;
  text-decoration: none;
  background-color: transparent;
  font-size: 12px !important;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

.dot{height: 6px;width: 6px;margin-left: 3px;margin-right: 3px;margin-top: 2px !important;background-color: #a62b2a;border-radius: 50%;display: inline-block}

.breaking-news span {
  font-size: 12px !important;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

.flex-profile-right .select2.select2-container.select2-container--default {
      min-width: 150px !important;
}

.flex-profile-right .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

.flex-cols {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-cols .info-table {
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 35px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}




.button-group {
  display: flex;
  flex-wrap: nowrap;
}

.button-group-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.button-group-input:checked + .btn-primary-1 {
  color: #fff;
  background-color: #1a252f;
  border-color: #1a252f;
}
.button-group-input:disabled + .btn-primary-1 {
  color: #fff;
  background-color: #1a252f;
  border-color: #1a252f;
  opacity: 0.5;
}/* 
.button-group-input:focus + .btn-primary-1 {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} */

.button-group > .btn:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}
.button-group > .btn:first-of-type:not(:last-of-type) {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.button-group > .btn:last-of-type:not(:first-of-type) {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.reports label {
  display: inline-block;
  margin-bottom: 0px !important;  
  font-size: 11px !important;
}

.flex-col-reports input.dateRangeFilter {
  width: 100% !important;
  min-width: 120px !important;
}

.flex-col-reports span.drpdown {
  margin-right: 3px;
}

.flex-col-reports span.drpdown:last-child {
  margin-right: 0px !important;
}


#atsInfo_wrapper.flex-col-reports .select2-selection--single, #atsInfo_wrapper.flex-col-reports .select2-container .select2-selection--single {
  width: 100% !important;
  min-width: 120px !important;
}

.text-muted {
  display: none;
  color: #6c757d !important;
  position: absolute;
  z-index: 1;
  right: 25px;
}

.justify-content-center {
  justify-content: center !important;
} 

.multiselect-filter.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -20px;
}

.multiselect-container .multiselect-filter>input.multiselect-search {
 margin-left: 0px !important;
} 

.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active {
  background-color: #d3d3d3;
  color: #000;
  width: 100%;
}

.btn-group button:nth-child(2) {
  margin-bottom: 0px;
}

#atsInfo_wrapper .multiselect {
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 100%;
  color: #444;
  padding-left: 5px;
  /* background: #e7e7e7; */
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
}

.multiselect-selected-text {
  display: none;
}

/* Hide the original button */
.multiselect.dropdown-toggle {
  display: none !important;
}

/* Style the filter icon button */
.btn-secondary-1 img.bi-funnel {
  width: 20px;
  height: 20px;
  padding: 2px;
}

.multiselect-container {
  transform: none !important;
 /*  top: 30px !important; */
  left: -35px !important;
}

.btn-secondary-1 {
  color: #fff;
  background-color: #cfcfcf;
  border-color: #cfcfcf;
  border-radius: 50%;
}

.btn-secondary-2 {
  background-color: transparent !important;
}

.flex-col-reports .button-group .btn {
  padding: 5px 5px 5px 5px;
}

.form-control.dateRangeFilter, .form-control.search {
  min-width: 120px !important;
}


@media screen and (max-width:768px){   
/*   .form-control.dateRangeFilter, .form-control.search {
    padding-bottom: 3px !important;
  } */

  .reports-tabs li a span:nth-child(2) {
    display: none;
  }

  .reports-tabs li a.active span:nth-child(2) {
    display: inline-block;
  }

  .flex-col-reports, .reports-col {
    margin-left: 0px;
    width: 100%;
  }
}

.btn-secondary-2 img.bi-funnel {
  width: 25px;
  height: 25px;
  padding: 0px !important;
}

.reports {
  padding: 5px !important;
}

.reports .nav-link {
  font-size: 8px !important;
  padding: 3px 7px 0px 7px !important;
} 

.reports .sidebar-dashboard {
  width: 130px !important;
  max-width: 130px !important;
  min-width: 130px !important;
  margin-right: 10px;
}

/* .height-40 {
  height: 40px;
} */

.dashboard-container .btn.btn-secondary-2 {
  padding: 0px 5px !important;
}

.margin-top--5 {
  margin-top: -5px;
}


.reportTable #atsInfo_wrapper .select2.select2-container.select2-container--default {
  width: 80px !important;
}

.dropdown-menu.customDrpDown:not(.multiselect-container.dropdown-menu ) {
  background: none;
  border: none;
  min-width: 10px;
  left: -7px !important;
}

.dropdown-menu.customDrpDown .dropdown-item {
  margin-bottom: 2px;
  display: block;
  width: 50px;
  border-radius: 15px;
  clear: both;
  font-weight: 400;
  text-align: center !important;
  color: #000;
  white-space: nowrap;
  border: 0;
  background-image: linear-gradient(to right top, #dddddd, #e3e3e3, #e9e9e9, #f0f0f0, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f0f0f0, #e9e9e9, #e3e3e3, #dddddd);
  font-family: 'ubuntu_sansbold' !important;
  font-weight: bold !important;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  margin-bottom: 7px;
}

.dropdown-menu.customDrpDown .dropdown-item:hover {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;
  box-shadow: 1px 1px 1px 2px #1b0908 !important;
  color: #FFF;
  font-family: 'ubuntu_sansbold' !important;
  font-weight: bold !important;
}

.reports .dataTable th:first-child, .reports table.dataTable td:first-child {
  min-width: auto !important;
  width: auto !important;
  vertical-align: middle;
}

.padd-5 {
  padding: 5px !important;
}

.menu-tab {
  font-weight: 600;
  color: #666;
  padding: 8px 14px;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border: 1px solid #eee;
  border-bottom: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 5px 8px;
  font-size: 10px !important;
  margin-right: 2px;
  border: 2px solid #eee;
  background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
  position: absolute;
  right: 13px;
  top: 44px;
  height: 25px;
  display: none;
}

.menu-tab:hover {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 5px 5px 0px 0px;
  padding: 5px 8px;
  font-size: 10px !important;
  margin-right: 2px;
  border: 2px solid #eee;
}

.tab-content.reports {
  border-radius: 0px 0px 4px 4px;
}

.csDrpDown a {
  border: 2px solid;
  border-radius: 4px;
  border: 0px solid #1b0908;
  box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
  padding: 0px 10px;
  text-align: left;
  font-weight: bold;
  background-image: linear-gradient(to right top, #dddddd, #e3e3e3, #e9e9e9, #f0f0f0, #f6f6f6, #f6f6f6, #f6f6f6, #f6f6f6, #f0f0f0, #e9e9e9, #e3e3e3, #dddddd);
  color: #1b0908;
  font-size: 8px;
  margin-bottom: 5px;
}

.csDrpDown a:hover {
  background-image: linear-gradient(to right, #571a15, #64201a, #70251f, #7e2b25, #8b312a, #8b312a, #8b312a, #8b312a, #7e2b25, #70251f, #64201a, #571a15) !important;
  color: #fff;
  box-shadow: 1px 1px 1px 2px #1b0908 !important;
}

.csDrpDown {
  padding: 10px !important;
  top: -5px !important;
  left: 8px !important;
}

.well .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
}

.selected-column {
  color: #000;
  text-align: left !important;
  margin: 0px 0px;
}


.loader_main_overlay {
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102%;
    border-radius: 5px;
    margin-top: -6px;
    background: #fbc27b;
    color: #FFF;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
}

.loader_main_overlay .inner-layer{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.spinner-3 {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
  radial-gradient(farthest-side, #591b15 94%, #0000) top / 8px 8px no-repeat, conic-gradient(#0000 30%, #5c1c17);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: s3 1s infinite linear;
}

@keyframes s3{ 
  100%{transform: rotate(1turn)}
}

.reports-all .tab-content {
  min-height: 330px !important;
}

 /* Loader covers the entire tab-pane */
 .loader-overlay {
    display: none;
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 102%;
    border-radius: 5px;
    margin-top: -6px;
    background: #fbc27b;
    color: #FFF;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    -moz-box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    box-shadow: 1px 1px 1px 2px #b7b7b7 !important;
    background-image: radial-gradient(circle, #ffffff, #fefeff, #fefdfe, #fefbfd, #fffafc, #fffafc, #fffafc, #fffafc, #fefbfd, #fefdfe, #fefeff, #ffffff);
}

/* Spinning Loader */
.loader {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}

/* Tab pane should have relative positioning */
.reports-all .tab-content .tab-pane {
  position: relative;
}

.multiselect-container.dropdown-menu.show {
  min-width: 150px !important;
}

#atsInfo_wrapper .filter-col input[type="checkbox"] {
  width: 10px;
  height: 20px;
  min-height: 20px;
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  color: #444;
  padding-left: 0px;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
} 

.cst-drop .dropdown-menu.show {
    display: flex;
    align-items: flex-start;
    justify-content: left;
    flex-direction: column;
    width: 120px;
}

.cst-drop .dropdown-menu.show label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.cst-drop .dropdown-menu.show label span {
  margin-left: 5px;
  position: relative;
  top: 1px;
  word-break: break-all;
}

.common-form-1.ats-form .ats-form-inner .conditions-col .form-group label.error {
    top: 53px !important;
}

.sidebar-dropdown .sidebar-submenu ul li > a:before {
  list-style: none;
  content: "" !important;
}

.sidebar-dropdown .sidebar-submenu ul li > a {
  padding: 8px 0px 8px 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
  padding: 5px 0;
  background: #291d1d;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a {
  background: #291d1d !important;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li.active a {
  background: #1a1414;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li.active a.active {
  background: #201818 !important;
}
.table-protocol {
  width: 100%;
  font-size: 11px !important;
  color: #333;
}

.table-protocol thead th {
  background-color: #343a40;
  color: white;
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
  padding: 10px;
  color: #fff;
}
.table-protocol td {
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
  color: #333;
}
.table-protocol .highlight {
  font-weight: bold;
  font-style: italic;
  color: red;
}
.table-protocol .highlight-conditions, .table-protocol .cycle {
  font-weight: bold;
}
.table-protocol .segment, .table-protocol .sulogam {
  color: #333;
  /* display: flex;
  flex-direction: column; */
}
.table-protocol .segment small {
  font-style: italic;
  color: #333;
  line-height: 1.3;
  font-size: 11px;
}
.table-protocol .conditions {
  font-size: 11px;
  color: #555;
}
.logo-header {
  text-align: center;
}
.logo-header img {
  width: 80px;
  height: auto;
}
.page-title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.table-protocol td span:not(li span) {
  margin-bottom: 5px;
  line-height: 1.3;
}
/* Mobile-friendly table styling */
@media (max-width: 993px) {
  .table-protocol-responsive td span:not(li span) {
    margin-bottom: 5px;
    line-height: 1.3;
  }
  .table-protocol-responsive thead {
      display: none;
  }
  .table-protocol-responsive tbody tr {
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #ddd;
      padding: 10px;
      background: #fff;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }
  .table-protocol-responsive th {
    min-height: 40px;
    color: #333;
  }
  .table-protocol-responsive td {
      display: block;
      text-align: center;
      padding-left: 50%;
      position: relative;
      min-height: 40px;
      color: #333;
  }
  .table-protocol-responsive td::before {
    width: 100px;
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: bold;
    color: #333;
    text-align: left;
  }
}

td::before {
  font-weight: bold;
  word-break: break-word;
}

.main-box.main-box-common-height-protocol {
  max-height: 500px !important;
}

textarea.form-control {
  height: auto;
  resize: none;
}

.table-protocol-responsive td:nth-child(2), .table-protocol-responsive td:nth-child(4), .table-protocol-responsive td:nth-child(6) {
  text-align: center;
}

.table-protocol td:nth-child(2), .table-protocol td:nth-child(4), .table-protocol td:nth-child(6) {
  text-align: center;
}

.remarks-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.table-protocol .select2-container .select2-search--inline .select2-search__field,  .table-protocol-responsive .select2-container .select2-search--inline .select2-search__field {
  width: 100% !important;
  text-align: left;
  padding-left: 0px;
}

.table-protocol .select2.select2-container.select2-container--default, .table-protocol-responsive .select2.select2-container.select2-container--default {
  width: 100px !important;
}

.h-divider {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80%;
  position: relative;
}

.h-divider .shadow {
  overflow: hidden;
  height: 1px;
}

.h-divider .shadow:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px/12px;
  box-shadow: 0 0 8px black;
}

.h-divider .text {
  width: 100px;
  height: 45px;
  padding: 10px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -33px;
  left: 50%;
  margin-left: -60px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #999;
  background: white;
}

.h-divider .text i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: 1px dashed #aaa;
  text-align: center;
  line-height: 50px;
  font-style: normal;
  color: #999;
}

.h-divider .text2 {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -35px;
  left: 50%;
  margin-left: -25px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #999;
  background: white;
}

.h-divider img {
  position: absolute;
  margin: 4px;
  max-width: 60px;
  border-radius: 100%;
  border: 1px dashed #aaa;
}

.common-form-1.ats-form .ats-form-inner .form-group label.radio-label {
  position: relative !important;
  top: 0px !important;
  color: #666 !important;
  margin-bottom: 0px !important;
}

.formgroup-radio {
  position: relative;
  top: 24px;
  display: flex;
  align-items: center;
  left: -10px;
  justify-content: flex-start;
}

.view-icon {
  background: #333333;
  margin-left: 5px;
  padding: 2px;
}

.group td {
  text-align: center;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

.custom-txtarea, .custom-txtarea:focus {
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  width: 100%;
}

.table-protocol-responsive .select2-container--default.select2-container--focus .select2-selection--multiple, .table-protocol .select2-container--default.select2-container--focus .select2-selection--multiple, .table-protocol-responsive .select2-container--default .select2-selection--multiple, .table-protocol .select2-container--default .select2-selection--multiple  {
  border-radius: 2px;
  border: 2px solid #d0cfcf;
  font-size: 9px;
  width: 80px;
  color: #444;
  padding-left: 5px;
  background: #e7e7e7;
  -moz-box-shadow: 1px 1px 1px 1px #141414;
  -webkit-box-shadow: 1px 1px 1px 1px #141414;
  box-shadow: 1px 1px 1px 1px #141414;
  padding-bottom: 3px;
  width: 100%;
}

#btn-prev {
  position: absolute;
  top: 10px; 
  left: 10px;
}

#btn-next {
  position: absolute;
  top: 10px; 
  right: 10px;
}

.group-header {
    cursor: pointer;
    background-color: #f8f9fa;
    font-weight: bold;
    padding: 8px;
}
.group-header i {
    margin-right: 5px;
}

/* .dataTables_scrollHeadInner, .dt-scroll-headInner {
  padding-right: 0px !important;
} */

div.dt-container div.dt-scroll-body {
  min-height: 180px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* .dt-scroll-head {
  padding-right: 0px !important;
} */

.group-header td {
  text-align: left !important;
}

label[id^="by"][id$="-error"] {
  margin-top: -23px !important;
}

.table-protocol label.error, .table-protocol-responsive label.error {
  position: relative !important;
  color: red !important;
  justify-content: center;
  padding-left: 0px;
}

.errorCls {
  color: red !important;
  font-size: 10px;
  margin-top: 5px;
}

#view_protocol.well.common-popup {
  max-width: 100% !important;
}

.protocol-view-close {
  top: 5px !important;
  z-index: 999 !important;
  background: #6d6d6d;
  border-radius: 4px;
}

.segment span:first-child {
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
}

#protocol h3 {
  text-transform: uppercase !important;
}

.tab-content .btn-group button:last-child {
  margin-top: 5px;
}

#errorCommonDiv .alert-success.alert button.close {
  top: 5px !important;
  right: 5px !important;
  font-size: 10px !important;
}

#errorCommonDiv .alert {
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
}

.flex-col-td-th .edit-delete-icon:nth-child(2):not(:last-child) {
  margin-right: 5px;
}

.error-startTime, .error-endTime {
  position: absolute !important;
  color: #d60909 !important;
  display: inline;
  top: 47px !important;
  left: 0px;
  text-align: left;
  right: 0px;
  transition: none;
  font-size: 10px;
  font-weight: bold;
  font-family: 'ubuntu_sansbold' !important;
  margin-left: 0px;
  padding-left: 0px;
}

.padd-left-resp {
  padding-left: 0px !important;
}

.subjects label span input[type="checkbox"]:checked::before{
  content: "✔";
  color: #444;
  font-size: 9px;
  position: absolute;
  top: -5px !important;
  left: 2px;
}

#add_protocol.well {
  margin: 15px auto !important;
}

.height {
  height: 50px;
  align-items: end !important;
}

.dashboard-classes .btn-group button:last-child {
  margin-top: 5px;
}

.font-size-14 {
  font-size: 14px !important;
}

.text-l {
  text-align: left !important;
  padding: 10px !important;
}

.pos-rel {
  position: relative;
  top: -1px;
  font-size: 13px;
}

#checkboxGroup-error {
  top: 11px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.width-custom {
  width: 110px !important;
}

.errorCol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    width: 100%;
    text-align: center;
    color: #fd0000;
    font-weight: bold;
    display: none;
    margin-top: -5px;
}

.present { background-color: #c6efce; color: #006100; }
.absent { background-color: #ffc7ce; color: #9c0006; }

.text-center-custom {
  text-align: center !important;
  background-color: #fff;
  font-weight: bold;
}

 table#atsDet {
    border-collapse: collapse !important;
    font-size: 11px !important;
    width: 100% !important;
}

#atsDet td {
  padding: 4px 6px;
  font-size: 12px;
}


table#atsDet.table-bordered td, table#atsDet.table-bordered th {
    border: 2px solid #dee2e6 !important;
}

.reportTableAttendance table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: none !important;
}