/**
 * Name: elements.css
 *
 *	T.O.C
 *
 *	#Accordions
 *  #Alerts
 *  #Animations
 *  #Back to top
 *	#Buttons
 *	#Callout Boxes
 *	#Custom Lists
 *	#Dividers
 *  #Fullwidth Section
 *  #Headlines
 *	#Icon Boxes
 *	#Styled Tables
 *	#Tabs
 *	#Testimonials
 */

/* ==========================================================================
   #Accordions
   ========================================================================== */

	/* Accordion & Toggles */

	.accordion,
	.toggle { margin: 40px 0; }

	.accordion-item,
	.toggle-item { margin-bottom: 5px; border-bottom: 1px solid #ddd }

	.accordion-item-toggle,
	.toggle-item-toggle {
		position: relative;
		display: block;
		padding: 10px 0px 10px;
		color: #69675b;
	}

	.accordion-item-toggle span,
	.toggle-item-toggle span {
		position: relative;
		float: left;
		display: block;
		margin: -8px 30px 0 0;
	}

	.accordion-item-toggle i,
	.toggle-item-toggle i {
		display: inline-block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;
		font-size: 25px;
		line-height: 65px;
		text-align: center;
	}

	.accordion-item-toggle h3,
	.toggle-item-toggle strong {
		display: block;
		font-size: 2em;
		color: #e54b06;
	}

	.accordion-item-toggle:before,
	.toggle-item-toggle:before {
		position: absolute;
		top: 5px;
		right: 15px;
		font-size: 30px;
		content: "+";
	}

	.accordion-item-toggle.active:before,
	.toggle-item-toggle.active:before { content: "-"; }

	.accordion-item-toggle:hover,
	.accordion-item-toggle.active,
	.toggle-item-toggle:hover,
	.toggle-item-toggle.active { text-decoration: none; }

	.accordion-item-toggle.active i,
	.toggle-item-toggle.active i,
	.accordion-item-toggle:hover i,
	.toggle-item-toggle:hover i {
		width: 42px;
		height: 42px;
		line-height: 42px;
	}

	.accordion-item-toggle.active span,
	.toggle-item-toggle.active span,
	.accordion-item-toggle:hover span,
	.toggle-item-toggle:hover span {
		width: 61px;
		height: 61px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 70px;
		text-align: center;
	}

	.accordion-item-toggle.active span:before,
	.toggle-item-toggle.active span:before,
	.accordion-item-toggle:hover span:before,
	.toggle-item-toggle:hover span:before {
		position: absolute;
		top: 50%;
		right: -20px;
		width: 20px;
		margin-top: -1px;
		border-top: 2px solid #80a852;
		content: "";
	}

	.accordion-item-content,
	.toggle-item-content {
		display: none;
		padding: 5px 0px 10px;
		margin: 5px 0 20px 0;
		xfont-size: 1.1em;
		xline-height: 1.5;
	}

	.accordion-item-content p:last-child,
	.toggle-item-content p:last-child { margin-bottom: 0; }

	/*
	 * 1. Clearfix hack
	 */

	.accordion-item-toggle:after,
	.accordion-item-content:after,
	.toggle-item-toggle:after,
	.toggle-item-content:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}

	/* Accent colors */

	.accordion-item.accent-color-1 .accordion-item-toggle i,
	.toggle-item.accent-color-1 .toggle-item-toggle i { background-color: #80a852; }

	.accordion-item.accent-color-1 .accordion-item-toggle.active span,
	.toggle-item.accent-color-1 .toggle-item-toggle.active span,
	.accordion-item.accent-color-1 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-1 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-1 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-1 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-1 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-1 .toggle-item-toggle:hover span:before { border-color: #80a852; }

	.accordion-item.accent-color-2 .accordion-item-toggle i,
	.toggle-item.accent-color-2 .toggle-item-toggle i { background-color: #b1a843; }

	.accordion-item.accent-color-2 .accordion-item-toggle.active span,
	.toggle-item.accent-color-2 .toggle-item-toggle.active span,
	.accordion-item.accent-color-2 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-2 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-2 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-2 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-2 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-2 .toggle-item-toggle:hover span:before { border-color: #b1a843; }

	.accordion-item.accent-color-3 .accordion-item-toggle i,
	.toggle-item.accent-color-3 .toggle-item-toggle i { background-color: #e18f5f; }

	.accordion-item.accent-color-3 .accordion-item-toggle.active span,
	.toggle-item.accent-color-3 .toggle-item-toggle.active span,
	.accordion-item.accent-color-3 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-3 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-3 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-3 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-3 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-3 .toggle-item-toggle:hover span:before { border-color: #e18f5f; }

	.accordion-item.accent-color-4 .accordion-item-toggle i,
	.toggle-item.accent-color-4 .toggle-item-toggle i { background-color: #f3e686; }

	.accordion-item.accent-color-4 .accordion-item-toggle.active span,
	.toggle-item.accent-color-4 .toggle-item-toggle.active span,
	.accordion-item.accent-color-4 .accordion-item-toggle.active span:before,
	.toggle-item.accent-color-4 .toggle-item-toggle.active span:before,
	.accordion-item.accent-color-4 .accordion-item-toggle:hover span,
	.toggle-item.accent-color-4 .toggle-item-toggle:hover span,
	.accordion-item.accent-color-4 .accordion-item-toggle:hover span:before,
	.toggle-item.accent-color-4 .toggle-item-toggle:hover span:before { border-color: #f3e686; }

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

		.accordion-item-toggle span,
		.toggle-item-toggle span {
			float: none;
			margin-bottom: 10px;
		}

		.accordion-item-toggle.active span:before,
		.toggle-item-toggle.active span:before,
		.accordion-item-toggle:hover span:before,
		.toggle-item-toggle:hover span:before { display: none; }

	}

	@media (max-width: 767px) {

		.accordion-item-toggle span,
		.toggle-item-toggle span {
			float: none;
			margin-bottom: 10px;
		}

		.accordion-item-toggle.active span:before,
		.toggle-item-toggle.active span:before,
		.accordion-item-toggle:hover span:before,
		.toggle-item-toggle:hover span:before { display: none; }

	}

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

	.alert {
		padding: 15px 15px;
		border: 1px solid #d7d7d7;
		font: 18px 'Mulish', sans-serif;
		font-weight: 600;
		text-align: center;
		position: relative;
	}

	.alert i {
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
		margin-right: 7px;
	}

	.alert.info {
		border: 1px solid #f3e686;
	}

	.alert.success {
		border: 1px solid #e18f5f;
		background-color: #e18f5f;
		color: #fff;
	}

	.alert.error {
		border: 1px solid #80a852;
		background-color: #80a852;
		color: #fff;
	}

	.alert.warning {
		background-color: #fff;
		color: red;
	}

/* ==========================================================================
   #Animations
   ========================================================================== */

   .animate {
		-webkit-animation-duration: 1s;
			  animation-duration: 1s;
		-webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
		visibility: hidden;
	}

	.animate.visible { visibility: visible; }

	.animate.hidden { visibility: hidden; }

	.circle {
	    background:#43be61;
	    border-radius: 50%;
	    width: 150px;
	    height: 150px;
	    margin: 10px auto;
	    position: relative;
	}
	.circle span{
		font-size: 50px;
		font-weight: 800;
		line-height: 150px;
		vertical-align: middle;
		color: #fff;
	}
	.award-subtext{
		font-size:20px;
		display:block;
		position: absolute;
		top:92px;
		left:0;
		right:0;
		color:#fff;
	}


/* ==========================================================================
   #Back to top
   ========================================================================== */

	#back-to-top {
		position: fixed;
		z-index: 1000;
		right: -40px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		background-color: #000;
		color: #fff;
		font-size: 30px;
		text-align: center;
		opacity: 0.5;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}

	#back-to-top img{
		line-height: 80px;
		width: 40px;
		font-weight: normal;
		vertical-align: top;
		-webkit-transition: all 0.4s ease 0s;
				transition: all 0.4s ease 0s;
	}

	#back-to-top:hover { opacity: 1; }

	#back-to-top.visible { right: 40px; }
	#back-to-top.gone { right: -40px; }

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

	.btn {
		display: inline-block;
		padding: 7px 15px;
		background-color:#fff !important;
		border:1px solid var(--brandColorGreen);
		margin: 5px 5px 20px 0;
		color: var(--brandColorGreen) !important;
		font: 18px 'open_sansregular', sans-serif;
		line-height:1.1;
		text-decoration: none !important;
		vertical-align: middle;
		cursor: pointer;
		text-transform: uppercase;
		border-radius:5px;
		-webkit-transition: all ease 0.5s;
				transition: all ease 0.5s;
	}

	#login .btn{
		color:#fff !important;
		padding: 7px 20px;
		margin: 0px;
		border-radius: 0px;
		font: 16px 'open_sansregular', sans-serif;
		border:none !important;
		min-width:140px;
	}
	#login .btn.accent-color-1{
		background-color:#999999 !important;
	}
		#login .btn.accent-color-1:hover{
		background-color:#555 !important;
		}
	#login .btn.accent-color-2{
		background-color:var(--brandColorGreen) !important;
	}
	#login .btn.accent-color-2:hover{
		box-shadow:none;
		background-color:darkgreen !important;
	}

	a.btn { color: #000; }

	.btn:focus { outline: 0; }

	.btn-large {
		padding: 15px 30px;
		font-size: 20px;
	}
	.btn-small{
		padding:8px 20px !important;
		font-size: 16px;
	}
	.btn-list{
		padding:5px 10px;
		font-size: 14px;
		margin: 0px;
	}

	.btn:hover {
		background-color:#3c9f54;
		color: #fff !important;
		border:1px solid #fff !important;
	}
	.btn-small:hover{
		background-color:#3c9f54 !important;
		color: #fff !important;	
	}

	/* Buton Colors */

	.btn.accent-color-1 {
		border: 1px solid #557C56 !important;
		color: #557C56 !important;
	}

	a.btn.accent-color-1 { color: #fff; }

	.btn.accent-color-1:hover {
		color: #fff
	}

	.btn.accent-color-2 {
		border: 1px solid #d73e00;
		background-color: #e54b06;
		color:#e54b06 !important;
	}

	a.btn.accent-color-2 { color: #e54b06; }

	.btn.accent-color-2:hover {
		box-shadow: inset 0 100px 0 0 #d73e00;
		color: #fff !important;
	}

	.btn.accent-color-3 {
		border: 1px solid #e18f5f;
		color: #e18f5f;
	}

	a.btn.accent-color-3 { color: #e18f5f; }

	.btn.accent-color-3:hover {
		box-shadow: inset 0 100px 0 0 #e18f5f;
		color: #fff;
	}

	.btn.accent-color-4 {
		padding: 4px 10px;
		border-radius: 5px;
		font-size: 14px;
		background-color: #e54b06;
		border: 1px solid #f85c1a;
		color: #fff !important;
		margin: 20px 0px;
	}

	a.btn.accent-color-4 { color: #f3e686; }

	.btn.accent-color-4:hover {
		box-shadow: inset 0 100px 0 0 #000;
		border: 1px solid #333;
		color: #fff;
	}
	.btn.accent-color-5{
		background-color:var(--brandColorGreen) !important;
		color: #fff !important;
		border:1px solid #fff !important;
		padding: 8px 20px !important;
		font-size: 16px;
	}
	.btn.accent-color-grey{
		background-color: #ddd !important;
		color: #555 !important;
		border:1px solid #999 !important;
	}

/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

	.callout-box {
		padding: 20px 25px 18px;
		margin-bottom: 30px;
		background-color: #fff;
		border-radius:10px;
		min-height:200px;
		border:1px solid #999;
		box-shadow: 0 5px 10px 7px rgba(136, 140, 133, 0.05);
	}
	.callout-box div{
		text-align: center;
	}
	.callout-box h4{
		font-size: 1em;
		color:#999;
		font-weight:normal;
		margin-bottom: 15px;
		display:none;
	}
	.callout-box p{
		color:#222;
		text-align: justify;
		font-size: .875em !important;
	}
	.callout-box span{
		color:#999;
		text-align: left !important;
		font-size: .675em !important;
	}
	/**
 	 * Callout box with one background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */

	.callout-box.bg-img {
		background-repeat: no-repeat; /* 1 */
		background-position: center center;
		-webkit-background-size: cover;
				background-size: cover;
		color: #fff;
	}

	/**
 	 * Callout box with repeating background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */

	.callout-box.bg-pattern {
		background: repeat top left; /* 1 */
		color: #fff;
	}

	.callout-box.bordered {
		border: 1px solid #efefef;
		background-color: #f5f5f5;
	}

	.callout-box .btn { margin-bottom: 0; }

	/**
 	 * Callout box grid system
 	 *
	 * 1. overwriting inherited .row width to 100% in order to make it fluid
	 *
	 */

	.callout-box .row {
		width: 100%; /* 1 */
	}

	.callout-box .span1,
	.callout-box .span2,
	.callout-box .span3,
	.callout-box .span4,
	.callout-box .span5,
	.callout-box .span6,
	.callout-box .span7,
	.callout-box .span8,
	.callout-box .span9,
	.callout-box .span10,
	.callout-box .span11,
	.callout-box .span12 {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0 10px;
		margin: 0;
	}

	.callout-box .span12 { width: 100%; }
	.callout-box .span11 { width: 91.6666666667%; }
	.callout-box .span10 { width: 83.3333333333%; }
	.callout-box  .span9 { width: 75%; }
	.callout-box  .span8 { width: 66.6666666667%; }
	.callout-box  .span7 { width: 58.3333333333%; }
	.callout-box  .span6 { width: 50%; }
	.callout-box  .span5 { width: 41.6666666667%; }
	.callout-box  .span4 { width: 33.3333333333%; }
	.callout-box  .span3 { width: 25%; }
	.callout-box  .span2 { width: 16.66666666666667%; }
	.callout-box  .span1 { width: 8.333333333333333%; }

	@media (max-width: 767px) {

		.callout-box .span1,
		.callout-box .span2,
		.callout-box .span3,
		.callout-box .span4,
		.callout-box .span5,
		.callout-box .span6,
		.callout-box .span7,
		.callout-box .span8,
		.callout-box .span9,
		.callout-box .span10,
		.callout-box .span11,
		.callout-box .span12 { width: 100%; }

	  .callout-box{
	  		padding: 20px 30px;
			margin-bottom:0px;
			min-height: auto;
	  }

	}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */

	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */

	/**
 	 * FontAwesome lists
 	 *
	 * 1. Fill circle list
	 *
	 */

	ul.fill-circle { list-style: none; }	/* 1 */

	ul.fill-circle li:before {
		position: relative;
		top: -2px;
		width: auto;
		height: auto;
		margin-right: 15px;
		color:var(--brandColorGreen);
		font-family: 'FontAwesome';
		font-size: 8px;
		font-style: normal;
	}

	ul.fill-circle li:before { content: "\f111"; }

	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Check list
	 *
	 */

	ul.check { list-style: none; }			/* 1 */

	ul.check li:before {
		position: relative;
		top: 0;
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-right:4px;
		color: var(--brandColorGreen);
		font-family: 'fontawesome';
		font-size: 18px;
	}

	ul.check li:before { content: "\f00c"; }

	ul.check li,
	ul.fill-circle li { margin-bottom: 10px; }

	ul.check li:last-child,
	ul.fill-circle li:last-child { margin-bottom: 0; }

	/* Accent colors */

	ul.fill-circle.accent-color-1 li:before,
	ul.check.accent-color-1 li:before { color: #e54b06; }

	ul.check.accent-color-1 li:before { border-color: #e54b06; }

	ul.fill-circle.accent-color-2 li:before,
	ul.check.accent-color-2 li:before { color: #b1a843; }

	ul.check.accent-color-2 li:before { border-color: #b1a843; }

	ul.fill-circle.accent-color-3 li:before,
	ul.check.accent-color-3 li:before { color: #e18f5f; }

	ul.check.accent-color-3 li:before { border-color: #e18f5f; }

	ul.fill-circle.accent-color-4 li:before,
	ul.check.accent-color-4 li:before { color: #f3e686; }

	ul.check.accent-color-4 li:before { border-color: #f3e686; }

/* ==========================================================================
   #Dividers
   ========================================================================== */

	.divider { margin-bottom: 20px; }

	.divider.single-line { border-top: 1px solid #e2e2e2; }

	.divider.double-line { border-top: 4px double #e2e2e2; }

	.divider.single-dotted {
		 height: 1px;
		 background: url(/images/hr_orange_dotted.png) repeat-x top left ;
	}

	.divider.double-dotted {
		height: 4px;
		background: url(/images/hr_orange_dotted_doubled.png) repeat-x top left;
	}

/* ==========================================================================
   #Fullwidth Section
   ========================================================================== */

    /**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */

   .fullwidth-section {
		overflow: hidden;
		position: relative;
		z-index: 0;
		padding: 30px 0 30px;
		margin: 30px 0 10px;
		color: #555;
		background-color:#f2f2f2;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */
		background-position: 50% 0;
		-webkit-background-size: cover;
				background-size: cover;
	}
   .fullwidth-section-nobg {
		overflow: hidden;
		position: relative;
		z-index: 0;
		padding: 20px 0 30px;
		margin: 0px 0;
		color: #555;
		background-color:#fff;
		background-attachment: scroll;
		background-repeat: no-repeat; /* 1 */
		background-position: 50% 0;
		-webkit-background-size: cover;
				background-size: cover;
	}

	.fullwidth-section-content {
		position: relative;
		z-index: 3;
	}

	.fullwidth-section-content img{
		width: 600px;
	}
	@media screen and (max-width:1080px){
		#content .fullwidth-section-content .row [class*="span"] img{
			text-align: center;
		}	
	}

   .fullwidth-section-overlay {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: repeat;
		background-position: 0 0;
	}

	.fullwidth-section-video {
		position: absolute;
		z-index: 1;
		top: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	a.play {
		display: inline-block;
		width: 72px;
		height: 72px;
		border: 1px solid #80a852;
		border-radius: 50%;
		margin-top: 20px;
		background-color: #80a852;
		color: #fff;
		text-align: center;
	}

	a.play i {
		font-size: 60px;
		line-height: 72px;
	}

	a.play:hover {
		background-color: transparent;
		text-decoration: none;
	}

	.parallax.parallax-enabled {
		background-attachment: fixed !important;
		/* if parallax then we don't want it to cover */
		-webkit-background-size: cover;
				background-size: cover;

	}


	.fit-vids-style { display:none; } /* adaugat de ytplayer */

	.fullwidth-section .callout-box {
		background-color: transparent;
		margin: 0;
	}

	/* Overwite element color in fullwidth-section */

	.fullwidth-section .btn,
	.fullwidth-section a.btn,
	.fullwidth-section ul.fill-circle.accent-color-1 li:before,
	.fullwidth-section ul.check.accent-color-1 li:before,
	.fullwidth-section .icon-box-1 a,
	.fullwidth-section .icon-box-2 a,
	.fullwidth-section .icon-box-3.accent-color-1 > i,
	.fullwidth-section .icon-box-3.accent-color-1 a,
	.fullwidth-section .icon-box-4 a,
	.fullwidth-section .icon-box-4.accent-color-1 > i,
	.fullwidth-section .icon-box-6 a { color: #fff; }

	.fullwidth-section .btn.accent-color-1,
	.fullwidth-section ul.check.accent-color-1 li:before{ border-color:var(--brandColorGreen); }

	.fullwidth-section .btn:hover {
		background-color:var(--brandColorGreen);
		color: #fff;
	}

	.fullwidth-section .accordion-item.accent-color-1 .accordion-item-toggle i,
	.fullwidth-section .toggle-item.accent-color-1 .toggle-item-toggle i,
	.fullwidth-section .icon-box-1.accent-color-1 > i,
	.fullwidth-section .icon-box-2.accent-color-1 > span i,
	.fullwidth-section .icon-box-5.accent-color-1 > i,
	.fullwidth-section .pricing-table.accent-color-1 .pricing-table-header h1,
	.fullwidth-section .tabs-container .tabs-menu li.active a,
	.fullwidth-section .vertical-tabs-container .tabs-menu li.active a,
	.fullwidth-section .progress-bar.accent-color-1 .progress-bar-outer {
		background-color: #fff;
		color: #69675b;
	}

	/* Fullwidth Backgrounds */

	#bg-slide {
		position: relative;
		margin-top:0px;
		margin-bottom: 10px;
		background-color:#000;
		background:
		linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
		url("/images/slider/slide_registration-bw.jpg");
		background-size: cover, cover;
		background-position:center, center bottom;
		background-repeat:repeat, no-repeat;
		height: 900px;
		padding-top:100px;
		border: 0px;
		z-index: 0;
		box-sizing: border-box;
	}

	@media screen and (max-width: 1366px){
		#bg-slide{
			position: relative;
			xtop:77px;
			height:auto;
		}
		#bg-slide br{
			display:none;
		}
		.fullwidth-section,
		.fullwidth-section-nobg{
			padding: 30px 0 20px;
			margin: 40px 0;
		}
		.box-content{
			padding: 50px 30px 40px 60px;
		}

	}
	#bg-slide-content{
		margin-left:75px;
		xborder:1px solid red;
	}
	#bg-slide h2{
		position: relative;
		margin-top:30px;
		font-size: 55px;
		line-height: 1.2;
		margin-left:5px;
		color: #fff;
		z-index:10;
	}
	@media screen and (max-width:1366px){
		#bg-slide h2{
			margin-top:0px;
		}
		#bg-slide-content{
			margin-left:0px;
		}		
	}
	#bg-slide h2 span{
		color: #fff;
		font-size: 35px;
		white-space: nowrap;
	}
	#bg-slide h4{
		line-height: 1.3;
		margin-left:9px;
		color:var(--brandColorGreen);
	}
	#bg-slide p{
		font-size:1.2em;
		line-height: 1.3;
		width: 80%;
		margin-left: 8px;
		text-align: justify;
		color:#eee;
	}
	#bg-slide .btn{
		margin-left:8px
	}
	#bg-1 {
		padding: 60px 0 60px 0;
		margin-top:20px;
		margin-bottom: 30px;
		background:#05335C url(/images/bg-map.png);
		color:#fff;
	}

	#bg-2 {
		margin-top: 20px;
		background-color: #18899b;
	}

	#bg-3 {
		padding: 50px 0 20px 0;
		background-color: #fdfae1;
		color: #69675b;
	}

   #bg-4 {
		padding: 40px 0 60px 0;
		border: none;
		margin: 50px 0 0px 0;
		background-color: #f6f7f9;
	}

	#bg-5 {
		border: none;
		background-image: url(/images/affiliate-bg.webp);
		background-position:center center;
		background-repeat: no-repeat;
	}

	#bg-6 {
		border: none;
		background-image: url(/images/course_contractor.jpg);
		background-position:center center;
		background-repeat: no-repeat;
	}
	#bg-8{
		xborder:1px solid red !important;
	}
	@media screen and (max-width: 960px) {
		#bg-5{
			background-position:left center;
		}
		#bg-6 {
			background-position:right center;
		}
	}

	#bg-7 {
		padding: 200px 0 200px 0;
		border: none;
		margin-top: 60px;
		background-image: url(/images/map.png);
	}

	#bg-8 {
		overflow: visible;
		padding-top: 50px;
		padding-bottom: 0;
		border: none;
		margin-bottom: -3px;

	}

	#bg-8 img {
		display: block;
		margin: 0px auto;
	}

	#bg-9 {
		overflow: visible;
		padding: 30px 0 10px 0;
		margin: 80px 0 110px 0;
		background-image: url();
	}

	#bg-9 .icon-box-2 { margin-bottom: 20px; }

	#bg-9 img { margin: -60px 0 -50px 0; }

	#bg-10 {
		overflow: visible;
		padding-bottom: 0;
		border: none;
		margin-bottom: -50px;
		background-color: #f3e686;
		color: #69675b;
	}

	#bg-10 a { color: #69675b; }

	#bg-10 img {
		display: block;
		margin-top: -80px;
	}

	#bg-video {
		padding: 150px 0;
		margin: 60px 0 100px 0;
		background-image: url();
	}

	#bg-11 {
		padding: 80px 0 50px 0;
		margin: 60px 0 -50px 0;
		background-color: #e4e4e4;
		color: #69675b;
	}

	#bg-11 a { color: #69675b; }

	@media (min-width: 1400px) {

		#bg-8 { margin-bottom: 7px; }
		#bg-8 img { margin-bottom: -57px; }

		#bg-9 { padding-top: 50px;  }
		#bg-9 .icon-box-2 { margin-bottom: 40px; }
		#bg-9 img { margin: -110px 0 -50px 0; }

		#bg-10 img { margin-top: -90px; }

	}

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

		#bg-8 { margin-bottom: -15px; }
		#bg-8 img { margin-bottom: -35px; }

		#bg-9 img,
		#bg-10 img { margin: 0; }

	}

	@media (max-width: 767px) {

		#bg-8 { margin-bottom: -50px; }
		#bg-8 img { margin-bottom: 0; }

		#bg-9 img,
		#bg-10 img { margin: 0; }

	}

