@charset "utf-8";
/**************************************************************************
************************* Master Stylesheet *******************************
***************************************************************************
Project:    CSVC
Version:    1.0
Last change:    31.06.2017
Primary use:    Official Website  
-------------------------------------------------------------------
=========================== Content Index =================================
* 1. Miscelnious Styles
	1.1. Common Styles
* 2. Top-Line Section Styles 
* 3. Header Styles 
* 4. Main-Menu Styles 
* 5. Slider Styles 
* 6. Offer-Wraper Section Styles 
* 7. Our-Projects Section Styles 
* 8. Quote Section Styles 
* 9. About Section Styles 
* 10. Numbers Section Styles 
* 11. News Section Styles 
* 12. Our-Team Section Styles 
* 13. Testimonials Section Styles 
* 14. Contact Section Styles 
* 15. Partners Section Styles 
* 16. Quote-Request Section Styles 
* 17. Main-Footer Section Styles 
* 18. Footer-Bottom Section Styles 
* 19. About Us Page Styles Styles 
* 20. Our Team Page Styles Styles 
* 21. Our Faq Page Styles Styles 
* 22. Testimonials Page Styles Styles 
* 23. Mechanical Engineering Page Styles Styles 
* 24. Mechanical Engineering Page Styles Styles 
* 25. Power And Energy Page Styles Styles 
* 26.Petroleum And Gas Page Styles Styles 
* 27.Facture Process Page Styles Styles 
* 28.Projects Page Styles Styles 
* 29.Single Project Page Styles Styles 
* 30.News Page Styles Styles 
* 31.News-Big Page Styles Styles 
* 32.News-Single Page Styles Styles 
* 33.Shop Page Styles Styles
* 34.Shop Details Page Styles Styles 
* 35.Shop Cart Page Styles Styles 
* 36.Contact Page Styles Styles 
* 37.Check-Out Page Styles Styles
***************************************************************************
**************************************************************************/


/***************************************
* 1. Miscellaneous styles 
****************************************/

/* Font awesome */
@import "font-awesome.min.css";
/* Font awesome animation */
@import "font-awesome-animation.min.css";
/* Linearicons font*/
@import "linearicons.css";
/* Elegant font*/
@import "elegant-font.css";



a, a:active {
	text-decoration: none;
}
a:hover {
	color: #fbad1a;
	text-decoration: none;
}

body {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	color: black;
	margin: 0 auto;
	position: relative;
	background: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
}

/***************************************
	Common Styles
****************************************/

.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }
.left{float:left !important;}
.right{float:right !important;}
.relative{position:relative;}
.inline-block{display:inline-block;}
.white{ color: #fff !important; }
.black{ color: #111 !important; }
.color{ color: #e41919 !important; }
.red{ color: #FF0000 !important; }
.glass{ opacity: .5; };
.image-fullwidth img{
    width: 100%;
}
.stick-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
}
.round {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

::-moz-selection{ color: #fff; background:#000; }
::-webkit-selection{ color: #fff;	background:#000; }
::selection{ color: #fff;	background:#000; }

.animate, .animate *{
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.no-animate, .no-animate *{
	-webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
	 -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}

.shadow{
    -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
}
.white-shadow{
    -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}

.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.full-wrapper {
    margin: 0 2%;
}
.container-fluid{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a:focus,
a:active{
	-moz-outline: none;
	outline: none;
}

/***************************************
	Typography
****************************************/
h1,h2,h3,h4,h5,h6 {
    text-align: left;
    margin: 0;
	font-weight: 700;
}
hr {
	background-color: rgba(255,255,255, .08);
}
hr.white {
    border-color: rgba(255,255,255, .35);
    background: rgba(255,255,255, .35);
}
hr.black {
    border-color:rgba(0,0,0, .85);
    background: rgba(0,0,0, .85);
}
p {
	margin: 7px 0;
}
ul, ol{
    margin: 0 0 1.5em 0;
	padding: 0;
}
.uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.font-alt {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.normal {
	font-weight: normal;
}
.strong {
    font-weight: 700 !important;
}
.justify {
	text-align: justify !important;
}
.text-blue {
	color: #072d4d;
}
.text-gray {
	color: #949697;
}

/* ------------------ 
	Button
------------------- */
.button{
    clear: both;
}

.button a:hover {
	color: #FFFFFF;
}


/* ------------------ 
	Page Section
------------------- */
.page-section {
	width: 100%;
	padding: 70px 0;
}
.section-title{
	
}
.section-text {
	margin: 20px 0;
	font-size: 15px;
	font-weight: 400;
	color: #252525;
	line-height: 27px;
}
.underline {
	/* position: absolute; */
	display: block;
	/* top: 50px;
	left: 15px; */
	width: 70px;
	height: 4px;
	margin: 15px 0 50px 0;
	background: #fbad1a;
}
figure {
    overflow: hidden;
}
.bg-gray{
	background-color: #f2f2f2;
}
.bg-gray-lighter{
	background-color: #f8f8f8;
}
.bg-blue{
	background-color: #062F4F; /* Hoặc #8FA6C7 nếu muốn nhẹ hơn */

}
.bg-blue-lighter{
	background-color: #508aba;
}
.bg-img {
	background-image: url("../images/bg-slider/csvc-bg-06.jpg");
}
.bg-img-2 {
	background-image: url("../images/bg-slider/csvc-bg-05.jpg");
}
.bg-img-3 {
	background-image: url("../images/bg-slider/csvc-bg-07.jpg");
}
/***************************************
 * DEFAULT HOME PAGE STYLES
* 2. top-line section styles 
****************************************/

/* Casourel item */
.ac_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../img/pattern.png) repeat top left;
	/* background: -moz-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));
	background: -webkit-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7));
	background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)); */
}

/* General info */
.main-header{
	padding: 10px 0;
}
.main-header ul p {
	margin: 0;
}
.logo img {
 max-width: 110px;
 height: 50px;
}
.menu-logo {
	padding-top: 12px;
}

/***************************************
* 4. main-menu styles 
****************************************/
/* .main-menu-one {
	background: #072d4d;
} */
#main-navigation-wrapper.navbar-default {
	background: transparent;
	border: none;
	border-radius: 0;
	margin: 0;
}
.navbar-collapse {
	padding: 0;
}
#main-navigation-wrapper .nav > li {
	padding: 25px 0;
}
#main-navigation-wrapper .nav > li > a {
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
	padding: 0 26px;
	font-weight: 700;
	font-size: 14px;
	margin: 0;
	
	transition-property: color;
	transition-duration: 1s;
}
#main-navigation-wrapper .nav > li > a.active {
	color: #fbad1a;
}
#main-navigation-wrapper .nav > li > a:hover {
	color: #FFBF00;
}
#main-navigation-wrapper .nav > li:first-child a {
	padding-left: 0;
}
#main-navigation-wrapper .nav .dropdown-submenu li:last-child {
    border-bottom: 4px solid #fbad1a;
}
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	padding: 0;
	border: none;
	border-radius: 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease;
			transition: all .4s ease;
	width: 270px;
	background: #fdfdfd;
	-webkit-transform: translate3d(-20px, 0, 0);
			transform: translate3d(-20px, 0, 0);
}
#main-navigation-wrapper .navbar-nav > li:hover > .dropdown-submenu,
#main-navigation-wrapper .navbar-nav > .open > .dropdown-submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}
#main-navigation-wrapper .nav .dropdown-submenu li a {
    display: block;
    border-bottom:1px solid #ebebeb;
    text-transform: capitalize;
    color: #313131;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0px 12px 20px;
    line-height: normal;
    transition: all 0.4s ease 0s;
    margin: 0;
}


