@font-face {
  font-family: 'Raleway-Light';
  src: url('../themes/chainbuilder/assets/fonts/Raleway-Light.eot'); /* IE9 Compat Modes */
  src: url('../themes/chainbuilder/assets/fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../themes/chainbuilder/assets/fonts/Raleway-Light.woff2') format('woff2'), /* Modern Browsers */
       url('../themes/chainbuilder/assets/fonts/Raleway-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../themes/chainbuilder/assets/fonts/Raleway-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../themes/chainbuilder/assets/fonts/Raleway-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../themes/chainbuilder/assets/fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../themes/chainbuilder/assets/fonts/Raleway-SemiBold.woff2') format('woff2'), /* Modern Browsers */
       url('../themes/chainbuilder/assets/fonts/Raleway-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../themes/chainbuilder/assets/fonts/Raleway-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

#signup {
    width:700px;
    height:509px;
    padding:0px;
    margin:0px;
    border:0px;
    }

#top {
    min-width:500px;
    position:absolute;
    z-index:4;
    box-shadow: 1px 1px 8px #333333;
    left:0;right:0;
    }
    
#action {
    background-color : #3170B5; 
    position:absolute; 
    top:60px; 
    height:30px; left:0px; 
    right:0px; 
    overflow:hidden; 
    z-index:2;
    }


/*#function { visibility:hidden;background-color : lightGrey; position:absolute; top:90px; bottom:0; left:0px; width:250px; overflow:hidden; z-index:2;box-shadow: 1px 1px 3px #888888;}*/

#content { 
    background-color : white; 
    position:absolute; 
    top:90px; bottom:0px; left:0px; right:0; 
    overflow:auto; 
    z-index:1
    }

#content > iframe { 
    position:relative; 
    width:99%; 
    height:99%
    }

#user { 
    position:absolute;
    margin-top:7px; 
    margin-left:20px; 
    width:200px;
    color:White;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    text-align:center;
    }

#project { 
    position:absolute; 
    margin-top:7px; 
    margin-left:240px; 
    width:200px;
    color:White;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    }
javascript:;
#searchicon { 
    position:absolute; 
    margin:4px;
    margin-left:230px; javascript:;
    width:16px; 
    color:White;
}

#search { 
    position:absolute; 
    margin:6px; 
    margin-left:481px; 
    width:205px;
    background-color:White; 
    border-radius: 5px;
    }

#search > input { 
    margin-left:5px;
    border:0px;
    width:195px;
    }

#search > select { 
    margin-left5px;
    border-top:0px; 
    border-bottom:0px; 
    border-right:0px;
    }

.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
    }

#section-area, .et-carousel-wrapper, #main-footer, #content { 
    padding: 80px; 
    }

#section-area, #et-product-slider { 
    border-bottom: 1px solid #f2f2f2; 
    }


#section-area, .et-carousel-wrapper, #main-footer, #content { 
    padding: 80px; 
    }

#section-area, #et-product-slider { 
    border-bottom: 1px solid #f2f2f2; 
    }

#section-area { 
    padding-bottom: 65px; 
    }

.section-area-2 { 
    padding: 0px 80px 40px 80px; 
    } 

#section-area3 { 
    padding: 40px 80px 40px 80px; 
    border-bottom: 1px solid #f2f2f2; 
    padding-bottom: 30px; 
    }
    
#section-title { 
    padding: 10px 80px 10px 80px; 
    margin-bottom: 40px;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 10px;
    }

.service { 
    float: left; 
    width: 318px; 
    margin-right: 83px; 
    }

.last { 
    margin-right: 0; 
    }

.service-number { 
    text-align: center; 
    margin-bottom: 31px; 
    }

.service-number span { 
    display: inline-block; 
    font-size: 36px; 
    font-weight: 800; 
    color: #fff; 
    background-color: #eee; 
    height: 81px; 
    width: 81px;  
    -webkit-border-radius: 40px; 
    -moz-border-radius: 40px; 
    border-radius: 40px; 
    line-height: 102px; 
    position: relative; 
    }

.service-number span:before { 
    content: ''; 
    position: absolute; 
    bottom: -17px; 
    left: 50%; 
    border: 9px solid transparent; 
    margin-left: -10px; 
    border-top-color: #eee; 
    }

.service h3	{ 
    font-size: 24px; 
    font-weight: 800; 
    padding-bottom: 16px; 
    letter-spacing: -1px; 
    }

.service h3 span { 
    font-weight: 300; 
    }

.service h3 a { 
    text-decoration: none; 
    }

.service h3 a:hover { 
    color: #777; 
    }

#topx {
    z-index:300;
    box-shadow: 2px 2px 5px #888888;
    text-align: left; margin: 0 auto; 
    width: *px; 
    position: relative; 
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    background-color: #fff; 
    }

#main-header { 
    padding: 15px 10px 15px 20px;
    }

