#page-our-company #hero {
    height: 600px;
}
#page-our-company #hero h1{
    font-size: 35px;
}
#page-our-company #hero #video {
    height: 100%;
}
#page-our-company #hero #video .mask {
    opacity: 0.7;
}
#page-our-company #hero #video .hero-pages{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover -webkit-transition: 1s opacity;
    transition: 1s opacity;
}


#page-our-company #our-story {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
    padding: 80px 0;
}

#page-our-company #our-story .wrap {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
    margin-bottom: 70px;
}

#page-our-company #our-story .col-story {
	padding: 0;
    /* display: table-cell;
    float: none;
    height: 100%; */
    position: relative;
    display: flex;
}

#page-our-company #our-story .col-story .col-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 55px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#page-our-company #our-story .col-story .col-container h2 {
	text-transform: uppercase;
}

#page-our-company #our-story .col-story-img figure {
    width: 100%;
    height: auto;
    /* position: absolute; */
    /* top: 0; */
    overflow: hidden;
}

#page-our-company #our-story .col-story-img figure img {
    width: 100%;
    height: auto;
}

#page-our-company #our-story .col-story h2 {
    color: #69cef1;
    margin-top: 0;
}

#page-our-company #our-story .col-story p {
	margin: 0;
}
@media all and (max-width:780px){
	
	#page-our-company #our-story .col-story {
		width: 100%;
	}
#page-our-company #our-story .col-story:nth-child(2) {
    padding: 0 30px;
}
	
}





#page-our-company .grey-container{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
    background: #f1f1f1;
    text-align: center;
    padding-top: 20px;
}
#page-our-company .grey-container h2{
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 5px;
}
#page-our-company .grey-container h2 span{
    font-size: 35px;
	color: #59bce8;
}
@media all and (max-width: 1050px){
	
	#page-our-company .grey-container {
    padding-bottom: 30px;
}
	
}
@media all and (max-width: 770px){
	
	#page-our-company .grey-container h2 {
    font-size: 30px;
    margin-bottom: 17px;
}
	#page-our-company .grey-container h2 span {
    font-size: 18px;
}
	
}



#page-our-company #plataform{
    padding-top: 195px;
    padding-bottom: 150px;
	background: linear-gradient(to bottom, #67ccf0 0%,#5abee9 100%);
}
#page-our-company #plataform .wrap{
    max-width: 890px;
}
#page-our-company #plataform .bg{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
}
#page-our-company #plataform h2{
	font-size: 24px;
}
#page-our-company #plataform article {
    display: block;
    text-align: center;
    padding-top: 0;
}
#page-our-company #plataform .topic {
    width: 30.333333%;
    margin: 40px 1%;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}
#page-our-company #plataform .topic .icon {
    height: 65px;
}
#page-our-company #plataform .title-container {
    height: 72px;
	position: relative;
}
#page-our-company #plataform .title-container h3{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}
#page-our-company #plataform .description-container {
    position: relative;
    height: 30px;
}
#page-our-company #plataform .description-container p{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    margin-top: 5px;
}
@media all and (max-width:1450px){
	#page-our-company #plataform {
    padding-top: 150px;
}
}
@media all and (max-width:890px){
	#page-our-company #plataform .topic {
    width: 46%;
}
}
@media all and (max-width:770px){
	
	#page-our-company #plataform {
    padding-top: 120px;
}
}
@media all and (max-width:600px){
	#page-our-company #plataform .topic {
    width: 100%;
}
	#page-our-company #plataform {
		padding-top: 100px
}
}



/*================*/
/* Ours Investors */
/*================*/

#page-our-company .clients-box{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding: 80px 0 0;
	background: #fff;
}
#page-our-company .clients-box h2{
	text-align: center;
	color: #59bce8;
	font-size: 42px;
	text-transform: uppercase;
    letter-spacing: 5px;
}
#page-our-company .clients-box h3{    
	font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
}
#page-our-company .clients-box .clients-container{
	width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
#page-our-company .clients-box .clients-container .investor-box{
	width: 22%;
    display: inline-block;
    float: none;
    margin: 15px 10px;
}
#page-our-company .clients-box .clients-container .investor-box img{
	width: 100%;
	height: auto;
}

@media all and (max-width:767px){
	
#page-our-company .clients-box .clients-container .investor-box{
    width: 35%;
}
}
@media all and (max-width:500px){
	
#page-our-company .clients-box .clients-container .investor-box{
    width: 75%;
    margin: 15px 0;
}
#page-our-company .clients-box h2{
	font-size: 30px;
}
#page-our-company .clients-box h3{    
	font-size: 13px;
}
}




