html, body {height: 100%;}
.floatleft {float: left;}
.floatright {float: right;}
.alignleft {float: left; margin-right: 15px; margin-bottom: 15px;}
.alignright {float: right; margin-left: 15px; margin-bottom: 15px;}
.aligncenter {display: block; margin: 0 auto 15px;}
a:focus {outline: 0px solid;}
img {max-width: 100%; height: auto;}
.fix {overflow: hidden;}
p {margin: 0 0 15px; color: #444;}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; margin: 0 0 15px; color: #444; font-weight: 500;}
h1 {font-size: 48px; line-height: 50px;}
h2 {font-size: 38px; line-height: 40px;}
h3 {font-size: 30px; line-height: 32px;}
h4 {font-size: 24px; line-height: 26px;}
h5 {font-size: 20px; line-height: 22px;}
h6 {font-size: 16px; line-height: 20px;}
a {transition: all 0.3s ease 0s; text-decoration: none;}
a:hover {color: var(--icons-color); text-decoration: none;}
a:active, a:hover {outline: 0 none;}
.clear {clear: both;}
.padding-2 {padding-bottom: 90px;}
body {
  background: #fff none repeat scroll 0 0;
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
}
.back-to-top {
  position: fixed;
  display: none;
  background: var(--icons-color);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}
.back-to-top:focus {background: var(--icons-color); color: #fff; outline: none;}
.back-to-top:hover {background: #3cd6ed; color: #fff;}
ul {list-style: outside none none; margin: 0; padding: 0;}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}
div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../img/preloader.gif') no-repeat center center;
}
::-moz-selection {background: var(--icons-color); text-shadow: none;}
::selection {background: var(--icons-color); text-shadow: none;}
.area-padding {padding: 70px 0px 80px;}
.area-padding-2 {padding: 70px 0px 50px;}
.area-padding-3 {padding: 30px 0px 50px;}
.section-headline h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 70px;
  position: relative;
  text-transform: capitalize;
}
.section-headline h2::after {
  border: 1px solid #333;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}
.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

/*--------------------------------*/
/*  Header top Area
/*--------------------------------*/

.header-area {position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 9;}
.navbar-header a.navbar-brand {display: inline-block; height: 70px; padding: 15px 0;}
.main-menu ul.navbar-nav li {display: inline-block; padding: 0px 10px;}
.main-menu ul.navbar-nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #1644a4;
  font-size: 15px;
  font-weight: 500;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.main-menu ul.navbar-nav li ul li a {padding: 5px 0px !important; color: white;}
.main-menu ul.navbar-nav li ul li a:hover {color: black;}
.main-menu ul.navbar-nav li.active > a::after {border: 1px solid #fff; bottom: 0px; content: ""; left: 0; position: absolute; width: 100%;}
.main-menu ul.navbar-nav li.active a:hover {background: none; color: #fff;}
.main-menu ul.navbar-nav li.active a:focus {color: #fff; }
.main-menu ul.navbar-nav li.active a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff; position: relative;}
.main-menu ul.navbar-nav li a:hover {color: var(--icons-color);}
.navbar {border: medium none; margin-bottom: 0;}
.navbar-default {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: none;
  color: #333;
}
.navbar-default .navbar-toggle {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 0; padding: 25px 0px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background-color: transparent; color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; width: 30px; height: 2px;}
.top-right.text-right {float: right; position: relative; top: 24px; margin-left: 20px;}
.top-right.text-right>li {float: right; margin: 0px 8px;}
.top-right.text-right li a {color: #fff;}
.main-menu .dropdown ul {background: var(--icons-color);}
.main-menu .dropdown ul li {display: block;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: none !important; background-color: none !important;}
/*--------------------------------*/
/* Stick menu
/*--------------------------------*/
.header-area.stick {background-color: var(--topbar-bg); height: 70px; position: fixed; top: 0; width: 100%; z-index: 1000;}
.stick .navbar-header a.navbar-brand {display: inline-block; height: 90px;}
.stick .navbar-brand>img {display: none;}
.stick .navbar-brand.sticky-logo>img {display: block; }
.sticky-logo h1 {color: #fff; padding: 0;  margin: 0;  font-size: 36px;  font-weight: bold;  line-height: 1;}
.sticky-logo h1 span {color: #3ec1d5;}
.stick .main-menu ul.navbar-nav li.active > a::after {
  border: 1px solid #fff;
  bottom: 0px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.stick .main-menu ul.nav>li>a:hover {color: #fff;}
.stick .main-menu ul.navbar-nav li.active a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff; position: relative;}
.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
  background-color: #f5f5f5;
  color: #fff;
  outline: medium none;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
  color: #fff;
}
.stick .logo {height: 20px;}
.stick .logo a {margin-top: 0px;}
.stick .main-menu ul.nav>li>a {color: #fff; line-height: 22px; padding: 24px 0px; text-transform: capitalize; letter-spacing: 1px;}
.stick .navbar-default .navbar-toggle .icon-bar {background-color: #fff; width: 30px; height: 2px;}
.stick .navbar-default .navbar-toggle {padding: 10px 0px;}
/*--------------------------------*/
/* Services Area
/*--------------------------------*/
.features-icon {color: #444; display: inline-block; font-size: 36px; line-height: 36px; margin-bottom: 20px;}
.section-headline.features-head>h2 {margin-bottom: 25px;}
.features-details {padding-top: 40px; transition: all 0.5s ease 0s;}
.features-details:hover h4, .features-details:hover .features-icon {color: var(--icons-color);}
.row.second-row {margin-top: 40px;}
.section-head>h2 {color: #333;}
.single-features>h4 {color: #444; font-size: 24px; font-weight: 500;}
.single-features>p {color: #333; font-size: 14px;}
/*----------------------------------------*/
/* Portfolio Area Css
/*----------------------------------------*/
.pst-content {padding-left: 10px;}
.project-menu {margin-bottom: 40px; text-align: center;}
.project-menu li {display: inline-block;}
.project-menu li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 20px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 4px;
  padding: 6px 15px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.project-menu li a.active, .project-menu li a:hover {
  border-color: var(--icons-color);
  background: var(--icons-color);
  color: #fff;
  text-decoration: none;
}
.single-awesome-portfolio {float: left; overflow: hidden; padding: 15px; width: 25%; position: relative;}
.single-awesome-project {overflow: hidden; margin-bottom: 30px;}
.first-item {margin-bottom: 30px;}
.awesome-img {display: block; width: 100%; height: 100%; position: relative;}
.awesome-img>a {display: block; position: relative;}
.single-awesome-project:hover .awesome-img>a::after {opacity: 1;}
.single-awesome-project:hover .add-actions {opacity: 1; bottom: 0;}
.awesome-img>a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}
.add-actions {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 30px;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.project-dec {display: block; height: 100%; width: 100%;}
.project-dec a {display: block; height: 100%; width: 100%;}
.project-dec h4 {margin-bottom: 5px;}
.project-dec h4:hover {color: #fff;}
.project-dec h4 {color: #ddd; font-size: 24px; margin-top: -45px; padding-top: 50%; text-decoration: none;text-transform: uppercase; font-weight: 800;}
.project-dec span {color: #ddd; font-size: 13px;}
.project-action-btn {display: block; height: 100%; text-align: center; transition: all 1s ease 0s; width: 100%;}
.project-action-btn li {display: block; height: 100%; width: 100%;}
.project-action-btn li a {display: block; height: 100%; width: 100%;}
/*----------------------------------------*/
/* Pricing Area
/*----------------------------------------*/
.package-check {color: var(--icons-color) !important;}
.pricing-area {background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;}
.pri_table_list {border: 1px solid #ccc; text-align: center; transition: all 0.4s ease 0s; background: #fff; margin-bottom: 15px;}
.pri_table_list h3 span {font-size: 16px;}
.pri_table_list ol li {border-bottom: 1px solid #ccc; color: #666; padding: 12px 15px; position: relative; text-align: left;}
.pri_table_list li.check.cross::after {
  content: "\f00d";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: indianred;
}
.pri_table_list li.check::after {
  content: "\f00c";
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  right: 50px;
  top: 12px;
  color: var(--icons-color);
}
.pri_table_list button {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #444;
  color: #fff;
  margin-bottom: 25px;
  padding: 10px 35px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  border-radius: 30px;
}
.pri_table_list>h3 {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  padding: 30px 0 20px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.pri_table_list ol {list-style: outside none none; margin: 0; padding: 0 0 25px; height: 300px; width:100%; overflow: auto; margin-bottom: 20px;}
.pri_table_list.active {transition: all 0.4s ease 0s; position: relative; overflow: hidden;}
.saleon {
  background: var(--icons-color) none repeat scroll 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  left: -26px;
  padding: 2px 25px;
  position: absolute;
  text-transform: uppercase;
  top: 16px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.pri_table_list>button:hover {background-color: var(--icons-color) !important; border: 1px solid #333; color: #333;}
.active>h3 {background: #f5f5f5 none repeat scroll 0 0; color: #333; transition: all 0.4s ease 0s;}
.active>button {background: var(--icons-color) none repeat scroll 0 0; border: 1px solid var(--icons-color); color: #fff; transition: 0.4s;}
.active>button:hover {background: #333 none repeat scroll 0 0; border: 1px solid #333; color: #fff; transition: 0.4s;}
/*----------------------------------------*/
/* Testimonial Area Css
/*----------------------------------------*/
.testimonials-area {
  background: rgba(0, 0, 0, 0) var(--breadcrumb-image) no-repeat fixed center top / cover;
  height: auto;
  width: 100%;
}
.testi-inner {position: relative; width: 100%; height: auto; z-index: 1;}
.testi-overly {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.quate {
  border: 1px dotted #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}
.quate:hover {color: #fff;}
.testi-img img {
  border: 1px dotted rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}
.testi-text p {color: #fff; font-size: 16px; line-height: 1.5em; margin: 20px 0; letter-spacing: 1px;}
.testi-text h6 {color: #fff; font-size: 20px;}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  height: 8px;
  width: 8px;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  bottom: -30px;
  display: block;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}
.testimonial-content {margin-bottom: 15px;}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {display: inline-block; margin: 0 3px;}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {background: var(--icons-color);}
.testi-text.text-center>h6 {color: #fff; font-size: 20px; font-weight: 700; text-transform: uppercase;}
.guest-rev {color: #ddd; font-size: 16px;}
.guest-rev>a {color: var(--icons-color); font-size: 14px;}
/*----------------------------------------*/
/* Sub Page Bradcrumb Area
/*----------------------------------------*/
.breadcrumbs-area {
  background: rgba(0, 0, 0, 0) var(--breadcrumb-image) no-repeat fixed center top / cover;
  height: auto;
  width: 100%;
  margin-top: 70px;
}
.bready-inner {position: relative; width: 100%; height: auto; z-index: 1;}
.breadcrumb-content {margin-bottom: 15px;}
.breadcrumb-content h3 {color: white;}
.bready-area-padding {padding: 20px 0px 10px;}
/*--------------------------------*/
/*  Pages
/*--------------------------------*/
.single-page-description {margin-bottom: 20px; background: #f9f9f9; padding: 14px; border-radius: 4px; border: 1px solid #f3f3f3;}
/*--------------------------------*/
/*  News Area
/*--------------------------------*/
.news-area {height: auto; width: 100%;}
.news-text h4 a {color: #444; text-decoration: none;}
.news-text h4 {color: #444; margin-bottom: 8px;}
.single-news .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.single-news {margin-bottom: 20px;}
.single-news .ready-btn:hover {border: 1px solid var(--icons-color); color: #fff;}
.single-news .news-pagination {border-top: 1px solid #e5e5e5; margin: 0; padding-top: 30px;}
.news-page .single-news {margin-bottom: 20px; background: #f9f9f9; padding: 14px; border-radius: 4px; border: 1px solid #f3f3f3;}
.news-detail-btn {background: var(--icons-color); color: white;}
.news-text .date-type {margin-bottom: 5px;}
/*--------------------------------*/
/*  Jobs Area
/*--------------------------------*/
.jobs-area {height: auto; width: 100%;}
.jobs-text {margin-left: 15px;margin-right: 0px;}
.jobs-text h4 a {color: #444; text-decoration: none;}
.jobs-text h4 {color: #444; margin-bottom: 8px;}
.single-jobs .ready-btn {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.single-jobs .ready-btn:hover {border: 1px solid var(--icons-color); color: #fff;}
.single-jobs .jobs-pagination {border-top: 1px solid #e5e5e5; margin: 0; padding-top: 30px;}
.jobs-page .single-jobs {margin-bottom: 20px; background: #f9f9f9; padding-top: 15px; padding-left: 15px; border-radius: 4px; border: 1px solid #f3f3f3;}
.jobs-detail-btn {background: var(--icons-color); color: white;}
.jobs-company-logo {background: white;
    width: 130%;
    height: 130px;
    padding: 8px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #cccccc;}
.jobs-page-vertical-center {width: 85%; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.jobs-page-job-meta span {background: #61aeff;
    color: white;
    font-size: 12px;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #cccccc;}
.jobs-page-job-description {margin-top: 10px;}
/*--------------------------------*/
/*  Companies Page
/*--------------------------------*/
.companies-text {margin-left: 15px;margin-right: 0px; min-height: 146px;}
.companies-text h4 a {color: #444; text-decoration: none;}
.companies-text h4 {color: #444; margin-bottom: 8px;}
.single-company .companies-pagination {border-top: 1px solid #e5e5e5; margin: 0; padding-top: 30px;}
.companies-page .single-company {margin-bottom: 20px; background: #f9f9f9; padding-top: 15px; padding-left: 15px; border-radius: 4px; border: 1px solid #f3f3f3;}
.companies-detail-btn {background: var(--icons-color); color: white;}
.companies-company-logo {background: white; width: 130%; height: 130px; padding: 8px; position: relative; border-radius: 5px; border: 1px solid #cccccc;}
.companies-page-vertical-center {width: 85%; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.companies-page-description {margin-top: 10px;}
/*--------------------------------*/
/*  Contact Area
/*--------------------------------*/
.contact-area {height: auto; width: 100%;}
.contact-content {padding: 100px; background: #000 none repeat scroll 0 0;}
.contact-content-right {padding: 100px;}
.contact-form input[type="text"], .contact-form input[type="email"], 
.contact-form input[type="password"], .contact-form select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 20px;
  width: 100%;
}
.contact-form textarea  {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #444;
  height: 140px;
  padding: 20px;
  width: 100%;
}
.contact-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}
.contact-form button[type=submit]:hover {color: #fff; border: 1px solid var(--icons-color); background: var(--icons-color);}
.contact-form  #sendmessage {
  color: var(--icons-color);
  border: 1px solid var(--icons-color);
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}
.contact-form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}
.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
  display: block;
}
#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}
.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #444;
  line-height: 40px;
  border-radius: 50%;
}
.single-icon p {
  font-size: 16px;
  line-height: 30px;
}
.contact-icon {
  /*margin-bottom: 40px;*/
}
#google-map {
  height: 370px;
  margin-bottom: 20px;
}
/*----------------------------------------*/
/*  Footer Area
/*----------------------------------------*/
.footer-area {padding: 40px 0; background: #f9f9f9;}
.footer-head p {color: #444;}
.footer-head h4 {color: #444; font-size: 16px; letter-spacing: 2px; padding-bottom: 10px; text-transform: uppercase;}
.footer-logo {padding-bottom: 20px;}
.footer-logo h2 {color: #222; padding: 0; margin: 0; font-size: 36px; font-weight: bold; line-height: 1;}
.footer-logo h2 span {color: #3ec1d5;}
.footer-icons ul li {display: inline-block;}
.footer-icons ul li a {
  border: 1px solid #444;
  color: #444;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  border-radius: 50%;
}
.flicker-img>a {float: left; padding: 1px;width: 33.33%;}
.footer-icons {margin-top: 30px;}
.footer-contacts p span {color: var(--icons-color); font-weight: 700;}
.popular-tag ul li {display: inline-block;}
.footer-content {display: block; overflow: hidden;}
.popular-tag ul li a:hover, .footer-icons ul li a:hover {background: var(--icons-color); border: 1px solid var(--icons-color); color: #fff;}
.popular-tag ul li a {
  border: 1px solid #444;
  border-radius: 30px;
  color: #444;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 5px 3px;
  padding: 5px 10px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.4s ease 0s;
  width: 70px;
  text-align: center;
}
.footer-area-bottom {background: #f1f1f1 none repeat scroll 0 0; padding: 15px 0;}
.copyright-text a:hover {text-decoration: underline; color: var(--icons-color);}
.copyright-text a {color: #444;}
.copyright>p {margin-bottom: 0; color: #444;}
.copyright a, .credits a {color: var(--icons-color);}
.credits {padding-top: 5px; text-align: center;}

/*----------------------------------------*/
/*  Home Page CSS
/*----------------------------------------*/
.header-bg {
  background: var(--main-banner);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.header-bg.home-2 {width: 100%; height: 100%; position: relative;}
.home-2 .layer-1-3, .home-3 .layer-1-3 {margin: 10px 0 0;}
.header-btn-register {    
  background: var(--icons-color) !important;
  margin-top: 20px !important;
  color: white !important;
  padding: 5px !important;
  border: 1px solid #cccccc !important;
}
/*----------------------------------------*/
/* News page
/*----------------------------------------*/
.page-area {position: relative;}
.search-option input {border: medium none; padding: 6px 15px; width: 70%;}
.search-option {border: 1px solid #ccc; height: 42px; margin-bottom: 30px;}
.search-option button {background: transparent none repeat scroll 0 0; border: medium none; font-size: 20px; padding: 8px 23px;}
.search-option button:hover {color: #3ec1d5; }
.left-menu-section {background: #f9f9f9 none repeat scroll 0 0; margin-bottom: 30px; overflow: hidden; border: 1px solid #f3f3f3; border-radius: 4px;}
.left-menu-section h4 {border-bottom: 1px solid #ddd; color: #444; font-size: 17px; font-weight: 500; margin-bottom: 0; padding: 15px 10px; text-transform: uppercase;}
.left-menu-section li {border-bottom: 1px solid #ddd; display: block;}
.left-menu-section ul li a:hover {}
.left-menu-section ul li a {color: #444; display: block; font-size: 14px; padding: 10px; text-transform: capitalize;}
.left-menu-section ul li a:hover {color: var(--icons-color);}
.left-menu-section li:last-child {border-bottom: 0;}
.recent-single-post {border-bottom: 1px solid #ddd; display: block; overflow: hidden; padding: 15px 10px;}
.ready-btn {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-top: 30px;
  padding: 12px 40px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  z-index: 222;
}
.ready-btn:hover {color: #fff; background: var(--icons-color); border: 1px solid var(--icons-color); text-decoration: none;}
.post-img {display: inline-block; float: left; padding: 0 5px; width: 35%;}
.pst-content {display: inline-block; float: left; width: 65%;}
.pst-content p a:hover {color: var(--icons-color);}
.pst-content p a {color: #444; font-size: 15px;}
.header-bottom h1, .header-bottom h2 {color: #fff;}

/*----------------------------------------*/
/*  Blog Details css
/*----------------------------------------*/
.post-information h2 {color: #363636; font-size: 22px; text-transform: uppercase;}
.post-information {padding: 20px 0;}
.post-information .entry-meta span a {color: #444; display: inline-block; padding: 10px 0;}
.entry-meta span a:hover {color: var(--icons-color);}
.post-information .entry-meta {border-bottom: 1px solid #ccc; margin: 20px 0;}
.post-information .entry-meta span i {padding: 0 10px;}
.entry-content>p {color: #444;}
.entry-meta>span {color: #444;}
.entry-content blockquote {
  background: #fff none repeat scroll 0 0;
  border-left: 5px solid var(--icons-color);
  font-size: 17.5px;
  font-style: italic;
  margin: 0 0 20px 40px;
  padding: 22px 20px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  background-color: var(--icons-color);
  border-color: var(--icons-color);
  color: #fff;
  cursor: default;
  z-index: 3;
}
.social-sharing {background: #fff none repeat scroll 0 0; border: 1px solid #ccc; display: block; margin: 30px 0;}
.social-sharing>h3 {display: inline-block; font-size: 18px; margin: 0; padding: 20px 10px;}
.sharing-icon {display: inline-block; float: right; padding: 13px 10px;}
.sharing-icon a {
  border: 1px solid #444;
  color: #444;
  display: block;
  float: left;
  font-size: 18px;
  height: 34px;
  line-height: 30px;
  margin-left: 10px;
  text-align: center;
  width: 34px;
}
.sharing-icon a:hover {color: var(--icons-color); border: 1px solid var(--icons-color);}
.author-info {background: #fff none repeat scroll 0 0; float: left; margin: 30px 0; padding: 15px; width: 100%;}
.author-avatar {display: inline-block; float: left; width: 10%;}
.author-description h2 {color: #777; font-size: 20px; text-transform: uppercase;}
.author-description h2 a {color: #000;}
span.email-notes {color: #42414f; display: block; font-size: 12px; margin-bottom: 10px;}
/*--------------------------------------------------------------*/
/* Counts
/*--------------------------------------------------------------*/
.portfolio {background: #f5f5ff; padding: 70px 0 60px;}
.portfolio .portfolio-box {padding: 30px 30px 25px 30px; width: 100%; position: relative; text-align: center; background: #fff;}
.portfolio .portfolio-box i {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: var(--icons-color);
  padding: 12px;
  color: #fff;
  border-radius: 50px;
}
.portfolio .portfolio-box span {font-size: 36px; display: block; font-weight: 600; color: #010483; line-height: 1em;}
.portfolio .portfolio-box p {padding: 0; margin: 0; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 4em;}
/*--------------------------------------------------------------*/
/* Clients
/*--------------------------------------------------------------*/
.clients {padding: 45px; background: #f5f5ff;}
.clients .owl-item {display: flex; justify-content: center; align-items: center; padding: 0 20px;}
.clients .owl-item img {width: 75%; opacity: 0.5; transition: ease-in-out 0.3s; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clients .owl-item img:hover {-webkit-filter: none; filter: none; opacity: 1;}
.clients .owl-nav, .clients .owl-dots {margin-top: 5px; text-align: center;}
.clients .owl-dot {display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd !important;}
.clients .owl-dot.active {background-color: #ff5821 !important;}
/*----------------------------------------*/
/* End CSS
/*----------------------------------------*/
.banner-text {color: white;}
.slider-content {padding: 150px 0px;}
.banner-title {color: white;}

.chk-st1 + label {display: block; margin: 0.2em; cursor: pointer; padding: 0.2em; margin-left: 6px;}
.chk-st1 {display: none; }
.chk-st1 + label:before {
content: "\2714";
    border: 0.1em solid #ddd;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.5em;
    height: 1.7em;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;}
.chk-st1 + label:active:before {transform: scale(0);}
.chk-st1:checked + label:before {background-color: var(--icons-color); color: #fff;}
.chk-st1:disabled + label:before {transform: scale(1); border-color: #aaa; }
.chk-st1:checked:disabled + label:before {transform: scale(1); background-color: #bfb; border-color: #bfb;}

@media (max-width: 768px) {
  .back-to-top {bottom: 15px;}
  .jobs-company-logo {width: 95%;}
  .companies-company-logo {width: 90%;}
}