img { 
    max-width: 100%; 
    height: auto; 
    }

.floatleft { 
    float:left; 
    margin: 0px; 
    padding: 0px 40px 20px 0px;
    }
    
.floatright { 
    float:right; 
    margin: 0px; 
    padding: 0px 40px 20px 0px;
    }

#logo   { 
    float: left; 
    height:50px; 
    padding-right:60px
    }

#navigation { 
    float: left; 
    padding-top: 3px; 
    }

#navigation a, #footer-bottom a { 
    color: #333; 
    text-decoration: none; 
    display: block; 
    position: relative;
    }

#navigation li.active > a, #footer-bottom li.active > a {  
    color: #ff7100; 
    }

#navigation li.active > a:hover, #footer-bottom li.active > a:hover {
    color: #fff; 
    }

#navigation > ul > li > ul > li  > a:before {
    content:'> '; 
    color:black; 
    font-weight: bold;
    }

#navigation > ul > li > ul > li.active  > a {
    color:black
    }

#navigation > ul > li > ul > li > a:hover {
    color:black;
    padding-left:30px;
    padding-right:13px;
    }

#navigation > ul > li > ul > li.active  > a:hover {
    color:black
    }

#navigation > ul > li > ul > li.active  > a:before {
    content:'> '; 
    color:#ff7100; 
    font-weight: bold;
    }

#navigation > ul > li > ul > li > a { 
    overflow: hidden; 
    height: 17px; 
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s; 
    }

#navigation > ul > li > a { 
    overflow: hidden; 
    height: 17px; 
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s; 
    }

#footer-bottom > ul > li > a { 
    overflow: hidden; 
    height: 17px; 
    padding: 23px 20px;
    }

#navigation > ul > li > a:hover, #footer-bottom > ul > li > a:hover { 
    color: #fff; 
    background-color: #ff8a1d; 
    -webkit-box-shadow: inset 0 0 30px #d9531f; 
    -moz-box-shadow: inset 0 0 30px #d9531f; 
    box-shadow: inset 0 0 30px #d9531f; 
    }

#navigation > ul > li > a:hover, #footer-bottom > ul > li > a:hover { 
    background-color: #1e73be;
    }
    
#navigation > ul > li > a:hover, #footer-bottom > ul > li > a:hover { 
    -moz-box-shadow: inset 0 0 30px #1b14a0; 
    -webkit-box-shadow: inset 0 0 30px #1b14a0; 
    box-shadow: inset 0 0 30px #1b14a0;
    }

.bottom-nav span.menu_slide, .bottom-nav span.main_text { 
    padding: 23px 20px;
    }
    
.container { 
    text-align: left; 
    margin: 0 auto; 
    width: 1280px; 
    position: relative; 
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); 
    background-color: #fff;
    }
    
#body-area { 
    background-color: #f8f8f8; 
    padding-top: 0px;
    }
    
.home { 
    background-color: #f2f2f2;
    }

#footer-area { 
    border-top: 1px solid #d7d7d7; 
    -webkit-box-shadow: inset 0 1px 0 #f6f6f6; 
    -moz-box-shadow:  inset 0 1px 0 #f6f6f6; 
    box-shadow: inset 0 1px 0 #f6f6f6;
    }
    
#main-footer { 
    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); 
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); 
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); 
    background-color: #333; -moz-box-shadow: inset 0 5px 7px rgba(0,0,0,0.2); 
    -webkit-box-shadow: inset 0 5px 7px rgba(0,0,0,0.2); 
    box-shadow: inset 0 5px 7px rgba(0,0,0,0.2); 
    padding-bottom: 0;
    }
    
#main-footer a { 
    color: #bebebe;
    }
    
#main-footer a:hover { 
    color: #fff; 
    text-decoration: none;
    }
    
.footer-widget { 
    float: left; 
    width: 316px; 
    margin-right: 77px; 
    text-shadow: 1px 1px 0 #000; 
    color: #bebebe;
    }
    
.last { 
    margin-right: 0;
    }
    
.footer-widget h4.widgettitle { 
    font-weight: 800; 
    padding-bottom: 5px; 
    color: #fff;
    }
    
#footer-logo { 
    float: left; 
    margin-right: 5px;  
    height:50px;
    }

#footer-copyright { 
    font-size: 14px; 
    font-style: italic; 
    color: #747373; 
    text-shadow: none; 
    padding-top: 16px;
    }

.footer-widget p { 
    font-weight: 400;
    }

#footer-bottom { 
    background-color: #0e0e0e; 
    border-top: 1px solid #000; 
    -moz-box-shadow:  inset 0 1px 0 #1c1c1c; 
    -webkit-box-shadow: inset 0 1px 0 #1c1c1c; 
    box-shadow: inset 0 1px 0 #1c1c1c; 
    padding: 0 80px;
    }

