@charset "utf-8";
/* CSS Document */


html, body {
	height: 100%;
}

body {
	margin: 0 auto;
	text-align: center;
	background: #5e82a4 url(../images/bk_pattern.png) repeat-y top center;
}

body, a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
/*    line-height: 16px;*/
    color: #333333;
}

a img {
    border: none;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.clear {
    clear:both;
    line-height: 1px;
    height: 1px;
}

.anchor {
    height: 1px;
    line-height: 1px;
}

h4 {
    font-size: 16pt;
    font-weight: normal;
    line-height: normal;
    color: #5e82a4;
    
    padding: 0;
    margin: 0 0 20px 0;
}

#top-press-release {
    position: absolute;
    top: 15px;
    left: 24px;
    z-index: 190;
}

#top-press-release img {
    height: 95px;
}

#wrap {
    display: block;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    
    background-color: #ffffff;
}

#wrap_inner {
    position : relative;
    padding: 30px 30px 20px 30px;
    /*border: solid 1px blue;*/
}

#header {
    display: block;
    height: 340px;
    margin-bottom: 5px;
}

#header_top {
    height: 50px;
    position: relative;
}

#logo {
    position : absolute;
    float: left;
    top: -10px;
    width: 232px;
    height: 110px;
    z-index: 100;

    background: url('../images/logo.png') no-repeat left top;
    background-size: contain;
}

#logo a {
    display: block;
    height: 100%;
}

#header_right {
    display: block;
    width: 700px;
    height: 100%;
    float: right;
}

.header-subtitle {
    text-align : center;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
}

#menu {
    position: relative;
    display: block;
    height: 23px;
    float:right;
    
    margin: 0;
    margin-top: 10px;
    padding: 7px 0 3px 8px;
    
    background-color: #5e82a4;
    
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(template/PIE.htc);
}

#submenu a:hover, #submenu a.selected , #menu a:hover, #menu a.selected {
    color: #5e82a4;
}


#menu li {
    /*display: inline;*/
	position: relative;
	float: left;

	list-style:	none;
    margin-right: 8px;
	z-index: 1;
}

#menu a, #slide {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    /*line-height: 30px;*/
    text-transform: uppercase;
    background: transparent;
    color: #ffffff;
    
    padding: 0 4px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	behavior: url(template/PIE.htc);
}

#menu a {
    position: relative;
	float: left;

    /*z-index: 200;*/
}

#menu a:hover, #menu a.selected {
     
    background: #ffffff;
    }

#menu a.selected {
	z-index: 3;
}

#menu a.icon-lang {
    width: 28px;
    height: 23px;
    display: block;
    padding: 4px 8px;
    margin-top: -6px;

    border-radius: 0;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
/*    border-top-right-radius: 3px;*/
/*    border-bottom-right-radius: 3px;*/
}

#menu a.icon-lang:hover {
}

#menu #lang-en {
    background-image: url("../images/en.gif");
}
#menu #lang-bg {
    background-image: url("../images/bg.gif");
}


#submenu {
    position: relative;
    height: 47px;
    padding-top:3px;
    z-index: 10;
}

#submenu a, #submenu .dummy, #submenu .element {
    float: right;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    
    height: 18px;
    padding: 0 2px 0 12px;
    /*margin-top: 5px;*/
}

#submenu div.new-line {
    display: block;
    clear: both;
    float: none;
    height: 0;
    line-height: 0;
}

#submenu a.sm_leadership_effectivness {
    color: #336633;
}
#submenu a.sm_sales_effectivness {
    color: #990000;
}
#submenu a.sm_individual_effectivness {
    color: #003399;
}
#submenu a.sm_career_development {
    color: #d67e0c;
}

#submenu a.sm_leadership_effectivness:hover, #submenu a.sm_leadership_effectivness.selected,
#submenu a.sm_sales_effectivness:hover, #submenu a.sm_sales_effectivness.selected,
#submenu a.sm_individual_effectivness:hover, #submenu a.sm_individual_effectivness.selected,
#submenu a.sm_career_development:hover, #submenu a.sm_career_development.selected
{
    color: #5e82a4;
}

#header_image {
    display:block;
    height: 200px;
    width: 100%;
    overflow: hidden;
    border-color: #5e82a4;
    border-width: 2px 0;
    border-style: solid;
}

#content_wrap {
    display:block;
}

#content {
    /*border: solid 1px #000000;*/
}

/* ---- sidebar */

#sidebar {
    display: block;
    width: 250px;
    float: left;
    /*border: solid 1px black;*/
}