#page-our-company #carrer{
	width: 100%;
	height: auto;
	background: #fff;
	float: left;
	position: relative;
    padding: 75px 0;
}
#page-our-company #carrer .col-bg{
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /* background: url(../../img/bg-carrer.jpg) top center no-repeat; */
    background-size: cover;
}
#page-our-company #carrer h2{
    color: #59bce8;
	text-transform: uppercase;
}
#page-our-company #carrer .col-1-2{
    /* padding: 0 85px 0 0; */
}
#page-our-company #carrer .col-1-2 img{
    width: 100%;
	height: auto;
}
#page-our-company #carrer p{
    margin: 35px 0;
}
#page-our-company #carrer .btn{
    background: #1f54a6;
    color: #fff;
    padding: 0 35px;
    margin-bottom: 40px;
}
#page-our-company #carrer .btn:hover{
    background: #fff;
    color: #1f54a6;
    padding: 0 35px;
}
#page-our-company #carrer h3{
    color: #59bce8;
    text-transform: uppercase;
    font-size: 24px;
    margin: 30px 0px;
}
#page-our-company #carrer .rating{
	width: 100%;
	height: auto;
	box-shadow:         1px 1px 21px 0px rgba(31, 84, 166, 0.29);
}
@media all and (max-width:770px){
	#page-our-company #carrer .col-1-2 {
    width: 100%;
}
	#page-our-company #carrer .col-bg {
    display: none;
}
}
@media all and (max-width:600px){
	#page-our-company #carrer .col-1-2 {
    padding: 0 10px;
}
}


/*================*/
/*      Press     */
/*================*/

#page-our-company .press{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	padding: 80px 0;
	background: #f9f9f9;
}
#page-our-company .press h2 {
    color: #59bce8;
	text-align: center;
    text-transform: uppercase;
    padding-bottom: 45px;
}
#page-our-company .press .press-box{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
#page-our-company .press .press-box .post-container{
	width: 50%;
	float: left;
	margin: 30px 0;
	padding: 0 25px 0 25px;
	border-bottom: 1px solid #e1e1e1;
}
#page-our-company .press .press-box .post-container:nth-child(3),
#page-our-company .press .press-box .post-container:nth-child(4){
	border: 0;
}
#page-our-company .press .press-box .post-container .header-press{
	width: 100%;
	height: 140px;
	padding: 10px 0;
    color: #000;
}
#page-our-company .press .press-box .post-container .header-press a{
	font-size: 14px;
	margin: 0;
	color: #000;
}
#page-our-company .press .press-box .post-container .header-press p{
	font-size: 14px;
	margin: 0;
}
/* #page-press .press .press-box .post-container .header-press ul{
    display: inline-block;
}
#page-press .press .press-box .post-container .header-press ul li{
	
}
#page-press .press .press-box .post-container .header-press ul li a{
    color: #000;
    pointer-events: none;
} */
#page-our-company .press .press-box .post-container .header-press h3{
	font-size: 26px;
	margin-top: 0;
}
#page-our-company .press .press-box .post-container .press-content{    
	width: 100%;
    height: 150px;
    padding: 5px 0 20px;
}
#page-our-company .press .press-box .post-container .press-content p{
	font-size: 18px;
}
#page-our-company .press .btn{
    background: #1f54a6;
    color: #fff;
    display: table;
    margin: 0 auto;
    clear: both;
}
#page-our-company .press .btn:hover{
    background: #fff;
	color: #1f54a6;
}

@media all and (max-width: 1020px){
	#page-our-company .press .press-box .post-container .header-press {
    height: 125px;
}
	#page-our-company .press .press-box .post-container .header-press h3 {
    font-size: 22px;
}
	#page-our-company .press .press-box .post-container .press-content {
    height: 180px;
}
	#page-our-company .press .press-box .post-container .press-content p {
    font-size: 15px;
}
}

@media all and (max-width: 600px){
	#page-our-company .press .press-box .post-container {
    width: 100%;
}
#page-our-company .press .press-box .post-container:nth-child(3),
#page-our-company .press .press-box .post-container:nth-child(4){
	border-bottom: 1px solid #e1e1e1;
}
	#page-our-company .press .press-box .post-container:last-child {
    border: 0;
}
}