#footer-bottom ul, #et-social-icons { 
    float: left;
    }

#footer-bottom ul { 
    margin-right: 25px;
    }

#footer-bottom ul li { 
    display: inline-block;
    }

#footer-bottom li.current-menu-item a { 
    color: #fff;
    }

#footer-bottom li a { 
    color: #4d4d4d; 
    display: inline-block; 
    position: relative; 
    overflow: hidden; 
    height: 62px; 
    margin-bottom: -2px;
    }

#footer-bottom li a:hover { 
    text-decoration: none; 
    background-color: #ff8a1d; 
    -moz-box-shadow: inset 0 0 30px #d9531f; 
    -webkit-box-shadow: inset 0 0 30px #d9531f; 
    box-shadow: inset 0 0 30px #d9531f; 
    color: #fff; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }


#et-social-icons { 
    padding-top: 17px;
    }

#et-social-icons a {
    margin-right: 10px;
    }

#et-social-icons img { 
    opacity: 0.7; 
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
    }

#et-social-icons img:hover { 
    opacity: 1;
}

#copyright { 
    padding: 50px 0; 
    text-align: right; 
    color: #b7b7b7; 
    text-shadow: 1px 1px 0 #fff; 
    font-size: 14px;
}

#copyright a { 
    color:#b7b7b7; 
    font-weight: 800;
}

#copyright a:hover { 
    color: #939393; 
    text-decoration: none;
}


.fwidget { 
    padding-bottom: 65px;
}


#footer-bottom-area { 
    background: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none;
    }


.fwidget li { 
    background: url(../themes/chainbuilder/assets/css/images/footer_widget_bullet.png) no-repeat 0 13px; 
    padding: 10px 0 10px 15px; 
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
    }

.fwidget li:hover { 
    background: url(../themes/chainbuilder/assets/css/images/footer_active_bullet.png) no-repeat 22px 13px; 
    padding-left: 40px;
    }


h1, h2, h3, h4, h5, h6 { 
    font-family: 'Raleway-SemiBold', Helvetica, Arial, Lucida, sans-serif;
    color: #333;
    }

body, h7 { 
    font-family: 'Raleway-Light', Helvetica, Arial, Lucida, sans-serif;
    color: #575757;
    }


* {
    margin: 0;
    padding: 0;
    }


html{
    height:100%;
    /* make sure it is at least as tall as the viewport */
    position:relative;
    min-width:900px;
    min-height:400px;
    }

body{ 
    height:100%;
    /* force the BODY element to match the height of the HTML element */	
    background-color:white;
    }


/* h1, h4{margin-top:10px;margin-left:40px;} */

h2 {
    font-size: 24px;
}

h4 {	
    margin: 4px 0px 4px 0px;
    
}

h4 > a:hover {
    color:#ff7100;
    
}

h7 {
    font-size: 36px;
    
}

#searchresult {
    z-index:2;
    position:absolute;
    top:90px;	
    left:480px;
    width:233px;
    max-height:250px;	
    background-color : lightGrey;
    box-shadow: 2px 2px 5px #888888;
    overflow-y:auto;
    }

#error {	
    z-index:5;
    position:absolute;
    bottom:10px;left:10px;
    width:400px;
    max-height:250px;
    border-width:1px;
    border-color:#FF0000;
    border-radius: 5px;
    border-style:solid;
    background-color : #FFCCCC;
    box-shadow: 2px 2px 5px #FF0000;
    padding:3px;
    overflow-y:auto;
    }
    
#error:empty {
    visibility: hidden;
    }
    
#error >div {
    border-width:0px;
    border-bottom-width:1px;
    border-style:solid;
    border-color:grey;
    }
    
#error >div:last-child {
    border-width:0px;
    border-style:none;
    }

.searchmodule{
	background-color : #3170B5;
	color:white;
	margin:5px;
	margin-left:5px;
	width:180px;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
}

.droppedelement {
	position:absolute;
	background-color : #3170B5;
	color:white;
	width:180px;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
}

.module {
	position:absolute;
	/*background-color : #eeeeee;*/
	color:black;
	padding:0px;
	margin:0px;
	z-index:2;
	width:150px;
	overflow-y:auto;
}

.markmodule {
	box-shadow: 0px 0px 0px 4px rgba(76,84,162,1);
}


.core {
	/*background: rgb(250, 250, 120);
	background: rgb(110, 116, 198);*/
	/*background:lightBlue;*/
	color: black;
	width: 150px;
	/*margin-right:20px;*/
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	height:19px;
	z-index:0;
	overflow:hidden;
}

.io {
	width:100%;
	background-color : #eeeeee;
	overflow-y:auto;
}

.execution {
	width:100%;
	background-color : #eeeeee;
	overflow-y:auto;
}

.left {
	width:60px;
	float:left;
}

.right {
	width:60px;
	float:right;
}