#sidebar .minus-ident, .side-button {
    margin-left: -7px;
}
#sidebar .minus-ident, .side-button, #sidebar .minus-ident img
{
    position: relative;
}

.side-button {
    display: block;
    width: 228px;
    height: 60px;

/*    font-weight: bold;*/
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    text-align: center;
    
    margin-bottom: 0px;
    
    background-position: -4px center;
    background-repeat: no-repeat;
    -webkit-background-size: 240px 70px;
    background-size: 240px 70px;

    overflow: visible;
}
.side-button span {
    display: block;
/*    padding-top: 8px;*/
/*    display: inline-block;*/
    position: absolute;
    top: 46%;
    line-height: 20px;
    left: 0;
    width: 100%;
    -webkit-transform : translateY(-50%); -moz-transform : translateY(-50%); -ms-transform : translateY(-50%); -o-transform : translateY(-50%); transform : translateY(-50%);
}


#sidebar .side-button.red, 
#sidebar .side-button.red:visited 
{
    background-image: url(../images/side_button_red.png);
    color: #ffffff;
}

#sidebar .side-button.red:hover, 
#sidebar .side-button.red:active, 
#sidebar .side-button.red.selected 
{
    background-image: url(../images/side_button_red_hover.png);
    color: #990000;
}


#sidebar .side-button.green, 
#sidebar .side-button.green:visited 
{
    background-image: url(../images/side_button_green.png);
    color: #ffffff;
}

#sidebar .side-button.green:hover, 
#sidebar .side-button.green:active, 
#sidebar .side-button.green.selected 
{
    background-image: url(../images/side_button_green_hover.png);
    color: #336633;
}


#sidebar .side-button.blue, 
#sidebar .side-button.blue:visited 
{
    background-image: url(../images/side_button_blue.png);
    color: #ffffff;
}

#sidebar .side-button.blue:hover, 
#sidebar .side-button.blue:active, 
#sidebar .side-button.blue.selected 
{
    background-image: url(../images/side_button_blue_hover.png);
    color: #003399;
}


#sidebar .side-button.orange, 
#sidebar .side-button.orange:visited 
{
    background-image: url(../images/side_button_orange.png);
    color: #ffffff;
}

#sidebar .side-button.orange:hover, 
#sidebar .side-button.orange:active, 
#sidebar .side-button.orange.selected 
{
    background-image: url(../images/side_button_orange_hover.png);
    color: #d67e0c;
}


#sidebar .side-button#test {
    text-align: left;
    font-size: 15px;
    border: solid 1px #555;
    width: 218px;
    margin-left: 0;

    -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); -ms-box-shadow: 0 0 6px rgba(0,0,0,.2); -o-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2);
}

#sidebar .side-button#test span {
    padding-top: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

#sidebar .side-button#test:hover {
    background: #555;
    color: #fff;
}

.side-button i {
    display: inline-block;
    float : left;
    width: 94px;
    height: 94px;
    margin-right: 10px;
}

.side-button.test i {
    position: absolute;
    top: -14px;
    right: -40px;
    height: 84px;
}

i.star {
    background: url("../images/star.png") no-repeat center center;
    -webkit-background-size :contain;
    background-size :contain;
    pointer-events: none;

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

i.star.en {
    background-image: url("../images/en/star.png");
}

i.star-outline {
    background: url("../images/star_outline.png") no-repeat center center;
    -webkit-background-size :contain;
    background-size :contain;
    z-index: 9;
    pointer-events: none;

    -webkit-animation :pulse2 1s infinite;
    -o-animation :pulse2 1s infinite;
    animation :pulse2 1s infinite;
}

.side-button.test i.star {
    -webkit-animation :pulse 1s infinite;
    -o-animation :pulse 1s infinite;
    animation :pulse 1s infinite;
    z-index: 10;
}
/*
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
    40% { -webkit-transform: scale(1.2) rotate(0); -moz-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); -o-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0); }
    45% { -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); }
    50% { -webkit-transform: scale(1.2) rotate(0); -moz-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); -o-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0); }
    55% { -webkit-transform: scale(1.1) rotate(5deg); -moz-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); -o-transform: scale(1.1) rotate(5deg); transform: scale(1.1) rotate(5deg); }
    70% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}
@keyframes pulse {
    0% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
    40% { -webkit-transform: scale(1.2) rotate(0); -moz-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); -o-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0); }
    45% { -webkit-transform: scale(1.2) rotate(5deg); -moz-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); -o-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); }
    50% { -webkit-transform: scale(1.2) rotate(0); -moz-transform: scale(1.2) rotate(0); -ms-transform: scale(1.2) rotate(0); -o-transform: scale(1.2) rotate(0); transform: scale(1.2) rotate(0); }
    55% { -webkit-transform: scale(1.1) rotate(5deg); -moz-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); -o-transform: scale(1.1) rotate(5deg); transform: scale(1.1) rotate(5deg); }
    70% { -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}
*/

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
    50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
}
@-moz-keyframes  pulse {
    0% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
    50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
}
@keyframes pulse {
    0% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
    50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    100% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
}
@-webkit-keyframes pulse2 {
    0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0}
    20% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 1}
    60% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0}
    100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0}
}
@-moz-keyframes pulse2 {
    0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0}
    20% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 1}
    60% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0}
    100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0}
}
@keyframes pulse2 {
    0% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0}
    20% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 1}
    60% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0}
    100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0}
}

