/* 
    Document   : style.page
    Created on : 13/03/2011, 12:47:09
    Author     : Elena
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body, td, pre, p {
    font: 14px Arial, sans-serif;
    color: #5e5e5e;
}

a.btn-orange{
    background: url(images/btn-orange.png) no-repeat scroll;
    font-size: 20px;
    color: white;
    text-decoration: none;
    width: 166px;
    height: 53px;
    line-height: 41px;
    display: inline-block;
    text-align: right;
    padding-right: 25px;
    float: none;
}

a.btn-short{
    background: url(images/btn-short.png) no-repeat scroll;
    width: 97px;
    height: 54px;
    border: none;
    color: #025c84;
    font-size: 20px;
    line-height: 41px;
    font-weight: bold;
    padding-bottom: 5px;
    
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
a.btn-blue{
    background: url(images/btn-save.png) no-repeat scroll;
    width: 101px;
    height: 30px;
    border: none;
    color: #025c84;
    font-size: 16px;
    line-height: 27px;
    font-weight: bold;
/*    padding-bottom: 5px;*/
    display: inline-block;
    text-decoration: none;
	text-align: center;

}
/*.page .table-center .text h2{
    font-weight: normal;
}

.page .table-center h3{
    font-weight: normal;
    font-size: 14px;
    margin: 15px 0 6px;
}*/
div.main.page div.table-center table.main-list td{
	font-size: 12px;
}
.center {
	text-align: center;
}
/*******************LANDING-PAGE*****************/

div.land-page{
	position: relative;
}
div.landing{
	float: right;
	width: 664px;
}
div.landing div.table-top{
	width: 664px;
	margin-top: 40px;
	background: url(images/table-landing-top.png) no-repeat scroll right top;
	height: 20px;
}
div.landing div.table-center{
	width: 624px;
	background: url(images/table-landing-center.png) repeat-y scroll right top !important;
}
div.landing div.table-bottom{
	width: 664px;
	background: url(images/table-landing-bottom.png) no-repeat scroll right bottom !important;
	height: 20px;
}
div.cont-block-left{
	/* float: left; */
	position: absolute;
	left: 0;
	top: 0;
	width: 311px;
	margin-top: 40px;
	padding-top: 215px;
	/* padding-right: 38px; */
	background: url(images/cont-block-left.png) no-repeat scroll right top;
}
div.cont-block-left form{
	height: 289px;
}
div.cont-block-left input[type="text"]{
	width: 208px;
	padding: 4px 15px;
	font-size: 18px;
	line-height: 30px;
	color: #5e5e5e;
	border: none;
	height: 33px;
	background: url(images/landing-input-bg.png) no-repeat scroll right top;
}
div.cont-block-left input.phone{
	width: 91px;
	float: right;
	background: url(images/landing-input-phone-bg.png) no-repeat scroll right top;
}
div.cont-block-left div.select-bg{
	float: left;
	position: relative;
	width: 108px;
	height: 41px;
	margin-top: 6px;
	margin-left: 34px;
	background: url(images/landing-select-bg.png) no-repeat scroll right top;
}
div.cont-block-left div.select-bg select{
	width: 108px;
	height: 41px;
	font-size: 18px;
	line-height: 18px;
	color: #5e5e5e;
}
div.cont-block-left div.select-bg span{
	width: 78px;
	height: 19px;
	background: none;
	font-size: 18px;
	line-height: 18px;
	color: #5e5e5e;
	margin-top: 0;
	padding: 11px 15px;
}
div.cont-block-left input.button{
	cursor: pointer;
	width: 238px;
	height: 61px;
	border: 0;
	margin-top: 20px;
	background: url(images/landing-send-btn.png) no-repeat scroll right top;
}
div.land-content{
	border: 1px #c0c0c0 solid;
	padding: 20px 30px;
	font-size: 14px;
	color: #5e5e5e;
	width: 564px;
}
div.land-content h1{
	font-size: 36px;
	color: #393939;
	font-weight: normal; 
}
div.land-content h2{
	font-size: 18px;
	font-weight: normal; 
	padding-top: 10px;
	color: #ec2024;
}
div.land-content p{
	padding-bottom: 25px;
	line-height: 20px;
}
div.land-content p a{
	color: #237293;
}
/* div.land-content strong{
	color: #ec2024;
} */
div.land-content ul{
	margin-right: 37px;
}
div.questions-list{
	padding: 30px 0;
}
div.land-content div.questions-list ul{
	margin-right: 20px;
}
div.questions-list li{
	list-style: none;
	font-weight: bold;
	color: #0968aa;
	padding-right: 25px;
	margin-bottom: 10px;
	min-height: 18px;
	line-height: 18px;
	background: url(images/questions-list-bullet.png) no-repeat scroll right 2px;
}
div.questions-list p{
	margin-right: 20px;
}
div.land-content h3{
	color: #393939;
	font-size: 20px;
	padding-bottom: 10px;
}
div.land-content h4{
	font-size: 22px;
	color: #0968aa;
}
div.goals-list{
	padding: 30px 0;
}
div.land-content div.goals-list ul{
	margin-right: 0;
}
div.goals-list li{
	list-style: none;
	padding-right: 40px;
	height: 38px;
	float: right;
	clear: both;
	margin-bottom: 13px;
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right top;
}
div.land-content h2.first{
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -152px;
	padding-right: 56px;
	float: right;
	clear: both;
	height: 38px;
	margin-bottom: 13px;
	padding-top: 0;
	
	
}

