@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,300,100,600,700,800,900,200);
/*font-family: 'Montserrat', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,300,100,600,700,800,900,200);
/*font-family: 'Raleway', sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
/*font-family: 'Open Sans', sans-serif;*/
/*
 * Colour Scheme:
 * Primary:   #f7931e
 * Secondary: #c56c07
 * Tiertiary: #945105
 */
/* 'Open Sans' */
html, body{width:100%; height:100%; position:relative; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:400; letter-spacing:0.5px; line-height:2 !important}
body .popover { max-width: 1587px; }
.mt10 {margin-top: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mt15 {margin-top: 15px !important;}
.mb15 {margin-bottom: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mb30 {margin-bottom: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mb40 {margin-bottom: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mb50 {margin-bottom: 50px !important;}
.mt0 {margin-top: 0px !important;}
.plr0{padding-left:0 !important; padding-right:0 !important;}
.ml20 {margin-left: 20px;}
.ml50 {margin-left: 50px;}
.Lowercase {text-transform:lowercase;}
.Uppercase {text-transform: uppercase;}
.justify {text-align: justify}
/*ol, ul, li {margin: 0px;padding: 0px;list-style: none;}*/
.clear{ clear:both; }
a, .btn {color: #f7931e; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s;}
a:hover {color: #945105;}
.wid100 {width: 100%; }
.vamiddle {vertical-align: middle;}
/***************************
	
	OPENCMS Modifications
	
***************************/
/*
 * Darken current navigation item
 */
.navbar-default .navbar-nav .active a {/*, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav .active a:hover*/
	background-color: #777;
}

/* body { padding-top: 70px; } */
/***************************
	
	MAIN CONTAINER
	
***************************/
.main-container{
	position:relative;
/*	overflow:hidden; */
}

/***************************
	
	HEADER
	
***************************/



#main-header .navbar-default {background-color: #000000;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); height:100px; border:0px} / * position: relative; border: 1px solid white; * /
#main-header .navbar-right {padding: 24px 0px;}
#main-header .navbar-default .navbar-nav > li > a {color: #fff;}


/***************************
	
	BANNER
	
***************************/
.par1 .parallax {background-image: url(../images/banner.jpg);height: 100%;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover; position: relative;}
.par1 .parallax::after{ background: url(../images/parallax-bottom-uneven-right-22.png) center bottom no-repeat;
  content: "";
  background-size:100% auto;
  height: 100px;
  bottom: 0px;
  z-index:1;
  left:0;
  position: absolute;
  width:100%;
  margin:0;
}
.par1 .parallax.round::after { z-index:0; background: url(../images/parallax-bottom.png) center bottom no-repeat /* !important */;}
.par1 .parallax .text-center{ padding:100px 0px 80px 0px; position:relative; z-index:1} /* was: 170px, 120px */
.par1 .parallax .text-center h1{ font-size:45px; color:#ffffff; padding:8px 0px; margin:0px; text-shadow: 2px 2px 4px #2b2b2b; font-weight:600; }
.par1 .parallax .text-center h2{ font-size:35px; color:#2b2b2b; padding:0px; margin-top:10px; }
.par1 .parallax .text-center p{ color:#ffffff; margin:20px auto; font-size:20px; width:80%} /* margin: 30px */
.par1 .parallax .text-center button{ background-color:#f7931e; border:#f7931e solid 1px; font-size:20px; font-weight:600; border-radius:4px; color:#FFF}
.par1 .ban1 .my-flip-text .rotate{display:block; float:left; height:auto; width:100%;}
.par1 .ban1 .my-flip-text .rotate .textRotate-rotator{float:left;  width:100%; height:100%;}
.par1 .ban1 .my-flip-text .rotate .textRotate-rotator .front,
.par1 .ban1 .my-flip-text .rotate .textRotate-rotator .back{float:left; width:auto !important; background:#FFFFFF;padding:12px 25px; height:auto !important;border-radius:4px}


/***************************
	
	ABOUT
	
***************************/

.cat-detail{ margin-bottom:70px; margin-top:70px}
.cat-detail .content h2{ font-weight:600; text-transform: uppercase}
.cat-detail .content h2 span{ color:#f7931e}
.cat-detail .content::after {
  border-bottom: 4px solid #f7931e;
  content: "";
  height: 1px;
  left: 0px;
  right:0px;
  position: absolute;
  width: 60px;
  margin:0px 16px;
}
.cat-detail p.cdp{ margin-top:50px}
.cat-detail .panel-group{ margin-top:39px}
.cat-detail .panel-title{ font-weight:600}
.cat-detail .panel-default .panel-heading {
	color: #FFF;
	background-color: #f7931e;
	border-color: #f7931e;
}
.cat-detail .panel-default {
	border-color: #f7931e;
}

.cat-detail a:hover, a:focus {
	text-decoration: none;
}
.cat-detail .panel-body p{ margin:10px 0px 10px 0px}
.cat-detail .panel-body h4{ font-weight: 600; color: #2b2b2b; margin-top:15px; margin-bottom:15px;}
.cat-detail .panel-body li i{ color:#f7931e; font-size:10px; margin-right:10px;}
.cat-detail thead {
	background: #26ADA6;
	color: #ffffff;
}

.cat-detail .cat-img{ margin-top:40px;}

.cat-detail .btn {
	background-color:#f7931e;
	border:#f7931e solid 1px;
	font-size:16px;
	font-weight:600;
	border-radius:4px;
	color:#FFF;
}


/***************************
	
	FOOTER
	
***************************/


.foot{ background: url(../images/footer.jpg); padding:50px 15px 0px 15px; position:relative; z-index:0;}
.foot::after{ background: url(../images/parallax-bottom-uneven-right.png) center top no-repeat;
  content: "";
  background-size:100% auto;
  height: 100px;
  top: 0px;
  z-index:1;
  left:0;
  position: absolute;
  width:100%;
  margin:0;
}
.foot.round::after{ background: url(../images/parallax-bottom2.png) center top no-repeat !important;}
.foot .foot-link{ margin-top:70px;}
.foot li{ color:#FFFFFF; padding:0px 20px; display:inline-block;}
.foot li a { color:#FFFFFF; }
.foot .foot-icon{ margin-bottom:0px;}
.foot .foot-icon li{ background-color:#f7931e; border-radius:25px; height: 40px;margin: 15px 10px;padding: 6px;width: 40px; display:inline-block;}
.foot .copy{ border-top:1px solid #FFF; margin-top:30px; padding-top:25px; padding-bottom:25px;}
.foot .copy P{ margin:0px; color:#fff;}


/***************************
	
	RESPONSIVE
	
***************************/


 @media only screen and (max-width: 767px) {
	 
	 .navbar-toggle {margin-top: 34px !important;}
	 .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0px; background:#000;}
 }
 
 @media only screen and (max-width: 767px) {
	 .foot .copy p.pull-left{ text-align:center; width:100%;}
	 .foot .copy p.pull-right{ text-align:center; width:100%;}
	 
	 
	 }
	 
	 
/******************************************
	
	landing page our product 
	
******************************************/

section.op{ margin-top:50px; margin-bottom:30px}
section.op .content{ position:relative;}	 
section.op .content h2{ font-weight:600; text-transform: uppercase;}
section.op .content h2 span{ color:#f7931e;}
section.op .content::after {
  border-bottom: 4px solid #f7931e;
  content: "";
  height: 1px;
  left: 0px;
  right:0px;
  position: absolute;
  width: 60px;
  margin:0px
}
section.op .op-left{ padding-left:15px;}
section.op .product-box{border:solid 1px #ddd; padding:5px; display:block;position: relative; }
section.op .product-box .image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
section.op .product-box .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
section.op .product-box:hover .image {
  opacity: 0.3;
}
section.op .product-box:hover .middle {
  opacity: 1;
}


/******************************************
	
	landing page our services 
	
******************************************/


section.os .content{ position:relative;}	 
section.os .content h2{ font-weight:600; text-transform: uppercase;}
section.os .content h2 span{ color:#f7931e;}
section.os .content::after {
  border-bottom: 4px solid #f7931e;
  content: "";
  height: 1px;
  left: 0px;
  right:0px;
  position: absolute;
  width: 60px;
  margin:0px;
}
section.os ul{width:100%; margin:auto; text-align:center;}
section.os ul li{ display:inline-block; margin-right:30px; padding:40px; border-radius:100px; border:8px solid #f7931e;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); margin-bottom:15px  }
section.os ul li.b6{ border:6px solid #f7931e !important;}
section.os ul li.b4{ border: 4px solid #f7931e !important;}
section.os ul li.b2{ border: 2px solid #f7931e !important;}


/******************************************
	
	landing page our team 
	
******************************************/


.team{ background:#000; padding:20px 0px;}
.team h4{ color:#FFFFFF;  padding:16px;}
.team h5{ color: #FFFFFF; padding:10px 20px; border-left:4px solid #f7931e;}
.team.tb h5{ border-right:4px solid #f7931e !important; border-left:0px !important;}


/******************************************
	
	landing page support 
	
******************************************/

.row.support .content h2{ font-weight:600; text-transform: uppercase;}
.row.support .content h2 span{ color:#f7931e;}
.row.support .content::after {
  border-bottom: 4px solid #f7931e;
  content: "";
  height: 1px;
  right:0px;
  position: absolute;
  width: 60px;
  margin:0px 16px;
}
.row.support .sup1 p{ margin-top: 10px; font-size:14px;}
.row.support .sup1 ul{ list-style-type:none; margin-top: 40px;}
.row.support .sup1 ul  li{ padding-bottom:0px;}
.row.support .sup1 ul  li h5 span{ padding-right:10px; border-bottom:none; padding-bottom:0px; font-weight:500;}
.row.support .sup2{padding:0px 30px;}


/******************************************
	
	landing page subscribtion 
	
******************************************/


.row.subs{ margin-top:60px; width:100%; margin-left:auto; margin-right:auto; font-size:14px;}
.row.subs h2{ color:#f7931e; font-weight:600;}
.row.subs p{ padding:0px; margin-bottom:60px; width:50%; margin-left: auto; margin-right:auto;}
.row.subs .form-control{ border-radius:0px; height:45px;padding: 0px 50px 0px 20px; border: 2px solid #f7931e;}
.row.subs .btn-default{border-radius:0px; height:45px; background: #000; color: #f7931e; width:140px; margin-bottom:60px; border:2px solid #f7931e; }


/******************************************
	
	landing page google add 
	
******************************************/


.ga{margin:0px auto; width:50%;}


/******************************************
	
	landing page responsive 
	
******************************************/


@media only screen and (max-width: 1199px) {
	.team.tb{ margin-top:40px !important} 
	.team h5{ text-align:center; border-left:0px;}
	.team.tb h5{ text-align:center; border-right:0px !important}
	.row.support .sup2{ text-align:center !important; padding:0px 100px;}	
 }
 
@media only screen and (max-width: 767px) {
	.row.support .sup2{ text-align:center !important; padding:0px 125px;}	
 }
 
@media only screen and (max-width: 366px) {
		
 }
 
 
/******************************************
	
	home page about 
	
******************************************/
 
.abt img{ border:8px solid #f7931e;}
.abt p{ color:#000; font-size:16px; padding: 55px 0px;}
.abt h2{ color:#000; font-weight:600; text-transform: uppercase;}
.abt h2 span{ color:#f7931e;}
.abt .content{ position:relative;}
.abt .content::after {
  border-bottom: 4px solid #f7931e;
  content: "";
  height: 1px;
  left:0;
  right:0px;
  position: absolute;
  width: 100px;
  margin:auto;
}
.abt p.tc{ margin:0px auto 30px auto !important; width:80%; padding:0px !important}
.abt .hvr img{ border:0px;}
.abt .product-box{border:solid 1px #ddd; padding:5px; display:block;position: relative; }


.abt .product-box .image {
  display: block;
  width: 100%;
  height: auto;
}

.abt .product-box .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  opacity: 0;
  transition: .5s ease;
  background-color: #f7931e;
  margin:25px !important
}

.abt .product-box:hover .overlay {
  opacity: 1;
}

.abt .product-box .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.abt .product-box .text h5{ font-weight:600;}
.abt .product-box .text p{ padding:0px !important; font-size:12px; color:#FFFFFF;}
.abt .product-box .text .km{ padding:30px 0px; border-radius:25px; background:#FFFFFF; color:#f7931e;}
.abt .product-box .text .km {
	padding: 12px ;
	border-radius: 41px;
	background: #FFFFFF;
	color: #f7931e;
	width:35%; margin:5px auto;
}
#owl-demo4 .item{ width:auto; height:300px; background:#ebebeb; margin:5px 30px;border:solid 1px #ddd; padding:5px !important; ;
   }
#owl-demo4 .item img{ border:0px}
#owl-demo4 .item .text {
  color: #f7931e;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  
}
#owl-demo4 .item .text p{ padding:0px !important; font-size:18px}
#owl-demo4 .item .text h5{ font-weight:600; font-size:32px}
#owl-demo4 .item .text i{ font-size:20px; color:#FFFFFF; font-weight:600}
#owl-demo4 .item .text span{ background:#f7931e; border-radius:25px;  padding:5px 14px; }

@media only screen and (max-width: 1199px) {
	.abt p { padding-left:15px}

}
@media only screen and (max-width: 991px) {
	.abt p { text-align:center}

}


@media only screen and (max-width: 491px) {
	.abt .product-box p{ display:none}		
	.abt .product-box .text .km{ padding:30px 0px; border-radius:25px; background:#FFFFFF; color:#f7931e}
	.abt .product-box .text .km {
		padding: 12px ;
		border-radius: 41px;
		background: #FFFFFF;
		color: #f7931e;
		width:100%; margin:5px auto;
	}

}

.cs-sitemap{
	margin-bottom:10px;
}
.cs-sitemap li,.cs-sitemap ul{
	margin:0;
	padding:0;
	background:0 0;
	list-style:none;
	width: 100%;
}
.cs-sitemap li.top{
	float:left;
	padding-bottom:10px;
	width:100%;
}
.cs-sitemap li.top a{
	position:relative;
	display:block;
	padding:10px;
	width:100%;
	height:100%;
	background:#b31b34;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:1em;
	line-height:1;
}
.cs-sitemap li.top a.nav-toggle:after{
	position:absolute;
	top:10px;
	right:9px;
	display:inline-block;
	content:"\f078";
	font-weight:400;
	font-family:FontAwesome;
	transition:transform .33s;
	-ms-transform:rotate(-180deg) translate(0,0);
	transform:rotate(-180deg) translate(0,0);
}
.cs-sitemap li.top a.nav-toggle.collapsed:after{
	transition:transform .33s;
	-ms-transform:rotate(0) translate(0,0);
	transform:rotate(0) translate(0,0);
}
.cs-sitemap li.top li a{
	padding-top:6px;
	padding-bottom:6px;
	background:#144382;
	color:#fff;
	font-weight:400;
}
.cs-sitemap li.top li a:hover{
	background:#b31b34;
	color:#fff;
	text-decoration:none;
}
.cs-sitemap li.top li a.nav-toggle:after{
	top:6px;
}
@media (min-width:768px) and (max-width:991px) {
	.cs-sitemap .col-4>li.top{
		padding-right:10px;
		width:50%;
	}
	.cs-sitemap .col-4>li.top:nth-of-type(2n+1){
		clear:both;
	}
}
@media (min-width:992px) {
	.cs-sitemap .col-6>li.top{
		padding-right:10px;
		width:50%;
	}
	.cs-sitemap .col-6>li.top:nth-of-type(2n+1){
		clear:both;
	}
	.cs-sitemap .col-4>li.top{
		padding-right:10px;
		width:33.33333333%;
	}
	.cs-sitemap .col-4>li.top:nth-of-type(3n+1){
		clear:both;
	}
}
@media (min-width:768px) and (max-width:991px){
	.cs-sitemap .col-3>li.top{
		padding-right:10px;
		width:50%;
	}
	.cs-sitemap .col-3>li.top:nth-of-type(2n+1){
		clear:both;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.cs-sitemap .col-3>li.top{
		padding-right:10px;
		width:33%;
	}
	.cs-sitemap .col-3>li.top:nth-of-type(3n+1){
		clear:both;
	}
}
@media (min-width:1200px) {
	.cs-sitemap .col-3>li.top{
		padding-right:10px;
		width:25%;
	}
	.cs-sitemap .col-3>li.top:nth-of-type(4n+1){
		clear:both;
	}
}
/*
.cs-sitemap li.top>ul>li>ul li a{
	padding-left:40px;
}
.cs-sitemap li.top>ul>li>ul>li>ul li a{
	padding-left:60px;
}
.cs-sitemap li.top>ul>li>ul>li>ul>li>ul li a{
	padding-left:80px;
}
.cs-sitemap li.top>ul>li>ul>li>ul>li>ul>li>ul li a{
	padding-left:1000px;
}
*/
.cs-sitemap.color-grey li.top a{
	background:#a8adb4;
	color:#fff;
}
.cs-sitemap.color-grey li.top li a{
	background:#eceeef;
	color:#555;
}
.cs-sitemap.color-grey li.top li a:hover{
	background:#a8adb4;
	color:#fff;
}
.cs-sitemap.color-grey-light li.top a{
	background:#dddddf;
	color:#555;
}
.cs-sitemap.color-grey-light li.top li a{
	background:#9b9ba1;
	color:#555;
}
.cs-sitemap.color-grey-light li.top li a:hover{
	background:#dddddf;
	color:#555;
}
.cs-sitemap.color-grey-lighter li.top a{
	background:#eeeef0;
	color:#555;
}
.cs-sitemap.color-grey-lighter li.top li a{
	background:#aaaab4;
	color:#555;
}
.cs-sitemap.color-grey-lighter li.top li a:hover{
	background:#eeeef0;
	color:#555;
}
.cs-sitemap.color-cyan li.top a{
	background:#1bb39a;
	color:#fff;
}
.cs-sitemap.color-cyan li.top li a{
	background:#66e8d2;
	color:#fff;
}
.cs-sitemap.color-cyan li.top li a:hover{
	background:#1bb39a;
	color:#fff;
}
.cs-sitemap.color-orange li.top a {
	background:#f7931e;
	color:#fff;
}
.cs-sitemap.color-orange li.top li a {
	background:#c56c07; /*  77470f */
	color:#aaa;
}
.cs-sitemap.color-orange li.top li li a {
	background:#945105;
	color:#aaa;
}
.cs-sitemap.color-orange li.top li a:hover{
	background:#f7931e;
	color:#fff;
}
.cs-sitemap.color-orange li.top li li a:hover{
	background:#f7931e;
	color:#fff;
}
.cs-sitemap.color-blue li.top a{
	background:#144382;
	color:#fff;
}
.cs-sitemap.color-blue li.top li a{
	background:#367ee0;
	color:#fff;
}
.cs-sitemap.color-blue li.top li a:hover{
	background:#144382;
	color:#fff;
}
.cs-sitemap.color-red li.top a{
	background:#b31b34;
	color:#fff;
}
.cs-sitemap.color-red li.top li a{
	background:#e8667b;
	color:#fff;
}
.cs-sitemap.color-red li.top li a:hover{
	background:#b31b34;
	color:#fff;
}
/*
 * Contact Dialog positioning
 */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
/*    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
/*    pointer-events:none; */
	height: 100%;
}
.cs-modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin-top: 10%;
    pointer-events: all;
	border: 2px dotted blue;
	background: white !important;
	position: absolute;
	overflow: visible;
	z-index: 99999;
}
/*
 * Vertical centered image
 */
.cs-image-vertical-align-center {
    height: 25px;      /* equals max image height */
    width: 160px;
    white-space: nowrap; /* this is required unless you put the helper span closely near the img */    
    text-align: center; margin: 1em 0;
	border: 2px dashed red;
}
.cs-image-vertical-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.cs-image-vertical-align-center img {
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}

.cs-image-vertical-center {
	height: 100%;
}

.cs-image-vertical-center img {
	vertical-align: middle;
}

.border-red {
	border: 1px solid red;
}
.border-green {
	border: 1px solid green;
}
.border-blue {
	border: 1px solid blue;
}
.border-orange {
	border: 1px solid orange;
}
div.emailForm fieldset {
/*	border: 1px solid black;  */
	display: table;
}
div.emailForm fieldset section {
	/*border: 1px solid grey; */
	display: table-row;
}
div.emailForm fieldset section label.label {
	white-space: normal;
	color: #f7931e;
	text-align: left;
	display: table-cell;
	font-size: 12pt;
	vertical-align: top;
	width: 20%;
}
div.emailForm fieldset section label.input {
/*	color: #f7931e;
	border: 1px solid #f7931e; */
	display: table-cell;
}
div.emailForm input[type="text"] {
	width: 100%;
	display: table-cell;
	float: right;
}
div.emailForm fieldset section select {
/*	color: #f7931e;
	border: 1px solid #f7931e; */
	display: table-cell;
	width: 100%;
	text-align: left;
}
div.emailForm fieldset section label.textarea {
/*	color: #f7931e;
	border: 1px solid #f7931e; */
	width: 100%;
	height: 20%;
/*	border: 1px solid red; */
	white-space: initial;
	display: table-cell;
}
div.emailForm fieldset section textarea {
	width: 100%;
	height: 100%;
	display: table-cell;
	float: right;
}
.modal-header {
	background-color: #f7931e;
	color: #fff;
}
.cs-modal-content footer div.note {
	color: #f7931e;
}
/* experiment to center the flexible contents */
.cs-container-centre {
	width: 50%;
	margin-right: -25%;
	float: right;
	border: 1px solid red;
}
.text-center {
	text-align: center;
}
/*
 * Side Navigation
.cs-side-nav .sidebar-navlist-group .list-group-item {
	border: 1px solid #c56c07;
	background-color: #f7931e;
}
.cs-side-nav .sidebar-navlist-group .list-group-item a {
	background-color: #f7931e;
	color: #fff;
}
 */
.two-columns {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;

	-webkit-column-gap: 20px;
	   -moz-column-gap: 20px;
	        column-gap: 20px;

	       column-rule: 1px solid #f7931e;
}
thead {
	background: #f7931e;
}
.intro {
	color:#f7931e;
}