#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu:hover .dropdown-submenu:hover .dropdown-menu{
	display: block;
	margin-top: 0; 
	position: absolute;
	top: 0%;
	left: 70%;
}

#main-navigation-wrapper .nav .dropdown-submenu li:last-child > a {
    border-bottom: none;
}
#main-navigation-wrapper .nav .dropdown-submenu li a:hover {
    background: #fbad1a;
    color: #FFFFFF;
    text-decoration: none;
}

.main-menu-one .search li {
	float: right;
	padding: 22px 0;
}
.main-menu-one .search li a {
	color: #FFFFFF;
	display: block;
}
.main-menu-one .search li i {
	margin-right: 5px;
}
.main-menu-one .search li a {
	color: #a9a9a9;
}
.main-menu-one .search button {
	background: none;
	border: none;
	color: #a9a9a9;
}
.main-menu-one #main-navigation-wrapper .navbar-nav  li:hover .dropdown-submenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}
/* .main-menu-one ul.search{
    list-style-type: none;
    overflow: hidden;
    margin: 0;
}
.main-menu-one ul.search li.first{
    margin-left: 55px;
} */
.finance-navbar.affix {
    top: 0;
    left: 0;
    right: 0;
    position: fixed !important;
    margin: 0;
    animation: fadeItIn 1s;
    z-index: 1000;
    padding: 5px 0 !important;
    min-height: 70px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
@keyframes fadeItIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
}
.main-menu-one.sticky {
    top: 0;
    left: 0;
    right: 0;
    position: fixed !important;
    margin: 0;
    animation: fadeItIn 1s;
    z-index: 1000;    
    min-height: 70px !important;
    -webkit-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.47);
	box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.47);
    
}

.flag-icon {
	margin-right: 5px;
}


/***************************************
* 5. main slider section styles 
****************************************/

#minimal-bootstrap-carousel .carousel-inner{
	height: 900px;
}
#minimal-bootstrap-carousel {
    z-index: 0;
}


#minimal-bootstrap-carousel .carousel-caption {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  text-align: right;
  text-shadow: none;
}

#minimal-bootstrap-carousel .carousel-caption .thm-container {
  display: table;
  width: 100%;
  height: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box {
  display: table-cell;
  text-align: left;
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
  vertical-align: top;
  padding-top: 100px;
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
  vertical-align: bottom;
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
  vertical-align: middle;
}

#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
  display: block;
}

#minimal-bootstrap-carousel .carousel-inner .item {
  min-height: 640px;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-color: #1E1E1E;
  
  /* -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); */
}

#minimal-bootstrap-carousel .carousel-control {
  background: none;
  width: 40px;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  visibility: visible !important;
  opacity: .65;
  margin-top: -20px;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  top: 50%;
  border-radius: 0;
  z-index: 99;
}

#minimal-bootstrap-carousel .carousel-control.left {
  left: 1%;
}

#minimal-bootstrap-carousel .carousel-control.right {
  right: 1%;
}

#minimal-bootstrap-carousel .carousel-control:hover {
  opacity: 1;
  background: #000;
}

/* processing for fadeing effect styles */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/* fixing layers styles */
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content {
  padding-bottom: 200px;
}

#minimal-bootstrap-carousel .carousel-caption h2 {
  /* font-family: 'Poppins', sans-serif; */
  color: #fff;
  margin: 0;
  font-size: 55px;
  line-height: 55px;
  font-weight: 700;
 
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}
#minimal-bootstrap-carousel .carousel-caption h2 span{
  color:#fbad1a;
}

#minimal-bootstrap-carousel .carousel-caption p {
  font-style: italic;
  /* font-family: 'Poppins', sans-serif; */
  text-align:left;
  font-size: 18px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 40px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

#minimal-bootstrap-carousel .carousel-caption a.thm-button {
    
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

#minimal-bootstrap-carousel .carousel-caption a.thm-button:last-child {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

#minimal-bootstrap-carousel .carousel-caption span.dib {
  display: inline-block;
  vertical-align: middle;
}

#minimal-bootstrap-carousel .carousel-caption span.border {
  display: inline-block;
  width: 270px;
  height: 1px;
  background: #FFFFFF;
  vertical-align: inherit;
  position: relative;
  top: 3px;
}
#minimal-bootstrap-carousel .slide-1 .carousel-caption h2 {
	margin: 0;
	text-align: left;
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption .content {
	/* padding-top: 100px;
	padding-left: 670px; */
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption h3 {
	color: #C9D705;
	margin: 0;
	font-size: 40px;
	line-height: 55px;
	font-weight: bold;
}
#minimal-bootstrap-carousel .carousel-caption .buttons {
	text-align: left;
    margin-top: 0px;
}
#minimal-bootstrap-carousel .slide-2 .carousel-caption .thm-button {
	padding: 12px 33px;
    background: #fbad1a;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
    
}
#minimal-bootstrap-carousel .slide-3 .carousel-caption .thm-button {
	padding: 12px 33px;
    background: #fbad1a;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
}
#minimal-bootstrap-carousel .slide-4 .carousel-caption .thm-button {
	padding: 12px 33px;
    background: #fbad1a;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
}

#minimal-bootstrap-carousel .slide-1 .carousel-caption .thm-button {
	padding: 12px 33px;
    background: #fbad1a;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
    
}
#minimal-bootstrap-carousel .slide-1 .carousel-caption .thm-button.inverse{
	padding: 12px 33px;
    background: #072d4d;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
    
}
#minimal-bootstrap-carousel .slide-2 .carousel-caption .thm-button.inverse{
	padding: 12px 33px;
    background: #072d4d;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px; 
}
#minimal-bootstrap-carousel .slide-3 .carousel-caption .thm-button.inverse{
	padding: 12px 33px;
    background: #072d4d;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
}
#minimal-bootstrap-carousel .slide-4 .carousel-caption .thm-button.inverse{
	padding: 12px 33px;
    background: #072d4d;
    color:#FFFFFF;
    border: none;
    margin-top: 25px;
    font-weight: 400;
    margin-right: 20px;
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption h2 {
	margin: 0;
	text-align: left;
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption p {
	margin: 0;
	margin-top: 19px;
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption span.dib {
	display: inline-block;
	vertical-align: middle;
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption span.border {
	display: inline-block;
	width: 270px;
	height: 1px;
	background: #FFFFFF;
	vertical-align: inherit;
	position: relative;
	top: 3px;
}

#minimal-bootstrap-carousel .slide-2 .carousel-caption .thm-button {
	-webkit-animation-delay: 2s !important;
		  animation-delay: 2s !important;
}

#minimal-bootstrap-carousel .slide-3 .carousel-caption .content {
	padding-top: 135px;
	padding-left: 490px;
}

#minimal-bootstrap-carousel .slide-3 .carousel-caption h2 {
	text-align:left;
	margin: 0;
	-webkit-animation-delay: .5s;
          animation-delay: .5s;
}

#minimal-bootstrap-carousel .slide-3 .carousel-caption p {
  font-size: 17px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  margin-bottom: 25px;
}

#minimal-bootstrap-carousel .slide-3 .carousel-caption .thm-button {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

#minimal-bootstrap-carousel .slide-3 .carousel-caption span.border {
	width: 330px;
}

#minimal-bootstrap-carousel .slide-4 .carousel-caption .content {
	/* padding-top: 200px;
	padding-left: 10px; */
}

#minimal-bootstrap-carousel .slide-4 .carousel-caption h2 {
	text-align:left;
	margin: 0;
	-webkit-animation-delay: .5s;
          animation-delay: .5s;
}

#minimal-bootstrap-carousel .slide-4 .carousel-caption p {
  font-size: 17px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  margin-bottom: 25px;
}

#minimal-bootstrap-carousel .slide-4 .carousel-caption .thm-button {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

#minimal-bootstrap-carousel .slide-4 .carousel-caption span.border {
	width: 50px;
}
#minimal-bootstrap-carousel .descript {
	font-weight: 500;
	font-size: 24px;
	/* background-color: #BDBDBD; */
	/* color: #FF8000; */
}

/***************************************
* 8. quote section styles 
****************************************/
.quote {
	padding: 35px 0;
	background: #fbad1a;
}
.quote h3 {
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	
	font-weight: 700;
	color: #FFFFFF;
}

/***************************************
* 9. about section styles 
****************************************/
/* .about h2 {
	text-align: left;
	margin: 0;
	font-size: 28px;
	color: #252525;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
} */

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

.about ul li{
	text-align: left;
	font-size: 13px;
	color: #252525;
	font-weight: 600;
	line-height: 27px;
	
}
.about ul li i{
	font-size: 13px;
	color: #252525;
	font-weight: 600;
	margin-right: 5px;
}
.about a {
    border: none;
    background: #fbad1a;
    color: #ffffff;
    border-radius:0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 33px;
    margin-top: 20px;
    clear: both;
}

.about .picture-wraper .first {
    overflow: hidden;
    float: right;
    
}

/***************************************
* 10. numbers section styles 
****************************************/
.numbers {
    padding: 50px 0;
    background: url(../images/bg-slider/numbers.jpg)  center top;
}

.numbers h2 {
    text-align: left;
    margin: 0;
    font-size: 28px;
    color: #fbad1a;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
}
.numbers h2 span{
    
    color: #FFFFFF;
    
}
.numbers .number-box {
    text-align: left;
    margin: 0;
    font-size: 46px;

    font-weight: 500;
    line-height: 40px;
    text-transform: capitalize;
    color: #fbad1a;
}

.numbers .text-box p {
    text-align: left;
    margin: 0;
    font-size: 14px;

    font-weight: 300;
    line-height: 20px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.numbers .box {
    float: left;
    margin-left: 2px;
	margin-right: 40px;
	border: 1px solid #fbad1a;
	padding: 15px 20px;
	width: 233px;
	height: 112px;
}

.numbers .statistic {
    margin-top: 20px;
}

/***************************************
* 11. news section styles 
****************************************/
.news-section {
	margin: 60px 0;
	display: block;
}

.news-section:last-child {
	margin: 20px 0;
}

.news-section figure {
    overflow: hidden;
/*     width: 185px;
    height: 140px; */
    float:left;
    margin-right: 20px;
}

.news-section figure img {
	border: 1px solid #A4A4A4;
}

.news .date{
    width: 50px;
    height: 50px;
    background: #fbad1a;
    float: left;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 13px;
    line-height:17px;
    /* padding-top:7px; */
    /* font-family: 'Poppins', sans-serif; */
    margin-right: 10px;
}

.news .opis {
    text-align: left;
	display: block;
    margin: 0;
    font-size: 13px;
    /* color: #5f5f5f; */
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

.news a {
    text-align: left;
    margin: 0;
    font-size: 12.5px;
    color: #fbad1a;
    font-weight: 400;
    line-height: 40px;
	background: none;
	text-transform: none;
}
.blog-item {
	margin: 40px 0 90px;
}
.blog-item-data {
	margin-top: 15px;
	color: #777;
	font-size: 13px;
}
.blog-item-title {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #072d4d;
}
.blog-media {
	margin: 30px 0;
}
/* .content-slider .owl-nav .owl-prev {
	position: relative;
	top: -50%;
	left: -50px;
}
.separator {
	margin: 0 5px;
}
.blog-item-data .item-spec:hover {
	color: #fbad1a;
}

/*
 * Pagination
 */

.pagination{
	font-size: 13px;
}
.pagination a{
	display: inline-block;
	min-width: 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 7px 14px;
	border: 1px solid #eaeaea;
	color: #999;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.pagination .fa{
	margin-top: 1px;
	font-size: 16px;
}
.pagination a:hover{
    text-decoration: none;
    border-color: #bbb;
	color: #072d4d;
}
.pagination a.active,
.pagination a.active:hover{
	border-color: #fbad1a;
	color: #072d4d;
	cursor: default;
}
.pagination a.no-active,
.pagination a.no-active:hover{
	border-color: #efefef;
	color: #bbb;
	cursor: default;
}

/***************************************
* 12. our-team section styles 
****************************************/
.our-team {
     padding: 80px 0;
}

/* .our-team  h2 {
    text-align: left;
    margin: 0;
    font-size: 28px;
    color: #252525;
    
    font-weight: 800;
}
.our-team h2:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 15px;
    width: 50px;
    height: 4px;
    background: #fbad1a;
} */
.our-team .team-text p {
    text-align: left;
    margin: 0;
    font-size: 14px;
    margin-top:40px;
    
    color:#3d3d3d;
    font-weight: 300;
    line-height: 25px;
    
}
.our-team .team-text a.btn {
    padding: 10px 29px;
    color: #fbad1a;
    border: 1px solid #cdcdcd;
    margin-top: 25px;
    
    font-weight: 400;
}
.our-team  .members .member{
    width: 250px;
    display: inline-block;
    margin-right: 28px;
    
}
.our-team  .members .member figure{
    width: 250px;
    height: 260px;
    overflow: hidden;
    position: relative;
}
.our-team  .members .member figure .overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(251, 173, 26, .8);
    transform: scale(0.7,0);
    transition: .5s ease-in-out;
}
.our-team  .members .member:hover figure .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}
.our-team  .members .member figure .overlay .inner-box{
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.our-team  .members .member figure .overlay .inner-box .social{
  list-style-type: none;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  right:16px;
  transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
.our-team  .members .member figure .overlay .inner-box .social li{
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 14px;
  padding: 0;
}
.our-team  .members .member figure .overlay .inner-box .social li a{
  height: 40px;
  width: 40px;
  color: #FFFFFF;
  display: block;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  text-align: center;
  line-height: 40px;
}
.our-team  .members .member + .member + .member + .member{
    
    margin-right: 0px;
}
.our-team  .members .member .author-info{
    position: relative;
    border: 1px solid #f4f4f4;
    padding: 15px 15px;
    transition: .5s ease;
}

.our-team  .members .member .author-info h4 {
    text-align: center;
    margin: 0;
    font-size: 18px;
    color: #363636;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.our-team  .members .member .author-info p {
    text-align: center;
	margin-top:5px;
    font-size: 14px;
    color: #FF8000;
    font-weight: 500;
}

.our-team  .members .member .author-info ul {
    list-style-type:none;
    padding-left:0;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    padding-top: 10px;
    border-top: 1px solid #f4f4f4;
    color: #707070;
}

/***************************************
* 15. partners section styles 
****************************************/

.partners {
    padding: 80px 0;
    background: #f2f2f2;
}
.partners  h2 {
    text-align: left;
    margin-bottom: 30px;
    margin-top:0;
    font-size: 28px;
    color: #252525;
    font-weight: 700;
}
.partners h2:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 20px;
    width: 50px;
    height: 4px;
    background: #fbad1a;
}
.partners #about-us-our-partners{
    margin-top: 30px;
}
.partners .image{
    border: 1px solid #cacaca;
    /* width: 240px;
    height: 110px; */
    padding: 10px;
    background: #FFFFFF;
}

/***************************************
* 16. quote-request section styles 
****************************************/
.quote-request {
    padding: 40px 0;
    background: #fbad1a;
}
.quote-request h4{
    text-align: left;
	margin-top:10px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: justify;
    font-weight: 800;
}

.quote-request a.btn {
    padding: 12px 29px;
	margin-top: 20px;
    background: #fbad1a;
    color:#FFFFFF;
    border: none;
    border-radius: 0px;
    font-weight: 600;
    margin-left: 15px;
    border: 1px solid #FFFFFF;
}