div.land-content h2.second{
	padding-right: 56px;
	float: right;
	clear: both;
	height: 38px;
	margin-bottom: 13px;
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -114px;
	padding-top: 0;
/*	float: right;
	clear: both;*/
}
div.land-content h2.third{
	padding-right: 56px;
	float: right;
	clear: both;
	height: 38px;
	margin-bottom: 13px;
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -76px;
	padding-top: 0;
/*	float: right;*/
/*	clear: both;*/
}
div.land-content h2.fourth{
	padding-right: 56px;
	float: right;
	clear: both;
	height: 38px;
	margin-bottom: 13px;
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -38px;
	padding-top: 0;
/*	float: right;
	clear: both;*/
}
div.land-content h2.fifth{
	padding-right: 56px;
	float: right;
	clear: both;
	height: 38px;
	margin-bottom: 13px;
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right top;
	padding-top: 0;
/*	float: right;
	clear: both;*/
}

div.land-content h2.first strong{
	/*background: #0968aa url(images/goals-list-span.png) no-repeat scroll left -152px;*/
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 25px;
	/*color: #ffffff;*/
	clear: right;
        color: #0968aa;
        font-size: 16px;
}
div.land-content h2.second strong{
/*	background: #1677ba url(images/goals-list-span.png) no-repeat scroll left -114px;*/
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 25px;
	/*color: #ffffff;*/
	clear: both;
        color: #0968aa;
        font-size: 16px;
}
div.land-content h2.third strong{
/*	background: #2a8dd2 url(images/goals-list-span.png) no-repeat scroll left -76px;*/
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 25px;
/*	color: #ffffff;*/
	clear: both;
        color: #0968aa;
        font-size: 16px;
}
div.land-content h2.fourth strong{
/*	background: #389ade url(images/goals-list-span.png) no-repeat scroll left -38px;*/
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 25px;
	/*color: #ffffff;*/
	clear: both;
        color: #0968aa;
        font-size: 16px;
}
div.land-content h2.fifth strong{
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 25px;
	/*color: #ffffff;*/
/*	background: #48a9ec url(images/goals-list-span.png) no-repeat scroll left top;*/
	clear: both;
        color: #0968aa;
        font-size: 16px;
}