.prev {
	float:left;
	background: rgb(110, 100, 100);
	color: white;
	text-align:center;
	width: 60px;
	height:18px;
}

.prev-active {
	background: #FF0000;
	color: white;
}

.prev-hover {
	background: #FFAA00;
}


.next {
	float:right;
	background: rgb(110, 100, 100);
	color: white;
	text-align:center;
	width: 60px;
	height:18px;
}

.next:hover {
	background: #FFAA00;
	color: black;
}

.arg {
	float:left;
	background: #E9967A;
	color: white;
	text-align:left;
	width: 60px;
	margin-bottom:3px;	
	padding:0px;
	overflow:hidden;
	height:18px;
}


.arg:last-child{
	margin-bottom:0px;
}

.arg-repeatable {
	float:left;
	background: #5DBDEC;
	color: white;
	text-align:left;
	width: 60px;
	margin-bottom:3px;	
	padding:0px;
	overflow:hidden;
	height:18px;
}


.arg-repeatable:last-child{
	margin-bottom:0px;
}

.arg-locked {
	background: lightGreen;
	color: black;
}

.arg-active {
	background: #FF0000;
	color: white;
}

.arg-hover {
	background: #FFAA00;
	color: black;
}

.arg:hover {
	background: #FFAA00;
	color: black;
}

.res {
	float:right;
	background: #E9967A;
	color: white;
	text-align:right;
	width: 60px;
	margin-bottom:3px;
	height:18px;
	overflow:hidden;
}


.res:last-child{
	margin-bottom:0px;
}


.res:hover {
	background: #FFAA00;
	color: black;
}

.ui-draggable-dragging{
	box-shadow: 5px 5px 5px #888888;
}

li {
/*	margin-left:40px; */
}

table {
	border-collapse:collapse;
}

.message-text {
	margin-top:40px;
	margin-left:40px;
}

.edit-table {
	margin-top:40px;
	margin-left:40px;	
}

.edit-table td{
	padding-bottom : 10px;
	padding-right : 5px;
}

.login-table {
	margin-top:40px;
	margin-left:40px;
}

.login-table td{
	padding-bottom : 10px;
	padding-right : 5px;
}


.list-table {
	margin-top:40px;
	margin-left:40px;
	border-width:0px;
	border-style:solid;
}

.list-table tr:nth-child(odd)	{
	background-color:#eee;
	border-color:Grey;
	border-top:0px;
	border-bottom:0px;
	border-color:LightGrey;
}

.list-table tr:nth-child(even) {
	background-color:#fff;
	border-color:Grey;
	border-top:0px;
	border-bottom:0px;
	border-color:LightGrey;
}
.list-table tr:hover {
	background-color:#CCE7E7;
	cursor: pointer;
	cursor: hand;
}

.list-table th{ 
	padding-left:7px;
	padding-right:7px;
	padding-top:6px;
	padding-bottom:6px;
	background-color:Beige;
	border-style:solid;
	border-width:1px;
	border-top:0px;
	border-bottom:0px;
	border-color:LightGrey;
}

.list-table td{ 
	padding-left:7px;
	padding-right:7px;
	padding-top:4px;
	padding-bottom:4px;
	border-style:solid;
	border-width:1px;
	border-top:0px;
	border-bottom:0px;
	border-color:LightGrey;
}

.list-table-last-row td{
	border-width:0px;
	background-color: Beige;
}

.list-table tr th:first-child,
.list-table tr td:first-child{ 
	border-left:0px;
}

.list-table tr th:last-child,
.list-table tr td:last-child{ 
	border-right:0px;
}


.left-col {
	float:left;
}

.right-col {
	float:right;
}

.main-menu {
    list-style:none;
    float:left;
	position:relative;
	z-index:5;
	padding:0px;
	margin:0px;
}

.main-menu li{
    float:left;
	margin-left:0px;
    position:relative; 
	list-style:none;
	/*margin:0px; */
	/*display:inline-block;*/
 	text-decoration: none;
	background-color: LightGrey;
}

#navigation > ul > li > ul > li > a { padding-right:30px;}

.main-menu a{
    display:block;
    padding:13px;
    color:#fff;
    background:#fff	;
    text-decoration:none;
}

.main-menu ul{
    background:LightGrey; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    display:normal;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	box-shadow: 2px 2px 5px #888888;
}

.main-menu ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	padding-left:1px;
    float:none;
}

.main-menu ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

.main-menu li:hover ul{ /* Display the dropdown on hover */
    left:0px; /* Bring back on-screen when needed */
}

a {
	text-decoration: none;
	color: #B23A00;
	margin:0px;
}

#searchinfo {
	z-index:2;
	visibility:hidden;
	position:absolute;
	top:95px;
	left:720px;
	background-color:lightGrey;
	width:200px;
	max-height:250px;
	box-shadow: 2px 2px 5px #888888;
}

