/*
Theme Name: Erzen
Theme URI: https://wpshopmart.com/erzen/
Author: wpshopmart
Author URI: https://wpshopmart.com/
Description: Erzen is the perfect theme for your Web project. Very Lightweight and easily customizable, it fits for any type of website such a blog, corporate, portfolio, business finance, startup website and WooCommerce storefront with a clean and professional design. Erzen is SEO Friendly, Load fast, Responsive, WPML, Retina ready, RTL & translation ready. Support Front page with service section, Blog Section, about Section & slider section.  You can edit the settings on mobile And in tablet so your site looks great on every media device. Work with the most popular page builders as Visual Composer,Elementor, SiteOrigin, Beaver Builder,  Divi,  etc...  Check the Erzen demo :  http://demo.wpshopmart.com/erzen-lite/ 
Version: 1.1.1
Tags: one-column, two-columns, right-sidebar, custom-menu, footer-widgets, theme-options, translation-ready, custom-logo, threaded-comments, editor-style, portfolio, blog, custom-background, full-width-template, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: erzen 

Erzen WordPress Theme, Copyright (C) 2018, wpshopmart
Erzen is distributed under the terms of the GNU General Public License v2 or later
*/

/* =WordPress Core
-------------------------------------------------------------- */
/* index style css

00 Browser Reset & Common CSS
01. header CSS
02. home_area CSS
03. cta_area CSS
04. service_area CSS
05. about_area CSS
06. cta_area2 CSS
07. step_area CSS
08. video_area CSS
09. faq_area CSS
10. form_area CSS
11. testimonial_area CSS
12. brand_area CSS
13. news_area CSS
14. footer CSS
15. breadcrumb_area CSS
16. fact_area CSS
17. team_member_area CSS
18. jobs_tile_area CSS
19. job_cta_area CSS
20. s_service_area CSS
21. work_area CSS
22. single_work_area CSS
23. blog_area CSS
24. 404 CSS

*/