.side-article {
    width: 222px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    
    text-align: justify;
}

.side-article a, .side-article .blue-underline {
    color: #5e82a4;
    text-decoration: underline;
}

.side-article .blue-underline {
    font-size: 12px;
    line-height: 16px;
}

.side-separator {
    height: 1px;
    line-height: 0;
    width: 221px;
    background: #5e82a4;
    margin: 15px 0;
}

.small-heading {
    text-decoration : underline;
    font-weight: bold;
}

/* ---- */

#content {
	display: block;
    width: 690px;
    float: right;
/*	overflow: hidden;    */
    text-align: justify;
    margin-bottom: 60px;
    
    /*overflow-y: scroll;*/
}

.subtitle {
    font-weight: bold;
    text-decoration: underline;
}

.blue-color, .blue-cat-title {
    color: #5e82a4;
}

.blue-keyword {
    color: #5e82a4;
/*    font-size: 14px;*/
    font-weight: bold;
}

.blue-cat-title {
    font-size: 16px;
    line-height: 22px;
}

.all-caps {
    text-transform: uppercase;
}

a.blue-keyword, a.contacts_link {
    text-decoration: underline;
}

a.contacts_link2 {
    display: block;
    font-size: 12px;
}
/*
a.contacts_link2:hover {
    text-decoration: underline;
}
*/
ul.styled_ul {
    margin-top:0;
}

ul.disc-list {
    list-style-type: disc;
}

.blue-line {
    height: 1px;
    margin: 20px 0;
    
    line-height: 1px;
    background: #5e82a4;
}

a.black-italic {
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

.italic {
    font-style: italic;
}

.strong-italic {
    font-weight: bold;
    font-style: italic;
}

a.article {
    display: block;
    margin-bottom: 20px;
    
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
}

#content .paragraph {
    text-align: justify;
    margin-bottom: 40px;
}

#content ul {
    text-align: left;
}

#content .strong {
    font-weight: bold;
}

#content ul.no_margin {
    margin: 0;
    padding: 0;
}

#content .sentence-start {
    font-weight: bold;
}

#content .dash {
    display: inline-block;
    width: 5px;
    margin-right: 5px;
}

.team_member {
    margin-bottom: 20px;
}

.team_member img {
    margin-right: 20px;
}

.team_member .blue-keyword {
    font-weight: bold;
}

div.team_member {
    padding-left: 110px;
}

div.team_member .team_member-image {
    /*position: relative;*/
    margin-left: -110px;
    float: left;
    display:inline-block;
    width: 90px;
    height: 220px;
}

.core_values {
    margin-bottom: 40px;
}

.post {
    display: block;
    margin-bottom: 30px;
    border-bottom: solid 1px #5e82a4;
    clear: both;
	line-height: initial;
    position : relative;
}

.post-header {
    color : #5e82a4;
    padding-bottom: 10px;
    border-bottom: solid 1px #5e82a4;
}

.post-title {
    float: left;
    font-size: 14px;
}

.post-date {
    float: left;
    font-size: 14px;
}

.post-content {
    margin: 12px 0 0 0;
}

.post-content p {
    margin: 0 0 12px 0;
}

/*
    index page news preview
*/

.news-preview-tile, .news-preview-cat-title {
    padding: 0 10px;
    border: 1px solid #d7e0e8;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(template/PIE.htc);
    
    background: #f5f5f5;
    
    color: #5e82a4;
} 

.news-preview-cat-title, .news-preview-cat-title a {
    height: 28px;

    line-height: 28px;
    text-transform: uppercase;
    font-size: 14px;
}

.news-preview-cat-title a {
    color: #5e82a4;
}

.news-preview-tile {
    display: block;
    height: 100%;
    /*height: 245px;*/
    /*width: 200px;*/
    padding: 10px;
    
    text-align: left;
    box-sizing: border-box;
}

.news-preview-title, .news-preview-title a {
    font-size: 14px;
    color: #5e82a4;
}