#tooltip {
	z-index:5;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:545px;
	background-color:lightGrey;
	width:200px;
	max-height:250px;
	box-shadow: 2px 2px 5px #888888;
}

#tooltiptitle {
	font-weight: bold;
	color:#444444;
	padding:6px;
	/*background-color:#DDDDDD;*/
}

#tooltipvalue {
	background: lightGreen;
	color: black;
	padding:6px;
	word-wrap: break-word;
}

#tooltipbody {
	padding:6px;
}


hr { border:0px; height:1px; background-color:darkGrey;}

.xxxdeleteedge1 {
	position: absolute;
	background: transparent;
	color: #FF0000;
	z-index:0;
}

.elink {stroke:green;stroke-width:1px;fill: none;}
.elink:hover {stroke:Orange;stroke-width:6px;}

.dlink {stroke:black;stroke-width:1px;fill: none;}
.dlink:hover {stroke:Orange;stroke-width:6px;}

svg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:0;
}

#links {
	z-index:0;
}

.operator { background-color : #6FC464 }
.visualization { background-color : #F3C51F }

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(270px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-moz-transform: translateY(270px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-o-transform: translateY(270px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		transform: translateY(270px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


@-webkit-keyframes bounceIn_custom {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.8);
	}

	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn_custom {
	0% {
		-moz-transform: scale(1);
	}

	25% {
		-moz-transform: scale(.8);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn_custom {
	0% {
		-o-transform: scale(1);
	}

	25% {
		-o-transform: scale(.8);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn_custom {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.8);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}


@-webkit-keyframes etcustom {
	0%, 100% { background: #f7a13c; }
	50% { background: #f79d3c; }
}

#featured { 
    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.07))); 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); 
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); 
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); 
    background-color: #3270B6; 
    -webkit-box-shadow: inset 0 0 250px #1b14a0; 
    -moz-box-shadow: inset 0 0 250px #1b14a0; 
    box-shadow: inset 0 0 250px #1b14a0; 
    text-align: center; 
    padding-top: 0px; 
    position: relative;
    }
    
/* f7a13c bd3905*/

#featured.et_slider_auto { 
    padding-bottom: 2px;
    }
    
	#featured, #featured #slides { 
	    overflow: hidden;
	    }
	    
	#featured .slide { 
	    width: 100%; 
	    float: left; 
	    margin-right: -100%; 
	    position: relative; 
	    display: none; 
	    -webkit-transform: translate3d(0,0,0); 
	    min-height: 400px;
	    }
	    
	#featured .et-active-slide { 
	    display: block;
	    }
	    
	.js #featured .slide.et-active-slide { 
	    display: list-item;
	    }

	#featured .slide img { 
	    margin-bottom: -2px;
	    }

	.slide .description { 
	    text-shadow: 0 0 10px rgba(0,0,0,0.4); 
	    padding-bottom: 50px;
	    }
	    
		.description{
		    position:absolute; 
		    z-Index:100;
		    top: 70%; 
		    left:30%; 
		    width:70%;
		    }
		    
		.slide .description h2, .post-heading h1, h1#comments, #reply-title, h1.category-title, .post-description h2, .related.products h2 { 
		    font-family: 'Raleway-Light', Arial, sans-serif; 
		    font-weight: 100; 
		    letter-spacing: -4px;
		    }
		    
			.slide a:hover { 
			    text-decoration: none; 
			    color: rgba(255,255,255,0.9);
			    }
			    
		.slide .description h2, .post-heading h1, h1#comments, #reply-title, h1.category-title, .related.products h2 { 
		    font-size: 60px; 
		    color: #333;
		    }
		    
		.slide .description h2, .post-description h2 { 
		    color: #fff;
		    }
		    
		.slide .description p { 
		    color: #fff; 
		    font-size: 24px; 
		    margin-top: -2px;
		    }
		    
	.left-arrow, .right-arrow, .et-arrow-prev, .et-arrow-next { 
	    position: absolute; 
	    top: 50%; 
	    margin-top: -40px; 
	    background-color: #333; 
	    width: 40px; height: 80px; 
	    text-indent: -9999px; 
	    display: block; 
	    z-index: 100; 
	    -moz-transition: all 0.2s ease-in-out; 
	    -webkit-transition: all 0.2s ease-in-out; 
	    transition: all 0.2s ease-in-out; 
	    opacity: 0;
	    }
	    
	.left-arrow, .et-arrow-prev { 
	    background: #333 url(../themes/chainbuilder/assets/images/left-arrow.png) no-repeat 5px center; 
	    left: -40px;
	    }
	    
	.right-arrow, .et-arrow-next { 
	    background: #333 url(../themes/chainbuilder/assets/images/right-arrow.png) no-repeat 10px center; 
	    right: -40px;
	    }
	    
	#featured .et-arrow-prev { 
	    -webkit-box-shadow: 3px 3px 5px rgba( 0,0,0,0.25 ); 
	    -moz-box-shadow: 3px 3px 5px rgba( 0,0,0,0.25 ); 
	    box-shadow: 3px 3px 5px rgba( 0,0,0,0.25 );
	    }
	    
	#featured .et-arrow-next { 
	    -webkit-box-shadow: -3px -3px 5px rgba( 0,0,0,0.25 ); 
	    -moz-box-shadow: -3px -3px 5px rgba( 0,0,0,0.25 ); 
	    box-shadow: -3px -3px 5px rgba( 0,0,0,0.25 );
	    }
	    

	#featured:hover .et-arrow-prev, #et-product-slider:hover .et-arrow-prev { 
	    left: 0; 
	    opacity: 1;
	    }
	    
	#featured:hover .et-arrow-next, #et-product-slider:hover .et-arrow-next { 
	    right: 0; 
	    opacity: 1;
	    }


	#featured-progress-bar { 
	    height: 10px; 
	    width: 100%; 
	    background-color: #333; 
	    z-index: 30; 
	    position: absolute; 
	    bottom: 0px; 
	    left: 0;
	    }
		#progress-time { 
		    background-color: #3270B6; 
		    height: 10px;
		    }
		    
	#featured .slide.et-active-slide img {
		-webkit-animation-duration: .7s;
		-webkit-animation-delay: .4s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .7s;
		-moz-animation-delay: .4s;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-fill-mode: both;
		-o-animation-duration: .7s;
		-o-animation-delay: .4s;
		-o-animation-timing-function: ease-in-out;
		-o-animation-fill-mode: both;
		-ms-animation-duration: .7s;
		-ms-animation-delay: .4s;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-fill-mode: both;
		animation-duration: .7s;
		animation-delay: .4s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;

		-webkit-animation-name: fadeInUp_custom;
		-moz-animation-name: fadeInUp_custom;
		-o-animation-name: fadeInUp_custom;
		-ms-animation-name: fadeInUp_custom;
		animation-name: fadeInUp_custom;
	}

	#featured .slide.et-active-slide .description {
		-webkit-animation-duration: .7s;
		-webkit-animation-delay: .9s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .7s;
		-moz-animation-delay: .9s;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-fill-mode: both;
		-o-animation-duration: .7s;
		-o-animation-delay: .9s;
		-o-animation-timing-function: ease-in-out;
		-o-animation-fill-mode: both;
		-ms-animation-duration: .7s;
		-ms-animation-delay: .9s;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-fill-mode: both;
		animation-duration: .7s;
		animation-delay: .9s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;

		-webkit-animation-name: bounceIn;
		-moz-animation-name: bounceIn;
		-ms-animation-name: bounceIn;
		-o-animation-name: bounceIn;
		animation-name: bounceIn;
	}

	#featured .slide.et-active-slide h2 {
		-webkit-animation-duration: .7s;
		-webkit-animation-delay: 1.4s;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .7s;
		-moz-animation-delay: 1.4s;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-fill-mode: both;
		-o-animation-duration: .7s;
		-o-animation-delay: 1.4s;
		-o-animation-timing-function: ease-in-out;
		-o-animation-fill-mode: both;
		-ms-animation-duration: .7s;
		-ms-animation-delay: 1.4s;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-fill-mode: both;
		animation-duration: .7s;
		animation-delay: 1.4s;
		animation-timing-function: ease-in-out;
		animation-fill-mode: both;

		-webkit-animation-name: bounceIn;
		-moz-animation-name: bounceIn;
		-ms-animation-name: bounceIn;
		-o-animation-name: bounceIn;
		animation-name: bounceIn;
	}

