.font-1630 {

  font-size: 16px !important;

  line-height: 30px !important;

}

.mobile_google {

  display: none;

}

#dropdown_main_wrapper {

  font-size: 20px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-align-last: left;
  position: relative;
  line-height: 1.2;
  width: max-content;
  position: relative;
  margin: 0 auto;
  text-align: left;
  display: block;
  border: none;
}

.dropdown_main_wrapper-2::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 15px;
  right: 25px;
  background-image: url(../images/down_icon.png);
  background-size: 15px;
  background-repeat: no-repeat;
  z-index: 99;
}

.dropdown_main_wrapper-2 {
  border-top: 1px solid #e31e24;
  border-left: 1px solid #e31e24;
  border-bottom: 1px solid #e31e24;
  border-right: 1px solid #e31e24;
  border-radius: 50px;
  padding: 10px 40px;
  border-radius: 50px;
  font-size: 20px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-align-last: left;
  position: relative;
  line-height: 1.2;
  width: max-content;
  position: relative;
  margin: 0 auto;
  text-align: left;
  display: block;
}

.down_img {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 7px;
  right: 45px;
  z-index: 99;
  background-size: 15px;
  background-repeat: no-repeat;
}

.down_img img {
  width: 20px;
}

.down-arrow_max {
  width: max-content;
}

.web_google {

  display: block;

}

.padding_top2 {
  padding-top: 20px;
}

/*.header_customeli {

  padding-top: 30px !important;

}*/

/*background-color:rgba(0, 0, 0, 0);*/

.dropdown-menu {

  position: absolute;

  top: 80%;

}

/*hoe swiper start */

.banner-ilu0 {

  position: relative;

  z-index: 9;

  height: 70vh;

}

/*.home-swiper-container {

  width: 100%;

  height: 100%;

  position: relative;

}*/

.home-swiper-slide {

  background-size: cover;

  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-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.home-swiper-container .swiper-slide.swiper-slide-active img {

  opacity: 0;

}

.home-swiper-container .swiper-slide.swiper-slide-active img {

  background-color: rgba(0, 0, 0, 0);

  opacity: 1;

  /*-webkit-animation-name: fleft; 

    animation-name: fleft;

    transform: translateX(5%);

    transition: all ease 0.5s;

    transition-delay: 0.3s;

    opacity: 1;*/

}

.home-1 {

  background: url(../images/plant_building.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-color: rgba(0, 0, 0, 0);

  /*background-position: center top;*/

  background-position: 100%;

  width: 100%;

  height: 100%;

  opacity: 1;

  position: relative;

}

.home-2 {

  background: url(../images/demo/parallax/metallurgy.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-color: rgba(0, 0, 0, 0);

  width: 100%;

  height: 100%;

  opacity: 1;

  position: relative;

}

.home-3 {

  background: url(../images/powerlink-substation.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-color: rgba(0, 0, 0, 0);

  /*background-position: center top;*/

  background-position: 100%;

  width: 100%;

  height: 100%;

  opacity: 1;

  position: relative;

}

.home-4 {

  background: url(../images/piping.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-color: rgba(0, 0, 0, 0);

  /*background-position: center top;*/

  background-position: 100%;

  width: 100%;

  height: 100%;

  opacity: 1;

  position: relative;

}

.home-swiper-container .swiper-container {

  width: 100%;

  height: 100%;

}

.home-swiper-container .swiper-button-next, .home-swiper-container .swiper-button-prev {

  position: absolute;

  width: 27px;

  height: 100px;

  margin-top: -22px;

  z-index: 10;

  cursor: pointer;

  -moz-background-size: 27px 44px;

  -webkit-background-size: 27px 44px;

  background-size: 17px 19px;

  background-position: center;

  background-repeat: no-repeat;

  background-color: rgb(0 0 0 / 33%);

}

.home-swiper-container .swiper-button-next {

  right: 0;

}

.home-swiper-container .swiper-button-prev {

  left: 0;

}

/*hoe swiper end */

.white_clr {

  color: #fff !important;

}

.main_logo_head {

  margin: 0;

  padding: 0px 0 5px 0;

}

.display_none {

  display: none;

}

.darkHeader .display_show {

  display: none;

}

.darkHeader .display_none {

  display: inline-block;

}

.menu_border .menu_activeli {

  /* border-top: 3px solid #fff !important; */
  border-top: 3px solid #BD0131 !important;

  opacity: 0.9;

}

.darkHeader .menu_activeli {

  color: #BD0131 !important;

  border-top: 3px solid #BD0131 !important;

  opacity: 0.9;

}

.menu_border {

  width: 100%;

  margin: 0 auto;

  padding: 0px 0 0 0;

  position: absolute;

  z-index: 999;

  background: transparent !important;

  transition: all ease-in-out 0.3s;

  -moz-transition: all ease 0.3s;

  -webkit-transition: all ease 0.3s;

  -ms-transition: all ease 0.3s;

  -o-transition: all ease 0.3s;

  transition: all ease 0.3s;

}

.darkHeader {

  transition: all ease-in-out 0.6s;

  width: 100%;

  margin: 0 auto;

  padding: 0px 0 0 0;

  position: fixed;

  z-index: 9999;

  background: #fff !important;

  -moz-transition: all ease 0.6s;

  -webkit-transition: all ease 0.6s;

  -ms-transition: all ease 0.6s;

  -o-transition: all ease 0.6s;

  transition: all ease 0.6s;

  box-shadow: 6px 4px 26px -7px rgba(0, 0, 0, 0.75);

  top: 0;

  color: #000;

}

.darkHeader a {

  color: #000 !important;

}

/*

.menu_border{

  background: transparent;

  position: absolute;

  width: 100%;

} */

/*.darkHeader {

  background: #fff;

}*/

/*

.header-main_new{width:100%;background: #fff !important; }

*/

.companylink {

  text-align: right;

  padding-right: 5px;

}

.disclaimer {

  text-align: center;

}

.copyright {

  text-align: left;

  padding-left: 5px;

}

.tblogo {

  display: none !important;

}

.webfooterlogo {

  display: block;

}

.footer_white_logo {

  width: auto;

}

.footer_ul {

  padding-left: 0 !important;

}

.marginb0 {

  margin-bottom: 0;

  padding: 10px 0;

}

.divcentertbc {

  display: inline-block;

  vertical-align: middle;

  float: none !important;

  margin: 0 -2px;

}

.linkdivcomon ul li {

  list-style: none;

  text-align: left;

}

.goog-logo-link {

  display: none !important;

}

.goog-te-gadget {

  color: transparent !important;

}

/*.goog-te-gadget .goog-te-combo {

   color: #000 !important;

}*/

.darkHeader .goog-te-gadget .goog-te-combo {

  color: #000 !important;

}

.goog-te-gadget .goog-te-combo {

  color: #000;

  background-color: transparent;

  border: none;

  cursor: pointer;

}

.goog-te-gadget .goog-te-combo option {

  color: #000;

}

.header_logowidth {

  width: 150px;

}

.full_redbg {

  background-color: transparent;

}

.footerli {

  color: #fff !important;

}

#toggler i {

  position: absolute;

  right: 25px;

  top: 12px;

  color: #E10431;

}

.mobile_header {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  /*   padding:1px 0 10px 0;*/

  z-index: 99999;

  background-color: #fff;

  transition: all ease 0.6s;

  box-shadow: 10px 10px 14px -11px rgba(186, 186, 186, 1);

}

.mobile_header_wrapper {

  display: flex;

  align-items: center;

}

.mobile_header_logo {

  width: 70%;

}

.nav_right_btn {

  margin-left: auto;

}

.mobile_header_list_wrapper {

  position: fixed;

  /*   display: none;*/

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  z-index: 9999;

  background-color: transparent;

  transform: scale(0.7);

  transition: all ease 0.1s;

  visibility: hidden;

  padding: 65px 0px 40px 0px;

  overflow-y: scroll;

}

.mobile_header_list_wrapper_background {

  /*   background-color: #eaebef;*/

  position: fixed;

  /*   display: none;*/

  top: 0;

  opacity: 0;

  left: 0;

  width: 100%;

  height: 0;

  z-index: 999;

  transition: all ease 0.3s;

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

}

.mobile_header_list_wrapper_background.active {

  height: 100%;

  transition: all ease 0.2s;

  opacity: 1;

}

.mobile_header_list ul li {

  padding: 10px 0;

  width: 90%;

  margin: 0 auto;

  /*border-bottom: 1px solid #A4120E;*/

  /*border-bottom: 1px solid #E10431;*/

  text-align: center;

  list-style: none;

  color: #000;

  font-size: 16px;

  line-height: 16px;

}

.mobile_header_list ul li a {

  color: #fff;

  text-align: left;

  text-transform: capitalize;

}

.mobile_header_list_wrapper.active {

  transform: scale(1);

  opacity: 1;

  transition: all ease 0.6s;

  visibility: visible;

  background-color: rgb(189 1 49 / 88%) !important;

}

html.overflow_mobile {

  overflow: hidden;

}

.mobile_header.header_change {

  -webkit-box-shadow: 0px 5px 11px -1px rgba(0, 0, 0, 0.20);

  -moz-box-shadow: 0px 5px 11px -1px rgba(0, 0, 0, 0.20);

  box-shadow: 0px 5px 11px -1px rgba(0, 0, 0, 0.20);

}

.mobile_header_list_wrapper_relative {

  position: relative;

  height: 100%;

}

.mobile_header_social_wrapper {

  position: absolute;

  bottom: -10px;

  left: 0;

  right: 0;

  text-align: center;

}

.mobile_header_social_wrapper .footer_social_icon {

  width: 30px;

  margin-right: 30px;

}

.mobile_header_social_icon {

  display: inline-block;

  width: 30px;

  margin: 15px 8px;

}

.mobile_header_social_wrapper p {

  color: #c1c1c1;

  font-size: 14px;

}

html.overflow_mobile {

  overflow: hidden !important;

  position: fixed;

  top: 0;

  width: 100%;

}

.bar {

  display: block;

  height: 2px;

  width: 24px;

  background-color: #E10431;

  margin: 7px auto;

}

.nav_btn.active .middle {

  width: 0;

}

.mobile_header_list ul {

  padding-left: 0;

}

.nav_btn.active .top {

  -webkit-transform: translateY(11px) rotateZ(45deg);

  -moz-transform: translateY(11px) rotateZ(45deg);

  -ms-transform: translateY(11px) rotateZ(45deg);

  -o-transform: translateY(11px) rotateZ(45deg);

  transform: translateY(11px) rotateZ(45deg);

}

.nav_btn.active .bottom {

  -webkit-transform: translateY(-13px) rotateZ(-45deg);

  -moz-transform: translateY(-13px) rotateZ(-45deg);

  -ms-transform: translateY(-13px) rotateZ(-45deg);

  -o-transform: translateY(-13px) rotateZ(-45deg);

  transform: translateY(-13px) rotateZ(-45deg);

}

.bar {

  -webkit-transition: all .7s ease;

  -moz-transition: all .7s ease;

  -ms-transition: all .7s ease;

  -o-transition: all .7s ease;

  transition: all .7s ease;

}

@media only screen and (max-width: 767px) {

  .mobile_header {

    display: block;

  }

  /*mobilemenu start*/

  .webmenu {

    display: none;

  }

  .main-wrapper-header {

    padding: 150px 0 150px 0 !important;

  }

}

/*submenu*/

#toggler {

  position: relative;

}

.msubmenu .content {

  padding-bottom: 0;

  padding-top: 0;

  display: none;

}

.msubmenu li p {

  padding-bottom: 8px;

  padding-top: 8px;

}

/*Mobilemenu end*/

/*css end  */

/*#gfx-collapse li a:hover {

  transition:  all ease-in-out 0.5s;

}             

    #gfx-collapse li a:hover {

          color: #BD0131 !important;

            border-top: 3px solid #BD0131 !important;

    }*/

/*

Theme Name: Avendor

Author: FourGrafx

Author URI: http://www.fourgrafx.com

Version: 1.0.0

Description: A Beautiful, Professional and Multipurpose Theme Made by FourGrafx

*/

/* 	+----------------------------------------------------+

		TABLE OF CONTENTS

	+----------------------------------------------------+

	[1]		Page Preloader

	[2]		Grid Blocks

	[3]		Slide Top Panel Container

	[4]		Header Wrapper

	[5]		Slider Wrapper

	[6]		Main Wrapper Header

	[7]		Main Navigation

	[8]		Footer Wrapper

	[9]		Typography

	[10]	Elements

	[11]	Backgrounds and Colors

	[12]	Dividers

	[13]	Google Maps

	[14]	General Pages

	[15]	Blog Pages

	[16]	Search Results

	[17]	Under Construction

	[18]	Shop Pages

	[19]	RTL Styles

	[20]	Responsive Media Queries

	*/

/* Preload */

.QOverlay {
  background-color: #000000;
  z-index: 99999;
}

.QLoader {
  background-color: #CCCCCC;
  height: 1px;
}

.QAmt {
  color: #333333;
  font-family: 'Raleway', sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
  height: 50px;
  width: 100px;

  margin: -60px 0 0 -50px;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */
}

body {
  background-color: #fff;
  color: #1A1D1D;

  font-family:
    /*'Raleway', sans-serif*/
    'latomedium';
  text-rendering: optimizelegibility;
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
  text-decoration: none;
}

a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,

select::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
  border: 0;
  outline: none !important;
}

.btn {
  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: translate3d(0, 0, 0);
}

/*body backgrounds*/

.bg-pattern1 {
  background: url("../images/theme/bg/bg-pattern1.png") repeat fixed center 0;
}

.bg-pattern2 {
  background: url("../images/theme/bg/bg-pattern2.png") repeat fixed center 0;
}

.bg-pattern3 {
  background: url("../images/theme/bg/bg-pattern3.png") repeat fixed center 0;
}

.bg-pattern4 {
  background: url("../images/theme/bg/bg-pattern4.png") repeat fixed center 0;
}

.bg-pattern5 {
  background: url("../images/theme/bg/bg-pattern5.png") repeat fixed center 0;
}

.bg-pattern6 {
  background: url("../images/theme/bg/bg-pattern6.png") repeat fixed center 0;
}

.bg-pattern7 {
  background: url("../images/theme/bg/bg-pattern7.png") repeat fixed center 0;
}

.bg-pattern8 {
  background: url("../images/theme/bg/bg-pattern8.png") repeat fixed center 0;
}

.bg-pattern9 {
  background: url("../images/theme/bg/bg-pattern9.png") repeat fixed center 0;
}

.bg-pattern10 {
  background: url("../images/theme/bg/bg-pattern10.png") repeat fixed center 0;
}

.bg-pattern11 {
  background: url("../images/theme/bg/bg-pattern11.png") repeat fixed center 0;
}

.bg-pattern12 {
  background: url("../images/theme/bg/bg-pattern12.png") repeat fixed center 0;
}

.bg-pattern13 {
  background: url("../images/theme/bg/bg-pattern13.png") repeat fixed center 0;
}

.bg-pattern14 {
  background: url("../images/theme/bg/bg-pattern14.png") repeat fixed center 0;
}

.bg-pattern15 {
  background: url("../images/theme/bg/bg-pattern15.png") repeat fixed center 0;
}

.bg-pattern16 {
  background: url("../images/theme/bg/bg-pattern16.png") repeat fixed center 0;
}

.bg-pattern17 {
  background: url("../images/theme/bg/bg-pattern17.png") repeat fixed center 0;
}

.bg-pattern18 {
  background: url("../images/theme/bg/bg-pattern18.png") repeat fixed center 0;
}

.bg-pattern19 {
  background: url("../images/theme/bg/bg-pattern19.png") repeat fixed center 0;
}

.bg-pattern20 {
  background: url("../images/theme/bg/bg-pattern20.png") repeat fixed center 0;
}

.bg-pattern21 {
  background: url("../images/theme/bg/bg-pattern21.png") repeat fixed center 0;
}

.bg-custom {
  background: url("../images/theme/bg/custom.jpg") repeat fixed center 0;
}

/*===============================

========== Boxed Version ==========

===============================*/

.page-wrapper.boxed {
  max-width: 1210px;
  margin: 40px auto;
  -webkit-transform: translate3d(0, 0, 0);

  -webkit-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);

  -moz-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);

  box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15)
}

.page-wrapper.boxed .header-main {
  max-width: 1210px;
  margin: 0px auto;
}

/*===============================

========== Boostrap Overwrite ==========

===============================*/

/*===============================

========== Grid Blocks ==========

===============================*/

.page-wrapper {
  position: relative;
  z-index: 1000;
  background: #fff;
  overflow: hidden;
}

/* Sections */

section {}

/* Full Width Container */

.fullsize {
  color: inherit;
  width: 100%;
  position: relative;
}

.container-inner {
  padding-top: 100px;
  padding-bottom: 100px;
}

/*========== Slide Top Panel Container ==========*/

.slide-pannel-wrapper {
  position: relative;
  top: 0;
  width: 100%;
  color: #FFF;
}

.slide-pannel-wrapper h1, .slide-pannel-wrapper h2, .slide-pannel-wrapper h3, .slide-pannel-wrapper h4, .slide-pannel-wrapper h5, .slide-pannel-wrapper h6 {
  color: #fff;
}

.page-wrapper.boxed .slide-pannel-wrapper {
  max-width: 1210px;
}

#slide-panel {
  display: none;
  padding: 20px 0;
  z-index: 9999;
  position: relative;
  background: #32313b;
}

.slide-btn-wrapper {
  display: block;
  position: absolute;
  right: 0;
  z-index: 1200;
  text-align: center;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent #32313b transparent transparent;
  width: 40px;
  height: 40px;
}

.slide-panel-btn {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  width: 40px;
  height: 40px;
  padding: 3px 0px 0px 17px;
}

.slide-panel-btn:hover, .slide-panel-btn:focus {
  color: #fff;
}

.slide-panel-btn:after {
  content: '\f078';
  font-family: 'FontAwesome';
}

.slide-panel-btn.active:after {
  content: '\f077';
  font-family: 'FontAwesome';
}

/*========== Header Wrapper ==========*/

.header-wrapper {
  position: relative;
}

/*header top*/

.header-top {
  background: #fff;
  border-bottom: 1px solid #ececec;
  color: #555566;
  font-size: 12px;
  position: relative;
  z-index: 1150;
}

.header-top ul, .header-top ol, .header-top dl {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 0;
}

.header-top ul .fa {
  margin-right: 10px;
}

.header-top p {
  margin: 0;
}

.header-top-left {
  float: left;
  width: 100%;
}

.header-top-right {
  float: right;
  width: 100%;
}

/*header top navigation */

.top-menu {
  list-style: none;
  padding-left: 0;
  float: right;
}

.top-menu li:first-child {
  border-left: 1px solid #ececec;
}

.top-menu li {
  border-right: 1px solid #ececec;
  display: inline-block;
}

.top-menu li a {
  color: inherit;
  padding: 10px 12px;
  display: block;
}

.header-top .dropdown:hover .dropdown-menu {
  display: block;
}

.header-top .dropdown-menu {
  border: 1px solid #ececec;
  margin-top: 0px;
  margin-left: -4px;
}

.header-top .dropdown-menu>li {
  display: block;
  border: none;
}

/* social top */

.social-top {
  list-style: none;
  padding-left: 0;
  float: left;
}

.social-top li:first-child {
  border-left: 1px solid #ececec;
}

.social-top li {
  border-right: 1px solid #ececec;
  display: inline-block;
}

.social-top li a {
  color: inherit;
  padding: 8px 12px;
  display: block;
  font-size: 14px;
}

.social-top a:hover, .social-top a:focus {
  text-decoration: none;
}

.social-top .fa {
  margin-right: 0 !important;
}

.top-menu a {
  color: inherit;
}

.top-menu a:hover, .top-menu a:focus {
  text-decoration: none;
}

/*header main*/

/*.header-main{width:100%; position:relative; z-index:1100; background:#FFF; -webkit-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6); -moz-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6); box-shadow:  0px 3px 0px 0px rgba(214, 224, 230, 0.6); -webkit-transform: translateZ(0);}*/

.header-main {
  width: 100%;
  position: relative;
  z-index: 1100;
  /* background:#FFF;*/
}

.main-navigation {
  position: relative;
}

.menu_navigation {
  position: relative;
  width: 85% !important;
  margin: 0 auto;
}

.logo {
  line-height: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.logo img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-main.shrink .logo {
  line-height: 60px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-main.shrink .logo img {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  backface-visibility: hidden !important;
}

/*========== Slider Wrapper ==========*/

.slider-wrapper {
  position: relative;
  z-index: 1000;
}

/* Revolution Slider Overwrite */

.tp-caption a {
  color: #ffffff;
}

.tp-caption a:hover {
  color: #ffffff;
}

.tp-caption a.btn.btn-white {
  color: #778899;
}

.tp-caption a.btn.btn-white.btn-alt {
  color: #ffffff;
}

.tp-caption a.btn.btn-white.btn-alt:hover, .tp-caption a.btn.btn-white.btn-alt:focus {
  color: #778899;
}

/*========== Main Wrapper Header ==========*/

.main-wrapper-header {
  padding: 250px 0;
  background: #f8f8f8;
  border-bottom: 1px solid #ececec;
}

.main-wrapper-header .page-title {}

.main-wrapper-header .page-title h1, .page-title h2, .page-title h3 {
  margin: 0;
  font-size: 28px;
  line-height: 2;
}

.main-wrapper-header .breadcrumbs-wrapper {
  text-align: right;
}

.main-wrapper-header .breadcrumbs-wrapper .breadcrumb {
  margin: 0;
  line-height: 2.8;
  background: none;
  padding: 8px 0;
}

.main-wrapper-header .breadcrumbs-wrapper .breadcrumb li {
  float: none;
  width: auto;
}

.main-wrapper-header .breadcrumbs-wrapper .breadcrumb>li+li:before {
  content: "\f138";
  font-family: 'FontAwesome';
  padding: 0 8px;
}

.main-wrapper-header .breadcrumbs-wrapper .breadcrumb>.active {
  color: #32313b;
}

/* Fancy Header*/

.fancy-header {}

.fancy-header .page-title h1, .fancy-header .page-title h2, .fancy-header .page-title h3 {
  font-size: 48px;
  line-height: 1.2;
  text-align: center;
}

.fancy-header .breadcrumbs-wrapper {
  text-align: center;
}

/* Dark Header */

.dark-header .page-title h1, .dark-header .page-title h2, .dark-header .page-title h3 {
  color: #ffffff;
}

.dark-header .breadcrumbs-wrapper .breadcrumb>li+li:before {
  color: #ffffff !important;
}

.dark-header .breadcrumbs-wrapper .breadcrumb>li a {
  color: #ffffff;
}

.dark-header .breadcrumbs-wrapper .breadcrumb>li a:hover {
  border-bottom: 1px solid #ffffff;
}

.dark-header .breadcrumbs-wrapper .breadcrumb>.active {
  color: #ffffff;
}

/*========== Main Navigation ==========*/

.navbar-header {
  float: none;
}

.nav-right .navbar-header {
  float: right;
}

.nav-left .navbar-header {
  float: left;
}

.nav-left .gfx-nav {
  float: right;
}

.nav-centered .navbar-header {
  float: none;
  text-align: center;
}

.nav-centered .nav>li {
  display: inline-block;
}

.nav-centered .navbar-nav>li {
  float: none;
}

.nav-centered .gfx-nav {
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {

  .nav>li>a {
    padding-left: 9px;
    padding-right: 9px;
  }

  .navbar-nav>li>a {
    line-height: 76px;
  }

}

@media screen and (max-width: 767px) {

  .banner-ilu0, .parallax {
      margin-top: 0 !important;
  }

  .menu_navigation {

    display: none;

  }

  .footer_allpage_link {

    display: block;

  }

  .nav-right .navbar-header {
    float: none;
    width: 100%;
    text-align: right;
  }

  .nav-left .navbar-header {
    float: none;
    width: 100%;
    text-align: left;
  }

  .nav-right .navbar-toggle {
    left: 0;
  }

  .nav-left .navbar-toggle {
    right: 0;
  }

  .nav-left .gfx-nav {
    float: none;
  }

}

.navbar, .navbar-nav {
  margin: 0;
  min-height: inherit;
}

.navbar-collapse {
  max-height: inherit;
  padding: 0;
}

.navbar-default {
  background: none;
  border: none;
}

.navbar-default .navbar-nav>li>a {
  color: #000 !important;
  border-top: 2px solid transparent;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: none;
}

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

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  border-top: 3px solid;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  text-decoration: none;
  background-color: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background: none;
  color: #32313b;
}

.navbar-toggle {
  position: absolute;
  cursor: pointer;
  top: 15px;
  width: 48px;
  height: 48px;
  font-size: 18px;
  float: none;
  text-align: center;
  right: 0;
  margin: 0;
  padding: 9px 10px;
  background-color: #32313b;
  color: #fff;
  border: none;
  border-radius: 0;
}

.navbar-toggle:focus {
  outline: none;
}

.navbar-toggle:after {
  content: '\f0c9';
  font-family: FontAwesome;
}

@media (min-width: 992px) {

  .navbar-nav>li>a {
    padding: 9px 13px 12px;
    line-height: 76px;
  }

  .header-main.shrink .navbar-nav>li>a {
    line-height: 41px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .navbar-nav>li>a:hover, .navbar-nav>li>a:focus {}

  .navbar-nav>li>a.current::before, .navbar-nav>li>a.current::after, .navbar-nav>li>a:hover::before, .navbar-nav>li>a:focus::before, .navbar-nav>li>a:hover::after, .navbar-nav>li>a:focus::after, .navbar-nav>li>a.highlighted:before, .navbar-nav>li>a.highlighted:after {
    opacity: 1;
    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }

}

/* Mega Menu */

.gfx-mega .nav,

.gfx-mega .collapse,

.gfx-mega .dropup,

.gfx-mega .dropdown {

  position: static;

}

.gfx-mega .container {
  position: relative;
}

.gfx-mega .dropdown-menu {
  left: auto;
}

.gfx-mega .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}

.gfx-mega .gfx-mega-content {
  padding: 0px 15px;
}

.gfx-mega .dropdown.gfx-mega-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* Mega Menu Elements styling*/

/* lists */

.mega-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mega-menu-list>li {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.mega-menu-list>li>a {
  color: #32313b;
  display: block;
  padding: 10px;
}

.mega-menu-list>li.active>a {
  color: #ffffff !important;
}

.mega-menu-list>li>a:hover, .mega-menu-list>li>a:focus {
  background: #f2f2f2;
}

.mega-menu-list .title-header {
  color: #778899;
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}

.gfx-nav h1, .gfx-nav h2, .gfx-nav h3, .gfx-nav h4, .gfx-nav h5, .gfx-nav h6 {
  color: #778899;
  padding: 10px 0;
}

/* dropdowns */

.dropdown-menu {
  background: #ffffff;
  padding: 0px 0 0 0;
  border: none;
  /*-webkit-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6); -moz-box-shadow:  0px 3px 0px 0px rgba(214, 224, 230, 0.6); box-shadow:  0px 3px 0px 0px rgba(214, 224, 230, 0.6);*/
}

.dropdown-menu>li>a {
  color: #333;
  font-size: 14px;
  /*font-weight: 600; text-transform: uppercase; */
  padding: 10px 20px;
}

.dropdown-menu .divider {
  background: #ececec;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {}

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f2f2f2;}*/

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: rgb(255 255 255);
}

/*========== Slider Wrapper ==========*/

/*========== Main Wrapper ==========*/

/*========== Footer Wrapper ==========*/

/*Footer Top*/

.footer-top {
  background: #32313b;
}

.footer-top h1, .footer-top h2, .footer-top h3, .footer-top h4, .footer-top h5, .footer-top h6 {
  color: #fff;
}

/*Footer Middle*/

.footer-middle {
  color: #ffffff;
  background: #25242c;
  padding: 40px 0;
  border-bottom: 1px solid #32313b;
}

.footer-widget .footer-title {
  color: #ffffff;
  margin-bottom: 30px;
}

.footer-widget .list-default {
  margin-bottom: 0;
}

/* twitter footer */

.footer-middle .footer-widget .tweet_list {}

.footer-middle .footer-widget .tweet_list li {
  padding-left: 30px;
  margin-bottom: 20px;
}

.footer-middle .footer-widget .tweet_list li:before {
  content: '\f099';
  font-family: 'FontAwesome';
  font-size: 18px;
  position: absolute;
  left: 20px;
}

.footer-middle .footer-widget .tweet_list li .tweet_text a {}

.footer-middle .footer-widget .tweet_list li .tweet_time {
  display: block;
  text-align: right;
  color: #778899;
}

/*Footer Bottom*/

/*.footer-bottom{ color:#778899; background: #25242c; padding:30px 0;}*/

.footer-bottom {
  color: #fff;
  background: #3a3943;
  padding: 30px 0;
}

.footer-bottom a {
  color: inherit;
}

.footer-bottom a:hover {}

.whitecolor {
  color: #fff;
}

.footer-bottom .menu-footer {
  padding: 10px 0 10px;
}

.footer-bottom .menu-footer ul {
  margin: 0 auto;
  text-align: center;
}

.footer-bottom .menu-footer ul li {
  font-size: 16px;
  list-style: none;
  text-align: left;
  padding: 2px 0;
}

.footer-bottom .copyright {
  padding: 10px 0;
  text-align: center;
}

.footer-bottom .copyright p {
  margin-bottom: 0;
  line-height: 1.9;
}

.footer-bottom .social-footer {
  padding: 10px 0 20px;
}

.footer-bottom .social-list {
  margin: 0 auto;
  text-align: center;
}

.footer-bottom .social-list li {
  margin-left: 5px;
}

.footer-bottom .social-list li a {
  display: block;
  min-width: 20px;
  text-align: center;
  font-size: 22px;
}

/*===============================

========== Typography ==========

===============================*/

p {
  font-family:
    /*'Raleway', sans-serif*/
    'latomedium';
}

h1, h2, h3 {
  color: #32313b;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
}

h4, h5, h6 {
  color: #32313b;
  font-family: 'Raleway', sans-serif;
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizelegibility;
}

h1 {
  font-size: 58px;
  margin-top: 0;
}

h2 {
  font-size: 48px;
  margin-top: 0;
}

h3 {
  font-size: 28px;
  margin-top: 0;
}

h4 {
  font-size: 22px;
  margin-top: 0;
}

h5 {
  font-size: 16px;
  margin-top: 0;
}

h6 {
  margin-top: 0;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #778899;
  font-weight: 300;
}

p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 20px;
  text-rendering: optimizelegibility;
}

/* Lead Paragraph*/

.lead {
  font-size: 1.6em;
  font-weight: 300;
  letter-spacing: 0px;
}

.lead.lead-small {
  font-size: 1.2em;
}

.lead.lead-big {
  font-size: 2em;
}

/* Special Headings */

.title-large {
  font-size: 72px;
}

.title-medium {
  font-size: 64px;
}

.script-font {
  font-family: 'Playball', cursive !important;
  letter-spacing: 0 !important;
}

/* Fancy Title */

.fancy-title {
  /* text-transform: uppercase; */
  text-transform:capitalize;
  margin-bottom: 40px;
}

.fancy-title:after {
  content: "";
  background: #ececec;
  display: block;
  height: 1px;
  margin: 0;
  position: relative;
  width: 100%;
}

.fancy-title span:after {
  content: "";
  display: block;
  height: 5px;
  margin: 20px 0 -3px;
  position: relative;
  width: 20%;
  z-index: 2;
}

.text-center.fancy-title:after {
  content: "";
  background: #ececec;
  display: block;
  height: 1px;
  margin: 0 auto;
  position: relative;
  width: 30%;
}

.text-center.fancy-title span:after {
  content: "";
  display: block;
  height: 5px;
  margin: 20px auto -3px;
  position: relative;
  width: 10%;
}

.text-right.fancy-title:after {
  content: "";
  background: #ececec;
  display: block;
  height: 1px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.text-right.fancy-title span:after {
  content: "";
  display: block;
  height: 5px;
  margin: 20px 0 -3px 90%;
  position: relative;
  width: 10%;
}

h5.fancy-title span:after, h6.fancy-title span:after {
  margin-top: 10px !important;
}

h5.fancy-title, h6.fancy-title {
  margin-bottom: 20px !important;
}

/* Font Weight */

.xlight {
  font-weight: 100 !important;
}

.light {
  font-weight: 300 !important;
}

.bold {
  font-weight: 500 !important;
}

.xbold {
  font-weight: 900 !important;
}

/* Dropcaps */

.firstletter {
  float: left;
  font-size: 2.4em;
  line-height: 1.2;
  margin-right: 0.3em;
  height: 40px;
  width: 40px;
  text-align: center;
}

.drop-fullround .firstletter {
  background-color: #848494;
  float: left;
  font-size: 2.4em;
  line-height: 1.6;
  margin-right: 0.3em;
  margin-top: 0.1em;
  height: 55px;
  width: 55px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.drop-border .firstletter {
  float: left;
  font-size: 2.4em;
  line-height: 1.6;
  margin-right: 0.3em;
  margin-top: 0.1em;
  height: 55px;
  width: 55px;
  text-align: center;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid;
}

/*===============================

========== Revolution Slider ==========

===============================*/

.tp-loader {
  z-index: 9999;
}

.tp-loader.spinner0 {
  background: url(../images/theme/revolutionslider/loader.gif) no-repeat center center;
}

.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0;
  height: 400px !important;
}

.tp-banner {
  width: 100%;
  position: relative;
}

.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0;
}

/*===============================

========== Team Members ==========

===============================*/

.team-wrapper {
  text-align: center;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.team-wrapper img {
  width: 100%;
  height: auto;
}

.team-member {
  position: relative;
  overflow: hidden;
}

.team-photo {
  position: relative;
  top: 0;
  right: 0;
}

.team-details {
  overflow: hidden;
  position: absolute;
  top: -100%;
  height: 100%;
  width: 100%;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.team-contact {
  padding: 10px 0;
  background: #ffffff;
}

.team-contact ul {
  margin: 0;
}

.team-contact ul li a {
  padding: 5px;
  display: block;
  font-size: 16px;
}

.team-description {
  padding: 20px 10px;
  height: 100%;
  color: #ffffff;

  background: #000;
  /* fallback for browser that not support rgba */

  background: rgb(0, 0, 0);

  background: rgba(0, 0, 0, .7);
  /* Works on all modern browsers */
}

.team-wrapper.cardtoggle .team-details {
  right: 0%;
  top: 0
}

.team-info {
  padding: 10px 5px;
  background: #ffffff;
}

.team-info .team-name {
  font-weight: 600;
  margin-bottom: 5px;
}

.team-info .team-role {
  margin: 0;
}

/* Alternative 1*/

.team-wrapper-alt {
  cursor: default;
}

.team-wrapper-alt .team-info {
  background: none;
}

/* Alternative 1*/

.team-wrapper-alt .overlay-wrapper .overlay-details {
  padding: 10px;
  top: 10%;
}

.team-wrapper-alt .overlay-wrapper:hover .overlay-details {
  bottom: auto;
  top: 10%;
  z-index: 2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

.team-wrapper-alt:hover .overlay-wrapper .overlay-details {
  bottom: auto;
  top: 10%;
  z-index: 2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

.team-wrapper-alt:hover .overlay-wrapper .overlay-wrapper-content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
  backface-visibility: hidden;
  /* W3C */
  -webkit-backface-visibility: hidden;
  /* Safari & Chrome */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  -o-backface-visibility: hidden;
  /* Opera */
}

.team-wrapper-alt:hover .overlay-wrapper .overlay-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.team-wrapper-alt .overlay-wrapper .overlay-details a {
  margin-bottom: 10px;
}

/*===============================

========== Elements ==========

===============================*/

/*========== Parallax ==========*/

.parallax {
  background-position: 50% 50%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);

  -webkit-background-size: cover !important;
  /* For WebKit*/

  -moz-background-size: cover !important;
  /* Mozilla*/

  -o-background-size: cover !important;
  /* Opera*/

  background-size: cover !important;
  /* Generic*/
  margin-top: 158px;
}

.banner-ilu0, .parallax {
  margin-top: 158px;
}

.parallax-background1 {
  background-image: url(../images/demo/parallax/parallax-back1.jpg);
}

.parallax-background2 {
  background-image: url(../images/demo/parallax/parallax-back2.jpg);
}

.parallax-background3 {
  background-image: url(../images/demo/parallax/parallax-back3.jpg);
}

.parallax-background4 {
  background-image: url(../images/demo/parallax/parallax-back4.jpg);
}

.parallax-background5 {
  background-image: url(../images/demo/parallax/parallax-back5.jpg);
}

.parallax-background6 {
  background-image: url(../images/demo/parallax/parallax-back6.jpg);
}

.parallax-background7 {
  background-image: url(../images/demo/parallax/parallax-back7.jpg);
}

.parallax-background8 {
  background-image: url(../images/demo/parallax/parallax-back8.jpg);
}

.parallax-background9 {
  background-image: url(../images/demo/parallax/parallax-back9.jpg);
}

.parallax-background10 {
  background-image: url(../images/demo/parallax/parallax-back10.jpg);
}

.parallax-background11 {
  background-image: url(../images/demo/parallax/parallax-back11.jpg);
}

.parallax-background12 {
  background-image: url(../images/demo/parallax/parallax-back12.jpg);
}

.parallax-background13 {
  background-image: url(../images/manufacturing.jpg);
}

.parallax-background14 {
  background-image: url(../images/demo/parallax/parallax-back14.jpg);
}

.parallax-background15 {
  background-image: url(../images/demo/parallax/parallax-back15.jpg);
}

.parallax-background16 {
  background-image: url(../images/demo/parallax/parallax-back16.jpg);
}

.parallax-breadcrumbs {
  background-image: url(../images/demo/parallax/parallax-breadcrumbs.jpg);
}

.parallax-blog {
  background-image: url(../images/demo/parallax/parallax-blog.jpg);
}

.parallax-about {
  background-image: url(../images/demo/parallax/parallax-about.jpg);
}

.parallax-services {
  background-image: url(../images/demo/parallax/parallax-services.jpg);
}

.parallax-team {
  background-image: url(../images/demo/parallax/parallax-team.jpg);
}

.parallax-landing {
  background-image: url(../images/demo/parallax/parallax-landing.jpg);
}

.parallax-404 {
  background-image: url(../images/demo/parallax/parallax-404.jpg);
}

.parallax-search {
  background-image: url(../images/demo/parallax/parallax-search.jpg);
}

.parallax-shop {
  background-image: url(../images/demo/parallax/parallax-shop.jpg);
}

.parallax-portfolio {
  background-image: url(../images/demo/parallax/parallax-portfolio.jpg);
}

@media only screen and (max-width: 768px) {

  .parallax {
    background-position: 50% 50% !important;
    background-attachment: scroll;
    padding-top: 100px;
  }

}

/* Background Overlay*/

.bg-overlay {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* Safari 1.x */
  -khtml-opacity: 0.6;
  /* Modern browsers */
  opacity: 0.6;
}

.bg-overlay-solid {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

.bg-overlay.bg-overlay-light {
  background: #f4f4f4;
}

.bg-overlay.bg-overlay-glight {

  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 1)));
  /* Chrome,Safari4+ */

  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 100%);
  /* Opera 12+ */

  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 100%);
  /* IE10+ */

  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;

}

.bg-overlay.bg-overlay-dark {
  background: #6F3F02;
}

.bg-overlay.bg-overlay-gdark {

  background: -moz-radial-gradient(center, ellipse cover, rgba(37, 36, 44, 0.5) 0%, rgba(37, 36, 44, 0.75) 50%, rgba(0, 0, 0, 1) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(37, 36, 44, 0.5)), color-stop(50%, rgba(37, 36, 44, 0.75)), color-stop(100%, rgba(0, 0, 0, 1)));
  /* Chrome,Safari4+ */

  background: -webkit-radial-gradient(center, ellipse cover, rgba(37, 36, 44, 0.5) 0%, rgba(37, 36, 44, 0.75) 50%, rgba(0, 0, 0, 1) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-radial-gradient(center, ellipse cover, rgba(37, 36, 44, 0.5) 0%, rgba(37, 36, 44, 0.75) 50%, rgba(0, 0, 0, 1) 100%);
  /* Opera 12+ */

  background: -ms-radial-gradient(center, ellipse cover, rgba(37, 36, 44, 0.5) 0%, rgba(37, 36, 44, 0.75) 50%, rgba(0, 0, 0, 1) 100%);
  /* IE10+ */

  background: radial-gradient(ellipse at center, rgba(37, 36, 44, 0.5) 0%, rgba(37, 36, 44, 0.75) 50%, rgba(0, 0, 0, 1) 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8025242c', endColorstr='#000000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;

}

/*========== Portfolio ==========*/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope, .isotope .isotope-item {

  -webkit-transition-duration: 1200ms;

  -moz-transition-duration: 1200ms;

  -ms-transition-duration: 1200ms;

  -o-transition-duration: 1200ms;

  transition-duration: 1200ms;

}

.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}

ul#filters {
  list-style: none;
  margin: 0 auto 40px;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 99;
}

ul#filters li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

ul#filters li a.filter {
  /*padding:8px 15px; color:#ccc; background: none; border:1px solid #ececec; display:block; font-size:12px; text-transform:uppercase;*/

  padding: 8px 15px;

  color: #32313b;

  background: none;

  border: 1px solid rgba(0, 0, 0, .5);

  display: block;

  font-size: 12px;

  text-transform: uppercase;

  font-weight: 500;

}

ul#filters li a.filter.selected, ul#filters li a.filter:hover {
  color: #fff;
}

.element {}

.element-inner {}

.element img {
  width: 100%;
  height: auto;
}

.portfolio-classic .element-inner {
  margin-bottom: 30px;
  padding: 0 15px;
}

/* Start Columns */

.portfolio-1-cols .element {
  width: 100%;
}

.portfolio-2-cols .element {
  width: 50%;
}

.portfolio-3-cols .element {
  width: 33.3333%;
}

.portfolio-4-cols .element {
  width: 25%;
}

.portfolio-6-cols .element {
  width: 16.6667%;
}

.portfolio-2-cols .element.size-2x {
  width: 100%;
}

.portfolio-3-cols .element.size-2x {
  width: 66.60%;
}

.portfolio-4-cols .element.size-2x {
  width: 50%;
}

.portfolio-6-cols .element.size-2x {
  width: 33.3333%;
}

.portfolio-2-cols .element.size-3x {
  width: 100%;
}

.portfolio-3-cols .element.size-3x {
  width: 100%;
}

.portfolio-4-cols .element.size-3x {
  width: 75%;
}

.portfolio-6-cols .element.size-3x {
  width: 50%;
}

.element.size-full {
  width: 100%;
}

/* End Columns */

@media only screen and (max-width: 980px) {

  .element, .portfolio-1-cols .element, .portfolio-2-cols .element, .portfolio-3-cols .element, .portfolio-4-cols .element, .portfolio-6-cols .element, .portfolio-12-cols .element, .portfolio-2-cols .element.size-2x, .portfolio-3-cols .element.size-2x, .portfolio-4-cols .element.size-2x, .portfolio-6-cols .element.size-2x {
    width: 50%;
  }

}

@media only screen and (max-width: 480px) {

  .element, .portfolio-1-cols .element, .portfolio-2-cols .element, .portfolio-3-cols .element, .portfolio-4-cols .element, .portfolio-6-cols .element, .portfolio-12-cols .element, .portfolio-2-cols .element.size-2x, .portfolio-3-cols .element.size-2x, .portfolio-4-cols .element.size-2x, .portfolio-6-cols .element.size-2x {
    width: 100%;
  }

}

/* Colio - Basic Styles */

.colio {
  position: relative;
  height: 0;
  clear: both;
  overflow: hidden;
  background: #ffffff;
}

.colio-container {
  padding: 40px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.colio-content {
  display: none;
  overflow: hidden;
}

.colio-close, .colio-prev, .colio-next {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.colio-no-prev, .colio-no-next {
  cursor: ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}

/* navigation, close */

.colio-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.colio-navigation {
  position: absolute;
  top: 10px;
  left: 10px;
}

.colio-navigation a {
  margin-right: 5px;
}

/* placement */

.colio-placement-inside, .colio-placement-before {
  margin-bottom: 20px;
}

.colio-placement-after {
  margin: 0px;
}

/* Colio GFX Theme Style */

/* container */

.colio-theme-gfx .colio-container {}

/* colio close */

.colio-theme-gfx .colio-close span {
  display: block;
  font-size: 28px;
  line-height: 1.7;
}

.colio-theme-gfx .colio-close {
  position: absolute;
  color: #ffffff;
  height: 50px;
  margin-right: -25px;
  right: 50%;
  text-align: center;
  top: 25px;
  width: 50px;
}

.colio-theme-gfx .colio-close:hover {
  color: #ffffff;
  background: #32313B;
}

.colio-container {
  padding: 100px 0px;
}

/* colio navigation */

.colio-theme-gfx .colio-navigation span {
  display: block;
  font-size: 28px;
  line-height: 1.7;
}

.colio-theme-gfx .colio-navigation {
  top: auto;
  bottom: 25px;
  left: 50%;
  margin-left: -55px;
}

.colio-theme-gfx .colio-navigation a {
  float: left;
  margin-right: 5px;
  color: #ffffff;
  height: 50px;
  text-align: center;
  width: 50px;
}

.colio-theme-gfx .colio-navigation a:hover {
  color: #ffffff;
  background: #32313B;
}

.colio-theme-gfx .colio-prev span:before {
  content: '\f053';
  font-family: 'FontAwesome';
  font-size: 18px;
}

.colio-theme-gfx .colio-next span:before {
  content: '\f054';
  font-family: 'FontAwesome';
  font-size: 18px;
}

.colio-theme-gfx .colio-no-prev, .colio-theme-gfx .colio-no-next {
  color: #ffffff;
  background: #f2f2f2;
}

/* Portfolio Element */

/* Project Item */

.portfolio-item .project-meta {
  padding: 10px;
}

.portfolio-item-content {
  padding: 30px 10px;
  text-align: center;
}

.portfolio-item-title {
  font-size: 16px;
  font-weight: 500;
}

.portfolio-item-content p {
  margin-bottom: 0;
}

.portfolio-item-content.panel {
  margin-top: -4px;
  padding: 20px 10px;
}

/*========== Carousel ==========*/

.carousel .owl-item .carousel-item {
  margin: 0px;
}

.carousel .owl-controls {
  text-align: center;
}

/* Styling Next and Prev buttons */

.carousel .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 0px;
  padding: 5px 15px;
  font-size: 24px;

  position: absolute;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

}

.carousel .owl-controls .owl-buttons .owl-prev {
  top: 40%;
  left: 0px;
}

.carousel .owl-controls .owl-buttons .owl-next {
  top: 40%;
  right: 0px;
}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.carousel .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1 !important;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-pagination {
  margin-top: 10px;
}

.owl-prev, .owl-next {
  opacity: 0 !important;
  transition-duration: 0.5s;
}

.owl-carousel:hover .owl-controls .owl-buttons .owl-prev {
  opacity: 0.4 !important;
  transition-duration: 0.5s;
}

.owl-carousel:hover .owl-controls .owl-buttons .owl-next {
  opacity: 0.4 !important;
  transition-duration: 0.5s;
}

.carousel .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.carousel .owl-controls .owl-page span {
  display: block;
  width: 24px;
  height: 7px;
  border: 1px solid #ffffff;
  margin: 5px 4px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/

  opacity: 0.5;
}

.carousel .owl-controls .owl-page.active span, .carousel .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

.carousel .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
}

/* preloading images */

.owl-item.loading {
  min-height: 150px;
  background: url(../images/theme/AjaxLoader.gif) no-repeat center center
}

/* mouse grab icon */

.grabbing {
  cursor: url(../images/theme/grabbing.png) 8 8, move;
}

.owl-item img {
  width: 100%;
  height: auto;
}

/* Carousel Theme */

.carousel.carousel-theme-round .owl-controls .owl-buttons div {
  background: none;
  border: 2px solid #ececec;
  color: #ececec;
  padding: 5px 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.carousel.carousel-theme-round .owl-controls .owl-page span {
  height: 14px;
  width: 14px;
  background: none;
  border: 2px solid #ececec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.carousel.carousel-theme-round .owl-controls .owl-buttons .owl-prev {
  left: 10px;
}

.carousel.carousel-theme-round .owl-controls .owl-buttons .owl-next {
  right: 10px;
}

.carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-prev {
  left: -50px;
}

.carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-next {
  right: -50px;
}

@media (max-width: 768px) {

  .carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-prev {
    left: 10px;
  }

  .carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-next {
    right: 10px;
  }

}

/* Carousel*/

.carousel.carousel-simple .owl-item .carousel-item {
  margin: 0 10px;
  padding-bottom: 10px;
}

.carousel.carousel-simple .carousel.carousel-default .owl-item .carousel-item {
  margin: 0;
  padding-bottom: 0;
}

/* Sync Carousel */

#full-sync .item {
  text-align: center;
}

#full-sync .item img {
  width: 100%;
  height: auto;
}

#thumb-sync .item {
  cursor: pointer;
  max-height: 140px;
}

#thumb-sync .item img {
  width: 100%;
  height: auto;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Modern browsers */
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#thumb-sync .item:hover img {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

#thumb-sync .item h1 {
  font-size: 18px;
}

/*========== Counters ==========*/

.counter-block {
  padding: 20px 10px;
  border: 2px dotted #ececec;
  margin-bottom: 40px;
}

.timer {
  margin-bottom: 20px;
}

/*========== Testimonials ==========*/

.testimonials {
  margin: 0;
}

.testimonials .carousel {}

.testimonial-item blockquote {
  margin: 0;
}

.testimonial-item blockquote p {
  font-style: italic;
}

/* Blockquote */

blockquote {
  border: none;
}

blockquote:before {
  content: '\f10e';
  font-family: 'FontAwesome';
  top: 0;
  font-size: 2em;
  color: #ececec;

  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* Safari 1.x */
  -khtml-opacity: 0.6;
  /* Modern browsers */
  opacity: 0.6;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: "";
}

blockquote footer, blockquote small, blockquote .small {
  font-weight: 600;
}

blockquote cite {
  font-weight: 300;
}

/*========== Simple Slider ==========*/

.simple-slider {}

/*========== Twitter ==========*/

/*twitter carousel*/

.twitter-carousel {
  text-align: center;
}

.tweet_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.twitter-carousel .twitterfeed .tweet_text {
  font-size: 1.6em;
  font-weight: 300;
}

.twitter-carousel .twitterfeed .tweet_time {
  display: block;
  font-style: italic;
  margin: 10px 0;
}

.twitter-carousel .twitterfeed .tweet_avatar {
  display: inline-block;
  margin: 10px auto 0;
}

.twitter-carousel .twitterfeed .owl-item {
  padding: 0 40px;
}

.twitter-carousel .carousel .owl-controls .owl-buttons .owl-prev {
  top: 30%;
}

.twitter-carousel .carousel .owl-controls .owl-buttons .owl-next {
  top: 30%;
}

/* twitter widget*/

.twitter .tweet_list {}

.twitter .tweet_list li {
  margin-bottom: 20px;
}

.twitter .tweet_list .tweet_avatar {
  display: block;
  float: left;
  margin: 10px;
  max-width: 48px;
  text-align: center;
}

.twitter .tweet_list .tweet_avatar img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.twitter .tweet_list .tweet_text {
  display: block;
  padding: 10px;
  border: 1px solid #ececec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.twitter .tweet_list .tweet_time {
  display: block;
  font-size: 13px;
  font-style: italic;
  margin-top: 5px;
  padding-top: 5px;
  text-align: right;
}

/*========== Images ==========*/

.thumbnail {
  border: 1px solid #ececec;
  padding: 8px;
}

.img-thumbnail {
  border: 1px solid #ececec;
  padding: 8px;
}

.img-rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Align*/

.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 20px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.alignnone {
  float: none;
  margin: 0 auto;
}

/* List Images */

ul.gallery {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

ul.gallery li {
  float: left;
  padding: 0;
  margin: 0;
}

ul.gallery li img {
  max-width: 100%;
  height: auto;
}

/* class for 2 columns */

ul.gallery.columns-2 li {
  width: 50%;
}

/* class for 3 columns */

ul.gallery.columns-3 li {
  width: 33.3%;
}

/* Overlay Image */

.overlay-wrapper {
  position: relative;
  overflow: hidden;
}

.overlay-wrapper img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.overlay-wrapper .project-meta {
  padding: 10px;
}

/* overlay */

.overlay-wrapper .overlay-details {
  display: block;
  color: #ffffff;
  position: absolute;
  right: 0px;
  left: 0;
  bottom: 0;
  z-index: 2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Modern browsers */
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.overlay-wrapper-content {
  top: 0;
  left: 0;
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
}

.overlay-bg {
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Modern browsers */
  opacity: 0.8;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.overlay-wrapper:hover .overlay-wrapper-content, .overlay-wrapper:focus .overlay-wrapper-content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
  backface-visibility: hidden;
  /* W3C */
  -webkit-backface-visibility: hidden;
  /* Safari & Chrome */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  -o-backface-visibility: hidden;
  /* Opera */
}

.overlay-title {
  position: absolute;
  left: 0;
  right: 0;
  top: -100%;
  margin: 10px;
  border: 2px solid #ffffff;
  z-index: 3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Modern browsers */
  opacity: 0;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.overlay-title h2, .overlay-title h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.4;
  margin: 0;
  padding: 10px 20px;
}

.overlay-wrapper:hover .overlay-title {
  position: absolute;
  top: 5px;
  border: 2px solid #ffffff;
  z-index: 3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

.overlay-wrapper:hover .overlay-bg, .overlay-wrapper:focus .overlay-bg {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.overlay-wrapper:hover .overlay-details, .overlay-wrapper:focus .overlay-details {
  bottom: 40%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

.overlay-details a {
  color: #ffffff;
  font-size: 22px;
  border: 2px solid;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  line-height: 1.8;
  display: inline-block;
}

.overlay-details a span.fa {
  line-height: 2;
}

.overlay-details a [class^="gfx-"]:before, .overlay-details a [class*=" gfx-"]:before {
  top: 0;
}

.overlay-details:hover, .overlay-details:focus {
  color: #ffffff;
}

/* transparency */

.img-transparency {
  width: 100%;
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Modern browsers */
  opacity: 0.8;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.img-transparency:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
  backface-visibility: hidden;
  /* W3C */
  -webkit-backface-visibility: hidden;
  /* Safari & Chrome */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  -o-backface-visibility: hidden;
  /* Opera */
}

.overlay-wrapper:hover .img-transparency, .overlay-wrapper:focus .img-transparency {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
  backface-visibility: hidden;
  /* W3C */
  -webkit-backface-visibility: hidden;
  /* Safari & Chrome */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  -o-backface-visibility: hidden;
  /* Opera */
}

/* zoom */

.overlay-wrapper .img-zoom {
  width: 100%;
  height: auto;
}

.overlay-wrapper:hover .img-zoom, .overlay-wrapper:focus .img-zoom {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}

@media (max-width: 1024px) {

  .overlay-wrapper:hover .overlay-details, .overlay-wrapper:focus .overlay-details {}

}

/*========== Tooltips ==========*/

.o-tooltip {
  position: absolute;
  z-index: 9999;
  display: block;
  visibility: visible;
  font-size: 13px;
}

.o-tooltip-inner {
  padding: 15px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.o-tooltip.bl, .o-tooltip.bc, .o-tooltip.br {
  margin-top: -12px
}

.o-tooltip.ml {
  margin-left: 12px
}

.o-tooltip.tl, .o-tooltip.tc, .o-tooltip.tl, .o-tooltip.tr {
  margin-top: 12px
}

.o-tooltip.mr {
  margin-left: -12px
}

.o-tooltip.bc .o-tooltip-arrow {
  left: 50%;
  margin-left: -12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid;
}

.o-tooltip.mr .o-tooltip-arrow {
  top: 50%;
  right: -12px;
  margin-top: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid;
}

.o-tooltip.tc .o-tooltip-arrow {
  left: 50%;
  margin-left: -12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
}

.o-tooltip.ml .o-tooltip-arrow {
  top: 50%;
  left: -12px;
  margin-top: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid;
}

.o-tooltip.tl .o-tooltip-arrow {
  left: 0;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid transparent;
  border-left: 12px solid;
}

.o-tooltip.bl .o-tooltip-arrow {
  left: 0;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid transparent;
  border-left: 12px solid;
}

.o-tooltip.tr .o-tooltip-arrow {
  right: 0;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid transparent;
  border-right: 12px solid;
}

.o-tooltip.br .o-tooltip-arrow {
  top: 100%;
  right: 0;
  margin-top: -13px;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid transparent;
  border-right: 12px solid;
}

/* Tooltip arrow bottom */

.o-tooltip.bl .o-tooltip-arrow,

.o-tooltip.bc .o-tooltip-arrow,

.o-tooltip.br .o-tooltip-arrow {
  bottom: -11px;
}

/* Tooltip arrow top */

.o-tooltip.tl .o-tooltip-arrow,

.o-tooltip.tc .o-tooltip-arrow,

.o-tooltip.tr .o-tooltip-arrow {
  top: -12px;
}

.o-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.o-tooltip-close {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #137861;
  cursor: pointer;
  left: 100%;
  margin-left: -15px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 2px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 2px;
}

.o-tooltip-close span {
  display: block;
  width: 4px;
  height: 4px;
  line-height: 4px;
  font-size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -4px 0 0 -2px;
  color: #FFF;
  font-weight: bold;
}

.o-tooltip.mr .o-tooltip-close,

.o-tooltip.tr .o-tooltip-close {
  left: 0px;
  margin: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomright: 1px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 1px;
}

/*========== Lists ==========*/

.list-default {}

.list-default li {
  padding: 2px 0;
  line-height: 2;
  font-weight: 500;
}

.list-default.fa-ul li .fa {
  line-height: 2.2;
}

.list-default.fa-ul li .icon {
  line-height: 2.2;
}

.list-default.fa-ul li .livicon {
  margin-left: -2.14286em;
  width: 2.14286em !important;
}

.our_mission .list-default li {
  font-size: 15px;
  letter-spacing: 0.4px;
}

/* Icon Lists */

.fa-ul {
  list-style: none;
  padding-left: 0;
}

.fa-ul li .fa {}

/* Divider List */

.divider-list {}

.divider-list li {
  padding: 10px 0;
  border-top: 1px solid #ececec;
}

.divider-list li .fa {
  padding: 8px 0;
}

.divider-list li .icon {
  padding: 8px 0;
}

.divider-list li:first-child {
  border-top: none;
}

/* Big-list */

.biglist li {
  padding: 10px 0;
  font-size: 18px;
}

.biglist li .fa {
  padding: 5px 0;
}

.biglist li .icon {
  padding: 5px 0;
}

/* Widget List */

.widget-list {}

.widget-list li {
  margin-bottom: 12px;
  font-size: 14px;
}

.widget-list li .fa {
  border: 1px solid;
  height: 1.2em;
  width: 1.2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* Recent Posts */

.recent-post {
  list-style: none;
  margin: 0;
  padding: 0;
}

.recent-post li {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.recent-post li a {
  font-weight: 500;
  color: #32313b;
}

.recent-post li img {
  max-width: 80px;
  float: left;
  margin-right: 10px;
}

.recent-post li .rating {
  text-align: left;
  position: relative;
  background: none;
  top: 0;
  bottom: 0;
}

/* Media Lists */

.media, .media .media {
  margin-top: 30px;
}

/* List Footer Latest */

.footer-widget .list-latest {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-widget .list-latest li {
  padding: 4px 0;
  line-height: 1.8;
}

.footer-widget .list-latest li:first-child {
  padding-top: 0;
}

.footer-widget .list-latest li .latest-date {
  display: block;
  color: #778899;
  font-size: 13px;
}

.footer-widget .list-latest li a {
  color: inherit;
}

.footer-widget .list-latest li a:hover, .footer-widget .list-latest li a:focus {
  color: #778899;
}

/* Font Awesome Custom List - can be removed in production websites */

.fontawesome-icon-list {}

.fontawesome-icon-list .fa-hover a {
  display: block;
  padding: 8px;
  font-size: 12px;
}

.fontawesome-icon-list .fa-hover a .fa {
  font-size: 16px;
  margin-right: 5px;
}

.fontawesome-icon-list .fa-hover:hover a {
  background: #f2f2f2;
}

/* Avendor Icons list - can be removed in production website */

.glyphs.css-mapping {
  padding: 30px 0 20px 30px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.glyphs.css-mapping li {
  margin: 0 30px 20px 0;
  padding: 0;
  display: inline-block;
  overflow: hidden
}

.glyphs.css-mapping .icon {
  margin: 0;
  margin-right: 10px;
  padding: 13px;
  height: 50px;
  width: 50px;
  overflow: hidden;
  float: left;
  font-size: 24px
}

.glyphs.css-mapping input {
  margin: 0;
  margin-top: 5px;
  padding: 8px;
  line-height: 16px;
  font-size: 16px;
  display: block;
  width: 150px;
  height: 40px;
  border: 1px solid #d8e0e5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  outline: 0;
  float: right;
}

.glyphs.css-mapping input:focus {
  border: 1px solid;
}

.glyphs.css-mapping input:hover {
  border: 1px solid;
}

/*========== Buttons ==========*/

.btn {
  border: none;
}

.btn:hover, .btn:focus {
  color: #778899;
}

.btn:active, .btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*button default*/

.btn-default {
  color: #778899;
  background-color: #f4f4f4;
  border: none;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ececec;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
  background-color: #f0f0f0;
}

/*alt*/

.btn-default.btn-alt {
  color: #999;
  border: 2px solid;
  border-color: #ececec;
  background-color: transparent;
}

.btn-default.btn-alt:hover, .btn-default.btn-alt:focus, .btn-default.btn-alt:active, .btn-default.btn-alt.active, .open .dropdown-toggle.btn-default.btn-alt {
  background-color: #ececec;
  border: 2px solid;
  border-color: #ececec;
}

/*button primary*/

.btn-primary {
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #ff9966;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #ffffff;
}

/*alt*/

.btn-primary.btn-alt {
  border: 2px solid;
  background-color: transparent;
}

.btn-primary.btn-alt:hover, .btn-primary.btn-alt:focus, .btn-primary.btn-alt:active, .btn-primary.btn-alt.active, .open .dropdown-toggle.btn-primary.btn-alt {
  color: #ffffff;
  border: 2px solid;
}

/*button success*/

.btn-success {
  color: #ffffff;
  background-color: #9dd55d;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #8dbd0a;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover,

.btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #bbdb66;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

/*alt*/

.btn-success.btn-alt {
  color: #9dd55d;
  border: 2px solid;
  border-color: #9dd55d;
  background-color: transparent;
}

.btn-success.btn-alt:hover, .btn-success.btn-alt:focus, .btn-success.btn-alt:active, .btn-success.btn-alt.active, .open .dropdown-toggle.btn-success.btn-alt {
  color: #ffffff;
  background-color: #9dd55d;
  border: 2px solid;
  border-color: #9dd55d;
}

/*button info*/

.btn-info {
  color: #ffffff;
  background-color: #22d2d2;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #0cc0c0;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover,

.btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active,

.btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #66eeee;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}

/*alt*/

.btn-info.btn-alt {
  color: #22d2d2;
  border: 2px solid;
  border-color: #22d2d2;
  background-color: transparent;
}

.btn-info.btn-alt:hover, .btn-info.btn-alt:focus, .btn-info.btn-alt:active, .btn-info.btn-alt.active, .open .dropdown-toggle.btn-info.btn-alt {
  color: #ffffff;
  background-color: #22d2d2;
  border: 2px solid;
  border-color: #22d2d2;
}

/*button warning*/

.btn-warning {
  color: #ffffff;
  background-color: #f4aa44;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ee8820;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover,

.btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #ffcc99;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}

/*alt*/

.btn-warning.btn-alt {
  color: #f4aa44;
  border: 2px solid;
  border-color: #f4aa44;
  background-color: transparent;
}

.btn-warning.btn-alt:hover, .btn-warning.btn-alt:focus, .btn-warning.btn-alt:active, .btn-warning.btn-alt.active, .open .dropdown-toggle.btn-warning.btn-alt {
  color: #ffffff;
  background-color: #f4aa44;
  border: 2px solid;
  border-color: #f4aa44;
}

/*button danger*/

.btn-danger {
  color: #ffffff;
  background-color: #f33440;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #dd3333;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,

.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #ff9999;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}

/*alt*/

.btn-danger.btn-alt {
  color: #f33440;
  border: 2px solid;
  border-color: #f33440;
  background-color: transparent;
}

.btn-danger.btn-alt:hover, .btn-danger.btn-alt:focus, .btn-danger.btn-alt:active, .btn-danger.btn-alt.active, .open .dropdown-toggle.btn-danger.btn-alt {
  color: #ffffff;
  background-color: #f33440;
  border: 2px solid;
  border-color: #f33440;
}

/*button white*/

.btn-white {
  color: #778899;
  background-color: #fff;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
  background-color: #ececec;
}

.btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover,

.btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-white[disabled].active, fieldset[disabled] .btn-white.active {
  color: #cccccc;
  background-color: #f5f5f5;
}

.btn-white .badge {
  color: #d9534f;
  background-color: #ffffff;
}

/*alt*/

.btn-white.btn-alt {
  color: #ffffff;
  border: 2px solid;
  border-color: #fff;
  background-color: transparent;
}

.btn-white.btn-alt:hover, .btn-white.btn-alt:focus, .btn-white.btn-alt:active, .btn-white.btn-alt.active, .open .dropdown-toggle.btn-white.btn-alt {
  color: #778899;
  background-color: #ffffff;
  border: 2px solid;
  border-color: #ffffff;
}

/*button sizes*/

.btn {
  padding: 18px 28px;
  font-size: 14px;
  line-height: 1;
}

.btn-lg, .btn-group-lg>.btn {
  padding: 24px 48px;
  font-size: 18px;
}

.btn-sm, .btn-group-sm>.btn {
  padding: 14px 20px;
  font-size: 14px;
}

.btn-xs, .btn-group-xs>.btn {
  padding: 8px 16px;
  font-size: 12px;
}

/*==========  Creative Links ==========*/

/* Effect 1: Brackets */

.cl-effect-1 a::before,

.cl-effect-1 a::after {

  display: inline-block;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;

  -moz-transition: -moz-transform 0.3s, opacity 0.2s;

  transition: transform 0.3s, opacity 0.2s;

}

.cl-effect-1 a::before {

  margin-right: 2px;

  content: '[';

  -webkit-transform: translateX(20px);

  -moz-transform: translateX(20px);

  transform: translateX(20px);

}

.cl-effect-1 a::after {

  margin-left: 2px;

  content: ']';

  -webkit-transform: translateX(-20px);

  -moz-transform: translateX(-20px);

  transform: translateX(-20px);

}

.cl-effect-1 a:hover::before,

.cl-effect-1 a:hover::after,

.cl-effect-1 a:focus::before,

.cl-effect-1 a:focus::after {

  opacity: 1;

  -webkit-transform: translateX(0px);

  -moz-transform: translateX(0px);

  transform: translateX(0px);

}

/* Effect 2: second border slides up */

.cl-effect-2 {
  position: relative;
}

.cl-effect-2 a {
  padding: 8px 2px;
}

.cl-effect-2 a::before,

.cl-effect-2 a::after {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  height: 2px;

  content: '';

  -webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  transition: transform 0.3s;

  -webkit-transform: scale(0.50);

  -moz-transform: scale(0.50);

  transform: scale(0.50);

}

.cl-effect-2 a::after {

  opacity: 0;

  -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;

  transition: top 0.3s, opacity 0.3s, transform 0.3s;

}

.cl-effect-2 a:hover::before,

.cl-effect-2 a:hover::after,

.cl-effect-2 a:focus::before,

.cl-effect-2 a:focus::after {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  transform: scale(1);

}

.cl-effect-2 a:hover::after,

.cl-effect-2 a:focus::after {

  top: 0%;

  opacity: 1;

}

/* Effect 3: circle */

.cl-effect-3 {
  position: relative;
}

.cl-effect-3 a::before,

.cl-effect-3 a::after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 80px;

  height: 80px;

  border: 2px solid rgba(0, 0, 0, 0.1);

  border-radius: 50%;

  content: '';

  opacity: 0;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  -moz-transition: -moz-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);

  -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);

  transform: translateX(-50%) translateY(-50%) scale(0.2);

}

.cl-effect-3 a::after {

  width: 70px;

  height: 70px;

  border-width: 6px;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);

  -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);

  transform: translateX(-50%) translateY(-50%) scale(0.8);

}

.cl-effect-3 a:hover::before,

.cl-effect-3 a:hover::after,

.cl-effect-3 a:focus::before,

.cl-effect-3 a:focus::after {

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);

  -moz-transform: translateX(-50%) translateY(-50%) scale(1);

  transform: translateX(-50%) translateY(-50%) scale(1);

}

/* Effect 4: three circles */

.cl-effect-4 {
  position: relative;
}

.cl-effect-4 a {

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  transition: color 0.3s;

}

.cl-effect-4 a::before {

  position: absolute;

  top: 50%;

  left: 50%;

  color: transparent;

  content: '\2022';

  text-shadow: 0 0 transparent;

  font-size: 1.2em;

  -webkit-transition: text-shadow 0.3s, color 0.3s;

  -moz-transition: text-shadow 0.3s, color 0.3s;

  transition: text-shadow 0.3s, color 0.3s;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  transform: translateX(-50%);

  pointer-events: none;

}

.cl-effect-4 a:hover::before,

.cl-effect-4 a:focus::before {}

.cl-effect-4 a:hover,

.cl-effect-4 a:focus {}

/* Effect 5: cross */

.cl-effect-5 {

  position: relative;

  z-index: 1;

}

.cl-effect-5 a {

  padding: 0 5px;

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  transition: color 0.3s;

}

.cl-effect-5 a::before {

  position: absolute;

  width: 100%;

  left: 0;

  top: 80%;

  height: 2px;

  margin-top: -1px;

  content: '';

  z-index: -1;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  -moz-transition: -moz-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  pointer-events: none;

}

.cl-effect-5 a::after {

  position: absolute;

  width: 100%;

  left: 0;

  bottom: 60%;

  height: 2px;

  margin-top: -1px;

  content: '';

  z-index: -1;

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  -moz-transition: -moz-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  pointer-events: none;

}

.cl-effect-5 a::before {

  -webkit-transform: translateY(-20px);

  -moz-transform: translateY(-20px);

  transform: translateY(-20px);

}

.cl-effect-5 a::after {

  -webkit-transform: translateY(20px);

  -moz-transform: translateY(20px);

  transform: translateY(20px);

}

.cl-effect-5 a:hover,

.cl-effect-5 a:focus {}

.cl-effect-5 a:hover::before,

.cl-effect-5 a:hover::after,

.cl-effect-5 a:focus::before,

.cl-effect-5 a:focus::after {

  opacity: 0.7;

}

.cl-effect-5 a:hover::before,

.cl-effect-5 a:focus::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

}

.cl-effect-5 a:hover::after,

.cl-effect-5 a:focus::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

/* Effect 6: borders slight translate */

.cl-effect-6 {
  position: relative;
}

.cl-effect-6 a {

  padding: 2px;

  -webkit-transition: color 0.3s;

  -moz-transition: color 0.3s;

  transition: color 0.3s;

}

.cl-effect-6 a::before,

.cl-effect-6 a::after {

  position: absolute;

  left: 0;

  width: 100%;

  height: 2px;

  content: '';

  opacity: 0;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  -moz-transition: opacity 0.3s, -moz-transform 0.3s;

  transition: opacity 0.3s, transform 0.3s;

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  transform: translateY(-10px);

}

.cl-effect-6 a::before {

  top: 0;

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  transform: translateY(-10px);

}

.cl-effect-6 a::after {

  bottom: 0;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  transform: translateY(10px);

}

.cl-effect-6 a:hover,

.cl-effect-6 a:focus {}

.cl-effect-6 a:hover::before,

.cl-effect-6 a:focus::before,

.cl-effect-6 a:hover::after,

.cl-effect-6 a:focus::after {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  transform: translateY(0px);

}

/*========== Alerts ==========*/

.alert {
  border: none;
  background-color: #32313b;
}

.alert-clean {
  background: none;
  border: 1px solid #ececec;
}

.alert.alert-success {
  background-color: #e0f090;
  border: none;
}

.alert.alert-info {
  background-color: #b6e6e6;
  border: none;
}

.alert.alert-warning {
  background-color: #ecc992;
  border: none;
  color: #cc6600;
}

.alert.alert-danger {
  background-color: #ff9999;
  border: none;
}

/* Alerts Alternative*/

.alert-alt {
  padding-left: 50px;
  position: relative;
}

.alert-alt.alert-clean:before {
  content: "\f024";
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #ececec;
  display: block;
  position: absolute;
  left: 17px;
  top: 14px;
}

.alert-alt.alert-success:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #9dd55d;
  display: block;
  position: absolute;
  left: 17px;
  top: 14px;
}

.alert-alt.alert-info:before {
  content: "\f129";
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #22d2d2;
  display: block;
  position: absolute;
  left: 17px;
  top: 14px;
}

.alert-alt.alert-warning:before {
  content: "\f071";
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #f4aa44;
  display: block;
  position: absolute;
  left: 17px;
  top: 14px;
}

.alert-alt.alert-danger:before {
  content: "\f05e";
  font-family: 'FontAwesome';
  font-size: 18px;
  color: #f33440;
  display: block;
  position: absolute;
  left: 17px;
  top: 14px;
}

/*========== Icons ==========*/

.iconleft {
  margin-right: 14px;
}

.iconright {
  margin-left: 14px;
}

.btn .iconleft {
  margin-right: 14px;
}

.btn .iconright {
  margin-left: 14px;
}

.btn-sm .iconleft, .btn-xs .iconleft {
  margin-right: 6px;
}

.btn-sm .iconright, .btn-xs .iconright {
  margin-left: 6px;
}

[class^="gfx-"]:before, [class*=" gfx-"]:before {
  vertical-align: middle;
  position: relative;
  top: -0.14em;
}

/*========== LivIcons ==========*/

.livicon {
  display: inline-block;
  line-height: inherit;
  vertical-align: middle;
}

/*========== Icon Boxes ==========*/

.iconbox {
  padding: 10px;
}

.iconbox .iconbox-wrapper {
  float: left;
  margin-right: 20px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

.iconbox-wrapper.pull-right {
  margin-left: 20px;
  margin-right: 0;
}

.iconbox .iconbox-content {
  overflow: hidden;
}

.iconbox-list {
  margin-bottom: 0px;
}

.iconbox-list li {
  margin-top: 20px;
}

.iconbox-list li:first-child {
  margin-top: 0px;
}

/* livicons iconbox*/

.iconbox .livicon {
  margin-bottom: 20px;
  float: left;
  margin-right: 20px;
}

/* icon box vertical*/

.iconbox.vertical {
  text-align: center;
}

.iconbox.vertical .iconbox-wrapper {
  float: none;
  margin: 0 auto 30px;
}

.iconbox.vertical .livicon {
  margin-bottom: 6px;
  float: none;
  margin-right: 0px;
  line-height: 1;
}

/* icon box icon size*/

.iconbox-wrapper.iconbox-2x {
  font-size: 38px;
  width: 38px;
  height: 38px;
  line-height: 38px;
}

.iconbox-wrapper.iconbox-3x {
  font-size: 60px;
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.iconbox-wrapper.iconbox-2x .livicon {
  margin-bottom: 8px;
}

.iconbox-wrapper.iconbox-3x .livicon {
  margin-bottom: 12px;
}

/* icon box circle*/

.iconbox-wrapper.circle {
  background: #f2f2f2;
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;

  border-radius: 50%;
}

.iconbox-wrapper.circle.border {
  background: none;
  border: 2px solid;
}

.iconbox-wrapper.circle.iconbox-2x {
  font-size: 32px !important;
  width: 68px !important;
  height: 68px !important;
  line-height: 68px !important;
}

.iconbox-wrapper.circle.iconbox-3x {
  font-size: 60px !important;
  width: 110px !important;
  height: 110px !important;
  line-height: 110px !important;
}

/* icon box square*/

.iconbox-wrapper.square {
  background: #f2f2f2;
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  border-radius: 4px;
}

.iconbox-wrapper.square.border {
  background: none;
  border: 2px solid;
}

.iconbox-wrapper.square.iconbox-2x {
  font-size: 38px !important;
  width: 68px !important;
  height: 68px !important;
  line-height: 68px !important;
}

.iconbox-wrapper.square.iconbox-3x {
  font-size: 60px !important;
  width: 110px !important;
  height: 110px !important;
  line-height: 110px !important;
}

/*========== Progress bars ==========*/

.progress {
  background: #f1f1f1;
  height: 40px;
  margin-bottom: 40px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar {
  line-height: 40px;
  text-align: left;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pb-content-text {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 2.5;
  padding: 5px 10px;
}

.pb-icon {
  float: left;
  padding: 10px;
  line-height: 1;
  font-size: 18px;
}

.pb-slim {
  height: 20px;
  margin-bottom: 20px;
}

.pb-slim .pb-content-text {
  line-height: 1;
  padding: 4px 10px;
}

.pb-slim .pb-icon {
  padding: 2px 10px;
  font-size: 16px;
}

/*progress bar align right - default is left*/

.pb-right .progress-bar {
  float: right;
}

.pb-right .pb-content-text {
  text-align: right;
}

/*progress bar colors*/

.progress-bar-success {
  background-color: #9dd55d !important;
}

.progress-bar-info {
  background-color: #22d2d2 !important;
}

.progress-bar-warning {
  background-color: #f4aa44 !important;
}

.progress-bar-danger {
  background-color: #f33440 !important;
}

.progress-bar-dark {
  background-color: #555566 !important;
}

/*========== Pie Chart ==========*/

.progress-pie-wrapper {
  text-align: center;
}

.progress-pie {
  display: inline-block;
}

.progress-pie.center-block {
  display: block;
}

.progress-pie.center-block .chart {
  margin: 0 auto;
}

.progress-pie .chart {
  position: relative;
  width: 180px;
  height: 180px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.progress-pie .chart canvas {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.progress-pie .pie-content {
  position: absolute;
  height: 120px;
  width: 120px;
  margin-top: 30px;
  margin-left: 30px;
  padding: 20px 0;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0) transparent;
  /* RGBa with 0.6 opacity */
  background: rgba(50, 49, 59, 0.8);
}

.progress-pie .pie-content .title-pie {
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 0 12px;
}

.progress-pie .pie-content .percent {
  font-size: 40px;
  display: block;
  padding-top: 5px;
  line-height: 1.4;
}

.progress-pie .pie-content .percent.icon-only {
  line-height: 1.5;
  font-size: 48px;
}

.progress-pie .pie-content .percent.counter {
  line-height: 1.2;
}

/*========== Video BG ==========*/

/*========== Forms ==========*/

.form-control {
  height: 50px;
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid #ececec;
  color: #778899;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group [class*="col-sm-"], .form-group [class*="col-md-"], .form-group [class*="col-lg-"] {
  margin-bottom: 15px;
}

.form-group [class*="col-sm-"]:last-child, .form-group [class*="col-md-"]:last-child, .form-group [class*="col-lg-"]:last-child {
  margin-bottom: 0;
}

.form-control::-moz-placeholder {
  color: #cccccc;
}

/*dark form*/

.dark-form {}

/*========== Lightbox ==========*/

.mfp-preloader {
  z-index: 1046;
}

/*========== Backgrounds and Colors ==========*/

/*bg*/

.bg-color-success {
  background-color: #9dd55d !important;
}

.bg-color-info {
  background-color: #22d2d2 !important;
}

.bg-color-warning {
  background-color: #f4aa44 !important;
}

.bg-color-danger {
  background-color: #f33440 !important;
}

.bg-color-light {
  background-color: #f8f8f8 !important;
}

.bg-color-dark {
  background-color: #32313B !important;
}

.bg-color-white {
  background-color: #ffffff !important;
}

.bg-color-none {
  background-color: transparent !important
}

/*colors*/

.color-success {
  color: #9dd55d !important;
}

.color-info {
  color: #22d2d2 !important;
}

.color-warning {
  color: #f4aa44 !important;
}

.color-danger {
  color: #f33440 !important;
}

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

.color-dark {
  color: #32313B !important;
}

/*========== White Space ==========*/

.white-space {
  display: block;
  width: 100%;
}

.white-space.space-mini {
  padding: 5px 0;
}

.white-space.space-xsmall {
  padding: 10px 0;
}

.white-space.space-small {
  padding: 20px 0;
}

.white-space.space-medium {
  padding: 30px 0;
}

.white-space.space-big {
  padding: 50px 0;
}

/*========== Dividers ==========*/

hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* hr fancy */

hr.hr-fancy {
  border: 0 solid #ececec;
  border-top-width: 1px;
  height: 0;
  display: block;
  width: 100%;
  position: relative;
}

hr.hr-fancy:after {
  content: " ";
  width: 30%;
  height: 5px;
  position: relative;
  bottom: 3px;
  display: block;
}

hr.text-center.hr-fancy:after {
  margin: 0 auto;
}

hr.text-right.hr-fancy:after {
  float: right;
}

/* hr fade margins */

hr.hr-fade {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(179, 179, 196, 0), rgba(179, 179, 196, 0.75), rgba(179, 179, 196, 0));
  background-image: -moz-linear-gradient(left, rgba(179, 179, 196, 0), rgba(179, 179, 196, 0.75), rgba(179, 179, 196, 0));
  background-image: -ms-linear-gradient(left, rgba(179, 179, 196, 0), rgba(179, 179, 196, 0.75), rgba(179, 179, 196, 0));
  background-image: -o-linear-gradient(left, rgba(179, 179, 196, 0), rgba(179, 179, 196, 0.75), rgba(179, 179, 196, 0));
}

/* hr double border */

hr.hr-double {
  padding: 4px;
  border: none;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

/* hr icon */

.hr-icon {
  position: relative;
  display: block;
}

.icon-divider {
  background-color: #FFFFFF;
  display: block;
  font-size: 38px;
  height: 50px;
  left: 50%;
  line-height: 50px;
  margin-left: -40px;
  position: absolute;
  text-align: center;
  width: 80px;
  top: -25px;
}

/*========== Labels ==========*/

.label {
  vertical-align: middle;
  padding: 0.2em 0.6em 0.2em;
}

.label-default {

  background-color: #778899;

}

.label-default[href]:hover,

.label-default[href]:focus {

  background-color: #5e5e5e;

}

.label-primary {}

.label-primary[href]:hover,

.label-primary[href]:focus {}

.label-success {

  background-color: #9dd55d;

}

.label-success[href]:hover,

.label-success[href]:focus {

  background-color: #8dbd0a;

}

.label-info {

  background-color: #22d2d2;

}

.label-info[href]:hover,

.label-info[href]:focus {

  background-color: #0cc0c0;

}

.label-warning {

  background-color: #f4aa44;

}

.label-warning[href]:hover,

.label-warning[href]:focus {

  background-color: #ee8820;

}

.label-danger {

  background-color: #f33440;

}

.label-danger[href]:hover,

.label-danger[href]:focus {

  background-color: #dd3333;

}

/*===============================

========== Google Maps ==========

===============================*/

.gmap-button {
  display: block;
  text-align: center;
  font-size: 18px;
  padding: 30px 0;
  cursor: pointer;
  color: #ffffff;
  text-transform: uppercase;
}

.gmap-button:hover {
  background: #f8f8f8;
  color: #32313B;
}

.gmap-button:after {
  content: "\f103";
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 18px;
  margin-left: 16px;
  text-decoration: inherit;
}

.gmap-button.show-map:after {
  content: "\f102";
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 18px;
  margin-left: 16px;
  text-decoration: inherit;
}

.gmap-wrapper {}

#google-map-footer {
  display: none;
  height: 500px;
  width: 100%;
}

#google-map {
  height: 450px;
  width: 100%;
}

#google-map.small-map {
  height: 300px;
}

.map-marker {
  padding: 20px;
}

.map-marker p {
  margin: 0
}

/*Panels*/

.panel {
  background: none;
}

.panel-default {
  border-color: #ececec;
}

.panel-light {
  border-color: #f8f8f8;
}

/*===============================

========== Tabs ==========

===============================*/

.nav-tabs {
  border-bottom: none;
}

.nav-tabs>li {
  float: left;
  margin-bottom: 0px;
}

.nav-tabs>li>a {
  padding: 15px 15px;
  margin-right: 1px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  background: #32313b;
  color: #fff;
  border-bottom: 4px solid;
}

.sidebar-widget .nav-tabs>li>a {
  padding: 15px 5px;
}

.nav-tabs>li>a:hover {
  border-color: #ececec;
  background: #f5f5f5;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff;
  cursor: default;
  border: 0;
  border-bottom: 4px solid;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified>li {
  float: none;
}

.nav-tabs.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

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

@media (min-width: 768px) {

  .nav-tabs.nav-justified>li {

    display: table-cell;

    width: 1%;

  }

  .nav-tabs.nav-justified>li>a {

    margin-bottom: 0;

  }

}

.nav-tabs.nav-justified>li>a {
  margin-right: 1px;
  border-radius: 0;
}

.nav-tabs.nav-justified>.active>a,

.nav-tabs.nav-justified>.active>a:hover,

.nav-tabs.nav-justified>.active>a:focus {

  border: none;
  border-bottom: 4px solid;

}

@media (min-width: 768px) {

  .nav-tabs.nav-justified>li>a {
    border-bottom: 4px solid;
    border-radius: 0;
  }

  .nav-tabs.nav-justified.tabs-alt>li>a {
    border-bottom: transparent;
  }

  .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {}

}

.nav-pills {
  margin-bottom: 10px;
}

.nav-pills>li {
  float: left;

}

.nav-pills>li>a {

  border-radius: none;

  margin-right: 2px;

}

.nav-pills>li+li {

  margin-left: 2px;

}

.nav-pills>li.active>a,

.nav-pills>li.active>a:hover,

.nav-pills>li.active>a:focus {

  color: #fff;

}

.nav-stacked>li {
  float: none;

}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {

  width: 100%;

}

.nav-justified>li {

  float: none;

}

.nav-justified>li>a {

  margin-bottom: 5px;

  text-align: center;

}

.nav-justified>.dropdown .dropdown-menu {

  top: auto;

  left: auto;

}

@media (min-width: 768px) {

  .nav-justified>li {

    display: table-cell;

    width: 1%;

  }

  .nav-justified>li>a {

    margin-bottom: 0;

  }

}

.nav-tabs-justified {

  border-bottom: 0;

}

.nav-tabs-justified>li>a {

  margin-right: 0;

  border-radius: 4px;

}

.nav-tabs-justified>.active>a,

.nav-tabs-justified>.active>a:hover,

.nav-tabs-justified>.active>a:focus {

  border: 1px solid #ddd;

}

@media (min-width: 768px) {

  .nav-tabs-justified>li>a {

    border-bottom: 1px solid #ddd;

    border-radius: 4px 4px 0 0;

  }

  .nav-tabs-justified>.active>a,

  .nav-tabs-justified>.active>a:hover,

  .nav-tabs-justified>.active>a:focus {

    border-bottom-color: #fff;

  }

}

.tab-content>.tab-pane {

  display: none;

}

.tab-content>.active {

  display: block;
  padding: 30px 10px;
  border: 1px solid #ececec;

}

.nav-tabs .dropdown-menu {

  margin-top: -1px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

/* Tabs Alternative */

.nav-tabs.tabs-alt>li>a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  margin-right: -1px;
  margin-bottom: -1px;
  background: #f5f5f5;
  border: 1px solid #ececec;
  color: #778899;
}

.nav-tabs.tabs-alt>li.active>a:after {
  content: "";
  height: 4px;
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  z-index: 1;
  width: 100%;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav-tabs.tabs-alt>li>a:hover {
  margin-right: -1px;
  background: #ffffff;
  border: 1px solid #ececec;
  color: #778899;
}

.nav-tabs.tabs-alt>li.active>a {
  border: 1px solid #ececec;
  border-bottom: 1px solid #fff;
  background: #ffffff;
}

.nav-tabs.tabs-alt>li.active>a:hover {
  border: 1px solid #ececec;
  border-bottom: 1px solid #fff;
  background: #ffffff;
}

.nav-tabs.tabs-alt>li.active>a:focus {
  border: 1px solid #ececec;
  border-bottom: 1px solid #fff;
  background: #ffffff;
}

.tabs-alt.tab-content>.active {
  border: none;
  border-top: 1px solid #ececec;
}

/*===============================

========== Accordions & Toggle ==========

===============================*/

.accordion .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
}

.accordion.panel-group {
  margin: 20px 0;
}

.accordion .panel .panel-heading {
  border: 1px solid #ececec;
  padding: 0;
  background: none;
}

.accordion .panel-title {
  font-weight: 500;
  font-size: inherit;
}

.accordion .panel-title a {
  display: block;
  padding: 15px;
}

.accordion .panel-title a .fa {
  margin-right: 10px;
}

.accordion .panel-body {
  border: none !important;
}

.accordion .accordion-toggle.collapsed-icon:after {
  content: "\f147";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  float: right;
}

.accordion .accordion-toggle.collapsed.collapsed-icon:after {
  content: "\f196";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  float: right;
}

.accordion .accordion-toggle.collapsed-icon-left.collapsed-icon:after {
  float: left;
  margin-right: 10px;
}

.accordion .accordion-toggle.collapsed-icon-left.collapsed.collapsed-icon:after {
  float: left;
  margin-right: 10px;
}

/* Accordion & Toggle - default stytle  */

.accordion .accordion-toggle {}

.accordion .accordion-toggle.collapsed {
  color: #848494;
}

.accordion .accordion-toggle.collapsed:hover {}

/* Accordion & Toggle - alternativestytle  */

.accordion.accordion-alt .panel-heading {
  border: none;
  background: #f8f8f8;
}

.accordion.accordion-alt .accordion-toggle {
  color: #fff;
}

.accordion.accordion-alt .accordion-toggle.collapsed {
  background: #f8f8f8;
  color: #848494;
}

.accordion.accordion-alt .accordion-toggle.collapsed:hover {
  color: #fff;
}

/*===============================

========== Pricing Table ==========

===============================*/

.pricing-table {
  border: 1px solid #ececec;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.pricing-table .pricing-table-head {
  background: #f8f8f8;
  padding-bottom: 20px;
  border-bottom: 1px solid #ececec;
}

.pricing-table .pricing-table-head .pricing-head-title {
  margin: 0px 5% 20px;
  padding: 10px 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.pricing-table .pricing-table-head .iconbox-wrapper {
  margin-bottom: 20px;
}

.pricing-table .pricing-table-head .pricing-head-price {
  font-size: 72px;
  letter-spacing: -1px;
  line-height: 1;
  color: #32313b;
  font-weight: 400;
}

.pricing-table .pricing-table-head .pricing-head-price .curency {
  font-size: 16px;
  position: relative;
  top: -30px
}

.pricing-table .pricing-table-head .pricing-head-price .period {
  font-size: 16px;
  position: relative;
  bottom: -10px;
}

.pricing-table .pricing-table-head .pricing-head-description {
  margin-bottom: 0;
  padding: 0 10px;
  font-style: italic;
}

.pricing-table .pricing-table-content {
  padding: 20px 0;
  text-align: left;
}

.pricing-table .pricing-table-content p {
  padding: 0 14px;
  margin: 0;
}

.pricing-table .pricing-table-footer {
  padding: 20px 0;
  border-top: 1px solid #ececec;
  background: #f8f8f8;
}

.pricing-table .pricing-table-content .pricing-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-table .pricing-table-content .pricing-list li {
  padding: 14px;
  border-top: 1px solid #ececec;
  color: #32313b;
}

.pricing-table .pricing-table-content .pricing-list li:first-child {
  border-top: 0;
}

/*===============================

========== Video Responsive ==========

===============================*/

iframe {
  border: none;
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.4%;
  height: 0;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 50%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video.youtube {
  padding-top: 0;
}

.flex-video.html5 {
  padding-top: 0;
}

.flex-video .video-js {
  width: 100%;
}

.flex-video iframe, .flex-video object, .flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {

  .flex-video {
    padding-top: 0;
  }

}

/* Margins */

/*top*/

.margin-top0 {
  margin-top: 0px !important;
}

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

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

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

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

.margin-top50 {
  margin-top: 50px !important;
}

.margin-top60 {
  margin-top: 60px !important;
}

.margin-top70 {
  margin-top: 70px !important;
}

.margin-top80 {
  margin-top: 80px !important;
}

.margin-top90 {
  margin-top: 90px !important;
}

.margin-top100 {
  margin-top: 100px !important;
}

/*bottom*/

.margin-bottom0 {
  margin-bottom: 0px !important;
}

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

.margin-bottom20 {
  margin-bottom: 20px !important;
}

.margin-bottom30 {
  margin-bottom: 30px !important;
}

.margin-bottom40 {
  margin-bottom: 40px !important;
}

.margin-bottom50 {
  margin-bottom: 50px !important;
}

.margin-bottom60 {
  margin-bottom: 60px !important;
}

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

.margin-bottom80 {
  margin-bottom: 80px !important;
}

.margin-bottom90 {
  margin-bottom: 90px !important;
}

.margin-bottom100 {
  margin-bottom: 100px !important;
}

/* Padding */

/*top*/

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

.padding-top10 {
  padding-top: 10px !important;
}

.padding-top20 {
  padding-top: 20px !important;
}

.padding-top30 {
  padding-top: 30px !important;
}

.padding-top40 {
  padding-top: 40px !important;
}

.padding-top50 {
  padding-top: 50px !important;
}

.padding-top60 {
  padding-top: 60px !important;
}

.padding-top70 {
  padding-top: 70px !important;
}

.padding-top80 {
  padding-top: 80px !important;
}

.padding-top90 {
  padding-top: 90px !important;
}

.padding-top100 {
  padding-top: 100px !important;
}

/*bottom*/

.padding-bottom0 {
  padding-bottom: 0px !important;
}

.padding-bottom10 {
  padding-bottom: 10px !important;
}

.padding-bottom20 {
  padding-bottom: 20px !important;
}

.padding-bottom30 {
  padding-bottom: 30px !important;
}

.padding-bottom40 {
  padding-bottom: 40px !important;
}

.padding-bottom50 {
  padding-bottom: 50px !important;
}

.padding-bottom60 {
  padding-bottom: 60px !important;
}

.padding-bottom70 {
  padding-bottom: 70px !important;
}

.padding-bottom80 {
  padding-bottom: 80px !important;
}

.padding-bottom90 {
  padding-bottom: 90px !important;
}

.padding-bottom100 {
  padding-bottom: 100px !important;
}

/*===============================

========== Back To Top ==========

===============================*/

.scrollup {
  border: 2px solid #A7A7A7;
  color: #A7A7A7;
  display: none;
  font-size: 26px;
  line-height: 1.3;
  position: fixed;
  bottom: 40px;
  right: 10px;
  text-align: center;
  width: 40px;
  height: 40px;
  z-index: 1100;
}

.scrollup:hover, .scrollup:focus {
  border: 2px solid;
}

/*===============================

========== General Pages ==========

===============================*/

/* Sidebar */

.content-with-sidebar {
  overflow: hidden;
}

.content-with-sidebar .sidebar:before {
  content: "";
  display: block;
  height: 6000px;
  position: absolute;
  width: 1px;
}

.sidebar.sidebar-right:before {
  background: #ececec;
  margin-left: -8px;
}

.sidebar.sidebar-left:before {
  background: #ececec;
  right: 7px;
}

.sidebar.sidebar-right .sidebar-content {
  position: relative;
  padding-left: 15px;
}

.sidebar.sidebar-left .sidebar-content {
  position: relative;
  padding-right: 15px;
}

/* widget */

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

.sidebar-widget .title-widget {
  font-weight: 300;
  text-transform: none;
}

.sidebar-widget .title-widget.fancy-title span:after {
  margin: 20px 0 -3px;
}

/* nav sidebar */

.nav {}

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

/* Pagination */

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
  border-color: #ececec;
}

.pagination>li>a, .pagination>li>span {
  border-color: #ececec;
  color: #778899;
  margin-left: 4px;
  padding: 8px 16px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  color: #ffffff;
}

/* working contact form */

#contactForm label.error {
  font-weight: 300;
}

#contactForm label.error:before {
  content: "\f06a";
  font-family: 'FontAwesome';
  margin-right: 10px;
}

/*===============================

========== Blog Pages ==========

===============================*/

.blog-post {
  position: relative;
  margin-bottom: 50px;
}

.blog-post .blog-post-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
}

.blog-post .blog-post-side .blog-post-date {
  text-align: center;
  color: #fff;
  padding: 5px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.blog-post .blog-post-side .blog-post-date .date-day {
  margin-bottom: 0;
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1;
}

.blog-post .blog-post-side .blog-post-date .date-month {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 18px;
}

.blog-post .blog-post-content {
  padding: 20px;
  margin-right: 15px;
  border: 1px solid #ececec;
  margin-left: 85px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

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

.post-media img {
  width: 100%;
  height: auto;
}

.post-format {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 2.4;
  font-size: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ececec;
  margin-top: 10px;
}

.post-format-standard .post-format:before {
  content: "\f040";
  font-family: 'FontAwesome';
}

.post-format-link .post-format:before {
  content: "\f0c1";
  font-family: 'FontAwesome';
}

.post-format-quote .post-format:before {
  content: "\f10e";
  font-family: 'FontAwesome';
}

.post-format-gallery .post-format:before {
  content: "\f03e";
  font-family: 'FontAwesome';
}

.post-format-video .post-format:before {
  content: "\f03d";
  font-family: 'FontAwesome';
}

.post-format-image .post-format:before {
  content: "\f030";
  font-family: 'FontAwesome';
}

.post-format-music .post-format:before {
  content: "\f001";
  font-family: 'FontAwesome';
}

.post-meta-info {
  font-style: italic;
  color: #778899;
  margin: 10px 0;
}

.post-meta-info a {
  color: #778899;
  font-size: 13px;
}

.post-meta-info a:hover, .post-meta-info a:focus {}

.meta-comments:before {
  content: "\f075";
  font-family: 'FontAwesome';
  margin-right: 10px;
  font-style: normal;
}

.meta-date:before {
  content: "\f073";
  font-family: 'FontAwesome';
  margin-right: 10px;
  font-style: normal;
}

.meta-tags:before {
  content: "\f02c";
  font-family: 'FontAwesome';
  margin-right: 10px;
  font-style: normal;
}

/* Posts List */

.posts-list {}

.post-item {
  margin-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.post-image {
  max-width: 80px;
  max-height: 80px;
  margin: 0 10px 10px 0;
  float: left;
}

.post-image img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.post-item-title {
  font-weight: 600;
  color: #32313b;
}

/* Comments List */

.comments-list {
  list-style: none;
  padding: 0;
}

.comments-list li {
  margin-top: 20px;
  line-height: 1.6;
  padding-left: 30px;
}

.comments-list li:before {
  content: "\f0e6";
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  margin-left: -1.3em;
  width: 1.3em;
  font-size: 18px;
}

.comments-list li:first-child {
  margin-top: 0;
}

a.comment-user {
  padding: 5px 10px;
  background: #32313b;
  margin-right: 5px;
  color: #ffffff;
  font-weight: 600;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

a.comment-user:hover {
  background: #778899;
}

a.comment-link {}

a.comment-link:hover {}

/* Blog Masonry */

.element-inner .blog-post .blog-post-side {
  position: relative;
  width: 100%;
  clear: both;
  margin: 0 auto 20px;
  display: table;
}

.element-inner .blog-post .blog-post-content {
  margin-left: 0;
  margin-right: 0;
}

.element-inner .blog-post .post-title {
  font-size: 28px;
}

.element-inner .blog-post .blog-post-side {
  position: relative;
  width: auto;
  text-align: center;
}

.element-inner .blog-post .blog-post-side .blog-post-date {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  float: left;
}

.element-inner .blog-post .post-format {
  float: left;
  margin: 0;
}

/*===============================

========== Search Results ==========

===============================*/

.search-results {
  border-top: 1px solid #ececec;
}

.search-results-item {
  padding: 40px 0 40px 60px;
  position: relative;
  border-bottom: 1px solid #ececec;
}

.search-number {
  position: absolute;
  left: 0;
  top: 40px;
  width: 40px;
  height: 40px;
  border: 1px solid #ececec;
  font-size: 18px;
  text-align: center;
  line-height: 2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*===============================

========== Under Construction ==========

===============================*/

.counter-block {
  color: #FFF;
  border: 1px solid #ececec;
  text-align: center;
  font-size: 64px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.counter-block span {
  display: block;
  font-size: 16px;
  border-top: 1px solid #ececec;
  padding: 10px 0;
  margin-top: 10px;
  text-transform: uppercase;
}

/*===============================

========== Shop Pages ==========

===============================*/

.shop-product {
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.shop-product:hover {
  background: #fbfbfb;
}

.shop-product .shop-product-info {
  display: block;
  text-align: center;
  padding: 20px 0 10px;
  border-bottom: 4px solid #ececec;
  margin: 0 5px 10px;
}

.shop-product .shop-product-info .product-name {
  margin-bottom: 2px;
}

.shop-product .shop-product-info .product-category {
  margin-bottom: 10px;
  font-size: 13px;
}

.shop-product .shop-product-info .product-price {
  display: block;
  margin-bottom: 0;
  font-size: 18px;
  color: #32313b;
  line-height: 1;
}

.product-links {
  text-align: center;
}

.product-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-links ul li {
  display: inline-block;
  width: 23%;
  padding: 10px 0;
  text-align: center;
  border-left: 1px solid #ececec;
}

.product-links ul li a {
  display: block;
  font-size: 16px;
  color: #778899;
}

.product-links ul li a:hover, .shop-product .product-links ul li a:focus {}

.product-links ul li:first-child {
  border-left: none;
}

.img-hover {
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Modern browsers */
  opacity: 0;
}

.shop-product:hover .img-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Modern browsers */
  opacity: 1;
}

.rating {
  direction: rtl;
  font-size: 16px;
  unicode-bidi: bidi-override;
  text-align: center;
  position: absolute;
  z-index: 5;
  bottom: -32px;
  height: 32px;
  line-height: 2;
  width: 100%;
  color: #32313b;

  background: #ffffff;
  /* fallback for browser that not support rgba */

  background: rgb(255, 255, 255);

  background: rgba(255, 255, 255, .8);
  /* Works on all modern browsers */

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.shop-product:hover .rating {
  bottom: 0;
}

.rating span.star {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.rating span.star:hover {
  cursor: pointer;
}

.rating span.star:before {
  content: "\f006";
  padding-right: 5px;
}

.rating span.star.star-full:before {
  content: "\f005";
  color: gold;
}

.rating span.star.star-half:before {
  content: "\f123";
  color: gold;
}

.rating:hover span.star.star-full:before {
  content: "\f006";
  color: #32313b;
}

.rating:hover span.star.star-half:before {
  content: "\f006";
  color: #32313b
}

.rating span.star:hover:before, .rating span.star:hover~span.star:before {
  color: gold;
  content: "\f005";
}

.rating span.star.star-full:hover:before, .rating span.star.star-full:hover~span.star.star-full:before {
  color: gold;
  content: "\f005";
}

.rating span.star.star-half:hover:before, .rating span.star.star-half:hover~span.star.star-half:before {
  color: gold;
  content: "\f005";
}

/* shop lists */

.shop-product-categories {
  list-style: none;
  padding: 0;
  margin: 0;
}

.shop-product-categories li {
  padding: 15px 10px;
  border-top: 1px solid #ececec;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
}

.shop-product-categories li:hover, .shop-product-categories li:focus {
  background: #f8f8f8;
}

.shop-product-categories li.active {
  background: #f8f8f8;
}

.shop-product-categories li:first-child {
  border-top: none;
}

.shop-product-categories li span.count {
  float: right;
}

/* shop filters */

.shop-filters {}

.shop-filters .form-control {
  width: auto;
  display: inline-block;
}

.shop-filters label {
  font-weight: 300;
}

.show-results {
  float: right;
  line-height: 3;
}

/* custom start */

.sarl_point {
  font-size: 14px;
}

.popup_inner {

  background: #fff;

  padding: 10px 30px;

  transform: translateY(-50%);

  top: 50%;

  position: relative;

}

.sevices {
  transition: all 0.3s ease-in-out;
}

.sevices:hover span, .sevices:hover .active-color {
  color: #868686;
}

/*.sevices:hover .sarl_point { color: #dd042b;}*/

#coronation_img img {

  width: 3%;

}

@media (max-width: 540px) {

  .show-results {
    float: none;
    margin: 20px 0 0;
    display: block;
  }

}

/* shop product info */

.product-info {
  border: 1px solid #ececec;
  padding: 40px 20px;
}

.product-info h2, .product-info h3 {
  text-transform: none;
  margin-bottom: 20px;
}

.product-info .product-price {
  font-size: 24px;
  font-weight: 600;
  line-height: inherit;
  margin: 20px 0;
  color: #32313b;
}

.product-info .rating {
  text-align: left;
  position: relative;
  top: 0;
  left: 0;
}

.product-info .form-control {}

.inputQty {
  margin: 0 10px 10px 0;
  float: left;
}

.input-quantity {
  height: 50px;
  border: 1px solid #ececec;
  padding: 10px;
  float: left;
  max-width: 80px;
  text-align: center;
  font-size: 18px;
}

.qselect {
  height: 50px;
  width: 30px;
  font-size: 18px;
  float: left;
  text-align: center;
  line-height: 2.6;
  cursor: pointer;
  border: 1px solid #ececec;
}

.qselect.qup {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}

.qselect.qdown {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  margin-right: -1px;
}

/* shop rating lists */

.ratings {}

.ratings li {
  position: relative;
}

.ratings li .rating-final {
  top: 0;
  right: 0;
  text-align: right;
  width: auto;
  line-height: 1;
  position: absolute;
}

.ratings li .rating-final span.star {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.ratings li .rating-final span.star:before {
  content: "\f006";
  padding-right: 5px;
}

.ratings li .rating-final span.star.star-full:before {
  color: gold;
  content: "\f005";
}

.ratings li .rating-final span.star.star-half:before {
  color: gold;
  content: "\f123";
}

.ratings .media-object {
  max-width: 80px;
  height: auto;
}

.ratings .media-heading {
  font-size: 18px;
  font-weight: 300;
}

.ratings .rating-date {
  margin-left: 20px;
  font-style: italic;
  font-size: 14px;
  color: #778899;
}

@media (max-width: 540px) {

  .ratings li .rating-final {
    position: relative;
  }

}

/* Post Navigation */

.post-navigation {}

.article-nav {

  /* default fallback */
  background: rgb(37, 36, 44) transparent;

  /* nice browsers */
  background: rgba(37, 36, 44, 0.2);

  color: #FFFFFF;
  height: 120px;
  margin-top: -60px;
  padding: 15px;
  position: fixed;
  text-decoration: none;
  top: 50%;
  z-index: 1000;
  cursor: pointer;
}

.article-nav.article-prev {
  left: 0;
}

.article-nav.article-next {
  right: 0;
}

.nav-icon {
  height: 22px;
  line-height: 22px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
}

.article-prev .nav-icon {
  left: 10px;
}

.article-next .nav-icon {
  right: 10px;
}

.nav-info-wrapper {
  display: block;
  overflow: hidden;
  width: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: translate3d(0, 0, 0);
}

.article-prev .nav-info {
  margin: 0 0 0 15px;
}

.article-next .nav-info {
  margin: 0 15px 0 0;
  text-align: right;
}

.nav-info {
  display: table;
  height: 90px;
  width: 210px;
}

.nav-info-title {
  display: table-cell;
  vertical-align: middle;
}

.article-nav:hover {
  color: #fff;

  /* default fallback */
  background: rgb(37, 36, 44) transparent;

  /* nice browsers */
  background: rgba(37, 36, 44, 0.8);
}

.article-nav:hover .nav-info-wrapper {
  width: 225px;
}

/* Single Post */

.about {
  padding-left: 116px;
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 50px;
}

.author-avatar {
  max-width: 96px;
  position: absolute;
  top: 0;
  left: 0;
}

.author-avatar img {
  width: 100%;
  height: auto;
}

/* comments article */

.comments-article {
  margin-bottom: 50px;
}

.comments-article img {
  max-width: 64px;
}

.comments-article li.media {}

.comment-date {
  color: #778899;
  font-size: 14px;
  margin-left: 10px;
}

.comments-article .media-heading {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

/*===============================

========== RTL STYLES ==========

===============================*/

html[dir="rtl"] .social-top {
  float: right;
  padding: 0;
}

html[dir="rtl"] .social-top li:first-child {
  border-left: none;
}

html[dir="rtl"] .social-top li:last-child {
  border-left: 1px solid #ececec;
}

html[dir="rtl"] .top-menu {
  float: left;
  padding: 0;
}

html[dir="rtl"] .top-menu li:first-child {
  border-left: none;
}

html[dir="rtl"] .top-menu li:last-child {
  border-left: 1px solid #ececec;
}

html[dir="rtl"] .header-top ul .fa {
  margin-right: 0;
  margin-left: 10px;
}

html[dir="rtl"] .social-top .fa {
  margin-left: 0 !important;
}

html[dir="rtl"] .slide-panel-btn {
  margin-right: -40px;
}

html[dir="rtl"] .gfx-mega .dropdown-menu {
  left: auto;
  right: auto;
}

html[dir="rtl"] .iconbox .iconbox-wrapper {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

html[dir="rtl"] .iconbox.vertical .iconbox-wrapper {
  float: none;
  margin: 0 auto 15px;
}

html[dir="rtl"] .progress-pie .pie-content {
  margin-left: 0px;
  margin-right: 40px;
}

html[dir="rtl"] .gmap-button:after {
  margin-left: 0;
  margin-right: 16px;
}

html[dir="rtl"] .btn .iconleft {
  margin-right: 0px;
  margin-left: 14px;
}

html[dir="rtl"] .btn .iconright {
  margin-right: 14px;
  margin-left: 0px;
}

/*===============================

========== Responsive Media Queries ==========

===============================*/

@media (min-width: 768px) and (max-width: 991px) {

  .logo {
    line-height: 105px !important;
  }

  .gfx-nav {
    float: none;
  }

  ul.gallery {
    margin-left: 0;
  }

  ul.gallery li {
    width: 50% !important;
    /* this value + 2% should = 50% */
  }

}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

@media (max-width: 767px) {
  .form-control2 {
    padding: 0px 20px 0px 20px !important;
  }

  h1, h2, h3, h4, h5, h6 {}

  .footer_ul {

    padding-left: 0 !important;

  }

  .mobile_header_list a:hover {

    color: #fff !important;

  }

  .mobile_header_logo {

    width: 70%;

    padding: 10px 0;

  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 22px;
  }

  .lead {
    font-size: 15px;
  }

  .header-top-left {
    padding: 0px;
  }

  .social-top {
    text-align: center;
    float: none;
  }

  .top-menu {
    float: none;
    text-align: center;
  }

  .top-menu li {
    border-top: 1px solid #ececec;
  }

  .logo {
    line-height: 77px !important;
  }

  .gfx-nav {
    float: none;
  }

  .header-main.shrink .gfx-nav a {
    line-height: 1.4;
  }

  .main-wrapper-header .breadcrumbs-wrapper {
    text-align: left;
  }

  .fancy-header .breadcrumbs-wrapper {
    text-align: center;
  }

  ul.gallery {
    margin-left: 0;
  }

  ul.gallery li {
    width: 50% !important;
    /* this value + 2% should = 50% */
  }

  .blog-post-side {
    position: relative !important;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .blog-post-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* RTL */

  html[dir="rtl"] .top-menu {
    float: none;
    text-align: center;
  }

  html[dir="rtl"] .social-top {
    float: none;
    text-align: center;
  }

}

/*@media (max-width:991px) {

  .mobile_header_logo {

    width: 70%;

    padding: 15px 0;

}

}*/

@media (max-width: 991px) {

  .tblogo {

    display: block !important;

    text-align: center;

    width: 100%;

  }

  .mobile_google {

    display: block;

  }

  .web_google {

    display: none;

  }

  .footer-bottom .menu-footer ul li {

    padding: 0px 0;

  }

  .footer-bottom .menu-footer ul {

    line-height: 25px;

  }

  .webfooterlogo {

    display: none !important;

    text-align: center;

    margin: 0 auto;

  }

  .footer_white_logo {

    width: auto;

    margin: 0 auto;

    text-align: center;

    display: block;

    padding: 5px 0;

  }

}

@media (max-width: 767px) {

  .companylink {

    text-align: center;

  }

  .copyright {

    text-align: center;

  }

  #google_translate_element {}

  .tblogo {

    display: block;

    text-align: center;

    width: 100%;

  }

  .tblogo li {

    width: 100%;

    text-align: center !important;

    padding: 10px 0;

  }

  .webfooterlogo {

    display: none;

  }

  .footer_ul {

    padding-left: 0 !important;

    padding-top: 10px;

  }

  .nonein767 {

    display: none;

  }

  .footer_white_logo {

    width: auto;

    margin: 0 auto;

  }

  .marginb0 {

    margin-bottom: 0;

    padding: 6px 0;

  }

  .footer-bottom .menu-footer ul li {

    font-size: 16px;

    padding: 0px 0;

  }

  .footer-bottom .menu-footer ul {

    line-height: 27px !important;

  }

  .footer_white_logo {

    text-align: center;
    display: block;
    padding: 10px 0;

  }

  .header-main {
    position: relative !important;
  }

  /*.services_filter_menu,.mobile_hide{display: none;}*/

  .row.services_filter_menu {

    display: block;

    overflow: auto;

    background: #D4D3D3;

    padding: 11px 0 0 0;

  }

  .services_filter_menu ul#filters {

    margin: 0 0px 0px 4px;

    width: 2024px;

    text-align: left;

  }

  button.close {

    position: absolute;

    right: 17px;

    z-index: 1000;

  }

}

@media (max-width: 540px) {

  body {
    font-size: 12px;
  }

  .white-space.space-small {
    padding: 6px 0;
  }

  .btn-lg, .btn-group-lg>.btn {

    padding: 10px 24px;

    font-size: 15px;

  }

  .btn-sm, .btn-group-sm>.btn {

    padding: 9px 16px;

    font-size: 12px;

  }

  /*h5 {font-size: 14px;}*/

  .logo img {
    width: 44%;
  }

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

  .team-wrapper-alt .team-info {
    display: none;
  }

  .form-control {
    height: 40px;
    font-size: 12px;
  }

  p {
    font-size: 13px;
  }

  .fancy-header .page-title h2 {
    font-size: 30px;
  }

  h4 {
    font-size: 18px;
  }

  h3 {
    font-size: 23px;
  }

  ul#filters li a.filter {
    font-size: 10px;
    padding: 6px 9px;
  }

  .white-space.space-big {
    padding: 21px 0;
  }

  .footer-bottom .menu-footer ul li {
    text-transform: uppercase;
    font-size: 14px;
  }

  ul.gallery {
    margin-left: 0;
  }

  ul.gallery li {
    width: 100% !important;
    /* this value + 2% should = 100% */
  }

  .animation {

    /*CSS transitions*/

    -o-transition-property: none !important;

    -moz-transition-property: none !important;

    -ms-transition-property: none !important;

    -webkit-transition-property: none !important;

    transition-property: none !important;

    /*CSS transforms*/

    -o-transform: none !important;

    -moz-transform: none !important;

    -ms-transform: none !important;

    -webkit-transform: none !important;

    transform: none !important;

    /*CSS animations*/

    -webkit-animation: none !important;

    -moz-animation: none !important;

    -o-animation: none !important;

    -ms-animation: none !important;

    animation: none !important;

  }

  /* service page */

  .popup_inner {
    transform: translateY(0%);
    top: 0;
  }

  .iconbox-wrapper.circle.iconbox-3x {
    font-size: 45px !important;
    width: 90px !important;
    height: 90px !important;
    line-height: 90px !important;
    margin: 0 auto 14px;
  }

  /*.sarl_point { font-size: 11px;}*/

  .service_icon {
    overflow: auto;
  }

  .service_icon_container {
    width: calc(140px * 6);
  }

  .service_icon_inner {
    width: 140px;
  }

  #coronation_img img {
    width: 6%;
  }

}

.active-color {

  color: #dd042b;

}

.overlay_hide {

  display: none;

}

.popup {

  position: fixed;

  top: 0px;

  z-index: 10000;

  width: 100%;

  left: 0px;

  display: none;

  margin: 0 auto;

  height: 100%;

  overflow: auto;

}

.popup_inner .close {

  font-size: 49px;

  outline: none;

}

.popup_inner .close:hover, .popup_inner .close:active {

  outline: none;

}

.popup.show {

  display: block;

}

/* Sevices filters menu in services.html */

.service_shrink {

  position: fixed;

  top: 65px;

  left: 0px;

  width: 100%;

  background: #fff;

  z-index: 1000;

  padding: 12px 0 0 0;

  -webkit-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6);

  -moz-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6);

  box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6);

}

.service_shrink ul#filters {

  margin: 0 auto;

}

.clients {

  border: 1px solid #E8E8E8;

}

.clients:hover img {

  transform: scale(1.1);

}

.footer-bottom #coronation_img:hover {

  color: #fff;

}

/*career*/

.subtitle-mm {

  font-size: 1.5em !important;

}

.uppercase {

  text-transform: uppercase;

}

.desc {

  font-size: 1.2em !important;

  line-height: 160%;

}

.bold {

  font-weight: bold !important;

}

.red {

  color: #dd042b;

}

.black {

  color: #000;

}

.desc p {

  margin-bottom: 5px;

}

.currentOpening {

  position: relative;

  padding-bottom: 20px;

  display: inline-block;

  width: 100%;

}

.currentOpening:after {

  position: absolute;

  width: 100px;

  bottom: 0;

  height: 2px;

  background: #dd042b;

  content: "";

  left: calc(50% - 50px);

}

.departmentJobTitle {

  position: relative;

  display: inline-block;

  padding-bottom: 5px;

}

.departmentJobTitle:after {

  position: absolute;

  width: 100%;

  bottom: 0;

  height: 1px;

  background: #000;

  content: "";

  left: calc(0% - 0px);

}

.careerBlockWrapper {

  width: 100%;

  padding: 25px 0;

  display: inline-block;

}

.careerBlockWrapper:first-child {

  padding-top: 0;

}

.career_subtitles {

  font-size: 0.9em !important;

}

.borderBottomWrapper {

  border-bottom: 1px solid #ccc;

}

.jobTitle {

  margin-bottom: 15px;

}

.bold {

  font-weight: bolder;

}

.jobWrapper {

  margin-bottom: 70px;

  display: inline-block;

  width: 100%;

}

.white-space.space-very-small {

  padding: 10px 0px;

}

.job_popup {

  position: fixed;

  bottom: 35px;

  right: 60px;

  z-index: 99;

}

.job_popup a {

  font-size: 1.7em;

  line-height: 2em;

  display: inline-block;

}

/*new header*/

.header_leftdiv ul li {

  list-style: none;

  display: inline-block;

  position: relative;

}

.header_leftdiv ul li:after {

  position: absolute;

  content: '';

  width: 1px;

  height: 30px;

  right: 0;

  background: #ccc;

  top: 10px;

}

.header_leftdiv ul li:last-child:after {

  position: absolute;

  content: '';

  width: 0px;

  height: 0px;

  right: 0;

  background: none;

  top: 0px;

}

.header_leftdiv ul li a {

  color: #000;

}

.header_leftdiv {

  padding: 0px;

}

.header_leftdiv ul li {

  padding: 20px 10px;

}

.header_leftdiv ul {

  padding: 0px;

  margin: 0;

}

.country_icon {

  text-align: right;

  float: right;

}

.country_icon ul {

  padding: 0;

  margin: 0
}

.country_icon ul li {

  list-style: none;
  float: left;

}

.country_icon ul li {

  padding: 15px 15px 0px 15px;

}

.header_leftdiv ul li a:hover {
  color: #ff0000;  
}

/* .darkHeader .first_strip {
    margin-top: -60px  !important;
} */

.skiptranslate span a  {
  display:none;
}
.first_strip {

  border-bottom: 1px solid #ccc;

}

/*new header enbd */

/*what new*/

.what_new {

  background: #f4f4fa;

}

#our_product_swiper {

  background-color: #f6f6f6;

  padding-bottom: 200px;

}

.homepage_ourproduct_width {

  width: 50%;

  margin: 0 auto;

}

.homepage_ourproduct_width .swiper-slide .main-img {

  margin: 0 auto;

}

.homepage_ourproduct_width .swiper-button-prev {

  background-image: url(../images/header/left-arrw.png);

  left: 8%;

  right: auto;

  background-size: auto;

  width: 48px;

  height: 48px;

  top: unset;

  bottom: 2%;

  filter: invert(1) brightness(13);

}

:focus {

  outline: 0;

}

.homepage_ourproduct_width .swiper-button-next {

  background-image: url(../images/header/right-arrw-fill.png);

  background-size: auto;

  width: 48px;

  height: 48px;

  bottom: 2%;

  top: unset;

  right: unset;

  left: 16%;

  z-index: 99;

  filter: invert(1) brightness(13);

}

.padding_bussiness {

  padding: 30px 0;

}

.homepage_ourproduct_width .swiper-inside-box {

  position: absolute;

  bottom: 0;

  width: 50%;

  background: #fff;

  right: 0;

  padding: 35px;

}

.line-left-center {

  width: 90px;

  height: 3px;

  background: rgb(35, 123, 123);

  margin: 20px auto 20px auto;

}

.relative {

  position: relative;

}

.homepage_ourproduct_width .swiper-slide .main-img:after {

  background: rgb(35, 123, 123);

  position: absolute;

  top: 30px;

  left: 30%;

  content: "";

  height: 3px;

  background: red;

}

#our_product_swiper .square {

  /* width: 1000px; */

  height: 510px;

  background: #E10431;

  left: 8%;

  top: 18%;

  position: absolute;

  width: 100%;

}

.swiper_right_img {

  position: absolute;

  bottom: 7%;

  right: 5%;

  width: 26%;

}

/*what new*/

#accordian {

  display: none;

}

/**/

.stage2 {

  position: absolute;

  top: -2%;

  left: 100% !important;

}

.stage3 {

  position: absolute;

  top: 20%;

  left: 100% !important;

}

.stage4 {

  position: absolute;

  top: 65%;

  left: 100% !important;

}

.stage5 {

  position: absolute;

  top: 85%;

  left: 100% !important;

}

.mainsubmenu a {

  font-family: 'Raleway', sans-serif
}

.mainsubmenu i {

  /*float: right;*/

}

/**/

/*menu*/

.level1 {

  display: none;

  padding-left: 0;

}

.hassubs .level1 li {

  list-style: none;

  padding: 10px;

  color: #000;

}

.hassubs a {

  color: #000;

  display: block;

}

/*  .hassubs .level1 li:hover {

                    	color: #fff;

                    }

                    .hassubs a:hover{

                        color: #fff;

                        display: block;

                    }*/

.hassubs:hover .level1 {

  display: block;

  position: absolute;

  background: #fff;

  width: max-content;

  box-shadow: 3px 3px 10px 0px;

}

.level2subitem {

  display: none;

  position: relative;

}

.level2:hover .level2subitem {

  display: block;

  position: absolute;

  left: 100%;

  padding: 0;

  background: #fff;

  top: 0%;

  width: max-content;

  color: #000;

  box-shadow: 3px 3px 10px 0px;

}

.level33subitem {

  display: none;

  position: relative;

}

.level33:hover .level33subitem {

  display: block;

  position: absolute;

  left: 100%;

  padding: 0;

  background: #fff;

  top: 16%;

  width: max-content;

  color: #000;

  box-shadow: 3px 3px 10px 0px;

}

.level3subitem {

  display: none;

  position: relative;

}

.level3:hover .level3subitem {

  display: block;

  position: absolute;

  left: 100%;

  padding: 0;

  background: #fff;

  bottom: 0%;

  width: max-content;

  color: #000;

  box-shadow: 3px 3px 10px 0px;

}

.level4subitem {

  display: none;

  position: relative;

}

.level4:hover .level4subitem {

  display: block;

  position: absolute;

  left: 100%;

  padding: 0;

  background: #fff;

  bottom: 0;

  width: max-content;

  color: #000;

  box-shadow: 3px 3px 10px 0px;

}

.hassubs .level1 li:hover {

  background: #e10431;

  color: #fff;

}

.hassubs ul li a {

  color: #000 !important;

}

/* .hassubs ul li:hover a {

                              color: #fff !important;

                            }*/

.hassubs ul li a {

  color: #000 !important;

}

/*menu*/
@media (max-width: 1800px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 11px;
  }
}

@media (max-width: 1680px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 11px;
  }

  .menu_navigation {

    position: relative;

    width: 80% !important;

    margin: 0 auto;

  }

  #our_product_swiper .square {

    height: 460px;

    width: 100%;

  }

  .footer_white_logo {

    width: auto;

  }

}

@media (max-width: 1600px) {

  .homepage_ourproduct_width .swiper-inside-box {

    width: 63%;

  }

  #our_product_swiper .square {

    height: 440px;

    width: 100%;

  }

  .navbar-default .navbar-nav>li>a {
    font-size: 10px;
  }

}

@media (max-width: 1460px) {

  .main-wrapper-header {

    padding: 250px 0 150px 0;

  }

  .menu_navigation {

    position: relative;

    width: 85% !important;

    margin: 0 auto;

  }

  #our_product_swiper .square {

    height: 470px;

    width: 100%;

  }

  .homepage_ourproduct_width {

    width: 60%;

    margin: 0 auto;

  }

  .navbar-default .navbar-nav>li>a {
    font-size: 10px;
  }

}

@media (max-width: 1366px) {

  .footer_white_logo {

    width: auto;

  }

  .footer_ul {

    padding-left: 0 !important;

  }

  .menu_navigation {

    position: relative;

    width: 90% !important;

    margin: 0 auto;

  }

  #our_product_swiper .square {

    height: 450px;

    width: 100%;

  }

}

@media (max-width: 1280px) {

  .navbar-nav>li>a {

    padding: 9px 8px 8px !important;

  }

  .homepage_ourproduct_width {

    width: 70%;

    margin: 0 auto;

  }

  #our_product_swiper .square {

    height: 480px;

    width: 100%;

  }

  #our_product_swiper {

    background-color: #f6f6f6;

    padding-bottom: 100px;

  }

}

@media (max-width: 1152px) {

  .menu_navigation {

    position: relative;

    width: 100% !important;

    margin: 0 auto;

  }

  #our_product_swiper .square {

    height: 440px;

    width: 100%;

  }

  .navbar-default .navbar-nav>li>a {
    font-size: 9px;
  }

}

@media (max-width: 1200px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 9px;
  }
}

@media (max-width: 1100px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 8px;
  }
}

@media (max-width:1024px) {

  #our_product_swiper .square {

    height: 390px;

  }

  .footer_white_logo {

    width: 100%;

  }

  .navbar-default .navbar-nav>li>a {
    font-size: 8px;
  }

}

@media (max-width:991px) {

  .footer_white_logo {

    width: auto;

  }

  .first_strip .container {

    padding: 0;

  }

  .homepage_ourproduct_width {

    width: 90%;

    margin: 0 auto;

  }

  .homepage_ourproduct_width .swiper-inside-box {

    width: 100%;

  }

  #our_product_swiper .square {

    height: 382px;

    left: 3%;

  }

  .first_strip {

    display: none;

  }

  #accordian {

    display: block;

  }

  .webservice {

    display: none !important;

  }

  .header-main {

    display: none;

  }

  .mobile_header {

    display: block;

    padding: 25px 0;

  }

  .mobile_header_list_wrapper {

    padding: 95px 0px 40px 0px;

  }

}

@media (max-width:767px) {

  .mobile_header {

    display: block;

    padding: 0;

  }

  .mobile_header_list_wrapper {

    padding: 80px 0px 40px 0px;

  }

  .white-space.space-medium {

    padding: 12px 0;

  }

  .homepage_ourproduct_width .swiper-inside-box {

    width: 100%;

    padding: 18px;

    position: relative !important;

    margin-top: 50px;

  }

  #our_product_swiper .square {

    height: 180px;

    left: 0%;

  }

  .homepage_ourproduct_width .swiper-button-next {

    left: 28%;

    bottom: 5%;

  }

  .homepage_ourproduct_width .swiper-button-prev {

    bottom: 5%;

  }

  #our_product_swiper {

    background-color: #f6f6f6;

    padding-bottom: 5px;

  }

  .homepage_ourproduct_width {

    width: 95%;

    margin: 0 auto;

  }

}

@media only screen and (max-width: 767px) {

  .linkdivcomon {
    padding-top: 25px;
  }

  .navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
    padding: 10px
  }

  .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
    padding: 10px
  }

}

/*mobile menu  dropdown*/

.fa-angle-down:before {

  content: "\f107";

  color: #fff;

}

#accordian {

  background: transparent;

  width: 250px;

  margin: 0 auto 0 auto;

  color: white;

  position: relative;

  top: 0;

  width: 100%;

  left: 0;

  float: left;

  /*    height:100vh;*/

  overflow: hidden;

  overflow-y: scroll;

}

#accordian h3 {

  margin: 0;

  background: transparent;

  color: #000;

  /*font-family: 'Roboto Condensed', sans-serif !important;

    font-weight: 400 !important;*/

  font-family:
    /*'Raleway', sans-serif*/
    'latomedium';

}

.white-color {
  color: #ffffff;
}

#accordian a {

  border: none !important;

}

#accordian h3 a {

  padding: 0 20px 0 0px;

  font-size: 16px;

  display: block;

  color: #fff;

  text-decoration: none;

  border: 0px solid rgba(0, 0, 0, 0.09) !important;

}

/*#accordian h3:hover {

    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);

}*/

.accordian_li ul {

  background-color: transparent;

}

#accordian i {

  margin-right: 10px;

}

#accordian li {

  list-style-type: none;

  text-align: left;

}

#accordian ul ul li a,

#accordian h4 {

  color: #fff;

  text-decoration: none;

  font-size: 15px;

  line-height: 32px;

  display: block;

  padding: 0 5px;

  transition: all 0.15s;

  position: relative;

  /*    border-bottom: 1px solid #d8d8d8 !important;*/

}

#accordian ul ul li a:hover {

  /*    background: #e8e7e7;*/

  border-left: 5px solid lightgreen;

}

#accordian ul ul {

  display: none;

}

#accordian li.active>ul {

  display: block;

}

#accordian ul ul ul {

  margin-left: 15px;

  border-left: 3px dotted rgb(234 227 229 / 61%);

}

#accordian a:not(:only-child):after {

  content: "\f104";

  font-family: fontawesome;

  position: absolute;

  right: 0px;

  top: 0;

  font-size: 20px;

}

#accordian .active>a:not(:only-child):after {

  content: "\f107";

}

.accordian_li {

  /*    border-bottom: 1px solid #d8d8d8 !important;*/

}

.arrow_none a:after {

  display: none;

}

.fa_angle_down_menu {

  position: absolute !important;

  top: 50% !important;

  right: 0 !important;

  transform: translateY(-50%) !important;

  font-size: 24px !important;

  opacity: 0.5;

}
/* Keep the brand and navigation side by side on desktop. */
@media (width > 992px) {
  #scorllmenu1 {
    background: #fff !important;
  }

  #scorllmenu1 .full_redbg .menu_navigation {
    width: 96% !important;
  }

  #scorllmenu1 .navbar {
    display: grid;
    grid-template-columns: clamp(120px, 13vw, 205px) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    margin-bottom: 0;
    padding: 8px 0;
  }

  #scorllmenu1 .navbar::before,
  #scorllmenu1 .navbar::after,
  #scorllmenu1 .navbar-collapse::before,
  #scorllmenu1 .navbar-collapse::after {
    display: none;
  }

  #scorllmenu1 .navbar-header,
  #scorllmenu1 .navbar-collapse {
    float: none;
    width: auto;
    min-width: 0;
  }

  #scorllmenu1 .logo {
    line-height: 1;
  }

  #scorllmenu1 .logo img {
    width: 100%;
    height: auto;
    padding: 0;
  }

  #scorllmenu1 .gfx-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    float: none;
    margin: 0;
  }

  #scorllmenu1 .gfx-nav > li > a {
    padding: 8px clamp(5px, 0.6vw, 11px) !important;
    line-height: 1.4;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  #scorllmenu1 .header_logowidth {
    width: clamp(88px, 8vw, 125px);
    height: auto;
  }
}

/* Place page banners immediately after the desktop header. */
@media (width > 992px) {
  .page-wrapper:has(.main-wrapper-header.parallax, .banner-ilu0) > #scorllmenu1:not(.darkHeader) {
    position: relative;
  }

  .page-wrapper:has(> #scorllmenu1:not(.darkHeader)) :is(.main-wrapper-header.parallax, .banner-ilu0) {
    margin-top: 0;
  }
}

/* Use the existing touch navigation at the Bootstrap collapse breakpoint. */
@media (991px < width <= 992px) {
  #scorllmenu1 .header-main {
    display: none;
  }

  .mobile_header {
    display: block;
    padding: 25px 0;
  }
}

/* Keep the pointer path from the desktop trigger to its menu continuous. */
@media (width > 992px) {
  #scorllmenu1 .gfx-nav > .dropdown {
    position: relative;
  }

  #scorllmenu1 .gfx-nav > .dropdown > .dropdown-menu {
    top: 100%;
    left: 0;
    margin-top: 0;
  }
}

@media (width > 992px) and (hover: hover) {
  #scorllmenu1 .gfx-nav > .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

@media (width > 992px) {
  #scorllmenu1 .gfx-nav > li > a.menu_activeli {
    border-top-color: transparent !important;
    box-shadow: inset 0 -3px #bd0131;
  }
}