/* ==========================================================================
   #Headlines
   ========================================================================== */

	.headline {
		margin: 10px auto 50px;
		text-align: center;
		width: 55%;
	}

	.headline-lrg {
		margin: 20px auto 30px;
		text-align: center;
		width: 70%;
	}

	.headline-lrg h3 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	.headline h3{
		font-size: 34px;
		margin-bottom: 10px;
	}
	.headline-lrg h4 {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}

	.headline h5,
	.headline-lrg h5 {
		font-family: 'Open Sans Bold', Arial, sans-serif;
		line-height: 1.5em;
	}

	.headline p,
	.headline-lrg p {
		font-size: 1.1em;
		text-align: justify;
	}
	.headline-lrg p {
		width: 70%;
		margin:0px auto 20px;
	}

	@media screen and (max-width: 1280px) {
		.headline {
			margin: 20px auto 30px;
			text-align: center;
			width: 75%;
		}

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

		.headline-lrg p {
			width: 95%;
			margin:0px auto 20px;
		}

	}

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

		.headline,
		.headline-lrg {
			margin: 10px auto;
			padding: 10px 0px;
			text-align: center;
			width: 100%;
		}
		.headline h3,
		.headline-lrg h3 {
			font-size: 35px;
			margin-bottom: 20px;
		}
		.headline-lrg h4 {
			font-size: 1.65rem;
		}
		#bg-3,.bg-3{
			padding:60px 0px 50px 0px;
			margin: 50px 0px 50px;
		}
	}

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

		.headline h3,
		.headline-lrg h3 {
			font-size: 25px;
			margin-bottom: 20px;
		}
		.headline h4,
		.headline-lrg h4 {
			font-size: 18px;
		}

}
	@media screen and (max-width: 320px) {
		#bg-slideblue{
			height:550px;
			margin-bottom: 0px;
		}
		.headline h3,
		.headline-lrg h3 {
			font-size: 20px;
			margin-bottom: 20px;
		}

		.icon-box-1 > img{
			width:35px !important;
		}

	}

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