div.goals-list li.first{
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -152px;
	
}
div.goals-list li.second{
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -114px;
}
div.goals-list li.third{
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -76px;
}
div.goals-list li.fourth{
	background: url(images/goals-list-bullet-new.png) no-repeat scroll right -38px;
}
div.goals-list li span{
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 10px 0 25px;
	/*color: #ffffff;*/
        color: #0968aa;
        font-size: 16px;
/*	background: #48a9ec url(images/goals-list-span.png) no-repeat scroll left top;*/
}
div.goals-list li.first span{
/*	background: #0968aa url(images/goals-list-span.png) no-repeat scroll left -152px;*/
}
div.goals-list li.second span{
/*	background: #1677ba url(images/goals-list-span.png) no-repeat scroll left -114px;*/
}
div.goals-list li.third span{
/*	background: #2a8dd2 url(images/goals-list-span.png) no-repeat scroll left -76px;*/
}
div.goals-list li.fourth span{
/*	background: #389ade url(images/goals-list-span.png) no-repeat scroll left -38px;*/
}
div.land-client{
	margin-bottom: 40px;
}
div.land-client div.photo{
	float: right;
	width: 89px;
	height: 102px;
	margin-right: -11px;
	padding: 5px 17px 0 0;
	background: url(images/land-client-photo.png) no-repeat scroll right top;
}
div.land-client div.name{
	color: #ec2024;
	padding-right: 108px;
	padding-top: 10px;
	font-size: 28px;
}
div.land-client div.name span{
	color: #4e4e4e;
	font-size: 21px;
	font-weight: bold;
}
div.land-client div.message{
	width: 582px;
	margin-top: -30px;
	margin-right: -10px;
	color: #1a1919;
	font-style: italic;
}
div.land-client div.message div.top{
	height: 63px;
	background: url(images/land-message-top.png) no-repeat scroll right top;
}
div.land-client div.message div.middle{
	text-align: right;
	padding: 0 35px;
	background: url(images/land-message-middle.png) repeat-y scroll right top;
}
div.land-client div.message div.bottom{
	height: 28px;
	background: url(images/land-message-bottom.png) no-repeat scroll right top;
}
div.land-content h5{
	color: #ec2024;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 10px;
}
div.land-content h6{
	color: #393939;
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 10px;
}
a.btn{
	display: block;
	height: 53px;
	color: #ffffff;
	font-size: 20px;
	line-height: 42px;
	text-align: center;
	float: right;
	clear: both;
	padding-left: 47px;	
	margin-bottom: 10px;
}
a.btn:hover{
	text-decoration: none !important;
}
a.btn span{
	display: block;
	height: 53px;
	padding-right: 25px;
	color: #ffffff;
	min-width: 136px;
}
a.btn.yellow{
	background: url(images/land-btn.png) no-repeat scroll left top;
}
a.btn.orange{
	background: url(images/land-btn.png) no-repeat scroll left -53px;
}
 a.btn.yellow span{
	background: url(images/land-btn-span.png) no-repeat scroll right top;
}
a.btn.orange span{
	background: url(images/land-btn-span.png) no-repeat scroll right -53px;
}

div.clear-divs{
	clear: both;
}

@media (min-width:1000px){
.desktop-table {display:table;}
.desktop-tr {display:table-row;}
.desktop-td {display:table-cell; margin:0 !important; float:none !important; vertical-align:middle;}
}

.registration-succesfull .main .text p, .registration-succesfull .main .text ul {font-size:20px;}

.accordion-trigger {cursor:pointer; display:table; width:100%;}
.accordion-hide {display:none;}
div.goals-list .accordion-trigger li {background-image:url('images/bg_accordion.png') !important; background-position:right top; background-repeat:no-repeat; padding-right:50px; line-height:40px;}
div.goals-list .accordion-trigger.active li {background-position:right bottom;}

.all-users.desktop-table {width:100%;}
.all-users .desktop-td {width:50%; vertical-align:top; background-color:#fff;}
.all-users div.our-user div.image {float:none; width:100%; max-width:282px; text-align:center; background-color:#fff; background-position:center center; margin:20px auto 0; display:table; position:relative; z-index:1000;}
.all-users div.our-user div.image div#show {display:table-cell; vertical-align:middle; margin:0; width:100%; height:135px;}
.all-users div.our-user div.desc {position:relative; box-sizing:border-box; float:none; width:100%; max-width:300px; margin:0 auto; padding:15px; min-height:85px; max-height:85px; transition: max-height 0.15s ease-out; overflow:hidden; cursor:pointer; background-color:#fff;}
.all-users div.our-user div.desc:hover {height:auto; overflow:visible;  max-height:1500px;  -webkit-transition:max-height 2s ease-in; transition: max-height 2s ease-in;}
.all-users div.our-user div.desc:before {content:'…'; position:absolute; bottom:0; right:0; display:block; width:100%; background-color:#fff; text-indent:15px; line-height:20px;}
.all-users div.our-user div.desc:hover:before {content:none;}
.all-users div.our-user div.desc h4 {text-align:center;}