/*----------------------------------------
Helper Classes styles
/*----------------------------------------*/
.section-space {
  padding: 100px 0;
}
.section-space-b-less-30 {
  padding: 100px 0 70px;
}
.section-space-top {
  padding: 100px 0 0 0;
}
.inner-section-space-top {
  padding: 60px 0 0 0;
}
.inner-section-space-top30 {
  padding: 30px 0 0 0;
}
.section-space-b-less-20 {
  padding: 100px 0 80px;
}
.section-space-88 {
  padding: 88px 0;
}
.section-space-88-100 {
  padding: 88px 0 100px;
}
.section-space-82-100 {
  padding: 82px 0 100px;
}
.section-space-88-64 {
  padding: 88px 0 64px;
}
.section-space-100-74 {
  padding: 100px 0 74px;
}
.section-space-88-75 {
  padding: 88px 0 75px;
}
.section-space-88-94 {
  padding: 88px 0 94px;
}
.section-space-82-74 {
  padding: 82px 0 74px;
}
.section-space-110-64 {
  padding: 110px 0 64px;
}
.section-space-88-44 {
  padding: 88px 0 44px;
}
.section-space-100-64 {
  padding: 100px 0 64px;
}
.section-space-93-94 {
  padding: 93px 0 94px;
}
.section-space-93-100 {
  padding: 93px 0 100px;
}
.margin-b-30 {
  margin-bottom: 30px;
}
.margin-b-0 {
  margin-bottom: 0!important;
}
.padding-b-0 {
  padding-bottom: 0;
}
.main_wrap{
	background:#ffffff;
}
.cPrimary, .button-2:hover, header .header_top .header_link li i, header .header_top .header_link li a:hover, .search_icon:hover, .search_form .search_close, .menu-container ul.menu li ul.sub-menu.mega-menu .menu-column a:hover, .video_area .video_dsc ul li:before, footer .footer_top .widget ul li a:hover, footer .footer_top .widget .widget_tag_cloud .tagcloud a:hover, footer .footer_top .widget .footer_social span a:hover, .breadcrumb_area ul li a:hover, .job_cta_area .job_cta a.button-2, .work_area .single_work .h4:hover, .single_work_area .work_content a.button-2, .blog_area .post_col article .entry_header a:hover, .blog_area .post_col article .entry_header > div a:hover, .blog_area .post_col article .entry_header > div a.cPrimary, .blog_area .widget_col .widget ul li a:hover, .tagcloud a:hover, .blog_area .comment_form form input[type="submit"]:hover, .blog_area .comment_form form .form_area .contact_form .form-group textarea[type="submit"]:hover, .form_area .contact_form .form-group .blog_area .comment_form form textarea[type="submit"]:hover {
  color: #20abeb; }

.cPrimaryBg, .site_preloader_inner > div, .slicknav_btn, .slicknav_nav, .button, .button-3, .button-3:before, .section_title h3:before, .search_form button, .menu-container ul.menu > li:after, .cta_area, .form_area .form_text h1:after, .testimonial_area .tst_slider .single_slide h4:before,
.testimonial_area .tst_static .single_slide h4:before, footer .footer_top .widget ul li a:before, .breadcrumb_area ul li a:before, .jobs_tile_area .single_job_tile > div:before, .s_service_area aside .widget.widget_service ul li a:hover, .s_service_area aside .widget.widget_service ul li.active a, .blog_area .comment_form form input[type="submit"], .blog_area .comment_form form .form_area .contact_form .form-group textarea[type="submit"], .form_area .contact_form .form-group .blog_area .comment_form form textarea[type="submit"] {
  background-color: #20abeb; }

.cPrimaryBo, .menu-container ul.menu li ul.sub-menu.mega-menu, .form_area .contact_form, .form_area .contact_form .form-group input:focus, .form_area .contact_form .form-group textarea:focus, .blog_area .comment_form form input:not([type="submit"]):focus, .blog_area .comment_form form .form_area .contact_form .form-group textarea:not([type="submit"]):focus, .form_area .contact_form .form-group .blog_area .comment_form form textarea:not([type="submit"]):focus, .blog_area .comment_form form textarea:focus, .blog_area .comment_form form input[type="submit"]:hover, .blog_area .comment_form form .form_area .contact_form .form-group textarea[type="submit"]:hover, .form_area .contact_form .form-group .blog_area .comment_form form textarea[type="submit"]:hover {
  border-color: #20abeb !important; }

.color2, .step_area .step .single_step i.fa{
  color: #20abeb; }

.color2Bg, .overlay-2:before,
.overlay-3:before, .button:before, .button-3, .faq_area .panel-default .panel-heading ul li.active a {
  background-color: #fff; }

.color2Bo, .step_area .step .single_step i.fa {
  border-color: #19b5fe; }

.pColorBg, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover, .button.pbg, .button-3.pbg, footer .footer_top {
  background-color: #222222; }

.pColor, body, .button-3, .button-2, header .header_top .header_link li a, header .header_top .header_link li span, .logo span, .about_area .about_top .about_top_content h3, .video_area .video_dsc h3, .video_area .video_dsc ul, .faq_area h3, .form_area .contact_info .single_contact, .single_page.form_area .form_text h1, .breadcrumb_area ul li a, .breadcrumb_area ul li span, .s_service_area aside .widget.widget_service ul li a, .s_service_area .panel-body dt, .work_area .single_work .h4, .single_work_area .work_content strong, .single_work_area .work_content a.button-2:hover, .blog_area .post_col article .entry_header a, .blog_area .post_col article .post_content .h3, .blog_area .widget_col .widget ul li a, .tagcloud a, .tagc span {
  color: #222222; }
.button{
	color: #fff;
}
.pbo, .logo span {
  border-color: #222222; }

.pColor2 {
  color: #777777; }

.trns, .button-2, header .header_top .header_link li a, header .header_top .header_link li span, .search_icon, .search_form, .menu-container ul.menu > li, .menu-container ul.menu > li:after, .menu-container ul.menu li ul.sub-menu.mega-menu .menu-column a, .form_area .contact_form .form-group input, .form_area .contact_form .form-group textarea, footer .footer_top .widget ul li a:before, footer .footer_top .widget .footer_social span a, .breadcrumb_area ul li a, .breadcrumb_area ul li span, .breadcrumb_area ul li a:before, .jobs_tile_area .single_job_tile > div, .s_service_area aside .widget.widget_service ul li a, .work_area .single_work .h4, .work_area .single_work .work_img img, .blog_area .post_col article .entry_header a, .blog_area .post_col article .entry_header > div a, .blog_area .post_col article .post_content .h3, .blog_area .widget_col .widget ul li a, .blog_area .widget_col .widget .widget_tag_cloud .tagcloud a , .blog_area .comment_form form input:not([type="submit"]), .blog_area .comment_form form .form_area .contact_form .form-group textarea:not([type="submit"]), .form_area .contact_form .form-group .blog_area .comment_form form textarea:not([type="submit"]), .blog_area .comment_form form textarea, .blog_area .comment_form form input[type="submit"], .blog_area .comment_form form .form_area .contact_form .form-group textarea[type="submit"], .form_area .contact_form .form-group .blog_area .comment_form form textarea[type="submit"] {
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.flex_center, .home_area .single_slide .home_content, .about_top_img,
.about_top_content, .video_area .video_bg, .video_area .video_dsc, .form_area .form_h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.slider_preloader.flex_center, .home_area .single_slide .slider_preloader.home_content, .slider_preloader.about_top_img,
.slider_preloader.about_top_content, .video_area .slider_preloader.video_bg, .video_area .slider_preloader.video_dsc, .form_area .slider_preloader.form_h {
  background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2; }

.slider_preloader_inner {
  width: 40px;
  height: 40px;
  background-color: transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
.site_preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 9999; }

.site_preloader_inner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }

.site_preloader_inner > div {
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.site_preloader_inner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.site_preloader_inner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.site_preloader_inner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.site_preloader_inner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }
.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  display: none; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .slicknav_menu {
      display: block; } }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  text-decoration: none;
  margin: 6px 0;
  border-radius: 4px; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 50px;
  min-width: 280px;
  border-radius: 3px;
  z-index: 999; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.1) !important; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px; }
    .slicknav_nav .slicknav_row:hover {
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 15px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      color: #fff; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

dd {
  margin: 0;
  padding: 15px 15px; }

dt {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  background: #e3e3e3;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #fff;
  padding: 0 15px;
  cursor: pointer;
  color: #9f9f9f;
  margin-bottom: 1px; }

dt:first-child {
  border-top: 0px solid; }

dt:nth-last-child(2) {
  border-bottom: 0px solid; }

dl.accordion {
  margin-top: 0;
  margin-bottom: 0; }

.style1 .active {
  color: #000;
  background: #ddd; }

.style2.accordion dt, .accordion.style4 dt, .accordion.style5 dt {
  position: relative; }

.accordion.style2 dt::after, .accordion.style4 dt::after, .accordion.style5 dt::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "+";
  height: 30px;
  width: 30px;
  background: #00AAE8;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 20px; }

.accordion.style2 dt.active::after, .accordion.style4 dt.active::after, .accordion.style5 dt:hover::after, .accordion.style5 dt.active::after {
  content: "-"; }

.menu-container ul,
.menu-container .sub-siblings:after {
  transition: .4s; }

.menu-container ul li {
  position: relative; }

.menu-container ul li a {
  margin-left: 0; }

.menu-container ul li ul {
  background: #fff none repeat scroll 0 0;
  left: 0;
  position: absolute;
  width: 210px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  top: 100%; }

.menu-container ul.menu > li:nth-last-child(1) > ul,
.menu-container ul.menu > li:nth-last-child(2) > ul,
.menu-container ul.menu > li:nth-last-child(3) > ul {
  right: 0;
  left: auto; }

.menu-container ul li ul li {
  display: block; }

.menu-container ul li ul li a {
  display: block;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 15px;
  line-height: 30px; }

.menu-container ul li ul li a:before {
  content: '\f105';
  font-family: 'fontawesome';
  margin-right: 10px;
  margin-left: 5px;
  background-color: transparent; }

.menu-container ul li ul li:hover > a,
.menu-container ul li ul li.current_page_item > a,
.menu-container ul li ul li.current-page-ancestor > a {
  border-color: transparent;
  background-color: #f3f2f2; }

.menu-container ul li ul li ul {
  left: 100%;
  top: -1px; }

.menu-container ul.menu > li:nth-last-child(4) ul > li > ul,
.menu-container ul.menu > li:nth-last-child(5) ul > li > ul,
.menu-container ul.menu > li:nth-last-child(1) ul > li > ul,
.menu-container ul.menu > li:nth-last-child(2) ul > li > ul,
.menu-container ul.menu > li:nth-last-child(3) ul > li > ul,
.menu-container ul.menu > li > ul > li > ul > li > ul {
  left: auto;
  right: 100%; }

.menu-container ul.menu > li:nth-last-child(1) > ul > li > ul > li > ul,
.menu-container ul.menu > li:nth-last-child(2) > ul > li > ul > li > ul,
.menu-container ul.menu > li:nth-last-child(3) > ul > li > ul > li > ul,
.menu-container ul.menu > li:nth-last-child(4) > ul > li > ul > li > ul,
.menu-container ul.menu > li:nth-last-child(5) > ul > li > ul > li > ul {
  right: auto;
  left: 100%; }

.menu-container .sub-siblings {
  position: relative; }

.menu-container .sub-siblings:after {
  content: "+";
  margin-left: 7px;
  position: absolute;
  top: 50%;
  right: -7px;
  line-height: 20px;
  margin-top: -10px; }

.menu-container ul li ul li a.sub-siblings:after {
  right: 20px; }

.menu-container ul.menu > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible; }

.menu-container ul.menu > li:hover > ul > li:hover > ul,
.menu-container ul.menu > li:hover > ul > li:hover > ul > li:hover > ul {
  top: -1px;
  opacity: 1;
  visibility: visible; }

.menu-container ul > li:hover > a.sub-siblings:after {
  content: '\f105';
  font-family: "fontawesome";
  transform: rotate(90deg); }

.menu-container ul.menu > li > a.sub-siblings {
  padding-right: 10px; }

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }
.no-csspointerevents .nice-select.open .list {
  display: block; }

/*
 *****************************************
 >>> | 00 Browser Reset & Common CSS|
 *****************************************
*/
* {
  margin: 0;
  padding: 0; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; 
  }

a:focus,
a:hover,
a:visited,
input,
.form_area .contact_form .form-group textarea,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle,
input:hover,
.form_area .contact_form .form-group textarea:hover, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:hover,
input:focus,
.form_area .contact_form .form-group textarea:focus, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:focus,
input:active,
input.nice-select.open,
.form_area .contact_form .form-group textarea.nice-select.open,
.form_area .contact_form .form-group textarea:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle.nice-select.open,
select {
  text-decoration: none;
  outline: none !important; }

.static {
  position: static !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

img {
  
    max-width: 100%;
    height: auto;
  }

a,
span {
  display: inline-block; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 600; }

.sp {
  padding: 50px 0;
	  }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .sp {
      padding: 40px 0;
  } }

.spb {
  padding-bottom: 80px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spb {
      padding-bottom: 40px; } }

.spt {
  padding-top: 80px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spt {
      padding-top: 40px; } }

.sbb {
  padding: 50px 0
  }
.cbb {
	background-color:#f2f5f7;
}
@media only screen and (min-width: 0px) and (max-width: 991px) {
  ul.menu {
    display: none; } }

.overlay {
  position: relative;
  z-index: 1;
  background-position: center; }
  .overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: -1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0.65+0,0+80 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.95) 0%, transparent 80%, transparent 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.95) 0%, transparent 80%, transparent 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, transparent 80%, transparent 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 */ }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .overlay:before {
        background: rgba(0, 0, 0, 0.65); } }

.overlay-2,
.overlay-3 {
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover; }
  .overlay-2:before,
  .overlay-3:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .9;
    z-index: -1; }

.overlay-3:before {
  background-color: #222222;
  opacity: .6; }

.button, .button-3 {
  line-height: 55px;
  padding: 0 25px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  box-shadow: 0px -3px 2px -1px rgba(0, 0, 0, 0.5) inset;
  border-radius: 3px;
  border: none; }
  .button.pbg, .button-3.pbg {
    color: #fff; }
    .button.pbg:hover, .button-3.pbg:hover {
      color: #fff; }
  .button i, .button-3 i {
    margin-right: 10px; }

.button-2 {
    font-size: 15px;
	font-weight: 500;
    border: 2px solid #38393a;
    padding: 5px 15px 5px 15px;
    border-radius: 2px;

	}
  .button-2 i {
       margin-left: 8px;
    vertical-align: middle; }

.button:before {
  height: 3px;
  top: auto;
  bottom: 0; }
.button:hover {
  color: #fff; }

.button-3 {
  color: #fff;
  box-shadow: 0px -3px 2px -1px rgba(0, 0, 0, 0.3) inset; }

.grey-bg {
  background-color: #f2f5f7; }

.bg-fixed {
  background-attachment: fixed; }

.section_title {
  padding-bottom: 50px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .section_title {
      padding-bottom: 30px; } }
  .section_title h3 {
    line-height: 36px;
    font-weight: 500;
    margin: 0;
    position: relative;
    padding-left: 30px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .section_title h3 {
        padding-left: 0;
        text-align: center; }
        .section_title h3 br {
          display: none; } }
    .section_title h3:before {
      position: absolute;
      width: 5px;
      height: 70%;
      left: 0;
      top: 15%;
      content: ''; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .section_title h3:before {
          display: none; } }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .section_title .section_btn {
      text-align: center; } }
  .section_title .text-center h3 {
    padding-left: 0; }
    .section_title .text-center h3:before {
      display: none; }

.cta_icon, .button i, .button-3 i {
  animation-name: ctaIcon;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

@keyframes ctaIcon {
  0% {
    transform: translateX(-3px); }
  35% {
    transform: translateX(3px); }
  100% {
    transform: translateX(-3px); } }
/*
 *****************************************
 >>> | 01. header CSS|
 *****************************************
*/
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .slicknav_menu {
    margin: 27px 30px 27px 0; } }

@media only screen and (min-width: 0px) and (max-width: 991px) {
  .slicknav_nav {
    top: 70px; } }

.main_wrap header.stick_header.sticky .header_btm {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 50%;
  z-index: 999;
  background-color: #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.main_wrap.boxed header.stick_header.sticky .header_btm {
  width: 1270px; }
.main_wrap.wide_box header.stick_header.sticky .header_btm {
  width: 90%; }

header {
  border-bottom: 0px solid #e8e8e8;
  position: relative;
  z-index: 8; }
  header .header_top {
    padding: 15px 0;
	border-bottom: 1px solid #e9e9e9;
    	}
	
    header .header_top span.header_info {
      font-size: 15px; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        header .header_top span.header_info {
          text-align: center;
          border-bottom: 1px solid #e5e5e5;
          display: block;
          margin-bottom: 15px;
          padding-bottom: 15px;
 } }
 
  @media only screen and (min-width: 0px) and (max-width: 768px) {
		 header .header_top {
		 display:none;
		 }
		 
		 .logo, .custom-logo-link {
    padding: 30px 0 1px 0 !important;
  }
 }
    header .header_top .header_link {
      list-style: none;
      text-align: right;
      margin: 0; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        header .header_top .header_link {
          text-align: center; } }
      header .header_top .header_link li {
        display: inline-block;
        margin-left: 30px;
        position: relative; }
        header .header_top .header_link li:before {
          content: '';
          position: absolute;
          background-color: #e9e9e9;
          height: 100%;
          width: 2px;
          top: 0;
          left: -17px; }
        header .header_top .header_link li:first-child:before {
          display: none; }
        header .header_top .header_link li i {
          margin-right: 7px; }


.logo, .custom-logo-link {
    padding: 23px 0 1px 0;
    margin: 0;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.is-sticky .logo, .is-sticky .custom-logo-link {
padding: 10px 0 1px 0;
}
  .logo span {
    border: 0px solid;
    padding: 0 0px;
    line-height: 32px;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
	margin-right: 5px;
}
.header_btm .tagc{
	padding:0px 0  10px 0; 
	vertical-align: middle;
	display: block;
}	
	.custom-logo-link .custom-logo {
	width: 116.44px;
    height: 40px;
    border: 0;
    padding: 0; 
	}

.search_icon {
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  margin: 32px 0;
  position: absolute;
  right: 13px;
  text-align: center;
  top: 0;
  width: 25px; }

.search_form {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  padding: 25px 0;
  position: absolute;
  right: 15px;
  top: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9; }
  .search_form.active {
    visibility: visible;
    opacity: 1; }
  .search_form .search_close {
    width: 5%;
    float: left;
    line-height: 50px;
    border-radius: 30px 0 0 30px;
    text-align: center;
    font-size: 16px;
    cursor: pointer; }
  .search_form input[type="search"], .search_form .form_area .contact_form .form-group textarea[type="search"], .form_area .contact_form .form-group .search_form textarea[type="search"] {
    line-height: 48px;
    width: 80%;
    border: 1px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-indent: 15px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .search_form input[type="search"], .search_form .form_area .contact_form .form-group textarea[type="search"], .form_area .contact_form .form-group .search_form textarea[type="search"] {
        width: 70%;
        font-size: 25px; } }
  .search_form button {
    border: medium none;
    float: right;
    line-height: 50px;
    text-align: center;
    width: 15%;
    color: #fff;
    border-radius: 30px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .search_form button {
        width: 25%; } }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .search_form {
      width: 400px;
      padding: 10px;
      top: 100px;
      border: 1px solid #ddd;
      height: auto;
      border-radius: 50px; }
      .search_form .search_close {
        background-color: #f1f1f1;
        box-radius: 30px 0 0 30px;
        width: 10%;
        text-align: right; }
      .search_form input[type="search"], .search_form .form_area .contact_form .form-group textarea[type="search"], .form_area .contact_form .form-group .search_form textarea[type="search"] {
        font-size: 14px;
        background-color: #f1f1f1;
        width: 65%; }
      .search_form button {
        border-radius: 0px 30px 30px 0px; } }
  @media only screen and (min-width: 0px) and (max-width: 991px) and (min-width: 0px) and (max-width: 767px) {
    .search_form {
      width: 320px;
      right: 0; } }
  @media only screen and (min-width: 0px) and (max-width: 991px) and (min-width: 480px) and (max-width: 767px) {
    .search_form {
      width: 400px;
      right: 15px; } }

.search_form form {
  overflow: hidden; }

.menu-container {
  padding: 0;
  margin-right: 30px; }
  .menu-container ul.menu {
    margin: 0;
    list-style: none;
    text-align: right; }
    .menu-container ul.menu > li {
      margin: 0 0 0 -4px;
      display: inline-block;
      padding: 0 20px;
      position: relative; }
      @media only screen and (min-width: 992px) and (max-width: 1260px) {
        .menu-container ul.menu > li {
          padding: 0 15px; } }
      .menu-container ul.menu > li:after {
        position: absolute;
        content: '';
        width: 0px;
        height: 5px;
        bottom: 0;
        left: 0; }
      .menu-container ul.menu > li.current, .menu-container ul.menu > li:hover {
        background-color: #f4f4f4; }
        .menu-container ul.menu > li.current:after, .menu-container ul.menu > li:hover:after {
          width: 100%; }
      .menu-container ul.menu > li > a {
        line-height: 30px;
        padding: 35px 0;
        font-weight: 700;
        font-size: 14px; }
    .menu-container ul.menu li ul.sub-menu.mega-menu {
      position: absolute;
      width: 870px;
      left: auto;
      right: 0;
      border-top: 1px solid;
      border-bottom: 6px solid;
      border-top-color: #e8e8e8 !important;
      padding: 20px 0;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
      .menu-container ul.menu li ul.sub-menu.mega-menu:before, .menu-container ul.menu li ul.sub-menu.mega-menu:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        background-color: #e8e8e8;
        left: 33%;
        top: 0;
        z-index: 9; }
      .menu-container ul.menu li ul.sub-menu.mega-menu:after {
        left: 66.66%; }
    .menu-container ul.menu li ul.sub-menu.mega-menu .menu-column {
      position: static;
      float: left;
      width: 33.33%;
      box-shadow: none; }
      .menu-container ul.menu li ul.sub-menu.mega-menu .menu-column a {
        border: none;
        padding-left: 40px; }
        .menu-container ul.menu li ul.sub-menu.mega-menu .menu-column a:hover {
          background-color: transparent; }
        .menu-container ul.menu li ul.sub-menu.mega-menu .menu-column a:before {
          display: none; }
    .menu-container ul.menu li:hover ul.menu-column {
      opacity: 1;
      visibility: visible; }
    .menu-container ul.menu li.mega-par {
      position: static; }
      .menu-container ul.menu li.mega-par:after {
        display: none; }

.menu-container ul.menu li a {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color: #222222; }
  


/*
 *****************************************
 >>> | 02. home_area CSS|
 *****************************************
*/
.home_area {
  position: relative; }
  .home_area .home_slider {
    overflow: hidden; }
  .home_area .single_slide {
    background-size: cover;
    background-position: center; }
    .home_area .single_slide .home_content {
          height: 600px;
			color: #fff;
			font-size: 18px;
			line-height: 30px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .home_area .single_slide .home_content {
          text-align: center;
          font-size: 16px; }
          .home_area .single_slide .home_content br {
            display: none; } }
      @media only screen and (min-width: 992px) and (max-width: 1260px) {
        .home_area .single_slide .home_content {
          padding-left: 30px; } }
      .home_area .single_slide .home_content h1 {
            font-size: 50px;
    line-height: 1.4;
    margin: 0;
    font-weight: 400;
    margin-bottom: 25px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .home_area .single_slide .home_content h1 {
            font-size: 35px;
            margin-bottom: 15px;
            line-height: 36px; } }
      .home_area .single_slide .home_content .home_btn {
        margin-top: 25px; }
      .home_area .single_slide .home_content .cell .animated:nth-child(1) {
        animation-duration: .4s;
        animation-delay: 0s; }
      .home_area .single_slide .home_content .cell .animated:nth-child(2) {
        animation-duration: .4s;
        animation-delay: .4s; }
      .home_area .single_slide .home_content .cell .animated:nth-child(3) {
        animation-duration: .4s;
        animation-delay: .8s; }
  .home_area .owl-nav > div {
    height: 40px;
    width: 40px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -690px;
    font-size: 19px; }
    @media only screen and (min-width: 1261px) and (max-width: 1400px) {
      .home_area .owl-nav > div {
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1260px) {
      .home_area .owl-nav > div {
        left: 0;
        margin-left: 0; } }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .home_area .owl-nav > div {
        margin-left: 0;
        left: 0; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .home_area .owl-nav > div {
        top: auto;
        bottom: 20px;
        left: 50%;
        margin-left: -45px; } }
    .home_area .owl-nav > div.owl-next {
      left: auto;
      right: 50%;
      margin-left: 0;
      margin-right: -690px; }
      @media only screen and (min-width: 1261px) and (max-width: 1400px) {
        .home_area .owl-nav > div.owl-next {
          right: 0;
          margin-right: 0; } }
      @media only screen and (min-width: 992px) and (max-width: 1260px) {
        .home_area .owl-nav > div.owl-next {
          right: 0;
          margin-right: 0; } }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .home_area .owl-nav > div.owl-next {
          margin-right: 0;
          right: 0; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .home_area .owl-nav > div.owl-next {
          right: 50%;
          margin-right: -45px; } }

/*
 *****************************************
 >>> | 03. cta_area CSS|
 *****************************************
*/
.cta_area {
  padding: 40px 0; }
  .cta_area .cta {
    padding: 11px 0; }
    .cta_area .cta h2 {
      margin: 0;
      font-weight: 400;
      color: #fff; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .cta_area .cta h2 {
          text-align: center;
          margin-bottom: 20px; } }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .cta_area .text-right {
      text-align: center; } }

/*
 *****************************************
 >>> | 04. service_area CSS|
 *****************************************
*/
.service_area .single_service > div .service_img {
  width: 270px;
  height: 115px;
  }
  .service_area .single_service > div .service_img img {
    width: 100%; 
	height: 100%; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .service_area .single_service > div .service_img {
      float: none;
      width: 100%;
height: 100%;	  } }

.service_area .single_service > div .service_content {
  font-size: 14px;
  text-align:center;
  line-height: 24px;
  margin-right: -5px; }
  .service_area .single_service > div .service_content h4 {
    font-weight: 700;
    margin: 21px 0 11px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .service_area .single_service > div .service_content {
      margin-bottom: 40px; } }
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .service_area .single_service:last-child .service_content {
    margin-bottom: 0; } }
@media only screen and (min-width: 992px) {
  .service_area .single_service:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
    margin-top: 60px; } }

/*
 *****************************************
 >>> | 05. about_area CSS|
 *****************************************
*/
.about_top_img,
.about_top_content {
  height: 330px; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .about_top_img,
    .about_top_content {
      height: auto;
      margin-top: 40px; } }

.about_area .about_top .about_top_img {
  margin-right: 30px; }
.about_area .about_top .about_top_content {
  color: #666;
  font-size: 16px;
  line-height: 30px; }
  .about_area .about_top .about_top_content p:last-child {
    margin-bottom: 0; }
  .about_area .about_top .about_top_content h3 {
    margin: 0 0 20px; }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .about_area .single_about {
    margin-top: 40px; }
    .about_area .single_about:first-child {
      margin-top: 0; } }
.about_area .single_about > div .about_img {
  width: 245px;
  height: 195px;
  float: left; }
  .about_area .single_about > div .about_img img {
    width: 100%; 
	height: 100%; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .about_area .single_about > div .about_img {
      float: none;
      width: 100%;
height: 100%;	  } }
.about_area .single_about > div .about_content {
  line-height: 26px;
 }
  .about_area .single_about > div .about_content h4 {
    margin: 7px 0 15px; 
	font-size:30px	
}
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .about_area .single_about > div .about_content {
      padding-left: 0;
      margin-top: 40px; } }

/*
 *****************************************
 >>> | 06. cta_area2 CSS|
 *****************************************
*/
.cta_area2 {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 65px 0; }
  .cta_area2 h1 {
    margin: 0;
    font-size: 38px;
    text-align: center;
    font-weight: 300;
    color: #fff; }

/*
 *****************************************
 >>> | 07. step_area CSS|
 *****************************************
*/
.step_area .step .single_step > div {
  padding-left: 40px;
  padding-right: 30px;
  line-height: 28px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .step_area .step .single_step > div {
      padding: 0;
      text-align: center; } }
  .step_area .step .single_step > div h3 {
    font-weight: 300;
    margin: 0 0 20px;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .step_area .step .single_step > div h3 {
        text-align: center; } }
    .step_area .step .single_step i.fa {
      position: absolute;
      width: 25px;
      height: 25px;
      border: 0px solid;
      left: 15px;
      border-radius: 50%;
      text-align: center;
      line-height: 21px;
      font-size: 30px;}
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .step_area .step .single_step i.fa{
          display: none; } }
		  
  

/*
 *****************************************
 >>> | 08. video_area CSS|
*****************************************
*/
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .video_area .vdo_h {
    height: auto !important; } }
.video_area .video_bg {
  min-height: 300px;
  margin-right: 70px;
  text-align: center; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .video_area .video_bg {
      margin-right: 0;
      margin-bottom: 30px; } }
  .video_area .video_bg a.video_icon_wrap {
    color: #fff; }
    .video_area .video_bg a.video_icon_wrap i {
      font-size: 24px;
      height: 85px;
      width: 85px;
      text-align: center;
      line-height: 75px;
      border: 5px solid #fff;
      border-radius: 50%;
      margin-bottom: 15px;
      padding-left: 5px; }
    .video_area .video_bg a.video_icon_wrap span {
      display: block;
      text-align: center;
      font-size: 18px;
      font-weight: 700; }
.video_area .video_dsc {
  color: #777777;
  line-height: 28px;
  font-size: 16px; }
  .video_area .video_dsc h3 {
    margin: 0 0 25px;
    font-weight: 500; }
  .video_area .video_dsc ul {
    margin: 0;
    list-style: none;
    margin-top: 10px; }
    .video_area .video_dsc ul li {
      position: relative;
      padding-left: 25px;
      margin-top: 5px; }
      .video_area .video_dsc ul li:before {
        content: '\f00c';
        position: absolute;
        left: 0;
        top: 0;
        font-family: 'fontawesome'; }

/*
 *****************************************
 >>> | 09. faq_area CSS|
 *****************************************
*/
.faq_area {
  color: #777777;
  font-size: 15px; }
  .faq_area h3 {
    font-weight: 500;
    margin: 0 0 25px; }
  .faq_area .accordion {
    margin-right: 30px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .faq_area .accordion {
        margin-right: 0;
        margin-bottom: 30px; } }
    .faq_area .accordion dt {
      font-size: 16px;
      line-height: 30px;
      font-weight: 400;
      background-color: transparent;
      border: 1px solid #e5e5e5;
      padding: 10px 20px;
      margin-top: 10px;
      margin-bottom: 0; }
      .faq_area .accordion dt:after {
        top: 50%;
        margin-top: -15px;
        color: #222;
        background-color: transparent;
        right: 10px;
        font-size: 22px;
        font-weight: 700;
        color: #777777; }
    .faq_area .accordion dd {
      border: 1px solid #e5e5e5;
      border-top: none;
      line-height: 28px;
      font-size: 16px;
      color: #777777; }
  .faq_area .panel-default {
    line-height: 26px;
    color: #777777;
    padding: 0;
    border: none;
    margin: 20px 0 0; }
    .faq_area .panel-default .panel-heading {
      padding: 0;
      border: none;
      background: transparent; }
      .faq_area .panel-default .panel-heading ul {
        border: none; }
        .faq_area .panel-default .panel-heading ul li a {
          border: 1px solid #e5e5e5;
          margin: 0;
          border-radius: 0;
          margin-right: -1px;
          padding: 15px 20px;
          color: #777777; }
        .faq_area .panel-default .panel-heading ul li.active a {
          color: #fff; }
    .faq_area .panel-default .panel-body {
      border: 1px solid #e5e5e5; }

/*
 *****************************************
 >>> | 10. form_area CSS|
 *****************************************
*/
.form_area {
  background-attachment: fixed; }
  .form_area.not_sp {
    padding: 35px 0; }
  .form_area .form_text {
    color: #fff; }
    .form_area .form_text h4 {
      font-weight: 500;
      text-transform: uppercase;
      margin: 0; }
    .form_area .form_text h1 {
      font-size: 40px;
      font-weight: 300;
      line-height: 50px;
      margin: 30px 0 40px;
      position: relative; }
      .form_area .form_text h1:after {
        position: absolute;
        content: '';
        height: 4px;
        width: 50px;
        left: 50%;
        margin-left: -25px;
        bottom: -40px; }
  .form_area .contact_info {
    padding-left: 70px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .form_area .contact_info {
        padding-left: 0; } }
    .form_area .contact_info .single_contact {
      font-size: 29px;
      line-height: 40px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .form_area .contact_info .single_contact {
          font-size: 20px;
          line-height: 30px; } }
      .form_area .contact_info .single_contact:not(:last-child) {
        margin-bottom: 27px; }
      .form_area .contact_info .single_contact span {
        display: block; }
      .form_area .contact_info .single_contact p {
        font-size: 15px;
        color: #9b9b9b;
        text-transform: uppercase; }
  .form_area .contact_form {
    background-color: #fff;
    font-size: 15px;
    padding: 30px;
    border-color: inherit;
    border-top: 5px solid; }
    .form_area .contact_form .form-group {
      margin-bottom: 20px; }
      .form_area .contact_form .form-group p {
        color: #666666;
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 14px; }
      .form_area .contact_form .form-group input, .form_area .contact_form .form-group textarea {
        width: 100%;
        border: 1px solid #e5e5e5;
        height: 50px;
        text-indent: 20px; }
      .form_area .contact_form .form-group textarea {
        height: 120px;
        resize: none;
        padding-top: 10px; }
      .form_area .contact_form .form-group button {
        border: none;
        color: #fff; }
      .form_area .contact_form .form-group .nice-select {
        height: 50px;
        line-height: 50px; }
      .form_area .contact_form .form-group:last-child {
        margin: 0; }

.single_page.form_area .contact_form {
  box-shadow: 0 0 50px 2px #e8e8e8;
  border: none; }

/*
 *****************************************
 >>> | 11. testimonial_area CSS|
 *****************************************
*/
.testimonial_area .tst_slider .single_slide,
.testimonial_area .tst_static .single_slide {
  color: #666;
  font-size: 16px;
  line-height: 28px;
 text-align : center;  }

  .testimonial_area .tst_slider .single_slide h4,
  .testimonial_area .tst_static .single_slide h4 {
    margin: 40px 0 0px;
    font-size: 16px;
    font-weight: 700;
    position: relative; }
    .testimonial_area .tst_slider .single_slide h4:before,
    .testimonial_area .tst_static .single_slide h4:before {
      content: '';
      position: absolute;
	   text-align : center;
      top: -23px;
      width: 50px;
      height: 4px; }
  .testimonial_area .tst_slider .single_slide span,
  .testimonial_area .tst_static .single_slide span {
    font-size: 14px;
    font-weight: 400; }
.testimonial_area .tst_static .single_slide {
  margin-top: 70px; }
  @media only screen and (min-width: 992px) {
    .testimonial_area .tst_static .single_slide:nth-child(1), .testimonial_area .tst_static .single_slide:nth-child(2), .testimonial_area .tst_static .single_slide:nth-child(3) {
      margin-top: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial_area .tst_static .single_slide {
      margin-top: 50px; }
      .testimonial_area .tst_static .single_slide:nth-child(1), .testimonial_area .tst_static .single_slide:nth-child(2) {
        margin-top: 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .testimonial_area .tst_static .single_slide {
      margin-top: 40px; }
      .testimonial_area .tst_static .single_slide:nth-child(1) {
        margin-top: 0; } }

/*
 *****************************************
 >>> | 12. brand_area CSS|
 *****************************************
*/
.brand_area h4 {
  font-weight: 400;
  margin-bottom: 30px; }

/*
 *****************************************
 >>> | 13. news_area CSS|
 *****************************************
*/
.news_area .news_img img {
	width: 100%;
	height:auto;
}
.news_area .news_img {
	display:block;
	
}
.news_area .single_news {
    margin-bottom: 40px; }
.news_area .news_content .entry-date {
  font-size: 16px;
  margin: 25px 0 10px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .news_area .news_content .entry-date {
      margin: 15px 0 5px; } }
.news_area .news_content .h3 {
  font-size: 22px;
  line-height: 36px;
  font-weight: 400;
  margin: 0; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .news_area .news_content .h3 {
      font-size: 18px;
      line-height: 24px; } }


/*
 *****************************************
 >>> | 14. footer CSS|
 *****************************************
*/
footer .footer_top {
  color: #cacaca; }
  footer .footer_top .widget {
    font-size: 15px;
    line-height: 28px;
	margin-bottom: 30px
	}
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      footer .footer_top .widget {
        margin-bottom: 50px;
        min-height: 307px; } }
    footer .footer_top .widget .footer_logo {
      font-size: 25px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 900;
      margin-bottom: 25px; }
    footer .footer_top .widget h4 {
      margin: 0 0 25px;
      color: #fff; 
	  }
    footer .footer_top .widget ul {
      margin: 0;
      list-style: none; }
      footer .footer_top .widget ul li a , footer .footer_top .widget .widget_tag_cloud .tagcloud a{
        color: #ffffff !important;
        position: relative; }
        footer .footer_top .widget ul li a:before {
          position: absolute;
          width: 0;
          height: 1px;
          content: '';
          left: 0;
          bottom: 0; }
        footer .footer_top .widget ul li a:hover:before {
          width: 100%; }
    footer .footer_top .widget .footer_social {
      padding-top: 20px;
      margin-top: 20px;
      border-top: 1px solid #424242; }
      footer .footer_top .widget .footer_social span a {
        color: #fff;
        margin-right: 10px;
        font-size: 16px; }
    footer .footer_top .widget .news_letter {
      margin-top: 25px; }
      footer .footer_top .widget .news_letter input, footer .footer_top .widget .news_letter .form_area .contact_form .form-group textarea, .form_area .contact_form .form-group footer .footer_top .widget .news_letter textarea {
        width: 100%;
        height: 50px;
        background-color: transparent;
        text-indent: 20px;
        border: 1px solid #878787;
        margin-bottom: 15px; }
      footer .footer_top .widget .news_letter p {
        font-size: 13px;
        color: #878787;
        margin-top: 15px; }
 .footer_btm {
  background-color: #333;
  color: #cacaca;
  padding: 20px 0;
	  }
  footer .footer_btm span {
    line-height: 24px;
    padding: 8px 0;
    }
  footer .footer_btm .team_logo {
    max-height: 40px; }
   footer .footer_btm .team_logo img {
		width: 52px;
        height: 40px;
        max-height: 100%; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
   footer .footer_btm .row > div {
      text-align: center !important; } }
	  
	  .footer_top .widget  select {
    width: 100%;
    -moz-appearance: none;
    border: 1px solid #bcbcbc;
    padding: 5px 10% 5px 3%;
	color: #8f8f8f;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.footer_top .widgets .widget_calendar table caption {
    background: #20abeb;
}

.widget_calendar table th, .widget_calendar table td {
  text-align: center;
  padding: 7px 5px;
  border-bottom: 1px solid #bcbcbc; }
  .widget_calendar table th a, .widget_calendar table td a {
    display: block;
    color: #20abeb; }
    .widget_calendar table th a:hover, .widget_calendar table td a:hover {
      color: #ffffff; }
.widget_calendar table thead tr {
    background-color: #edecec;
}
.widget_calendar table thead {
  border-bottom: 1px solid #bcbcbc; }

.widget_calendar table tfoot {
  border: 0; }

.widget_calendar table tr {
  border-bottom: 1px solid #bcbcbc; }

.widget_calendar table th {
  color: #3c3838;
  font-weight: 700;
  border-right: 1px solid #bcbcbc; }
  .widget_calendar table th:first-child {
    border-left: 1px solid #bcbcbc; }

.widget_calendar table td {
  border-right: 1px solid #bcbcbc; }
  .widget_calendar table td:first-child {
    border-left: 1px solid #bcbcbc; }

.widget_calendar table td#prev {
  text-align: left; }

.widget_calendar table td#next {
  text-align: right; }

.widget_calendar table tfoot td:first-child, .widget_calendar table tfoot tr, .widget_calendar table tfoot td {
  border: none; }

.widget_calendar table tbody tr:nth-child(even) th, .widget_calendar table tbody tr:nth-child(even) td {
  background-color: #fff;
  color: #3c3838; }

.widget_calendar table tbody tr:nth-child(odd) th {
  background-color: #fff;
  color: #3c3838; }

.widget_calendar table tbody tr:nth-child(odd) td {
  background-color: #fff;
  color: #3c3838; }

.widget_calendar table caption {
  text-align: center;
  background-color: #20abeb;
  color: #fff;
  padding: 5px 0;
  position: relative; }
  .footer_top  .widgets .widget_calendar a {
    color: #fff;
}
.widget_calendar table th a, .widget_calendar table td a {
    display: block;
    color: #20abeb;
}
.widget_calendar table tr td a:hover{
	color: #20abeb;
}
.widget_nav_menu ul.sub-menu {
    padding-top: 0 !important;
    margin-top: 15px !important;
}
.widget-area ul li li {
    padding-left: 10px;
}
.widget_nav_menu ul.sub-menu li {
    padding-left: 12px;
}
.widget_nav_menu ul.sub-menu li {
    text-indent: 0;
}
/*
 *****************************************
 >>> | 15. breadcrumb_area CSS|
 *****************************************
*/
.breadcrumb_area {
  background-color: #f0f0f0;
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.1) inset;
  border-bottom: 1px solid #e8e8e8;
  padding: 60px 0; }
  .breadcrumb_area h1 {
    font-size: 34px;
    margin: 0 0 15px; }
  .breadcrumb_area ul li {
    list-style: none;
    display: inline-block; }
    .breadcrumb_area ul li:before {
      content: '-';
      margin-right: 8px;
      margin-left: 4px; }
    .breadcrumb_area ul li:first-child:before {
      display: none; }
    .breadcrumb_area ul li a, .breadcrumb_area ul li span {
       text-transform: capitalize;
      font-size: 18px;
      position: relative; }
    .breadcrumb_area ul li a:before {
      content: '';
      width: 0;
      position: absolute;
      height: 1px;
      left: 0;
      bottom: 0; }
    .breadcrumb_area ul li a:hover:before {
      width: 100%; }

/*
 *****************************************
 >>> | 16. fact_area CSS|
 *****************************************
*/
.fact_area {
  background-size: cover;
  color: #fff; }
  .fact_area:before {
    opacity: .9; }
  .fact_area h1 {
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 55px; }
  .fact_area .fact {
    overflow: hidden; }
    .fact_area .fact .single_fact {
      width: 20%;
      float: left;
      text-align: center; }
      .fact_area .fact .single_fact h1 {
        font-size: 58px;
        margin: 0; }
      .fact_area .fact .single_fact span {
        font-size: 18px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .fact_area .fact .single_fact {
          width: 33.3333%;
          margin-bottom: 30px; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .fact_area .fact .single_fact {
          width: 100%;
          margin-bottom: 40px; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .fact_area .fact .single_fact {
          width: 50%; } }

/*
 *****************************************
 >>> | 17. team_member_area CSS|
 *****************************************
*/
.team_member_area .single_member {
  margin-bottom: 50px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .team_member_area .single_member {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .team_member_area .single_member {
      width: 50%; } }
  .team_member_area .single_member .member_img {
    display: block; }
    .team_member_area .single_member .member_img img {
      width: 100%; }
  .team_member_area .single_member h3 {
    margin: 0;
    font-size: 22px;
    margin: 20px 0 10px; }
  .team_member_area .single_member div {
    font-size: 16px;
    display: block; }
.team_member_area .member_join {
  text-align: center; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .team_member_area .member_join {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .team_member_area .member_join {
      width: 50%; } }
  .team_member_area .member_join > div {
    background-color: #fbfbfb;
    border: 1px solid #dedede;
    height: 310px;
    display: flex; }
  .team_member_area .member_join h3 {
    margin: 10px 0 20px;
    line-height: 34px; }
  .team_member_area .member_join .button-3 {
    padding: 0 45px; }

/*
 *****************************************
 >>> | 18. jobs_tile_area CSS|
 *****************************************
*/
.jobs_tile_area .single_job_tile > div {
  padding: 80px 15px;
  background-color: #fbfbfb;
  border: 1px solid #dedede;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  display: block; }
  .jobs_tile_area .single_job_tile > div:before {
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    top: -1px;
    content: ''; }
  .jobs_tile_area .single_job_tile > div span {
    font-size: 15px;
    display: block; }
  .jobs_tile_area .single_job_tile > div h3 {
    margin: 10px 0 20px;
    line-height: 34px;
    font-size: 20px; }
  .jobs_tile_area .single_job_tile > div span.date {
    font-size: 13px;
    margin-bottom: 20px; }
  .jobs_tile_area .single_job_tile > div .button-3 {
    padding: 0 45px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .jobs_tile_area .single_job_tile {
    margin-bottom: 50px; }
    .jobs_tile_area .single_job_tile:nth-last-child(1), .jobs_tile_area .single_job_tile:nth-last-child(2) {
      margin-bottom: 0; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .jobs_tile_area .single_job_tile {
    margin-bottom: 40px;
    width: 90%;
    margin-right: auto;
    margin-left: auto; }
    .jobs_tile_area .single_job_tile:nth-last-child(1) {
      margin-bottom: 0; } }
.jobs_tile_area .single_job_tile:nth-child(1) > div:before {
  background-color: #f9bf3b; }
.jobs_tile_area .single_job_tile:nth-child(2) > div:before {
  background-color: #26c281; }
.jobs_tile_area .single_job_tile:nth-child(3) > div:before {
  background-color: #ef4836; }
.jobs_tile_area .single_job_tile:nth-child(4) > div:before {
  background-color: #bf55ec; }
.jobs_tile_area .single_job_tile > span:hover {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); }

/*
 *****************************************
 >>> | 19. job_cta_area CSS|
 *****************************************
*/
.job_cta_area .job_cta h3 {
  margin: 0 0 22px; }
.job_cta_area .job_cta span {
  display: block;
  margin-bottom: 20px; }
.job_cta_area .job_cta a.button-2:hover {
  color: #222222; }

/*
 *****************************************
 >>> | 20. s_service_area CSS|
 *****************************************
*/
.s_service_area aside .widget {
  margin-bottom: 30px; }
.s_service_area aside .widget.widget_service ul {
  list-style: none;
  margin-bottom: 0;
  border: 1px solid #e4e4e4; }
  .s_service_area aside .widget.widget_service ul li {
    display: block;
    border-bottom: 1px solid #e4e4e4; }
    .s_service_area aside .widget.widget_service ul li a {
      display: block;
      line-height: 25px;
      font-size: 17px;
      padding-left: 23px;
      font-weight: 700;
      padding-top: 15px;
      padding-bottom: 15px; }
      @media only screen and (min-width: 992px) and (max-width: 1260px) {
        .s_service_area aside .widget.widget_service ul li a {
          font-size: 14px;
          padding-left: 15px;
          padding-top: 10px;
          padding-bottom: 10px; } }
      .s_service_area aside .widget.widget_service ul li a:before {
        content: '\f105';
        font-family: 'fontawesome';
        margin-right: 10px; }
    .s_service_area aside .widget.widget_service ul li:last-child {
      border-bottom: 0; }
.s_service_area aside .widget_tst {
  background-color: #f6f6f6;
  padding: 35px 20px;
  text-align: justify;
  font-size: 14px;
  font-style: italic;
  line-height: 24px; }
  .s_service_area aside .widget_tst h4 {
    font-style: normal;
    margin: 15px 0 0; }
    .s_service_area aside .widget_tst h4:before {
      content: '-';
      margin-right: 8px; }
.s_service_area .service_content h4 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 25px; }
.s_service_area .service_content > *:not(p):not(:first-child) {
  margin-top: 50px; }
.s_service_area .service_content > *:not(p):last-child {
  margin-bottom: 30px; }
.s_service_area .service_content .service_gallery .tile {
  height: 205px;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center; }
.s_service_area .service_content .service_gallery .tile:nth-child(3n -1) {
  width: 50%;
  height: 160px;
  position: relative; }
  .s_service_area .service_content .service_gallery .tile:nth-child(3n -1):before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #ffffff;
    height: 100%;
    width: 10px;
    margin-left: -5px; }
.s_service_area .service_content .service_gallery .tile:nth-child(3n) {
  width: 50%;
  height: 160px;
  float: right; }
.s_service_area .panel-body {
  padding: 0; }
  .s_service_area .panel-body dt {
    line-height: 24px;
    padding: 13px 0;
    background-color: #f6f6f6;
    border: none;
    padding-left: 35px;
    margin-top: 4px;
    position: relative; }
    .s_service_area .panel-body dt:before {
      position: absolute;
      left: 15px;
      content: '\f105';
      font-family: 'fontawesome';
      transition: all .4s ease .4s; }
    .s_service_area .panel-body dt.active:before {
      transform: rotate(90deg); }
  .s_service_area .panel-body dd {
    background-color: #efefef;
    line-height: 23px;
    color: #555555; }

/*
 *****************************************
 >>> | 21. work_area CSS|
 *****************************************
*/
.work_area .single_work {
  margin-bottom: 50px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .work_area .single_work {
      width: 100%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .work_area .single_work {
      width: 50%; } }
  .work_area .single_work .h4 {
    margin: 20px 0 8px;
    font-size: 20px;
    font-weight: 500;
    display: block; }
  .work_area .single_work span {
    font-size: 15px;
    color: #6c6c6c;
    display: block; }
  .work_area .single_work a {
    display: block; }
  .work_area .single_work .work_img {
    overflow: hidden; }
    .work_area .single_work .work_img img {
      width: 100%; }
    .work_area .single_work .work_img:hover img {
      transform: scale(1.1); }

/*
 *****************************************
 >>> | 22. single_work_area CSS|
 *****************************************
*/
.single_work_area .work_img_wrap {
  overflow: hidden; }
  .single_work_area .work_img_wrap .work_img {
    height: 445px;
    width: 800px;
    background-size: cover;
    background-position: center;
    float: left; }
    @media only screen and (min-width: 992px) and (max-width: 1260px) {
      .single_work_area .work_img_wrap .work_img {
        width: 640px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single_work_area .work_img_wrap .work_img {
        width: 100%;
        border: 5px solid #fff;
        height: 300px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .single_work_area .work_img_wrap .work_img {
        width: 100%; } }
  .single_work_area .work_img_wrap .work_img.two,
  .single_work_area .work_img_wrap .work_img.three {
    width: 355px;
    height: 215px;
    margin-left: 15px;
    margin-bottom: 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1260px) {
      .single_work_area .work_img_wrap .work_img.two,
      .single_work_area .work_img_wrap .work_img.three {
        width: 285px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single_work_area .work_img_wrap .work_img.two,
      .single_work_area .work_img_wrap .work_img.three {
        width: 50%;
        margin-left: 0;
        border: 5px solid #fff;
        height: 200px; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .single_work_area .work_img_wrap .work_img.two,
      .single_work_area .work_img_wrap .work_img.three {
        width: 100%;
        border-top: 10px solid #fff;
        margin: 0; } }
.single_work_area .work_content {
  margin-top: 25px;
  font-size: 18px;
  line-height: 32px;
  color: #555555; }
  .single_work_area .work_content strong {
    font-size: 20px;
    line-height: 34px;
    font-weight: 500; }
  .single_work_area .work_content p {
    margin-bottom: 20px; }
  .single_work_area .work_content a.button-2 {
    margin-top: 10px; }

/*
 *****************************************
 >>> | 23. blog_area CSS|
 *****************************************
*/
.blog_area.single-blog article .article_inner {
  padding: 15px;
  border: 1px solid #e7eaf7; }
  .blog_area.single-blog article .article_inner p {
    margin-bottom: 20px; }
	
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .blog_area .post_col.pull-right {
    float: none !important; } }
.blog_area .post_col article {
  margin-bottom: 50px; }
  .blog_area .post_col article .post_img {
    margin-bottom: 25px; }
  .blog_area .post_col article .entry_header a {
    font-size: 16px;
    font-weight: 400; }
  .blog_area .post_col article .entry_header > div {
    display: inline-block;
    position: relative;
    margin-right: 24px; }
    .blog_area .post_col article .entry_header > div:last-child:after {
      display: none; }
    .blog_area .post_col article .entry_header > div:after {
      content: '';
      position: absolute;
      right: -15px;
      height: 12px;
      width: 2px;
      background-color: #222222;
      top: 50%;
      margin-top: -6px; }
    .blog_area .post_col article .entry_header > div a {
      color: #222222; }
  .blog_area .post_col article .post_content {
    color: #666666;
    line-height: 28px; }
	.post_content .button-2{
		margin-top:20px;
		
	}
    .blog_area .post_col article .post_content .h3 {
      line-height: 30px;
      margin: 10px 0; }
    .blog_area .post_col article .post_content a.h3:hover {
      color: #666666; }
.blog_area .widget_col .widget {
  border: 1px solid #e7eaf7;
  position: relative;
  margin-bottom: 30px;
  padding: 25px 30px; }
  
  .cc-search {
  border: 1px solid #e7eaf7;
  position: relative;
  margin-bottom: 0;
  padding: 0px; }
 
  .widget_col .widget h4 {
    font-size: 18px;
    border-bottom: 1px solid #e7eaf7;
    margin: 0 -30px;
    padding-bottom: 25px;
    padding-left: 30px;
    margin-bottom: 20px; }
	
	.widget_col .widget select {
    width: 100%;
    -moz-appearance: none;
    border: 1px solid #bcbcbc;
    padding: 5px 10% 5px 3%;
	max-width: 100%;
}

.widget_tag_cloud a {
  padding: 4px 15px;
  color: #fff;
  margin: 3px;
  display: inline-block;
  background-color: #20abeb;
  border: 1px solid #20abeb; }
  .widget_tag_cloud a:hover {
    background: #3c3838; 
	color:#fff;
	}
  .blog_area .widget_col .widget ul {
    margin: 0;
    list-style: none; }
    .blog_area .widget_col .widget ul li:not(:last-child) {
      margin-bottom: 15px; }
    .blog_area .widget_col .widget ul li a:before {
      content: '\f101';
      font-family: 'fontawesome';
      margin-right: 7px; }
    .blog_area .widget_col .widget ul li a , .tagcloud a{
      font-size: 16px !important;
      font-weight: 500;
      line-height: 24px; }
      .blog_area .widget_col .widget ul li a.entry_date {
        font-size: 13px;
        color: #8d9bae;
        font-weight: 400; }
        .blog_area .widget_col .widget ul li a.entry_date:before {
          display: none; }
        .blog_area .widget_col .widget ul li a.entry_date:hover {
          text-decoration: underline !important; }
  .blog_area .widget_col .widget.widget_category ul {
    overflow: hidden; }
    .blog_area .widget_col .widget.widget_category ul li {
      width: 50%;
      float: left; }
      .blog_area .widget_col .widget.widget_category ul li:nth-last-child(1), .blog_area .widget_col .widget.widget_category ul li:nth-last-child(2) {
        margin-bottom: 0; }
.blog_area .comment-box .comment_title {
  font-size: 22px;
  font-weight: 700;
  margin: 20px 0 30px; }
.blog_area .comment-box .media {
  padding-right: 70px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e8edf1; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .blog_area .comment-box .media {
      padding-right: 0; } }
  .blog_area .comment-box .media .media-left {
    padding-right: 15px; }
    .blog_area .comment-box .media .media-left a {
      height: 75px;
      width: 75px; }
  .blog_area .comment-box .media .media-body .media-heading {
    font-weight: 700;
    font-size: 17px;
    margin: 0; }
    .blog_area .comment-box .media .media-body .media-heading + span {
      color: #999999;
      font-size: 13px;
      margin-bottom: 5px; }
  .blog_area .comment-box .media .media-body p {
    margin-bottom: 5px; }
  .blog_area .comment-box .media .media-body a.reply {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #222222; }
@media only screen and (min-width: 0px) and (max-width: 991px) {
  .blog_area .comment_form {
    margin-bottom: 40px; } }
.blog_area .comment_form .h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 50px 0 35px; }
.blog_area .comment_form form {
  overflow: hidden; }
  .blog_area .comment_form form input:not([type="submit"]), .blog_area .comment_form form .form_area .contact_form .form-group textarea:not([type="submit"]), .form_area .contact_form .form-group .blog_area .comment_form form textarea:not([type="submit"]) {
    width: 100%;
    float: left;
    height: 55px;
    text-indent: 15px;
    margin-bottom: 20px;
    border: 1px solid #dfe9f1; }
    .blog_area .comment_form form input:not([type="submit"]):first-child, .blog_area .comment_form form .form_area .contact_form .form-group textarea:not([type="submit"]):first-child, .form_area .contact_form .form-group .blog_area .comment_form form textarea:not([type="submit"]):first-child {
      margin-right: 3%; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .blog_area .comment_form form input:not([type="submit"]), .blog_area .comment_form form .form_area .contact_form .form-group textarea:not([type="submit"]), .form_area .contact_form .form-group .blog_area .comment_form form textarea:not([type="submit"]) {
        width: 100%;
        margin-right: 0; } }
  .blog_area .comment_form form textarea {
    width: 100%;
    height: 190px;
    resize: none;
    text-indent: 15px;
    padding-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #dfe9f1; }
  .blog_area .comment_form form input[type="submit"], .blog_area .comment_form form .form_area .contact_form .form-group textarea[type="submit"], .form_area .contact_form .form-group .blog_area .comment_form form textarea[type="submit"] {
    height: 60px;
    padding: 0 35px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid transparent; }
    .blog_area .comment_form form input[type="submit"]:hover, .blog_area .comment_form form .form_area .contact_form .form-group textarea[type="submit"]:hover, .form_area .contact_form .form-group .blog_area .comment_form form textarea[type="submit"]:hover {
      background-color: #ffffff; }
/* comment section css */

.commentlist .comment,
.commentlist .pingback {
	list-style: none;
	margin-bottom: 35px;
}

.comment-author h4 {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
	clear: none;
}
.comment-author a {
	color: inherit;
}
.comment-meta a {
	color: #999999;;
}
.comment-author a:hover,
.comment-meta a:hover {
	color: #000000;
}
.comment-content {
	margin-top: 10px;
}
.comment-content p:last-child {
	margin: 0;
}
.comment-meta p
{
	margin-bottom: 5px;
}
.comment-meta,
.comment .reply {
	margin-left: 0px;
}
.comment .reply a {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #222222;
}
.comment-respond .form-submit {
	margin: 0;
}
.commentlist .children {
	list-style: none;
	margin: 0 0 0 100px;
}
#reply-title #cancel-comment-reply-link {
	font-size: 12px;
	padding: 5px 10px;
	margin-left: 20px;
	color: #727272;
	background: #FFF;
	border: 1px solid #DDD;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	-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;
}

li.pingback {
	font-weight: bold;
}
li.pingback a {
	font-weight: normal;
}	  

/*
 *****************************************
 >>> | 24. 404 CSS|
 *****************************************
*/
.error_area .error_col h1 {
  font-size: 230px;
  margin: 0;
  line-height: 185px; }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .error_area .error_col .error_img {
    padding: 0 50px; } }
.error_area .error_col h4 {
  font-size: 20px;
  color: #cacaca;
  letter-spacing: 2;
  text-transform: uppercase;
  letter-spacing: 18px;
  margin: 30px 0  45px;
  font-weight: 700; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .error_area .error_col h4 {
      letter-spacing: 10px; } }
.error_area .error_col h3 {
  margin: 0 0 25px;
  line-height: 32px;
  font-weight: 400;
  font-size: 20px; }
.error_area .error_col .button-2 {
  margin-top: 15px; }
  .error_area .error_col .button-2 i {
    margin-right: 5px; }
.error_area .widget_search {
  border: 1px solid #cacaca !important;
  padding: 0;
  position: relative;
  width: 400px;
  line-height: 70px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f4f4f4;
  margin-bottom: 15px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .error_area .widget_search {
      width: 280px;
      height: 60px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .error_area .widget_search {
      width: 400px;
      height: 60px; } }
  .error_area .widget_search label {
    margin: 0;
    width: 100%; }
  .error_area .widget_search input[type="submit"], .error_area .widget_search .form_area .contact_form .form-group textarea[type="submit"], .form_area .contact_form .form-group .error_area .widget_search textarea[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #8da0b8;
    font-size: 15px;
    line-height: 70px;
    position: absolute;
    right: 15px;
    width: 25px;
    top: 0; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .error_area .widget_search input[type="submit"], .error_area .widget_search .form_area .contact_form .form-group textarea[type="submit"], .form_area .contact_form .form-group .error_area .widget_search textarea[type="submit"] {
        line-height: 60px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .error_area .widget_search input[type="submit"], .error_area .widget_search .form_area .contact_form .form-group textarea[type="submit"], .form_area .contact_form .form-group .error_area .widget_search textarea[type="submit"] {
        line-height: 60px; } }
  .error_area .widget_search input[type="search"], .error_area .widget_search .form_area .contact_form .form-group textarea[type="search"], .form_area .contact_form .form-group .error_area .widget_search textarea[type="search"] {
    border: medium none;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 70px;
    text-indent: 25px;
    width: 100%;
    background-color: transparent; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .error_area .widget_search input[type="search"], .error_area .widget_search .form_area .contact_form .form-group textarea[type="search"], .form_area .contact_form .form-group .error_area .widget_search textarea[type="search"] {
        height: 60px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .error_area .widget_search input[type="search"], .error_area .widget_search .form_area .contact_form .form-group textarea[type="search"], .form_area .contact_form .form-group .error_area .widget_search textarea[type="search"] {
        height: 60px; } }


/** final css for menu section start **/

.menu-top-container ul.menu > li:after{
  background-color: #20abeb; }

.menu-top-container ul.menu > li:after{
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; }

.menu-top-container ul,
.menu-top-container .sub-siblings:after {
  transition: .4s; }

.menu-top-container ul li {
  position: relative; }

.menu-top-container ul li a {
  margin-left: 0; }

.menu-top-container ul li ul {
  background: #fff none repeat scroll 0 0;
  left: 0;
  position: absolute;
  width: 210px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  top: 100%; }

.menu-top-container ul.menu > li:nth-last-child(1) > ul,
.menu-top-container ul.menu > li:nth-last-child(2) > ul,
.menu-top-container ul.menu > li:nth-last-child(3) > ul {
  right: 0;
  left: auto; }

.menu-top-container ul li ul li {
  display: block; }

.menu-top-container ul li ul li a {
  display: block;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 15px;
  line-height: 30px; }

.menu-top-container ul li ul li a:before {
  content: '\f105';
  font-family: 'fontawesome';
  margin-right: 10px;
  margin-left: 5px;
  background-color: transparent; }

.menu-top-container ul li ul li:hover > a,
.menu-top-container ul li ul li.current_page_item > a,
.menu-top-container ul li ul li.current-page-ancestor > a {
  border-color: transparent;
  background-color: #f3f2f2; }

.menu-top-container ul li ul li ul {
  left: 100%;
  top: -1px; }

.menu-top-container ul.menu > li:nth-last-child(4) ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(5) ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(1) ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(2) ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(3) ul > li > ul,
.menu-top-container ul.menu > li > ul > li > ul > li > ul {
  left: auto;
  right: 100%; }

.menu-top-container ul.menu > li:nth-last-child(1) > ul > li > ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(2) > ul > li > ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(3) > ul > li > ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(4) > ul > li > ul > li > ul,
.menu-top-container ul.menu > li:nth-last-child(5) > ul > li > ul > li > ul {
  right: auto;
  left: 100%; }

.menu-top-container .sub-siblings {
  position: relative; }

.menu-top-container .sub-siblings:after {
  content: "+";
  margin-left: 7px;
  position: absolute;
  top: 50%;
  right: -7px;
  line-height: 20px;
  margin-top: -10px; }

.menu-top-container ul li ul li a.sub-siblings:after {
  right: 20px; }

.menu-top-container ul.menu > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible; }

.menu-top-container ul.menu > li:hover > ul > li:hover > ul,
.menu-top-container ul.menu > li:hover > ul > li:hover > ul > li:hover > ul {
  top: -1px;
  opacity: 1;
  visibility: visible; }

.menu-top-container ul > li:hover > a.sub-siblings:after {
  content: '\f105';
  font-family: "fontawesome";
  transform: rotate(90deg); }

.menu-top-container ul.menu > li > a.sub-siblings {
  padding-right: 10px; }

.menu-top-container {
  padding: 0;
  margin-right: -32px; }
  .menu-top-container ul.menu {
    margin: 0;
    list-style: none;
    text-align: right; }
    .menu-top-container ul.menu > li {
      margin: 0 0 0 -4px;
      display: inline-block;
      padding: 0 20px;
      position: relative; }
      @media only screen and (min-width: 992px) and (max-width: 1260px) {
        .menu-top-container ul.menu > li {
          padding: 0 15px; } }
      .menu-top-container ul.menu > li:after {
        position: absolute;
        content: '';
        width: 0px;
        height: 5px;
        bottom: 0;
        left: 0; }
      .menu-top-container ul.menu > li.current-menu-item, .menu-top-container ul.menu-top > li:hover {
        background-color: #f4f4f4; }
        .menu-top-container ul.menu > li.current-menu-item:after, .menu-top-container ul.menu > li:hover:after {
          width: 100%; }
      .menu-top-container ul.menu > li > a {
        line-height: 30px;
        padding: 35px 0;
        font-weight: 700;
        font-size: 14px;
		-webkit-transition: all 0.5s;
    transition: all 0.5s;
		}
.is-sticky .menu-top-container ul.menu > li > a{
	padding: 25px 0;
}
.is-sticky .menu-top-container ul.menu > li > a.sub-siblings {
    padding-right: 10px !important;
}
.menu-top-container ul.menu li a {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  color: #222222; }
  
  

/** final css for menu section end **/

/** sidebar css **/
 article .article_inner {
  padding: 15px;
  border: 1px solid #e7eaf7;
}

  article .page_content {
    color: #777777;
    line-height: 28px;}
  article .page_content h3 {
      line-height: 30px;
      margin: 10px 0; 
	  font-size : 16px;
	  font-weight : 400;}
	  

    .widget_col .widget.widget_search , .widget.widget_text .widget .widget_search, .widget .widget_search {
      padding: 0; }
    .widget_col .widget.widget_search label , .widget.widget_text .widget.widget_search label, .widget .widget_search label{
      margin: 0;
      width: 100%; }
    .widget_col .widget.widget_search input[type="submit"], .widget.widget_search  input[type="submit"] {
	 background: transparent none repeat scroll 0 0;
	  content : '\f002';
      border: medium none;
      color: #8da0b8;
      font-size: 15px;
      line-height: 76px;
      position: absolute;
      right: 15px;
      width: 25px; 
	  font-family : 'fontawesome';}
    .widget_col .widget.widget_search input[type="search"], .widget.widget_search  input[type="search"]{ 
	  border: medium none;
      color: #666;
      font-size: 16px;
      font-weight: 400;
      height: 75px;
      text-indent: 25px;
      width: 100%; 
	  }
	
	.widget.widget_text .widget.widget_search  input[type="submit"]{
	 background: transparent none repeat scroll 0 0;
	  content : '\f002';
      border: medium none;
      color: #8da0b8;
      font-size: 15px;
      line-height: 40px;
      position: absolute;
      right: 15px;
      width: 25px; 
	  font-family : 'fontawesome';}
    .widget.widget_text .widget.widget_search  input[type="search"] { 
	  border: medium none;
      color: #666;
      font-size: 16px;
      font-weight: 400;
      height: 40px;
      text-indent: 25px;
      width: 100%; 
	  }
	  .footer_top .widget.widget_text .widget.widget_search input[type="submit"] {
			
			width: 43px;
			
		}
	  
	  
	  .search-form label .search-field,
.sub-header-right .search-form label .search-field:focus {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eee;
    float: right;
    font-size: 13px;
    line-height: 2.3;
    padding: 7px 0 7px 15px;
    transition: all 0.3s ease-in-out 0.1s;
    width: 100%;
    margin: 0;
}

	.search-form .search-submit {
    font: 14px/42px FontAwesome;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
    padding: 0px;
    transition: all 0.3s ease-in-out 0s;
    height: 45px;
}

/** widget **/

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}
caption{
	text-align:center;
}
.widget tbody > tr > td > a{
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
	color: #20abeb;
    text-decoration: none;
}
	
.breadcrumbs a {
color:#7D7D7D;
font-family: 'Roboto-Regular';
}
.breadcrumbs a:hover {
    color: #DABC80;
}
.breadcrumbs .current {
  font-family: 'Roboto-Regular';
    color: #DABC80;
    padding:0 8px;
}
.breadcrumb ul, .breadcrumb-trail ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.breadcrumb ul li, .breadcrumb-trail ul li {
    list-style-type: none;
    display: inline;
}
.breadcrumb h2.trail-browse, .breadcrumb-trail h2.trail-browse{
display:none;
}

.breadcrumb ul li::after, .breadcrumb-trail ul li::after{
    content: "/";
    font-size: 18px;
    margin-right:5px;
    margin-left:5px;
}
.breadcrumb ul li.trail-end a::after, .breadcrumb-trail ul li.trail-end::after{
display:none;
}
ul.trail-items li.trail-item{
margin: 0em;
}



/*
 *****************************************
 >>> | Service_Sec|
 *****************************************
*/
/*
 *****************************************
 >>> | Service_Sec|
 *****************************************
*/

.inner-header-wraper {
	margin-bottom:30px;	
	padding:30px;
	position: relative;
	background: #f2f5f7;
	text-align: center;
}
.inner-header-wraper h3{
	padding-top:0px;
	color:#000;
	font-size:18px;
	font-weight:500;	
	margin-bottom:15px;
	margin-top:0px;
}
.inner-header-wraper h3 a{
	color:#000;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.inner-header-wraper h3 a:hover{
	color:#20abeb;
}
.inner-header-wraper p{
	margin:0;
}
.inner-header-wraper span {
	height: 50px;
	width: 50px;
	background: #19b5fe;
	position: absolute;
	display: block;
	font-size: 25px;
	border-radius: 100%;
	color: #fff;
	left: 0;
	top: 12px;
	text-align: center;
	line-height: 50px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	
	
}
.inner-header-wraper i{
	font-size: 40px;
    border: 1px solid #20abeb;
    color: #20abeb;
    height: 80px;
    width: 80px;
    text-align: center;
    padding: 20px 0;
    border-radius: 100%;
    display: block;
	margin-bottom:25px;
}
.inner-header-wraper:hover i {
	background: #20abeb;
	color: #fff;
	transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	box-shadow: 0 2px 95px -20px #20abeb;
	box-shadow: 0 0px 0px 46px #20abeb inset;
}
.servicebox .icon-circle {
	position: static;
	display: block;
	margin: 0 auto;
}
.line-box i {
	box-shadow: 0 0px 0px 1px #20abeb inset;
}
/*
 *****************************************
 >>> | Title_seprater|
 *****************************************
*/
.section-seprater{
background: #20abeb;
    display: inline-block;
    margin: 0px auto;
    position: relative;
    height: 2px;
    width: 45px;
	margin-bottom: 30px;
}

.section-style-two,
.section-style {
    background: #20abeb;
    display: inline-block;
    margin: 6px auto 3px;
    position: relative;
    height: 2px;
    width: 44px;
}
.section-style-two::before,
.section-style::before {
    background: #000;
    content: "";
    position: absolute;
    height: 2px;
    left: calc(100% + -7px);
    top: -6px;
    width: 40px;
}
.section-style-two::after,
.section-style::after {
    background: #000;
    content: "";
    position: absolute;
    height: 2px;
    right: calc(100% + -8px);
    top: -6px;
    width: 40px;
}
.section-style-two::after,
.section-style-two::before{
	background:#fff;
}
.section-style-two::after,
.section-style::after {
    background: #000;
    content: "";
    position: absolute;
    height: 2px;
    right: calc(100% + -7px);
    top: -6px;
    width: 40px;
}
.section-style-two::after,
.section-style-two::before{
	background:#fff;
}	
.auth
{
	margin-left:-15px;
	
}

#comments .children {
    margin-top: 15px;
    margin-left: 50px;
}
.post_content  ol, .post_content  ul {
    margin: 0 0 20px 15px;
}
.page_content  ol, .page_content  ul {
    margin: 0 0 20px 15px;
}

pre, code {
    direction: ltr;
    padding: 3px;
    display: block;
    overflow-x: visible;
    overflow-y: hidden;
    margin: 0 0 20px 0;
    color: #666;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}
 
.pagination .nav-links{
    display: inline-block;
    margin-top: 20px;
    padding: 0 20px;
    border-radius: 35px;
    margin-bottom: 0;
    background-color: #eee;
	text-align: center;
}
.navigation.pagination .page-numbers {
	display: block;
    padding: 0px 20px;
    float: left;
    transition: 400ms ease;
    color: #595959;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 54px;
}
.page-numbers:hover, .page-numbers.current {
    background-color: #20abeb;
    color: #ffffff !important;
}
.navigation.pagination .screen-reader-text
{
	
	display: none;
}

/*--------------------------------------------------------------
6.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }