/* 
    Document   : about_section
    Created on : Jul 15, 2013, 12:54:47 PM
    Author     : Adriana Niculescu
    Description:
        Purpose of the stylesheet follows.
*/

/*About*/
.about-content { width: 100%;margin:0 auto;}
.about-content img{display:block;}
.contact-email a{color:#000;}
.about-page-buttons {  max-width: 1080px; height: 75px; text-align: center; margin:40px auto 55px;}
.about-page-buttons .about-page-tabs  { display: table; float:none;height: 100%; margin: 0 auto;}
.about-page-buttons .about-page-tabs .about_page_cell { display: inline; color: #222222; font-weight: lighter; font-size: 16px; height: 25px; text-align: center; line-height: 25px; width:50%;}
.about_page_cell .about_page_cell_label { cursor: pointer; width:100%;font-weight:bolder;}
h1.space1{margin-top:30px !important;}

/* About page / NDA page / Risk Warning page*/

.about-page-content , .risk-page-content , .disclaimer-page-content , .terms-page-content , .how-page-content { width: 100%;  padding-bottom: 17px;}
.about-page-content .about-page-text, .risk-page-content .risk-page-text , .disclaimer-page-content .disclaimer-page-text , .terms-page-content .terms-page-text , .how-page-content .how-page-text {
    position: relative; top: 0; color: #333;
    margin: 0px auto;
    max-width: 1200px;
    padding: 0 65px;
}
    
.risk-page-content .risk-page-head , .disclaimer-page-content .disclaimer-page-head , .terms-page-content .terms-page-head , .how-page-content .how-page-head {
	background: url(../../img/background/about_pages_head.png) repeat-x 0px 0px; color: #333333; font-size: 50px; text-align: center;
    line-height: 41px; width: auto; padding:51px 65px; margin-bottom: 40px;}
.risk-page-content .risk-page-text h1 { width:100%; text-align: left; margin:0 0 30px; font-size: 30px; line-height: 41px; }
.risk-page-content .risk-page-text p { font-weight:lighter;width:100%;  margin: 0 0 55px; text-align: justify; font-size: 17px; line-height: 30px; }

.how-page-content .how-page-text h1 { width:100%; text-align: left; margin:0 0 30px; font-size: 30px; line-height: 41px; }
.how-page-content .how-page-text p { width:100%;  margin: 0 0 30px; text-align: justify; font-size: 17px; font-weight: lighter; line-height: 30px; }
.how-page-content .how-page-text ul { list-style-type: disc; text-align: justify; font-size: 17px; font-weight: lighter; line-height: 30px; margin: 0 0 55px;  max-width: 1100px; padding-left: 20px;}

                      
.disclaimer-page-content .disclaimer-page-text p { width:100%; font-family: helvetica-light; margin: 0 0 55px; text-align: justify; font-weight: lighter; font-size: 17px; line-height: 41px; }

.about-page-content .about-page-text h1 { width:100%; text-align: center; margin:0 0 80px; font-size: 50px; line-height: 41px; }
.about-page-content .about-page-text h2 { width:100%; text-align: center; margin:0 0 40px; font-size: 30px; line-height: 41px; }
.about-page-content .about-page-text p {  width:100%; text-align: justify; margin:0 0 30px; font-weight: lighter; font-size: 16px; line-height: 30px; }

.terms-page-content .terms-page-head {  background: url(../../img/background/about_pages_head.png) repeat-x 0px 0px; color: #333333; font-size: 50px; text-align: center; line-height: 41px; width: 100%; padding:30px 0; margin-bottom: 40px;}
                        .terms-page-head .terms-sub-head { width: 100%;  font-size: 17px; color: #b3b3b3;}
.terms-page-content .terms-page-text h1 { width:100%; text-align: left; margin:0 0 30px; font-size: 30px; line-height: 41px; }
.terms-page-content .terms-page-text p {  width:100%; font-weight: lighter; margin: 0 0 30px; text-align: justify; font-size: 16px; line-height: 30px; }
.terms-page-content .terms-page-text p b,.terms-page-content .terms-page-text p strong { font-weight: bold;}
.terms-page-content .terms-page-text .first-list { list-style: disc; font-weight: lighter; text-align: justify; font-size: 17px; line-height: 30px;  padding-left: 25px; }
 .terms-page-content .terms-page-text .first-list2 { list-style: none;  font-weight: lighter; text-align: justify; font-size: 17px; line-height: 30px;  padding-left: 25px; }
                                                .first-list .second-list { list-style: none; text-align: justify; font-size: 17px; line-height: 30px; padding-left: 40px; }
                                                .first-list .second-list .third-list { list-style: decimal; text-align: justify; font-size: 17px; line-height: 30px; padding-left: 50px; }
         
    /* End About page / NDA page / Risk Warning page*/    
    
    /*Meet the team page*/
.arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #1981c3;
    left: 50%;
    margin-left:-23px;
    margin-top: -15px;
    position:relative;
}
.general_description{margin-bottom:70px !important;}
.about-page-content .team-page-text { color: #333;  margin: 0px auto 130px; width: 100%;}
.team-page-text h1 { width: 100%; font-size: 40px; line-height: 41px; text-align: center; margin-bottom: 50px;}
.team-page-text .team-cell {
    box-sizing: border-box;
    margin: 0;
    padding: 30px;
    width:25%;
    float:left;
    cursor:pointer;
    position:relative;
}
.team_border img{
    margin:7px auto;
    display:block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    max-width:222px;
}
.team_border{
    border:2px solid #ffffff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.team-info{text-align: center;padding:0;font-size: 21px;color:#777;font-weight: lighter;}
.team-cell .team-text {
    background:#1981c3;
    position:absolute;
    left:0;
    color:#fff;
    padding:8px;
    z-index:995;
    margin-top:-25px;
    width:100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.team-text .team-info {  background: url(../../img/background/team-info.png) no-repeat 0px 0px; height: 56px; width:780px; text-align: center;
    color: #222; font-size: 26px; line-height: 41px; margin-top: 25px; padding-left: 22px;}
.team-text .team-info .job { color: #c2c2c2; font-size: 16px; line-height: 6px; width:100%; display: table; font-weight: lighter;}
#about_us strong{font-weight:400;}
.team-text p.description {text-align: left; margin:15px; font-size: 14px; font-weight: lighter; line-height: 1.5; }
 .space{clear:both;margin-top:5px;}       
/*End About*/
/*Term of Use*/
.email-term{color:#333333;font-weight:lighter;}
/*Contact us page-*/
h1.contact-title{font-size:30px !important;line-height:1 !important;color:#333;}

.for-contact  .iconr:active,.for-contact  .iconr:focus{text-decoration:none;outline:0;}	 
.for-contact  .iconl:active,.for-contact  .iconl:focus{text-decoration:none;outline:0;}	 
.contact-direct .grid_4{
	font-weight:lighter;
	color:#333;
	font-size:20px;
}
.contact-direct .textr{
    width:76%;
    border:1px solid #dfdfdf;
    margin:0 12%;
}
.text1{background: #fff;height:200px;text-align:center;}
.text2{background: #1981c3;padding:35px 0;font-size:18px;font-weight:lighter;color:#fff;text-align:center;float:left;width:100%;min-height:60px;}
.text2 a{font-size:18px;font-weight:lighter;color:#fff;text-align:center;}
.text1 img{display:block;margin:0 auto;padding:46px 0 20px;}
.contacttitle{
    font-size: 50px;
    text-align: center;
    width: 100%;}
.subtitle{font-size:20px;color:#777;font-weight:lighter;text-align: center;margin-bottom: 80px;}
.contact-social{display:block;padding-bottom:90px;margin-bottom:50px;margin-left:4%;margin-right:4%;float:left;}
.contact-direct{display:block;margin-bottom:140px;overflow:hidden;}
.contact-social > div{background:#fff;border:1px solid #dfdfdf;margin:8px 0; overflow:hidden;float:left;width:100%;position: relative;}
.contact-social > div div{color:#777;font-size:20px;padding-left:18%;padding-top:30px;height:60px;}

.contact-social a{ display:table;max-width:140px;width:17%;height:90px;text-align: left;text-indent: -9999px;position:absolute;top:0;left:0;}
.contact-linkedin a{background:#779bde url('../../img/vers2.0/contact/contact-linkedin.png') no-repeat scroll center center;}
.contact-facebook a{background:#768abb url('../../img/vers2.0/contact/contact-facebook.png') no-repeat scroll center center;}
.contact-google a{background:#f06e84 url('../../img/vers2.0/contact/contact-gplus.png') no-repeat scroll center center;}
.contact-twitter a{background:#73bdcf url('../../img/vers2.0/contact/contact-twitter.png') no-repeat scroll center center;}
.contact-youtube a{background:#ff706f url('../../img/vers2.0/contact/contact-youtube.png') no-repeat scroll center center;}
.contact-wordpress a{background:#437fb2 url('../../img/vers2.0/contact/contact-wordpress.png') no-repeat scroll center center;}
.contact-pinterest a{background:#f65454 url('../../img/vers2.0/contact/contact-pinterest.png') no-repeat scroll center center;}
@media screen and (max-width:1250px){
    .contact-social > div div{padding-left:19%;}
    .text2,.text2 a{font-size:17px;}
}
@media screen and (max-width:1100px){
	.about_page_cell .about_page_cell_link{ padding: 13px 10px 15px 10px !important; background:none !important;}
    .about_page_cell .page_cell_link {background:none !important;  padding: 13px 10px 15px !important;}
	.about_page_cell_link div {margin:0 auto !important;}
	.about-page-buttons{height:auto;}
    .about-page-buttons .about-page-tabs .about_page_cell {float:none !important;display:block;margin:0 auto;line-height:16px;width:auto !important;font-size:17px;height:auto !important;}
    .about-page-content .about-page-text h1{font-size:40px;}
    .text2, .text2 a {    font-size: 15px;}
}

@media screen and (max-width:900px){
    .contact-direct .textr {width:95%;}
}

@media screen and (max-width:800px){
	.risk-page-content .risk-page-head, .disclaimer-page-content .disclaimer-page-head, .terms-page-content .terms-page-head, .how-page-content .how-page-head{font-size:40px;}
	.for-contact .textr,.for-contact .textl{font-size:14px;}
	.about-page-content .about-page-text, .risk-page-content .risk-page-text, .disclaimer-page-content .disclaimer-page-text, .terms-page-content .terms-page-text, .how-page-content .how-page-text{
		padding:0;
		width:96%;
		margin:0 auto;
	}
	.about-content {    margin:0 auto;}
    .about-page-content,.about-page-content .about-page-text, .risk-page-content .risk-page-text, .disclaimer-page-content .disclaimer-page-text, .terms-page-content .terms-page-text, .how-page-content .how-page-text{
        width:92%;
        margin:0 auto;
    }
    .contact-social > div div { padding:10px 10px 10px 19%;  }
	.text2, .text2 a {    font-size: 14px;}
    .team-text p.description {font-size:12px;line-height: 1.3;}
}

@media screen and (max-width:620px){    .text2, .text2 a {        font-size: 11px;    }}
@media screen and (max-width:600px){
	.risk-page-content .risk-page-head, .disclaimer-page-content .disclaimer-page-head, .terms-page-content .terms-page-head, .how-page-content .how-page-head{
		font-size:35px;
		padding:30px 0;}
    .contact-social > div div {font-size:14px; padding:10px 10px 10px 19%;  }
    .contact-direct .grid_4 {
        width:100%;
        float:left;
        overflow:hidden;
        display: block;
        margin:15px 0;
    }
    .about-page-content .about-page-text h1{margin-bottom: 60px;}
    .contacttitle {font-size:30px;}
    .contact-direct {margin-bottom:40px;}
    .team-page-text .team-cell {width:50%;}
}

@media screen and (max-width:500px){
    .text2, .text2 a {        font-size: 14px;    }
}
@media screen and (max-width:400px){
    .terms-page-head .terms-sub-head{font-size:14px;}
    .for-contact .textr,.for-contact .textl{font-size:12px;}
    .risk-page-content .risk-page-head, .disclaimer-page-content .disclaimer-page-head, .terms-page-content .terms-page-head, .how-page-content .how-page-head{
        font-size:30px;
        padding:30px 0;}
    .how-page-content .how-page-text p,.how-page-content .how-page-text ul,.risk-page-content .risk-page-text p,.risk-page-content .risk-page-text ul{
        font-size:16px;
        line-height:30px;}

}