#callout { 
    display: block; 
    margin-top: 65px; 
    height: 100px; 
    font-size: 30px; 
    background: #fc8933; 
    color: #fff; 
    -moz-box-shadow: inset 0 0 30px #d9531f; 
    -webkit-box-shadow: inset 0 0 30px #d9531f; 
    box-shadow: inset 0 0 30px #d9531f; 
    position: relative;
    }

	#callout > strong { 
	    display: inline-block; 
	    width: 871px; 
	    text-align: center; 
	    font-weight: 300; 
	    color: #fff;
	    }
	
		#callout > strong span { 
		    font-weight: 800;
		    }
		
	#callout > span { 
	    width: 240px; 
	    display: inline-block; 
	    padding: 33px 0px 32px 0px; 
	    text-align: center; 
	    background: #2f2f2f; 
	    position: relative; 
	    background: #333333; 
	    /* Old browsers */
	        background: -moz-linear-gradient(top,  #333333 0%, #232323 100%); /* FF3.6+ */
	        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#232323)); /* Chrome,Safari4+ */
	        background: -webkit-linear-gradient(top,  #333333 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	        background: -o-linear-gradient(top,  #333333 0%,#232323 100%); /* Opera 11.10+ */
	        background: -ms-linear-gradient(top,  #333333 0%,#232323 100%); /* IE10+ */
	        background: linear-gradient(to bottom,  #333333 0%,#232323 100%); /* W3C */
	        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#232323',GradientType=0 ); /* IE6-9 */
        }
        
 	#callout > strong, #callout > span { 
 	    text-shadow: 0 0 10px rgba(0,0,0,0.15);
 	    }
 	
		#callout > span:before { 
		    content: ''; 
		    position: absolute; 
		    top: 0; left: -35px; 
		    width: 35px; 
		    height: 100px; 
		    background: url(../themes/chainbuilder/assets/images/callout-signup-bg-overlay.png) no-repeat;
		    }
		
#callout:hover { 
    text-decoration: none;
    }