.news-preview-title a, .news-preview-cat-title a {
    display: block;
}

.news-preview-title a:hover, .news-preview-cat-title a:hover {
    text-decoration: underline;
}

.news-preview-content, .news-preview-content td {
    color: #000000;
	margin-top: 5px;
    margin-bottom: 0;
}

.news-preview-content a, .post a {
    color: #5e82a4;
    text-decoration: underline; 
}
.news-preview-content a:hover, .post a:hover {
    text-decoration: underline;   
}

.news-preview-more {
    display: block;
}

/*
    footer 
*/

#footer {
    display: block;
    height: 30px;
    
    padding: 0 20px;
    
    background-color: #5e82a4;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(template/PIE.htc);
}
ul#footer_menu {
    float:left;
    margin:0; padding:0;
}

ul#footer_menu li {
    display: inline;
    list-style-type: none;
    line-height: 30px;
    
    padding-left: 8px;
    margin-right: 8px;
    border-left: solid 1px #fff;
}

ul#footer_menu li.first {
    border: none;
    padding: 0;
}

ul#footer_menu a:hover {
    text-decoration: underline;
}

#footer #copyright {
    float:right;
    line-height: 30px;
}

#footer_menu a, #footer #copyrighta, #footer {
    color: #fff;
}

/*
    ======================================
    form and contacts styles
*/

.mailto {
	text-decoration: underline;
}


label {
    display: block;
    margin-top: 15px;
    line-height: 20px;
    height: 20px;
}

.frmInp {
    display: block;
    width: 90%;
    
    padding: 2px;
    
    border:solid 1px #bbbbbb;
}

textarea.frmInp {
    height: 150px;
}

#frmSubmit {
    margin-top: 25px;
}

a.mail {
    color: black;
}

a.mail:hover {
    text-decoration: underline;
}

.contacts {
    font-size: 10pt;
    line-height: 16pt;
    margin-top: 31px;
}

#what-awaits table .solid-bk th, #what-awaits table .solid-bk td {
	background-color: #00447c;
	color: #ffffff;
}

#news-preview td, #news-preview tr {
    height: 100%;
}

#news-preview .row {
    display: table-row;
}
#news-preview .cell {
    display: table-cell;
}

#what-awaits .news-preview-tile {
	/*overflow: hidden;*/
	height: 490px;
	width: 201px;
	border-color: #5e82a4;
	/*cursor: pointer;*/
}

#what-awaits .news-preview-tile, #what-awaits .news-preview-cat-title {
	background-color: #00447c;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
}

#what-awaits, #what-awaits a, #what-awaits .news-preview-content, #what-awaits .news-preview-title {
	color: #ffffff;
}

#what-awaits .news-preview-image {
	display: block;
	width: 221px;
	overflow: hidden;
	border: solid 1px #00447c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(template/PIE.htc);
}

#map-container {
	width: 100%;
	height: 250px;
}

.news-preview-content img {
    max-width: 110px;
}

#social {
    position: absolute;
    top: 10px;
    right: 30px;
    /* float: right; */
    /* text-align: right; */
}

.social {
    text-align: right;
    /* clear: right; */
/*    position: absolute;*/
    right: 0;
    bottom: 8px;
    clear : both;
}
.social-button {
    height: 20px;
    width: 59px;
    display: inline-block;
    -webkit-border-radius :3px; -moz-border-radius :3px; border-radius :3px;
    overflow: hidden;
    text-decoration: none !important;
    cursor: pointer;
    zoom: 1;

    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    white-space: nowrap;
}
.social-button i {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 4px;
    background: rgba(0, 0, 0, 0) 0 0 no-repeat;
}

.social-button .label {
    color: #ffffff;
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 22px;
    font-weight: bold;

    float: right;
    margin-right: 3px;
}

.fb-button:hover, .fb-button:visited, .fb-button:active {
    color: #ffffff !important;
}
.fb-button img {
    padding: 3px;
    padding-left: 4px;
    float: left;
}

.fb-button, .fb-share-button, .tweet-button, .g-plus-button {
    border: solid 1px transparent;
    height: 18px;
    width: 57px;
    /*    -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box;*/
}

.fb-button:hover {
    background: #365899;
    border: 1px solid #365899;
}

.social .fb-button, .social .fb-share-button {
    margin-left: 4px;
}

.linkedin-button {
    background-color: #0077b5;
}

.tweet-button {
    background: #1b95e0;
}

.fb-share-button, .fb-button {
    background: #4267b2;
}

.g-plus-button {
    background: #ffffff;
    border: 1px solid #d5d5d5;
}