/* Icon Box 1
   ========================================================================== */

	.icon-box-1 {
		position: relative;
		margin-bottom: 40px;
	}
	.icon-box-1 > img {
		float: left;
		display: block;
		width: 40px;
		vertical-align: middle;
	}

	.icon-box-1 a { color: #69675b; }

	.icon-box-1 h4 {
		font-family: 'Mulish', Arial, sans-serif;
		font-weight: 600;
		color: #f2bf05;
	}

	.icon-box-1 .icon-box-content { margin-left: 60px; font-size:.975em;}

	/* Accent colors */

	.icon-box-1.accent-color-1 > i { background-color: #80a852; }
	.icon-box-1.accent-color-2 > i { background-color: #b1a843; }
	.icon-box-1.accent-color-3 > i { background-color: #e18f5f; }
	.icon-box-1.accent-color-4 > i { background-color: #f3e686; }

	.icon-box-1:hover > i { background-color: #69675b; }

/* Icon Box 2
   ========================================================================== */

	.icon-box-2 {
		position: relative;
		margin-bottom: 40px;
		text-align: center;
	}

	.icon-box-2 > span {
		position: relative;
		display: inline-block;
		margin-bottom: 10px;
	}

	.icon-box-2 > span i {
		display: inline-block;
		font-size: 50px;
		line-height: 60px;
	}

	.icon-box-2 > img { margin-bottom: 10px; }

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

	.icon-box-2 a { color: #69675b; }

	.icon-box-2 .icon-box-content {}

	.icon-box-2:hover > span i {
		color:#e54b06;
	}


	/* Accent colors */

	.icon-box-2.accent-color-1 > span i { background-color: #80a852; }

	.icon-box-2.accent-color-1:hover > span,
	.icon-box-2.accent-color-1:hover > span:after { border-color: #80a852; }

	.icon-box-2.accent-color-2 > span i { background-color: #b1a843; }

	.icon-box-2.accent-color-2:hover > span,
	.icon-box-2.accent-color-2:hover > span:after { border-color: #b1a843; }

	.icon-box-2.accent-color-3 > span i { background-color: #e18f5f; }

	.icon-box-2.accent-color-3:hover > span,
	.icon-box-2.accent-color-3:hover > span:after { border-color: #e18f5f; }

	.icon-box-2.accent-color-4 > span i { background-color: #f3e686; }

	.icon-box-2.accent-color-4:hover > span,
	.icon-box-2.accent-color-4:hover > span:after { border-color: #f3e686; }

/* Icon Box 3
   ========================================================================== */

	.icon-box-3 {
		margin-bottom: 30px;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
		-webkit-box-shadow: 2px 3px 6px 0px rgba(199,197,199,1);
		-moz-box-shadow: 2px 3px 6px 0px rgba(199,197,199,1);
			box-shadow: 2px 3px 6px 0px rgba(199,197,199,1);
			overflow: hidden;

	}

	.icon-box-3 > img {
		float: left;
		display: block;
		position: relative;
		z-index: 1;
	}

	.icon-box-3 a { color: inherit;font-weight: normal;}
	.icon-box-3 a:hover{text-decoration: none;}
	.icon-box-3 h4 {color:#fff;}
	.icon-box-3 div strong {color: #000;text-align: left;}
	.icon-box-3 div ul.bullet-arrow{text-align: left;margin:5px 10px 10px 40px;}
	.icon-box-3 ul.bullet-arrow li{margin-bottom: 5px;font-size:.95em;line-height: 1;}
	.icon-box-3 .box-element{font-size:.95em;line-height: 1;}

	.icon-box-3 h4 {
		font-family: 'Mulish', Arial, sans-serif;
		font-weight: 400;
		background-color: #000;
		margin-bottom: 0px;
		font-size: 1.2em;
		text-align: center !important;
		border-radius: 5px 5px 0px 0px;
		padding:10px 0 10px 0px;
	}

	.icon-box-3 .icon-box-content { display:block;}
	.icon-box-3:hover {
		-webkit-box-shadow: 5px 10px 15px 0px rgba(199,197,199,1);
		-moz-box-shadow: 5px 10px 15px 0px rgba(199,197,199,1);
			box-shadow: 5px 10px 15px 0px rgba(199,197,199,1);
		}
	.icon-box-3:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.icon-box-3 .price{
		margin: 10px 0px;
		color: #000 !important;
		font-size: 2.5em;
	}
	.icon-box-3:hover .price{
		transform: scale(1.2);
	}
	.icon-box-3 .price span{
		color: #ccc;
	}
	.icon-box-3 .price sup{
		font-size:50%;
	}

	/* Accent colors */

	.icon-box-3.accent-color-1 > i,
	.icon-box-3.accent-color-1 a { color: #80a852; }

	.icon-box-3.accent-color-2 > i,
	.icon-box-3.accent-color-2 a { color: #b1a843; }

	.icon-box-3.accent-color-3 > i,
	.icon-box-3.accent-color-3 a { color: #e18f5f; }

	.icon-box-3.accent-color-4 > i,
	.icon-box-3.accent-color-4 a { color: #f3e686; }

	.icon-box-3:hover > i { color: #69675b; }

/* Icon Box 4
   ========================================================================== */


	.icon-box-4 {
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
		-webkit-box-shadow: 2px 3px 6px 0px rgba(199,197,199,1);
		-moz-box-shadow: 2px 3px 6px 0px rgba(199,197,199,1);
			box-shadow: 2px 3px 6px 0px rgba(199,197,199,1);
			overflow: hidden;
		min-height:540px;
		max-width: 430px;
		margin: 0px auto 20px;
	}

	.icon-box-4 > img {
		float: left;
		display: block;
		position: relative;
		z-index: 1;
	}

	.icon-box-4 a { color: inherit;font-weight: normal;}
	.icon-box-4 a:hover{text-decoration: none;}
	.icon-box-4 h4 {color:#fff;}
	.icon-box-4 div strong {color: #000;text-align: left;}
	.icon-box-4 div ul{text-align: left;margin-bottom: 20px;font-size:.95em;}


	.icon-box-4 h4 {
		font-family: 'PT Sans', sans-serif;
		font-weight: normal;
		background-color:#777;
		margin-bottom: 0px;
		font-size: 1.1em;
		text-align: center !important;
		border-radius: 5px 5px 0px 0px;
		padding:15px 15px 15px 15px;
	}

	.icon-box-4 .icon-box-content { display:block;}
	.icon-box-4:hover {
		-webkit-box-shadow: 5px 10px 15px 0px rgba(199,197,199,1);
		-moz-box-shadow: 5px 10px 15px 0px rgba(199,197,199,1);
			box-shadow: 5px 10px 15px 0px rgba(199,197,199,1);
		}
	.icon-box-4:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	div ul.bullet-arrow{
	  margin: 25px 25px 20px 40px;
	}
	#content div ul li{
		font-size: 1em;
		margin-bottom: 13px;
		line-height: 1.4 !important;
		text-align: left;
	}
	@media screen and (min-width: 1600px){
		#enablement-mods{
			max-width: 65vw;
			margin: 0px auto;
		}
	}
	@media screen and (max-width: 1600px){
		#enablement-mods{
			max-width: 90vw;
			margin: 0px auto;
		}
	}
	@media screen and (max-width: 979px) {
		.icon-box-4 {
			min-height: auto;
			max-width:600px;
			margin: 0px auto 50px;
		}
		.icon-box-4 div ul li{margin-bottom:5px !important;line-height:20px}
		div ul li{
			font-size: 1em;
		}
		div ul.bullet-arrow{
			margin-bottom: 40px;
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {

		.icon-box-4 > i,
		.icon-box-4 > i img {
			float: none;
			margin-bottom: 20px;
			text-align: center;
		}
		.icon-box-4 div ul{font-size: 16px;}
		.icon-box-4 div ul li{margin-bottom:5px;line-height:18px}
		.icon-box-4 .icon-box-content { margin-left: 0;}

		.icon-box-4 h4{height:auto;padding: 10px;}
	}

/* Icon Box 5
   ========================================================================== */

	.icon-box-5 {
		position: relative;
	}

	.icon-box-5 > i{
		float: left;
		display: block;
		width: 64px;
		height: 84px;
		border-radius: 50%;
		color: #e54b06;
		font-size: 30px;
		line-height: 40px;
		text-align: center;
	}

	.icon-box-5 > img {
		float: left;
		display: block;
		margin:5px 20px 50px;
	}

	.icon-box-5 h4 {
		padding-top: 2px;
		font-family: 'Mulish', Arial, sans-serif;
		font-weight: 700;
	}

	.icon-box-5 .icon-box-content { margin-left: 70px; }

	/* Accent colors */

	.icon-box-5.accent-color-1 > i { background-color: #80a852; }
	.icon-box-5.accent-color-2 > i { background-color: #b1a843; }
	.icon-box-5.accent-color-3 > i { background-color: #e18f5f; }
	.icon-box-5.accent-color-4 > i { background-color: #f3e686; }

	.icon-box-5:hover > i { color: #f2bf05; }

/* Icon Box 6
   ========================================================================== */

	.icon-box-6 {
		position: relative;
		padding: 20px 10px 0 10px;
		border: 1px solid #f3e686;
		margin-bottom: 40px;
		text-align: center;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}

	.icon-box-6 > span {
		position: relative;
		display: inline-block;
		margin-bottom: 60px;
		width: 82px;
		height: 82px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 105px;
	}

	.icon-box-6 > span i {
		display: inline-block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;
		font-size: 40px;
		line-height: 65px;
	}

	.icon-box-6 > span:after {
		position: absolute;
		bottom: -45px;
		left: 50%;
		height: 45px;
		border-left: 2px solid #80a852;
		margin-left: -1px;
		content: "";
	}

	.icon-box-6 > img { margin-bottom: 10px; }

	.icon-box-6 h4 { margin-bottom: 25px; }

	.icon-box-6 a { color: #69675b; }

	.icon-box-6 .icon-box-content {}

	.icon-box-6:hover { background-color: #f3e686; }
	.icon-box-6:hover a { color: #69675b; }

	/* Accent colors */

	.icon-box-6.accent-color-1 > span i { background-color: #80a852; }

	.icon-box-6.accent-color-1 > span,
	.icon-box-6.accent-color-1 > span:after { border-color: #80a852; }

	.icon-box-6.accent-color-2 > span i { background-color: #b1a843; }

	.icon-box-6.accent-color-2 > span,
	.icon-box-6.accent-color-2 > span:after { border-color: #b1a843; }

	.icon-box-6.accent-color-3 > span i { background-color: #e18f5f; }

	.icon-box-6.accent-color-3 > span,
	.icon-box-6.accent-color-3 > span:after { border-color: #e18f5f; }

	.icon-box-6.accent-color-4 > span i { background-color: #f3e686; }

	.icon-box-6.accent-color-4 > span,
	.icon-box-6.accent-color-4 > span:after { border-color: #f3e686; }

	.icon-box-6.accent-color-4:hover > span i { background-color: #80a852; }

	.icon-box-6.accent-color-4:hover > span,
	.icon-box-6.accent-color-4:hover > span:after { border-color: #80a852; }



/* ==========================================================================
   #Styled Tables
   ========================================================================== */

	.table-bordered {
		border: 1px solid #d7d7d7;
		border-left: none;
		border-collapse: separate;
	}

	.table-bordered th,
	.table-bordered td { border-left: 1px solid #d7d7d7; }

	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td { border-top: none; }

	.table-condensed th,
	.table-condensed td { padding: 4px 8px; }

	table.accent-color-1 th { background-color: #80a852; }
	table.accent-color-2 th { background-color: #b1a843; }
	table.accent-color-3 th { background-color: #e18f5f; }
	table.accent-color-4 th { background-color: #f3e686; }

	@media (max-width: 480px) {

		/**
		 * Force table to not be like tables anymore
		 */

		table,
		thead,
		tbody,
		th,
		td,
		tr {
			display: block;
		}

		/**
		 * Hide table headers
		 */

		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		.table-bordered { border-top: none; }
		tr { border-top: 1px solid #69675b; }

		td:first-child { border-top: none !important; }

	}

/* ==========================================================================
   #Tabs
   ========================================================================== */

	/* Horizontal tabs */

   /*
    *  1. Wraps around a horizontal tab group
	*/

	.tabs-container {} /* 1 */

	.tabs-container .tabs-menu {
		margin-top: 10px;
		margin-bottom: 0;
		list-style: none;
	}
	#home .tabs-container .tabs-menu {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		list-style: none;
	}

	.tabs-container .tabs-menu li { display: inline;}
	#home .tabs-container .tabs-menu li {float:left;width:33.33%;}

	.tabs-container .tabs-menu li a {
		float: left;
		display: block;
		padding: 25px 20px 15px 20px;
		border: 1px solid #d7d7d7;
		margin: 0 5px -1px 0;
		color: #69675b;
		font-size: 18px;
		font-weight: 600;
		text-decoration: none;
	}
	#home .tabs-container .tabs-menu  li a {
		border: none;
		margin: 0px;
		padding:0px;
		text-align: left;
		width:100%;
	}
	.tabs-container .tabs-menu li a span {
		position: relative;
		float: left;
		display: inline-block;
		margin: -10px 20px 0 0;
		text-align: center;

	}
	#home .tabs-container .tabs-menu .tab-menu-content{
		padding: 25px 20px 30px 20px;
	}

	.tabs-container .tabs-menu li a span i {
		display: inline-block;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background-color: #80a852;
		color: #fff;
		font-size: 16px;
		line-height: 45px;
		text-align: center;
	}

	.tabs-container .tabs-menu li a:hover { text-decoration: none; }
	#home .tabs-container .tabs-menu li a:hover { background-color:#eee; color:#111;}

	.tabs-container .tabs-menu li.active a {background-color:#f5f5f5; color:#111;}
	#home .tabs-container .tabs-menu li.active a { xborder-bottom:1px solid red;}


	.tabs-container .tabs-menu li a:hover span i,
	.tabs-container .tabs-menu li.active a span i {
		width: 37px;
		height: 37px;
		line-height: 37px;
	}

	.tabs-container .tabs {
		border: 1px solid #d7d7d7;
		border-top: none;
		margin-bottom: 30px;
	}

	#home .tabs-container .tabs {
		border: none;
		border-top: none;
		margin-bottom: 0px;
	}

	.tabs-container .tab-content { padding: 35px 30px 45px 30px; color:#444; background-color:#f5f5f5; text-align: left;}

	/* Accent colors */

	.tabs-container .tabs-menu li.accent-color-1 a span i { background-color: #d8d8d8; }

	.tabs-container .tabs-menu li.accent-color-1 a:hover span,
	.tabs-container .tabs-menu li.accent-color-1.active a span,
	.tabs-container .tabs-menu li.accent-color-1 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-1.active a span:after { border-color: #80a852; }

	.tabs-container .tabs-menu li.accent-color-2 a span i { background-color: #b1a843; }

	.tabs-container .tabs-menu li.accent-color-2 a:hover span,
	.tabs-container .tabs-menu li.accent-color-2.active a span,
	.tabs-container .tabs-menu li.accent-color-2 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-2.active a span:after { border-color: #b1a843; }

	.tabs-container .tabs-menu li.accent-color-3 a span i { background-color: #e18f5f; }

	.tabs-container .tabs-menu li.accent-color-3 a:hover span,
	.tabs-container .tabs-menu li.accent-color-3.active a span,
	.tabs-container .tabs-menu li.accent-color-3 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-3.active a span:after { border-color: #e18f5f; }

	.tabs-container .tabs-menu li.accent-color-4 a span i { background-color: #f3e686; }

	.tabs-container .tabs-menu li.accent-color-4 a:hover span,
	.tabs-container .tabs-menu li.accent-color-4.active a span,
	.tabs-container .tabs-menu li.accent-color-4 a:hover span:after,
	.tabs-container .tabs-menu li.accent-color-4.active a span:after { border-color: #f3e686; }


	/* Vertical tabs */

	.vertical-tabs-container {
		position: relative;
		top: 0;
		margin-bottom: 30px;
	}

	.vertical-tabs-container .tabs-menu {
		position: relative;
		width: 400px;
		float: right;
		margin-bottom: 40px;
		list-style: none;
		padding: 30px 40px;
		border: 2px solid #f1f2f7;
		border-radius: 7px;
		box-sizing: border-box;
		}
	.vertical-tabs-container .tabs-menu h3{
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #000;
	}
	.vertical-tabs-container .tabs-menu li a {
		display: block;
		padding: 15px 30px;
		color: #000;
		margin: 0 0 10px 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		border-radius: 9999px;
		border:1px solid #e0e0e0;
		text-decoration: none;
	}

	.vertical-tabs-container .tabs-menu li span {
		position: relative;
		float: left;
		display: inline-block;
		margin: 2px 25px 0 0;
	}

	.vertical-tabs-container .tabs-menu li span i {
		display: inline-block;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		color: #fff;
		font-size: 20px;
		line-height: 65px;
	}

	.vertical-tabs-container .tabs-menu li a{
		display: block;
		font-size: 16px;
	}

	.vertical-tabs-container .tabs-menu li.active a {
		background-color: #e54b06;
		color:#fff;
	}

	.vertical-tabs-container .tabs-menu li a:hover span,
	.vertical-tabs-container .tabs-menu li.active a span {
		width: 61px;
		height: 61px;
		border: 2px solid #80a852;
		border-radius: 50%;
		line-height: 68px;
	}

	.vertical-tabs-container .tabs-menu li a:hover,
	.vertical-tabs-container .tabs-menu li.active a:after {
		background-color: #e54b06 !important;
		color:#fff;
		content: ">>";
	}

	.vertical-tabs-container .tabs-menu li a:hover span i,
	.vertical-tabs-container .tabs-menu li.active a span i {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.vertical-tabs-container .tabs {
		margin-right: 450px;
	}

	.vertical-tabs-container .tab-content {
		min-height: 400px;
		padding: 0px;
	}


	.vertical-tabs-container .tab-content p:last-child { margin-bottom: 0; }

	/* Accnet colors */

	.vertical-tabs-container .tabs-menu li.accent-color-1 span i { background-color: #80a852; }

	.vertical-tabs-container .tabs-menu li.accent-color-1 a:hover span,
	.vertical-tabs-container .tabs-menu li.accent-color-1.active a span,
	.vertical-tabs-container .tabs-menu li.accent-color-1 a:hover span:before,
	.vertical-tabs-container .tabs-menu li.accent-color-1.active a span:before { border-color: #80a852; }

	.vertical-tabs-container .tabs-menu li.accent-color-2 span i { background-color: #b1a843; }

	.vertical-tabs-container .tabs-menu li.accent-color-2 a:hover span,
	.vertical-tabs-container .tabs-menu li.accent-color-2.active a span,
	.vertical-tabs-container .tabs-menu li.accent-color-2 a:hover span:before,
	.vertical-tabs-container .tabs-menu li.accent-color-2.active a span:before { border-color: #b1a843; }

	.vertical-tabs-container .tabs-menu li.accent-color-3 span i { background-color: #e18f5f; }

	.vertical-tabs-container .tabs-menu li.accent-color-3 a:hover span,
	.vertical-tabs-container .tabs-menu li.accent-color-3.active a span,
	.vertical-tabs-container .tabs-menu li.accent-color-3 a:hover span:before,
	.vertical-tabs-container .tabs-menu li.accent-color-3.active a span:before { border-color: #e18f5f; }

	.vertical-tabs-container .tabs-menu li.accent-color-4 span i { background-color: #f3e686; }

	.vertical-tabs-container .tabs-menu li.accent-color-4 a:hover span,
	.vertical-tabs-container .tabs-menu li.accent-color-4.active a span,
	.vertical-tabs-container .tabs-menu li.accent-color-4 a:hover span:before,
	.vertical-tabs-container .tabs-menu li.accent-color-4.active a span:before { border-color: #f3e686; }

	/*
	 * 1. Clearfix hack
	 */

	.vertical-tabs-container .tabs-menu li a:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;

	}

	@media (min-width: 300px) and (max-width: 979px) {

		.vertical-tabs-container .tabs-menu {
			float: none;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			border: 1px solid #d7d7d7;
			border-bottom: none;
		}

		.vertical-tabs-container .tabs { margin-left: 0; }

		.vertical-tabs-container .tabs-menu li a {
			padding: 5px 15px !important;
			border-bottom: 1px solid #d7d7d7;
			margin-right: 0;
			text-align: center !important;
		}

		.vertical-tabs-container .tabs-menu li.active a {
			border: none;
			border-bottom: 1px solid #69675b;
		}

		.vertical-tabs-container .tab-content { border-top: none; }
	}

	@media (max-width: 767px) {

		.tabs-container .tabs-menu { border-bottom: none; }

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

		.tabs-container .tabs-menu li a {
			float: none;
			display: block;
			padding: 20px 25px;
			border: 1px solid #e7e7e7;
			border-top: none;
			margin: 0;
		}

		.tabs-container .tabs-menu li a:hover { text-decoration: none; }

		.tabs-container .tabs-menu li:first-child a { border-top: 1px solid #d7d7d7; }

		.tabs-container .tabs-menu li.active a {
			padding: 20px 25px;
			border-bottom-color: #69675b;
			margin: 0px;
			background-color: #fff;
		}

		.vertical-tabs-container .tabs-menu {
			float: none;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			border: 1px solid #d7d7d7;
			border-bottom: none;
		}

		.vertical-tabs-container .tabs { margin-left: 0; }

		.vertical-tabs-container .tabs-menu li a {
			padding: 20px 25px;
			border-bottom: 1px solid #d7d7d7;
			margin-right: 0;
		}

		.vertical-tabs-container .tabs-menu li.active a {
			border: none;
			border-bottom: 1px solid #69675b;
		}

		.vertical-tabs-container .tab-content { border-top: none; }

	}

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

	.testimonial { margin-bottom: 40px; }

	.testimonial > span {
		position: relative;
		display: inline-block;
		float: left;
		padding: 10px;
		border: 3px solid #80a852;
		border-radius: 50%;
	}

	.testimonial > span:after {
		position: absolute;
		top: 50%;
		right: -50px;
		width: 50px;
		border-top: 3px solid #80a852;
		margin-top: -2px;
		content: "";
	}

	.testimonial > span img {
		display: block;
		border-radius: 50%;
		margin: 0 auto;
	}

	.testimonial blockquote {
		padding-top: 20px;
		margin-left: 300px;
	}

	.testimonial blockquote h4 {
		margin-bottom: 20px;
		font-family: 'Mulish', Arial, sans-serif;
	}

	.testimonial blockquote h4 span { color: #80a852; }

	.testimonial blockquote p { position: relative; }

	.testimonial blockquote p:before {
		position: absolute;
		left: -20px;
		font-size: 48px;
		content: "\201c";
	}

	.testimonial.no-space > span {
		padding: 0;
		border-width: 2px;
		margin-top: 20px;
	}

	.testimonial.no-space > span:after {
		right: -30px;
		width: 30px;
		border-top-width: 2px;
		margin-top: -1px;
	}

	.testimonial.no-space blockquote {
		padding-top: 0;
		margin-left: 170px;
	}

	/* Accent colors */

	.testimonial.accent-color-1 > span,
	.testimonial.accent-color-1 > span:after { border-color: #80a852; }

	.testimonial.accent-color-1 blockquote h4 span { color: #80a852; }

	.testimonial.accent-color-2 > span,
	.testimonial.accent-color-2 > span:after { border-color: #b1a843; }

	.testimonial.accent-color-2 blockquote h4 span { color: #b1a843; }

	.testimonial.accent-color-3 > span,
	.testimonial.accent-color-3 > span:after { border-color: #e18f5f; }

	.testimonial.accent-color-3 blockquote h4 span { color: #e18f5f; }

	.testimonial.accent-color-4 > span,
	.testimonial.accent-color-4 > span:after { border-color: #f3e686; }

	.testimonial.accent-color-4 blockquote h4 span { color: #f3e686; }

	@media (max-width: 767px) {

		.testimonial > span {
			float: none;
			margin-bottom: 40px;
		}

		.testimonial > span:after {
			top: auto;
			bottom: -40px;
			left: 50%;
			height: 40px;
			border-top: none;
			margin-left: -2px;
			border-left: 3px solid #80a852;
		}

		.testimonial.no-space > span:after {
			bottom: -30px;
			height: 30px;
			border-left-width: 2px;
			margin-left: -1px;
		}

		.testimonial blockquote,
		.testimonial.no-space blockquote { margin-left: 0; }

	}