#featured { 
    -moz-box-shadow: inset 0 0 250px #1d2ead; 
    -webkit-box-shadow: inset 0 0 250px #1d2ead; 
    box-shadow: inset 0 0 250px #1d2ead;
    background-color: #2f74c4;
    }

#top-navigation > ul > li.sfHover > a, #top-navigation > ul > li > a:hover, .mobile_nav, #home-tab-area > ul > li.home-tab-active, #footer-bottom li a:hover, .et-product:hover .et-price-button, .et-products li:hover .et-price-button, #callout { 
    background-color: #2f74c4;
    }

#top-navigation > ul > li.sfHover > a, #top-navigation > ul > li > a:hover, #home-tab-area > ul > li.home-tab-active, #footer-bottom li a:hover, .mobile_nav,  #callout { 
    -moz-box-shadow: inset 0 0 30px #2d4dbf; 
    -webkit-box-shadow: inset 0 0 30px #2d4dbf; 
    box-shadow: inset 0 0 30px #2d4dbf;
    }

#progress-time { 
    background-color: #3e5cc9;
    }

#home-tab-area > ul, .et_color_scheme_blue .widget h4.widgettitle { 
    border-bottom-color: #3e5cc9;
    }

.page-header{
	padding: 60px 80px 60px 80px;
	font-size: 50px;
	vertical-align: baseline;
    background: transparent;
}

.row{
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px 80px 60px 80px;
}

.row:after,.row:before{
    display:table;
    content:" "
    
}

.row:after{
    clear:both
    
}

.row2{
    margin-right: 0px;
    margin-left: 0px;
    padding: 20px 120px 20px 120px;
}

.row3{
    margin-right: 0px;
    margin-left: 0px;
    padding: 20px 80px 20px 80px;
}

.row2:after,.row2:before{
    display:table;
    content:" "
    
}

.row2:after{
    clear:both
    
}

.row4{
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px 80px 30px 80px;
}

.row4:after,.row4:before{
    display:table;
    content:" "
    
}

.row4:after{
    clear:both
    
}


.col-30{
    position:relative;
	min-height:1px;
    width: 30%;
    float: left;
}

.col-70{
    position:relative;
	min-height:1px;
    width: 70%;
    float: right;
}

.col-70-w{
    position:relative;
	min-height:1px;
    width: 60%;
    float: right;
    padding-right: 10%;
}

.col-05{
    position:relative;
	min-height:1px;
    width: 5%;
    float: left;
}

.col-10{
    position:relative;
	min-height:1px;
    width: 10%;
    float: left;
}

.col-10right{
    position:relative;
	min-height:1px;
    width: 10%;
    float: right;
}


.col-20{
    position:relative;
	min-height:1px;
    width: 20%;
    float: left;
}

.col-80{
    position:relative;
	min-height:1px;
    width: 80%;
    float: left;
}

.col-80n{
    position:relative;
	min-height:1px;
    width: 80%;
    float: left;
}

.col-90{
    position:relative;
	min-height:1px;
    width: 90%;
    float: right;
}

.col-40{
    position:relative;
	min-height:1px;
    width: 35%;
    float: left;
}

.col-60{
    position:relative;
	min-height:1px;
    width: 65%;
    float: right;
}

.col-60-left{
    position:relative;
	min-height:1px;
    width: 60%;
    float:left;
    margin: auto;

}

.col-50-left{
    position:relative;
	min-height:1px;
    width: 50%;
    float:left;
    margin: auto;

}

.col-50-right{
    position:relative;
	min-height:1px;
    width: 50%;
    float:right;
    margin: auto;

}

.col-25{
    position:relative;
	min-height:1px;
    width: 25%;
/*    float:right;*/
    margin: auto;

}

p{
    margin: 0px 0px 20px 0px;
}

.small-button{
    cursor: pointer;
    color: #595a5a !important;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#e2e2e2 100%);
    border: 1px solid #c3c3c3;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
}

