/*
Theme Name: BSI Theme
Theme URI: http://bsitransport.com/
Description: A custom built theme for BSI Transport.
Author: Vertical IO
Author URI: http://vertical.io/
Version: 4.0.0
Tags: responsive, blog, simple, bootstrap, twitter, clean, minimal

*/    	

@import url('static/css/fontawesome.min.css');
@import url('static/css/fontawesome.css');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,300,500');
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('static/css/websymbols/websymbols-regular-webfont.eot');
    src: url('static/css/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('static/css/websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('static/css/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('static/css/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
height: 100%;
margin: 0;
}

body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}
body{ 
	overflow-y:scroll;
	font-family: 'Gudea', sans-serif;

}

.front-content {
	margin: none;
	position: relative;
	width:100%;
	padding: 16px;
	font-family: 'Gudea', sans-serif;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.front-left {
	position: relative;
	width: 32%;
	padding: 24px;
	border: 0px solid #015836;
	border-radius: 2px;
	background: #fff;
	color: #fff;
	background-image: url("https://bsitransport.com/wp-content/themes/BSITheme/static/images/road-map.png");
	background-position: 300px -400px;
	background-repeat: no-repeat;
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
	-ms-flex-order: 1;              /* TWEENER - IE 10 */
	-webkit-order: 1;               /* NEW - Chrome */
	order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex: 1;
}

.front-middle {
	position: relative;
	padding: 24px;
	margin-left: 1%;
	margin-right: 1%;
	width: 33%;
	height: 100%;
	background: #fff;
	color: #fff;
	vertical-align: top;
	-webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
	-ms-flex-order: 3;              /* TWEENER - IE 10 */
	-webkit-order: 3;               /* NEW - Chrome */
	order: 3;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex: 1;
}

.front-right{
	position: relative;
	width: 32%;
	border: 0;
	color: #fff;
	background-color: #CAE5CA;
	padding: 10px;
	vertical-align: top;
	-webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
	-ms-flex-order: 2;              /* TWEENER - IE 10 */
	-webkit-order: 2;               /* NEW - Chrome */
	order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex: 1;
}

.front-inner-right{

	width: 100%;
	height: 100%;
	padding: 14px;
	display: block;
	border: 0px none #015836;
	border-radius: 2px;
	color: #fff;
}


#page-width{ height: 500px;  }
.page-cut-down{ width: 100%; clear: both; padding: 20px; background: #ffffff url() bottom left repeat-x;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }

.page-cut-down-border-home{ width: 100%; height: 7px; position: absolute; z-index: 100; margin-top: -5px; background: url() bottom left repeat-x; }

.page-cut-down-border-news{ width: 100%; height: 7px; position: relative; z-index: 100; margin-top: -5px; background: url() bottom left repeat-x; }

.page-cut-head{ width: 100%; clear: both; background: #ffffff; font-family: 'Gudea', sans-serif; font-weight:400; }
.page-cut-head-border{ width: 100%; height: 5px; position: absolute; z-index: 100; margin-bottom: -5px; background: #015836; }

.page-cut-up{ width: 100%; clear: both; background: #ffffff; }
.page-cut-up-border{ width: 100%; height: 5px; background: #B2B2B2 url() top left repeat-x;  }

.page-cut-middle{ width: 100%; 
    background: none repeat scroll 0% 0% #015836; 
	background-color: #015836;

    background-repeat: repeat-x;
    padding-bottom: 14px; 
	display: block;
	position: relative;

}
.page-cut-middle-border{ width: 100%; height: 5px; background: url() top left repeat-x; }

.full-width-background{ background: url("https://bsitransport.com/wp-content/uploads/2015/03/background.jpg"); width: 100%; } 

.info-post{ font-size: 11px; margin-bottom: 11px; }

.post-paddle{ margin-top: 15px; }

.loop-hole{ max-height: 270px; }

.page-width-inside{ width: 100%; height: 300px; }

.slideshow-flex{ position: absolute; z-index: 100; left:0; right:0; margin-left:auto; margin-right:auto; }

.bsi-logo{ max-width: 350px;  }

td.third-tab{ width: 70%; border-right: 1px solid #000000; }

td.price-tab{ vertical-align: middle !important; text-align: center; }
    	
.header-left{ float: left; }
.header-left-inside{ height: 125px; width: 273px; overflow-y: hidden; }
.header-right{ float: right; padding: 75px 0px 0px 0px;  }

.foot-border{ width: 100%; height: 4px; background: #000000; margin-top: 55px; }

.post-border{ width: 100%; height: 4px; background: #000000; }

.wn-border{ width: 100%; height: 1px; background: #efefef; margin: 25px 0px; }

.post-border.bottom{ width: 100%; height: 4px; background: #ffffff; margin-top: 45px; }

.col-sm-6.f-right{ text-align: right; }

.container{ max-width: 1100px !important; }

.row.widget-icons{ margin-top: 50px; }
		
.clear{ clear: both; }

.col-sm-8 img{ max-width: 100% !important; height: auto !important; }

.descrip{ font-size: 10px; color: #ffffff; letter-spacing: 5px; padding-left: 3px; }

.bold-color { color: #000000; }

ul.nav-header {	max-width: 880px; text-align: right; margin-top: 0px; }

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
text-decoration: none;
color: #000000;
background-color: #ffffff;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: #fff;
border: 1px solid #fff;
border: 1px solid rgba(0,0,0,0);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175); 
-webkit-background-clip: padding-box; 
background-clip: padding-box; 
}

.dropdown-menu>li>a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #000000;
white-space: nowrap;
}

.dropdown-menu>li>a:hover { color: #823131;  }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color: #ffffff;
color: #823131; }

.nav-header {
display: block;
padding: 3px 15px;
font-weight: bold;
line-height: 20px;
color: #ffffff;
}


.navbar {
margin-bottom: 0px;
position: absolute !important;
bottom: 0;

}

.navbar-nav {
font-family: 'Gudea', sans-serif;
font-weight:400;
font-size: 18px;
float: none;
width: 100%;
text-align: center;
> li {
float: none;
display: inline-block;
}
}


.navbar-default .navbar-nav>li>a{
color: #9E9E9E;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #823131;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ color: #B2B2B2;
background-color: #ffffff; }

ul.navbar-nav li.menu-item.current-menu-item a{
color: #555555;
background-color: #ffffff;
}

.navbar-default {
background-color: #ffffff;
border-color: #ffffff;
}

.navbar-static-top {
border-width: 0px 0px 0px 0px;
padding: 79px 0px;
}

p.spacedabit { line-height: 23px; }

h2.post-title { font-family: 'Gudea', sans-serif; font-size: 22px; color: #ffffff; font-weight: 400; padding-bottom:7px;  padding-top: 11px; padding-left: 20px; }

.excerpted{ font-size: 13px; }

.paddle{ margin-top: 20px; }

h2.entrytitle{ font-family: 'Gudea', sans-serif; font-size: 19px; color: #FFF; font-weight: 400; padding-bottom:7px; margin: 0px; }

h1,h2,h3,h4,h5{ color: #222222; font-weight: 200; }

h1,h2,h3,h4,h5 a{ color: #222222; font-weight: 200; }

hr{ clear: both; }

a{ color: #000000; }
a:hover{ color: #000000; }

.item{ width: 288px; margin: 9px; }

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

.paint{ padding: 10px 10px 17px 10px; background: #fafafa; }

.attachment-medium { visibility: hidden; }

.alignleft { float: left; padding: 0px 15px 15px 0px; }

.post.tag-wide { width: 558px; }

.foot-end{ font-size: 11px; color: #9E9E9E; text-align: center; padding: 45px 0px 65px 0px; }


.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
border-top: 1px solid #000000;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: #AA2727;
}


.infscrBtn {
font-weight: 100; 
font-size: 19px; 
color: #ffffff;
letter-spacing: 1px;
background: #000000;
width: 100%;
clear: both;
text-align: center;
cursor: pointer;
padding: 17px 0px 17px 0px;
margin-top: 9px;

}

.infscrBtn:hover { background: #709B27; }

#infscr-loading {
font-weight: 100; 
font-size: 19px; 
color: #ffffff;
width: 100%;
clear: both;
text-align: center;
cursor: pointer;
padding: 17px 0px 17px 0px;
}

/**** Main Header ****/

.head_background {
position: relative;
display: block;
background-image: url("https://bsitransport.com/wp-content/themes/BSITheme/static/images/bsi_head.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
min-height: 120px;
width: 100%;
height: 120px;
z-index: 0;
padding-bottom: 10px;

}

.head_contain {

display: block;
position: relative;
float: left;
background-image: url("https://bsitransport.com/wp-content/themes/BSITheme/static/images/new_logo_332_88.png");
background-position: left bottom;
background-repeat: no-repeat;
width: 100%;
height: 100%;
margin: 0;
z-index: 1;

}

.top_menu_wrap {
width: 100%;
display: block;
position: relative;
padding: 0;
z-index: 2;
background:#3193c0; /* Old browsers */
		background-color: #015836;
		background-repeat: repeat-x;
		-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		box-shadow:0 1px 1px rgba(0,0,0,0.3);
}
.top_menu {
display: block;
position: relative;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
z-index: 2;
width: 680px;
}
.social {

display: block;
float: right;
z-index: 2;
}

.left_margin {
display: inline-block;
float: left;
z-index: 2;
width: 48%;
min-width: 350px; 
height: 100%;
margin: 0;
padding: 0;
}

.menu_container {
min-width: 650px;
}



/**** Isotope Filtering ****/

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

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

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.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;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
		
		
.fade {
   		opacity: 1;
   		transition: opacity .25s ease-in-out;
   		-moz-transition: opacity .25s ease-in-out;
   		-webkit-transition: opacity .25s ease-in-out;
		}

		.fade:hover {
   		opacity: 0.5;
		}		

.faded {
   		opacity: 0;
   		transition: opacity .25s ease-in-out;
   		-moz-transition: opacity .25s ease-in-out;
   		-webkit-transition: opacity .25s ease-in-out;
		}

		.faded:hover {
   		opacity: 0.1;
		}		
		
#content.project {
	width: 100%;	
}
  
#projects {	
	margin-left: 1px;	
	margin-right: 1px;	
	padding: 0;	
	display: block;
	position: relative;	
}


.thumbs {
	margin: 0 auto;		
}


.project.small, .isotope-item{	
	width: 33.33%;
	max-height: 250px;
	min-height: 250px;
	overflow: hidden;
	display: block;	
	position: relative;	
	float: left;	
	margin: 0 0 0 0;
	height: auto !important;
	padding-bottom: 0;		
	
}

#content .project.small img, .isotope-item img{	
	width: 110% !important;
	height: auto;
	
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;	
}

#content .project.small p{	
	font-size: .9em;
}

#content .project.small .inside{
	background: #000000;
}

#content .project.small .inside.two{
	background: #FF9D00;
}
#content .project.small .inside.three{
	background: #0086FF;
}
#content .project.small .inside.four{
	background: #F70035;
}

.project.small .inside {	
	position: relative;
	margin: 0 auto !important;
}

#content .project.small a{
	position: relative;
	display: block;		
	margin: 0 auto;
	-webkit-backface-visibility: hidden;
	color: #6a6a6a;
}

#content .project.small a:hover img{
	opacity: .1;
	position:relative;
	-webkit-backface-visibility: hidden;
}

#content .project.small a:hover .title{
	opacity: 1;
	top: 40%;
	left: 4%;
	-webkit-backface-visibility: hidden;	
}

#content .project.small .title {
	font-size: 19px;
	color: #fff;	
	font-weight: 100;
	text-align: center;	
	margin-bottom: 0px;
	display: block;
	position: absolute;
	top: 40%;
	left: 4%;	
	margin: -20px auto 0 !important;	
	width: 90%;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	opacity: 0;
}


#content .project.small .titled {
	font-size: 19px;
	color: #fff;	
	font-weight: 100;
	text-align: center;	
	margin-bottom: 0px;
	display: block;
	position: absolute;
	top: 40%;
	left: 4%;	
	margin: -20px auto 0 !important;	
	width: 90%;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	opacity: 1;
}





@media (max-width: 950px) { .project.small, .isotope-item{ width: 50%; } }

@media (max-width: 630px) { .project.small, .isotope-item{ width: 100%; } .navbar-static-top {
border-width: 0px 0px 0px 0px;
padding: 0px 0px;
} h2.entrytitle{ margin-top: 13px; } .navbar-nav { float: left; } }

.page-footer { 
    width: 100%; 
	clear: both; 
	background: none repeat scroll 0% 0% #fff; 
	background-color: #fff;
    *background-image: -moz-linear-gradient(top, #015836, #01965a);
    *background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#015836), to(#01965a));
    *background-image: -webkit-linear-gradient(top, #015836, #01965a);
    *background-image: -o-linear-gradient(top, #015836, #01965a);
    *background-image: linear-gradient(to bottom, #015836, #01965a);
    *background-repeat: repeat-x;
    color: #FFF;
}

.page-header { 
	width: 100%; 
	clear: both; 
	background: none repeat scroll 0% 0% #015836; 
	background-color: #015836;
    background-image: -moz-linear-gradient(top, #015836, #01965a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#015836), to(#01965a));
    background-image: -webkit-linear-gradient(top, #015836, #01965a);
    background-image: -o-linear-gradient(top, #015836, #01965a);
    background-image: linear-gradient(to bottom, #015836, #01965a);
    background-repeat: repeat-x;
    color: #FFF;
}

.social {
    margin: 16px 20px 0px 0px;

	
}

.social ul {
    margin: 0;
	padding: 5
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social i {
    width: 22px;
    height: 22px;
    color: #ffffff;
    font-size: 18px;
    text-align:center;
    padding-top: 0px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #015836;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social-phone {
    margin: 0;
	float: right;
	display: block;
	position: relative;
	top: 76px;
	right: -144px;
	font-size: 15px;
    
}

.social-phone ul {
    margin: 0;
    padding: 5px;
}

.social-phone ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.social-phone i {
    height: 14px;
    color: #01956a;
    font-size: 14px;
    text-align:center;
    padding-top: 0px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
	text-shadow: 0 0 0.2em #ededed, 0 0 0.2em #ededed;
    
}

.social-phone i:hover{
    color: #01956a;
    text-align:center;
    padding-top: 0px;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
    
}

.social-phone a {
    font-family: 'Gudea', sans-serif;
    font-weight:400;
}

.nav ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

.box-header  {
    width: 100%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #ccc;
	display: block;
	color: #fff;
	padding: 5px;
	opacity: 0.9;
	font-family: 'Gudea', sans-serif;
	color: #01956a;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 20px;
}

.box-header-2  {
    width: 100%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #fff;
	display: block;
	color: #fff;
	padding: 5px;
	opacity: 0.9;
	font-family: 'Gudea', sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}

.box-header  hr {
border-color: #53C153;
background-color: #53C153;
height: 2px;
}


.box-content p {
	text-align: justify;
	font-size: 1.1em;
	}

.box-content  {
    width: 100%;
	display: block;
	color: #000;
	font-family: 'Gudea', sans-serif;
	overflow: hidden;
	
}
/* Images at the top of the services page */

#page-top-images {
	display: inline-block;
	width: 100%;
	height: 150px;
	}
	
.make-horizontal {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0 56px 0 0;
}	

.make-horizontal-end {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0;
}	

.fade-in-box {
	width: 150px;
	height: 150px;
	display: none;
	border-radius: 5px;
	border-color: #d6e9c6;
	border-width: 2px;
	border-style: solid;
	overflow: hidden;
	}
	
.fade-box {
	display: none;
	width: 150px;
	height: 150px;
	border-radius: 5px;
	border-color: #d6e9c6;
	border-width: 2px;
	border-style: solid;
	overflow: hidden;
	}
	
.fade-box  img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	}
	
	
.post-title-wrap {
border-radius: 5px;
background: #01965a; /* Old browsers */
background: -moz-linear-gradient(45deg, #01965a 19%, #01965a 19%, #01965a 30%, #01965a 48%, #015836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(19%,#01965a), color-stop(19%,#01965a), color-stop(30%,#01965a), color-stop(48%,#01965a), color-stop(100%,#015836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#015836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#015836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#015836 100%); /* IE10+ */
background: linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#015836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01965a', endColorstr='#015836',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.contact-title-wrap {
border-radius: 5px;
padding: 0 0 0 4px;
background: #01965a; /* Old browsers */
background: -moz-linear-gradient(45deg, #01965a 19%, #01965a 19%, #01965a 30%, #01965a 48%, #01683f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(19%,#01965a), color-stop(19%,#01965a), color-stop(30%,#01965a), color-stop(48%,#01965a), color-stop(100%,#01683f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#01683f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#01683f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#01683f 100%); /* IE10+ */
background: linear-gradient(45deg, #01965a 19%,#01965a 19%,#01965a 30%,#01965a 48%,#01683f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01965a', endColorstr='#01683f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.row {
padding: 0 10px 0 10px;
color: #000 !important;
}

.excerpted {
color: #7f7f7f;
background-color: #d6e9c6;
border-radius: 5px;
padding: 10px;
 }
 
.post-title-wrap.blog {
margin-left: 10px;
}

.fluid-container {
width: 100%
}

.top-line {
color: #009933;
}

.box-content-right {

color: #000;
overflow: hidden;
height: auto;
}

.right-list {
font-size: 0.9em;
position: relative;
list-style: none;
width: 100%;
left: -40px;
width: 111%;

margin: 0px;
}

.right-list li {
list-style: none;
padding: 5px;
font-size: 1.1em;
color: #000;
height: 40px;
display: block;
overflow: hidden;
transition: all 300ms ease-in-out;
width: 100%;
cursor: pointer;
}

.right-list a {
text-align:left;
}

.right-list li:hover{
    background-color: #EEFCE6;
}

.right-list li .right-icon{
	font-family: 'WebSymbolsRegular', cursive;
	text-shadow: 0px 0px 1px #333;
	line-height: 30px;
	position: absolute;
	width: 50px;
    transition: all 300ms linear;
	padding-right: 10px;
	padding-left: 0px;
	margin-left: 5px;
}

.right-list li:hover .right-icon{
    color: #56853C;
    opacity: 0.2;
	font-size: 3em;
    transform: rotate(40deg);

}

.right-list li:hover .list-text{
    color: #246B47;
    opacity: 0.8;
	font-size: 1.18em;
	top: 0px;
}

.right-list li:hover .ca-sub{
    color: #fff;
    opacity: 0.8;
}

.list-text {
	display: inline-block;
	position: relative;
	height: 40px;
	left: 40px; 
	top: 8px;
}

.inner-title {
width: 49%;
display: inline-block;
}


.inner-detail {
width: 49%;
display: inline-block;
}

.right-map {
margin-top: 20px;
}

.fp_para {
padding: 10px;
font-size: 1.1em;
font-family: 'Gudea', sans-serif;
}


.table {
display: table;
}

.awrow {
display: table-row;
}

.cell {
display: table-cell;
padding: 10px;
vertical-align: middle;
}

.base_link {
position: absolute;
width: 100%;
bottom: 0;
vertical-align: bottom;
margin-bottom: 10px;

}

.blinking {
  -webkit-animation: 2s blink ease infinite;
  -moz-animation: 2s blink ease infinite;
  -ms-animation: 2s blink ease infinite;
  -o-animation: 2s blink ease infinite;
  animation: 2s blink ease infinite;
  
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}