/***************************************
* 17. main-footer section styles 
****************************************/
.main-footer {
	padding: 80px 0;
	color: #F4F4F4;
	font-size: 15px;
	font-weight: 400;
}
.main-footer .sec-tab{
    padding-left: 50px;
   
}
.main-footer h2 {
    color: #e7e7e8;
}
.main-footer p {
    text-align: left;
    margin: 0;
    margin-top: 25px;
    line-height: 30px;
}
.main-footer .social-icons  {
    margin-top: 20px;
}
.main-footer  ul {
    list-style-type: none;
    
}
.main-footer .social-icons ul li {
    display: inline-block;
    margin-right: 10px;
}
.main-footer .social-icons ul li a {                      
    display: block;
    height: 34px;
    width: 34px;
    background: #b9b9b9;
    text-align: center;
    line-height: 34px;
    transition: all 0.5s ease;
    border-radius: 3px;
}
.main-footer .social-icons ul li a:hover {
    background: #fbad1a;
}

.main-footer .solutions {
    margin-top: 30px;
    list-style: none;
    padding: 0;
}

.main-footer .solutions li {
    margin-top: 20px;
    padding-left: 20px;
}

.main-footer .solutions li a {
    display: flex;
    align-items: center;
    color: #F4F4F4;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s ease;
}

.main-footer .footer-news p {
    margin-top: 10px;
    line-height: 22px;
}
.main-footer .footer-news p span{
    color: #9e9e9e;
    line-height: 30px;
    
}
.main-footer .contact-info li{
     margin-top: 30px;
     padding-left: 20px;
}
.main-footer .contact-info li{
    color: #F4F4F4;
    line-height:20px;
    font-weight: 400;
    margin-bottom: 15px;
    clear: both;
    overflow: hidden;
}
.main-footer .contact-info li i{
    color: #fbad1a;
    float:left;
    font-size: 24px;
    width: 35px;
    
}
.main-footer .get-in-touch {
	margin: 2.5em 0;
}
.main-footer .get-in-touch .contact-info {
	margin: 1em 0;
	display: flex;
}
.main-footer .get-in-touch .contact-info .contact-info-icon {
	width: 35px;
    height: 35px;
	font-size: 25px;
    margin-right: 8px;
    text-align: center;
	color: #fbad1a;
	-webkit-flex: 0.5;
	-ms-flex: 0.5;
	flex: 0.5;
}
.main-footer .get-in-touch .contact-info:hover .contact-info-icon {
	animation: bounce 2s ease infinite;
}
.main-footer .get-in-touch .contact-info .contact-info-name {
	padding-top: 5px;
	-webkit-flex: 3.5;
	-ms-flex: 3.5;
	flex: 3.5;
}
.main-footer .get-in-touch .contact-info .contact-info-name a {
	color: #F4F4F4; 
    transition: all .3s ease;
}
.main-footer .get-in-touch .contact-info .contact-info-name a:hover {
	color: #fbad1a;
}
/***************************************
* 18. footer-bottom section styles 
****************************************/
.footer-bottom {
    padding: 30px 0;
}
.footer-bottom p{
    margin: 0;
    font-size: 13px;
    font-weight: 300;
}
.scroll-top {
    width: 50px;
    height: 40px;
    text-align: center;
    background: #fbad1a;  
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #FFFFFF;
    z-index: 100;
    font-size: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}


/***************************************
* 19. about us page styles styles 
****************************************/
.header-title {
    padding-top:127px;
    height:280px;
    background: url(../images/bg-slider/pages-header.jpg) no-repeat center top;
}
.header-title h2{
    text-align: center;
    margin: 0;
    font-size: 28px;
    color: #072d4d;
    font-weight: 800;
}
.page-nav {
    padding: 25px;
    border-bottom: 1px solid #535353;
}
.page-nav ul{
    list-style-type: none;
    text-align: center;
    margin-bottom: 0;
}
.page-nav ul li{
    display: inline-block;
    margin-right: 10px;
    font-weight:400;
}

.page-nav ul li span{
   color: #fbad1a;
    
}
.overview {
    padding: 80px 0;
}
.overview .title{
    margin-bottom: 40px;
}
.overview h2{
    text-align: left;
    margin: 0;
    font-size: 28px;
    color: #252525;
    font-weight: 800;
}

.overview h2:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 15px;
    width: 50px;
    height: 4px;
    background: #fbad1a;
}
.overview p{
    text-align: left;
    font-size: 13px;
    color: #252525;
    font-weight: 300;
    line-height: 27px;
    margin-top: 10px;
}
.overview p.bold{
    text-align: left;
    font-size: 13px;
    color: #252525;
    font-weight: 600;
    line-height: 27px;
    margin-top: 10px;
}
.overview ul{
   list-style-type: none;
   padding: 0; 
}
.overview ul li{
   font-weight: 300;
   margin-bottom: 5px;
}
.overview ul li i{
   margin-right: 5px;
}
/* .overview .big-image{
   overflow: hidden;
} */
.overview .small-images{
   margin-top: 18px;
}
.overview .small-images .one{
   float: left;
   width: 49%;
   overflow: hidden;
   float: left;
   margin-right: 10px;
}
.overview .small-images .two{
   float: right;
   width: 49%;
   overflow: hidden;
   
}
.adventages{
   padding: 80px 0; 
   
    background: url(../img/about-bg.jpg) no-repeat center top;
}

.adventages .box{
   background: #FFFFFF;
   padding: 20px 10px;
}

.adventages .box h3{
    text-align: left;
    margin: 0;
    font-size: 18px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.adventages .box p{
    text-align: left;
    font-size: 13px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    line-height: 23px;
    margin-top: 10px;
}

.adventages .box .icon{
    margin-bottom: 10px;
}

.our-team .title{
    margin-bottom: 70px;
    
}

.achivment {
    padding: 80px 0; 
}

.achivment .title{
    margin-bottom: 70px;
    
}

.achivment .title h2 {
    text-align: left;
    margin: 0;
    font-size: 28px;
    color: #252525;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.achivment .title h2:before {
    content: "";
    position: absolute;
    top: 50px;
    left: 15px;
    width: 50px;
    height: 4px;
    background: #fbad1a;
}

/* ------------------------------------
---------- Off canvas menu ------------
--------------------------------------- */
/* .menu2 {
	height: 100%;
	opacity: 0;
	font-size: 0.65em;
	color: #64697d;
	text-align: right;
}

.profile {
	display: inline-block;
	line-height: 42px;
	font-weight: 700;
	padding: 1em;
}

.profile img {
	float: right;
	border-radius: 50%;
	margin-left: 10px;
} */

/* -------------------------------------------
---------- Message from Top Mana. ------------
---------------------------------------------- */
#toggle-msg-management {
	display: none;
	visibility: hidden;
}

/* #toggle-msg-management ~ label {
	cursor: pointer;
} */

#expand-msg-management {
	height: 0px;
	overflow: hidden;
	
	-webkit-transition: height 0.5s;  
    -moz-transition: height 0.5s;  
    -o-transition: height 0.5s;  
    -ms-transition: height 0.5s;  
    transition: height 0.5s;  
}

#toggle-msg-management ~ label {
	font-size: 15px;
	color: #58ACFA;
	cursor: pointer;
}

#toggle-msg-management:checked ~ #expand-msg-management {
	height: 100%;
}

#toggle-msg-management:checked ~ label:after {
	/* content: ""; */
	color: #F38116;
}

/* ---------------------------------------
---------- What We Do Section ------------
--------------------------------------- */
.features-grid {
	margin-top: 50px;
}
.features-item {
    margin-top: 20px;
}
.features-item .features-icon {
    padding-top: 10px;
    font-size: 48px;
    line-height: 1.3;
    color: #111;
	
	-webkit-transition: color 0.5s ease-in;
	-moz-transition: color 0.5s ease-in;
	-o-transition: color 0.5s ease-in;
	transition: color 0.5s ease-in;
}
.features-item:hover .features-icon {
	color: #fbad1a;
}
.features-title {
	margin-top: 20px;
	text-align: center;
    margin-bottom: 21px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4em;
}
.features-descr {
    color: #1C1C1C;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.86
}

/* -----------------------------------
---------- Vision Section ------------
-------------------------------------- */

.media-column img{
	max-width: 100%;
	height: auto;
}
.text-column {
	color: #151515;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.85;
	text-align: justify;
}
.text-column ul, .text-column ol {
	padding: 10px 0 5px 40px;
}
.media-column.fadeIn {
	animation-duration: 3s;
	animation-delay: 0.5s;
}

/* -----------------------------------
---------- Progress Bar --------------
-------------------------------------- */

.progress-item {
    background-color: #fafafa;
    height: 8px;
	margin: 10px 0 60px 0;
    width: 90%;      
    border-radius: 5px;
    /* box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; */
}

.progress-item span {
    /* display: inline-block; */
	float: left;
    height: 100%;
    border-radius: 5px;
    /* box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; */
	
	/* --- Add transition to the bar --- */
	-webkit-transition: width 3s ease-in-out; /* For Safari 3.1 to 6.0 */
	-moz-transition: width 3s ease-in-out;
	-o-transition: width 3s ease-in-out;
    transition: width 3s ease-in-out;
}

.progress-item .progress-detail {
	display: block;
	padding-top: 5px;
	clear: left;
	color: #1C1C1C;
}

.progress-group .blue span {
    background-color: #34c2e3;
}