.med-button{
    cursor: pointer;
    color: #595a5a !important;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#e2e2e2 100%);
    border: 1px solid #c3c3c3;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}

.med-button-red{
    cursor: pointer;
    color: #c13832 !important;
    background: #ffb0b7;
    background: -moz-linear-gradient(top, #ffb0b7 0%, #ff828c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb0b7), color-stop(100%,#ff828c));
    background: -webkit-linear-gradient(top, #ffb0b7 0%,#ff828c 100%);
    background: -o-linear-gradient(top, #ffb0b7 0%,#ff828c 100%);
    background: -ms-linear-gradient(top, #ffb0b7 0%,#ff828c 100%);
    background: linear-gradient(to bottom, #ffb0b7 0%,#ff828c 100%);
    border: 1px solid #e74034;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}

.med-button-blue{
    cursor: pointer;
    color: #3270B6 !important;
    background: #c5d6e8;
    background: -moz-linear-gradient(top, #c5d6e8 0%, #a8c0e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d6e8), color-stop(100%,#a8c0e2));
    background: -webkit-linear-gradient(top, #c5d6e8 0%,#a8c0e2 100%);
    background: -o-linear-gradient(top, #c5d6e8 0%,#a8c0e2 100%);
    background: -ms-linear-gradient(top, #c5d6e8 0%,#a8c0e2 100%);
    background: linear-gradient(to bottom, #c5d6e8 0%,#a8c0e2 100%);
    border: 1px solid #3270B6;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}

.med-button-orange{
    cursor: pointer;
    color: #f78d25 !important;
    background: #f7d7b2;
    background: -moz-linear-gradient(top, #f7d7b2 0%, #f7c284 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d6e8), color-stop(100%,#f7c284));
    background: -webkit-linear-gradient(top, #f7d7b2 0%,#f7c284 100%);
    background: -o-linear-gradient(top, #f7d7b2 0%,#f7c284 100%);
    background: -ms-linear-gradient(top, #f7d7b2 0%,#f7c284 100%);
    background: linear-gradient(to bottom, #f7d7b2 0%,#f7c284 100%);
    border: 1px solid #fa7e05;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}

.med-button-green{
    cursor: pointer;
    color: #63B862 !important;
    background: #c4e4a5;
    background: -moz-linear-gradient(top, #c4e4a5 0%, #96df73 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4e4a5), color-stop(100%,#96df73));
    background: -webkit-linear-gradient(top, #c4e4a5 0%,#96df73 100%);
    background: -o-linear-gradient(top, #c4e4a5 0%,#96df73 100%);
    background: -ms-linear-gradient(top, #c4e4a5 0%,#96df73 100%);
    background: linear-gradient(to bottom, #c4e4a5 0%,#96df73 100%);
    border: 1px solid #63B862;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}

.med-button-yellow{
    cursor: pointer;
    color: #ecac00!important;
	background: #f6e5a7;
    background: -moz-linear-gradient(top, #f6e5a7 0%, #ebce7b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e5a7), color-stop(100%,#ebce7b));
    background: -webkit-linear-gradient(top, #f6e5a7 0%,#ebce7b 100%);
    background: -o-linear-gradient(top, #f6e5a7 0%,#ebce7b 100%);
    background: -ms-linear-gradient(top, #f6e5a7 0%,#ebce7b 100%);
    background: linear-gradient(to bottom, #f6e5a7 0%,#ebce7b 100%);
    border: 1px solid #F3C41A;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}

.med-button-purple{
    cursor: pointer;
    color: #4C54A2!important;
	background: #bcc3db;
    background: -moz-linear-gradient(top, #bcc3db 0%, #adb8db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcc3db), color-stop(100%,#adb8db));
    background: -webkit-linear-gradient(top, #bcc3db 0%,#adb8db 100%);
    background: -o-linear-gradient(top, #bcc3db 0%,#adb8db 100%);
    background: -ms-linear-gradient(top, #bcc3db 0%,#adb8db 100%);
    background: linear-gradient(to bottom, #bcc3db 0%,#adb8db 100%);
    border: 1px solid #4C54A2;
    text-shadow: 1px 1px 1px #fff;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.1);
    padding: 10px 14px;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
    border-radius: 10px;
    line-height: 26px;
    width:100%;
}



.steps ol {
    padding: 0px 100px 0px 100px;
    line-height: 25px;
    list-style-position: inside;
}

.steps ul {
    padding: 0px 50px 0px 50px;
    line-height: 25px;
    list-style-position: inside;
}

.steps2 ol {
    padding: 0px 50px 0px 50px;
    line-height: 25px;
    list-style-position: inside;
}

.steps2 ul {
    padding: 0px 50px 0px 50px;
    line-height: 25px;
    list-style-position: inside;
}

p.padding {
    padding-left: 2cm;
}
p.padding2 {
    padding-left: 50%;
}