.tweet-button:hover, .tweet-button:active {
    background: #0c7abf;
}

.g-plus-button:hover, .g-plus-button:active {
    border: 1px solid #aaa;
}

.tweet-button i {
    top: 1px;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");
}

.g-plus-button .label {
    color: #262626;
}

.fb-button i {
    background-image: url("../images/fb-share.png");
}

.g-plus-button i {
    background-image: url("../images/g_plush_share.png");
    top: 1px;
    height: 16px;
    width: 16px;
}

.linkedin-button {
    background-color: #0077b5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077b5), color-stop(100%,#0077b5));
    background-image: -webkit-linear-gradient(top, #0077b5 0%, #0077b5 100%);
}

.linkedin-button:hover {
    border-color     : #0369a0;
    background-color : #0369a0;
    background-image : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0369a0), color-stop(100%,#0369a0));
    background-image : -webkit-linear-gradient(top, #0369a0 0%, #0369a0 100%);
}

.linkedin-button .label {
    height      : 18px;
    margin-top: 2px;
    line-height: 20px;
    text-shadow : 0 -1px #005887;
}

.linkedin-button i {
    background-image: url("../images/linkedin_share.png");
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 21px;
    height: 20px;
    background-position: center center;
    overflow: hidden;
    border-right: 1px solid #066094;
}

.social .social-button {
    width: 22px;
}
.social .fb-button, .social .tweet-button, .social .g-plus-button {
    width: 20px;
}

.social .tweet-button i, .social .g-plus-button i {
    margin-left: 2px;
}

.post ul {
    list-style: inherit;
}

.form-style .frmInp {
    width: 100%;
    -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box;
    line-height: 16px;
}
.form-style label {
    text-align: right;
    line-height: 26px;
    height: 26px;
    margin: 0;
}

/*
    step process styles
*/


.step-process {
    position: relative;
    width: 690px;
    height: 55px;
    margin: 40px auto;
    background: url("../images/steps_bk.png") no-repeat top center;
}

.step-process .step {
    display: inline-block;
    position: absolute;
    top: 1px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    color: #ffffff;
    text-align: center;

    font-size: 12px;
    opacity: 1.0;

    background: no-repeat center center;
}

.step-process .step.active,.step-process .step.done:hover, .step-process .step.undone:hover {
    background-image: url("../images/step_active.png");
}

.step-process .step.done {
    background-image: url("../images/step_done.png");
/*    background-image: url("../images/step_undone.png");*/
}
.step-process .step.done-green {
    background-image: url("../images/step_done.png");
}

.step-process .step.undone {
    opacity: 0.8;
}

.step-process .step.undone {
    background-image: url("../images/step_undone.png");
}

.step-process #step-0 {
    left: 22px;
}
.step-process #step-1 {
    left: 140px;
}
.step-process #step-2 {
    left: 258px;
}

.step-process #step-3 {
    right: 259px;
}
.step-process #step-4 {
    right: 141px;
}
.step-process #step-5 {
    right: 23px;
}

.video-container {
    width: 220px;
    height: 124px;
    margin-left: -10px;
    padding: 10px;

    background: url("../images/video_bk.png") no-repeat center center;
}
.video-inner {
    width: 220px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
    overflow: hidden;
}

#video-player {
    display: none;
    position: absolute;
    position: fixed;
    max-width: 80%;
    border: solid 1px black;
    z-index: 201;
    opacity: 0;
}

.backdrop {
    display : none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background: #000000;
    opacity: .5;
    z-index: 200;
}

.centered {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform : translate3d(-50%, -50%, 0);
    -moz-transform : translate3d(-50%, -50%, 0);
    -ms-transform : translate3d(-50%, -50%, 0);
    -o-transform : translate3d(-50%, -50%, 0);
    transform : translate3d(-50%, -50%, 0);
}

#video-player.centered {
    opacity: 1.0 !important;
}

#close-video-player {
    position: absolute;
    display: block;
    top: -22px;
    right: -22px;
    width: 44px;
    height: 44px;
    z-index: 300;

    background: url("../images/video_close_button.png") no-repeat center center;
    opacity: 0.5;
    -webkit-transition : opacity 0.25s;
    -moz-transition : opacity 0.25s;
    -ms-transition : opacity 0.25s;
    -o-transition : opacity 0.25s;
    transition : opacity 0.25s;
}

#close-video-player:hover {
    opacity: 1.0;
}

.animated {
    -webkit-transition : all 0.45s;
    -moz-transition    : all 0.45s;
    -ms-transition     : all 0.45s;
    -o-transition      : all 0.45s;
    transition         : all 0.45s;
}