.progress-group .orange span {
    background-color: #fecf23;
    background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
	background-image: -o-linear-gradient(top, #fecf23, #fd9215);
	background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
	background-image: linear-gradient(top, #fecf23, #fd9215);
}   

.progress-group .green span {
    background-color: #a5df41;
    background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
	background-image: -o-linear-gradient(top, #a5df41, #4ca916);
	background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
	background-image: linear-gradient(top, #a5df41, #4ca916);	
}

.progress-group .red span {
    background-color: #ff0000;
    background-image: -webkit-linear-gradient(top, #fe7171, #d91111);
	background-image: -o-linear-gradient(top, #fe7171, #d91111);
	background-image: -moz-linear-gradient(top, #fe7171, #d91111);
	background-image: linear-gradient(top, #fe7171, #d91111);
}

.progress-group .stripes span {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                       transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                       transparent 75%, transparent);          
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                       transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                       transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                       transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                       transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                       transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                       transparent 75%, transparent);
	
    animation: animate-stripes 3s linear infinite;             
}

@keyframes animate-stripes {
    0% {background-position: 0 0;}
	100% {background-position: 60px 0;}
}

.progress-group .shine span {
    position: relative;
}

.progress-group .shine span::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 5px;
    animation: animate-shine 2s ease-out infinite;             
}

@keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}

.progress-group .glow span {
    box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;    
    animation: animate-glow 1s ease-out infinite;          
}

@keyframes animate-glow {
 0% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

 
 /* PDF Rendering */
.brochure-item {
	width: 100%;
	height: 650px;
	border: 1px solid black;
}
.brochure-desc {
	padding-top: 20px;
	text-align: center;
	color: #fbad1a;
}
 
/* ----------------------
 ------- Accordion ------
 ------------------------*/ 

.accordion > dt{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.accordion > dt > a{
	display: block;
	position: relative;
	color: #1C1C1C;
	text-decoration: none;
	padding: 14px 15px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a:hover{
	text-decoration: none;
	border-color: #ddd;
	background-color: #eff8fb;	
	color: #444;
}
.accordion > dt > a.active{
	color: #ff8000;
	font-weight: 600;
	border-color: #ddd;
	background-color: #eff2fb;
	cursor: default;
}
.accordion > dt > a:after{
	content: "\f107";
	width: 15px;
	height: 15px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #999;
	
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after{
	content: "\f106";
	color: #111;
}
.accordion > dt > a:hover:after{
	color: #444;
}

.accordion > dd{
	margin-bottom: 10px;
	padding: 10px 15px 10px;
	font-size: 14px;
	line-height: 2;
	color: #1C1C1C;
}

/* ------------------
------ Tab pane -----
--------------------- */
.tab-pane h5 {
	margin: 7px 0 5px;
}

.tab-pane ul {
	margin-top: 10px;
	padding-left: 10px;
	font-size: 13px;
}

.tab-pane table {
	border-collapse: collapse;
	font-size: 13px;
	width: 100%;
}

.tab-pane table th, td {
	padding-left: 5px;
	border: 1px solid #777;
}

/* ----------------------
 -------- Toggle --------
 ------------------------*/ 
.toggle > dt {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.toggle > dt > a {
	display: block;
	position: relative;
	color: #777;
	text-decoration: none;
	padding: 14px 15px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a:hover {
	text-decoration: none;
	border-color: #ddd;
	background-color: #eff8fb;	
	color: #444;
}
.toggle > dt > a.active {
	color: #ff8000;
	font-weight: 600;
	border-color: #ddd;
	background-color: #eff2fb;
	cursor: default;
}
.toggle > dt > a:after {
	content: "\f107";
	width: 15px;
	height: 15px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #999;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after {
	content: "\f106";
	color: #111;
}
.toggle > dt > a:hover:after {
	color: #444;
}
.toggle > dd{
	margin-bottom: 10px;
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 2;
	color: #777;
}
 
 /* --------------------------
------ Tabs Alternative ------
------------------------------ */ 
.nav-tabs {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.4em;	
	border: none;
}
.nav-tabs > li {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    float: none;    
	padding: 0;    
	background: none !important;
    
}
.nav-tabs > li > a {
	text-decoration: none;
	color: #a3a3a3;
	background: none !important;
	border: none !important;
    
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}
.nav-tabs > li > a:hover {
	background: none;
    color: #111;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
	cursor: default;
    color: #111;
	
}
.tab-icon {
    display: block;
    margin-bottom: 12px;
    font-size: 48px;
    letter-spacing: 0;
}
.tab-content blockquote {
	border: none;
}

/* -----------------------
 ------- Gallery --------
 -----------------------*/
#brochure-carousel .owl-dots, .about-carousel .owl-dots {
	position: relative;
	top: -35px;
}


/* -----------------------
 ------- Products --------
 -----------------------*/
.prev-img {
	margin-bottom: 25px;
}
.prev-img img {
	max-width: 100%;
	height: auto;
}
.certificate-item {
	margin: 10px 0;
}
.certificate-item .media-column img {
	border: 1px solid #A4A4A4;
}
.certificate-item .media-column:hover img {
	/* transform: scale(1.1);
	overflow: hidden; */
	opacity: 0.5;
}
.prod-item {
	min-width: 300px;
	min-height: 300px;
}
.prod-item img {
	border-radius: 5px;
}
.prod-item:hover img {
	opacity: 0.8;
}
.prod-item h3 {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #0040FF;
}
.prod-item:hover h3 {
	color: #FFBF00;
}
.prod-item .prod-desc {
	margin-top: 25px;
}
.prod-item .prod-item-list-1 {
	margin: 2px 10px;
	float: left;
	max-width: 250px;
}
.prod-item .prod-item-list-2 {
	text-align: left;
	margin: 0 2px 0 10px;
	float: left;
	min-width: 200px;
}
.prod-item .prod-item-list-2 ul {
	margin-top: 10px;
	margin-left: 15px;
}

/* Styles for dialog window */
.prod-item-spec {
	background: #F2F2F2;
	padding: 20px 30px;
	text-align: left;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
	color: #777;
}
.prod-item-spec .spec {
	font-size: 12px;
	padding-left: 10px;
	margin: 5px 0 8px;
}
.prod-item-spec table th {
	text-align: center;
	background: #EFFBFB;
}
.prod-item-spec table td {
	text-align: center;
	background: #F8ECE0;
}

/**
* Fade-zoom animation for first dialog
*/

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}	

 /* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

.catalog .media-column a img {
	border: 1px solid #000000;
}
/* .catalog .media-column:hover a img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
} */

/* -----------------------
 ------- Careers ---------
 -----------------------*/
 .career-panel table {
	width: 100%;
 }
.career-panel table, .career-panel th, .career-panel td {
	border: 1px solid #CCC;
	text-align: center;
}
.career-panel th {
	font-size: 16px;
	font-weight: 600;
	padding: 5px 7px;
}
.career-panel td {
	font-size: 14px;
	font-weight: 400;
	padding: 3px 0;
}
.career-panel a {
	font-weight: 600;
}
.career-panel .new-tag {
	color: #FF0000;
	font-size: 10px;
	font-weight: 400;
	font-style: italic;
	line-height: 10px;
	position: relative;
	top: -3px;
	left: 2px;
}
.job {
	padding-left: 20px;
}
.benefits {
	margin-top: 15px;
	font-size: 14px;
}
.benefits .benefit{
	margin-bottom: 12px;
}
.benefits .benefit .benefit-icon {
	width: 25px;
	height: 25px;
	border: 1px solid #666;
	border-radius: 100%;
	float: left;
	margin-right: 8px;
	text-align: center;
}
.benefits .benefit:hover .benefit-icon {
	color: #fbad1a;
	border: 1px solid #fbad1a;
}
.job .job-title {
	margin-bottom: 15px;
	color: #0080FF;
}
.job .job-child-list {
	margin-left:15px;
}

.media-column .tooltiptext {
	visibility: hidden;
    /* width: 120px; */
    background-color: #072d4d;
    color: #ffffff;
    text-align: center;
    padding: 4px 6px;
    border-radius: 6px;
	font-size: 0.8em;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
	top: 102%;
    left: 50%;
	margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    
}
.media-column .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.media-column:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.hr-policies {
	float: left;
	margin: 0 40px;
}
.hr-policies .hr-list-parent {
	float: left;
	margin: 10px 25px 15px 0;
	background-color: #0e4f8e;
    border: 1px solid #0e4f8e;
	border-radius: 18px;
	box-shadow: 0 0 2px 0px #999;
	color: #FFFFFF;
}
.hr-policies .hr-list-parent .hr-list-1 {
	float: left;
	margin: 10px 5px 10px 10px;
	text-align: left;
	width: 220px;
	text-align: justify;
}
.hr-policies .hr-list-parent .hr-list-1 a {
	color: #FFFFFF;
}
.hr-policies .hr-list-parent .hr-list-1 a:hover {
	color: #fbad1a;
}
.hr-policies .hr-list-parent .hr-list-1 h4 {
	margin-bottom: 8px;
}
.hr-policies .hr-list-parent .hr-list-2 {
	float: left;
	margin: 10px 10px 10px 5px;
	
}
.hr-policies .hr-list-parent .hr-list-2 img {
	border: 1px solid #114F8D;
    border-radius: 10px;
    box-shadow: 0 0 2px 0px #999;
}
.hr-policy-panel {
	background: #F2F2F2;
	padding: 20px 30px;
	text-align: left;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
	color: #777;
}
.hr-policy-panel.policy-2{
	max-width: 1000px;
}
.hr-policy-panel .media-column img {
	border-radius: 10px;
}
.hr-slide {
	min-height: 600px;
	left: 10px;
	border-left: 1px solid #CCC;
	vertical-align: middle;
}
.hr-slide span.img-description{
	font-size: 12px;
}

/* -----------------------------------
-------- Corporate Governance --------
-------------------------------------*/
#sub1 {
	padding: 10px 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #fbad1a;
	border-width: 0px;
}

/* ----------------------
-------- Contact --------
------------------------*/
.contact-icon {
	border-radius: 50%;
	background-color: #f4f4f4;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 52px;
	border: 3px solid transparent;
	font-size: 24px;
	position: absolute;
	
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.contact-item:hover .contact-icon {
	border: 3px solid #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	background-color: #fbad1a;
	color: #fff;
}
.contact-icon i.icons {
	position: relative;
}
.contact-item:hover .contact-icon i.icons:after {
	content: '';
	background-color: #9d9d9d;
	display: block;
	margin-top: 2px;
	position: absolute;
	width: 16px;
	left: 50%;
	margin-left: -8px;
	color: #fff
}
.contact-body {
	margin-left: 75px;
	color: #1C1C1C;
	margin-top: 10px;
}
.contact-body .title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
}
.contact-body .description {
	font-size: 15px;
	padding-top: 10px;
}

.sales-contact {
	margin: 30px 0;
	font-size: 15px;
}
.sales-contact .sales {
	margin-bottom: 15px;
	color: #2E2E2E;
	display: flex;
}
.sales-contact .sales .sales-icon {
	width: 25px;
	height: 25px;
	text-align: center;
	margin-right: 10px;
	border: 1px solid #6e6e6e;
	
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    /* box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.25); */
}
.sales-contact .sales:hover .sales-icon {
	background-color: #fbad1a;
	border: 1px solid #FFFFFF;
	box-shadow: 0px 0px 21px -2px rgba(0, 0, 0, 0.25);
}
.sales-contact .sales .sales-icon i {
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sales-contact .sales:hover .sales-icon i{
	color: #fff;
}
.sales-contact .sales a {
	color: #2E2E2E;
}
.sales-contact .sales a:hover {
	color: #fbad1a;
}
.sales-contact .sales:first-child .sales-body {
	font-weight: 600;
}
.report-panel {
	background: #F2F2F2;
	padding: 20px 30px;
	text-align: left;
	max-width: 900px;
	margin: 40px auto;
	position: relative;
	color: #777;
}
.report-panel h2 {
	text-align: center;
}
.report-panel a.btn {
    padding: 7px 15px;
	margin-top: 20px;
    background: #fbad1a;
    color:#FFFFFF;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    margin-left: 15px;
    border: 1px solid #FFFFFF;
}
/* -----------------------------------
-------- Product Certificates --------
----------------------------------- */
.certificate-table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
}

.certificate-table td, th {
  border: 1px solid #000000;
  text-align: left;
  padding: 8px;
}

.certificate-subsys-title {
    background-color: #b4c6ce7d;
    
}

.certificate-subsys-title th {
    text-align: center
}

sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.form-group input.invalid {
    border-color: red;
}

.form-group div.invalid {
    color: red;
}

.row-certificate {
   margin-left: -15px;
}
@media only screen and (max-width: 1199px) {
	.certificate-table table {
		white-space: nowrap;
	}
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* --------------------------
-------- Map Section --------
----------------------------- */
#map-canvas {
	width: 100%;
	height: 500px;
}
.my-custom-class-for-label {
	width: 120px; height: 20px;
	
	border: 1px solid #eb3a44;
	border-radius: 5px;

	background: #fee1d7;
	color: #eb3a44;
	text-align: center;
	line-height: 20px;

	font-weight: bold;
	font-size: 12px;
}

/* Image hover effect */
#preview {
  position: absolute;
  border: 5px solid #fff;
  background: #333;
  padding: 5px;
  display: none;
  border-radius: 20px;
  color: #fff
}

#preview img {
	border-radius: 10px;
}

/* ==============================
   Bootstrap multicolumn grid
   ============================== */

/* clear the first in row for any block that has the class "multi-columns-grid" */
.multi-columns-grid .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-grid .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-grid .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-grid .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-grid .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
	/* reset previous grid */
	.multi-columns-grid .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-grid .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-grid .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-grid .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-grid .col-xs-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for small columns */
	.multi-columns-grid .col-sm-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-grid .col-sm-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-grid .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-grid .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-grid .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
	/* reset previous grid */
	.multi-columns-grid .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-grid .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-grid .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-grid .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-grid .col-sm-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for medium columns */
	.multi-columns-grid .col-md-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-grid .col-md-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-grid .col-md-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-grid .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-grid .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
	/* reset previous grid */
	.multi-columns-grid .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-grid .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-grid .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-grid .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-grid .col-md-1:nth-child(12n + 13) { clear: none; }

	/* clear first in row for large columns */
	.multi-columns-grid .col-lg-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-grid .col-lg-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-grid .col-lg-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-grid .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-grid .col-lg-1:nth-child(12n + 13) { clear: left; }
}