@charset "UTF-8";
/* CSS Document */
/*@import url(//images.googleapis.com/css?family=Handlee|Open+Sans:400,300,600,700,800|Open+Sans+Condensed:300);*/
html {
    scroll-behavior: smooth;
  }
body {
	margin: 0;
	background-color: #fff;
}
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	text-align: center
}
/**Fonts**/
.gplus, .support, a.slidercall, .backtop, a.advantages-button {
	font-family: 'bebas_neuebold', sans-serif;
}
.step1 a, .step2 a, .step3 a, .headbox, .homebox {
	font-family: 'bebas_neue_regular', sans-serif;
}
#promo-sec, #payouts-sec, #tournaments-sec, #features-sec, footer, .step3 a.more, #advantages-sec, #schedule {
	font-family: 'Open Sans', sans-serif;
}
#headerbg, #promo-details h2, #schedule h2, #main-events h2, a.sched-button, a.sched-button-small {
	font-family: 'Eurostile Becker Black Extended', sans-serif;
}
#headerbg h3, #main-events h3, #schedule h3 {
	font-family: 'Eurostile Bold', sans-serif;
}
#promo-details p {
	font-family: 'Eurostile Regular', sans-serif;
}
a.learnmore:link {
    display: block;
    width: 125px;
    height: 67px;
    background-image: url(../images/acreu_main_learnmore_arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 40px;
    float: right;
    color: #ffffff;
    font-family: 'Handlee', cursive;
    font-size: 22px;
    line-height: 20px;
    text-align: right;
    padding-right: 60px;
    text-decoration: none;
}
/**Top**/
#top {
	background-color: #1d1d1d;
	height: auto;
	min-height: 89px;
}


.gplus, .support {
	margin-top: 30px;
	display: block;
}
.gplus, .support, .fb:visited, .gplus:visited, .support:visited {
	color: #818688;
	text-decoration: none;
	font-size: 18px;
	height: 34px;
	background-image: url(../images/acreu_main_icons_new.png);
	background-repeat: no-repeat;
	padding-left: 38px;
	pointer-events: none;
    cursor: default;
}
.gplus:hover, .support:hover {
	color: #818688;
	text-decoration: none;
}
.gplus {
	background-position: 0 -34px
}
.support {
	background-position: 0 -68px
}

.gplus span, .support span {
	font-size: 22px;
	color: #bbbbbb
}

.imgLogo{
	margin-top: 10px;
	width: 194px;
}

/*** end top  ***/
/***Main Header (Promo)***/
#headerbg {
min-height: 598px;
}

.sec1 {
    background: url(../images/1843x598_Landing_Header_WB.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 598px;
}
.sec2 {
    background: url(../images/768x459_Landing_Header_WB-Tablet.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 598px;
}
.sec3 {
    background: url(../images/600x545_Landing_Header_WB-Mobile.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 598px;
}
span.th-text {
    font-size: 22px;
}




.red-text {
	color: #ff0000;
}
#headboxes {
	margin: 25px auto 0 auto;
	width: 584px;
}
.headbox, .homebox a {
	display: table;
	border-radius: 5px;
	border: 2px solid #525955;
	text-shadow: 0px 0px 6px #000;
	text-align: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding: 8px 30px;
	float: left;
	margin-right: 4px;
}
.headbox {
	color: #ded2bf;
	background-image: url(../images/acreu_main_us_flag.png), url(../images/acreu_main_trustbox_bg.png);
	background-repeat: no-repeat, repeat;
	background-position: 29px center;
	padding-left: 110px;
	margin-right: 4px;
}
.homebox a {
	color: #FFF;
	background-image: url(../images/acreu_mainb_homebox_bg.png), url(../images/acreu_main_trustbox_bg.png);
	background-repeat: no-repeat, repeat;
	background-position: 17px center;
	padding-left: 83px;
	text-decoration: none;
}

@media screen and (min-width: 1330px) {
#headerbg {
	min-height: 598px;
}
}

@media screen and (max-width: 1330px) {
#headerbg {
	min-height: 510px;
}
}

@media screen and (max-width: 1200px) {
#headerbg {
	min-height: 480
}

}

@media screen and (max-width: 992px) {
#headerbg {
	min-height: 480px;
}

}

@media screen and (max-width: 768px) {
#headerbg {
	min-height: 480px;
}

span.ft-text {
font-size: 40px;
}

.maintext {
	width: 320px;
}
span.th-text{
	font-size:15px;
}

}
/**end Main Header**/
/**Main Events**/
#main-events {
	padding-top: 85px;
		padding-bottom: 85px;
	-moz-osx-font-smoothing: grayscale;
}
#main-events h2 {
	color: #ffffff;
	font-size: 37px;
	margin-bottom: 75px;
}
#main-events h3 {
	display: table;
	color: #ffffff;
	font-size: 20px;
	background-image: url(../images/acreu_oss3_cubes_schedbg.jpg);
	background-size: 100% 100%;
	margin: 0 auto 0 auto;
	padding: 20px 30px;
	line-height: 1.4em;
}
#main-events .yellow-text {
	color: #fddd00;
}
#main-events .grey-text {
	color: #c0c0c0;
}
#main-events a {
	text-decoration: none;
}
a.sched-button {
	display: table;
	margin: 115px auto 90px auto;
	color: #ffffff;
	font-size: 37px;
	background-color: #282526;
	padding: 10px 45px;
	border-radius: 10px;
	border: 2px solid #494645;
}
a.sched-button:hover {
	background-color: #636262;
}
a.sched-button-small {
	display: table;
	margin: -14px auto 0 auto;
	color: #313131;
	font-size: 16px;
	background-color: #BFBEBE;
	padding: 10px 25px;
	border: 2px solid #424242;
	border-radius: 10px;
}
a.sched-button-small:hover {
	background-color: #636262;
	color: #ffffff;
}

@media screen and (max-width: 1200px) {
#main-events h2, a.sched-button {
	font-size: 28px;
	margin-bottom: 60px;
}
.osslogos {
	width: 170px;
	margin: 0 auto;
}
#main-events h3 {
	font-size: 16px;
}
a.sched-button {
	margin: 85px auto 70px auto;
}
a.sched-button-small {
	font-size: 14px;
	padding: 8px 20px;
}
}

@media screen and (max-width: 992px) {
#main-events h2, a.sched-button {
	font-size: 24px;
	margin-bottom: 60px;
}
.osslogos {
	width: 140px;
}
#main-events h3 {
	font-size: 13px;
	padding: 15px;
}
a.sched-button {
	font-size: 26px;
	margin: 35px auto 75px auto;
}
a.sched-button-small {
	font-size: 12px;
	padding: 8px 20px;
	margin: -10px auto 0 auto;
}
}

@media screen and (max-width: 768px) {
#main-events {
	padding-top: 45px;
	padding-bottom: 45px;
}
#main-events h2 {
	font-size: 24px;
	margin-bottom: 50px;
}
a.sched-button {
	font-size: 20px;
	padding: 10px 35px;
}
a.sched-button-small {
	font-size: 12px;
	padding: 8px 20px;
	margin: -10px auto 40px auto;
}
}
/**end Main Events**/
/**Promo Details**/
#promo-details {
	min-height: 500px;
	padding-top: 85px;
	background-image: url(../images/acreu_mainb_striped_bg.png);
	-moz-osx-font-smoothing: grayscale;
}
#promo-details h2 {
	color: #f7b71b;
	font-size: 37px;
	margin-bottom: 30px;
}
#promo-details p {
	font-size: 26px;
	color: #ffffff;
	margin-bottom: 50px;
}
#promo-details .yellow-text {
	color: #f7b71b;
}

@media screen and (max-width: 1200px) {
#promo-details h2 {
	font-size: 28px;
}
#promo-details p {
	font-size: 22px;
	margin-bottom: 40px;
}
}

@media screen and (max-width: 992px) {
#promo-details h2 {
	font-size: 24px;
}
#promo-details p {
	font-size: 20px;
	margin-bottom: 30px;
}
}

@media screen and (max-width: 768px) {
#promo-details p {
	font-size: 16px;
	margin-bottom: 30px;
}
}
/**end Promo Details**/

/**Full Schedule**/
#schedule {
	padding: 50px 0 50px 0;
}
#schedule h2 {
	font-size: 37px;
	color: #f7b71b;
	margin: 20px 0 30px 0;
	line-height: 1.5em;
	-moz-osx-font-smoothing: grayscale;
}
#schedule h3 {
	color: #F7D11A;
	font-size: 22px;
	margin-bottom: 20px;
}
#schedule img {
	margin-top: 20px;
}
#schedule p {
	color: #c5c5c5;
	font-size: 14px;
	font-weight: 400;
	padding: 0 10%;
	margin-bottom: 40px;
}
#full-schedule .table tbody td {
	color: #949a9c;
	font-weight: 400;
}
#full-schedule .table thead td {
	color: #e8e8e8;
	font-weight: 600;
}
#full-schedule .table-striped tbody tr:nth-of-type(odd) {
	background-color: #222222
}

@media screen and (max-width: 1200px) {
#schedule h2 {
	font-size: 28px;
	margin: 0px 0 30px 0;
}
#schedule p {
	font-size: 12px;
	padding: 0 5%;
	margin-bottom: 30px;
}
#schedule td {
	font-size: 12px;
}
}

@media screen and (max-width: 992px) {
#schedule h2 {
	font-size: 24px;
}
}

@media screen and (max-width: 768px) {
#schedule {
	padding-left: 5%;
	padding-right: 5%;
}
}
/**end Full Schedule**/

/**Actionbar**/
.divider-border {
	height: 13px;
	background-color: #1b1b1b;
	background-image: url(../images/acreu_mainb_divider.jpg), url(../images/acreu_mainb_divider_bg.jpg);
	background-position: center;
	background-repeat: no-repeat, repeat-x;
}
#actionbar, #actionbar-sm {
	z-index: 99000;
}
#actionbar {
	height: 143px;
	background-color: #191919;
}
#actionbar-sm {
	height: 70px;
}
.call-to-action {
	background-color: #030304;
	background-image: url(../images/acreu_mainb_actionbar_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.step1, .step2, .step3 {
	background-image: url(../images/acreu_mainb_stepsbg.png);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	height: 117px;
}
.step1 a, .step2 a, .step3 a {
	color: #caced3;
	font-size: 22px;
	display: block;
	background-image: url(../images/acreu_main_icons_new.png);
	background-repeat: no-repeat;
	font-weight: normal;
	letter-spacing: 0.5px;
}
.step4 a {
    color: #caced3;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.5px;
}
.step4 a:visited {
    color: #caced3;
    text-decoration: none;
}
.step1 a:hover, .step2 a:hover, .step3 a:hover {
	color: #fff;
	text-decoration: none
}
.step1 a:visited, .step2 a:visited, .step3 a:visited {
	color: #caced3;
	text-decoration: none
}
.step1 a {
	background-position: 0 -102px;
	height: 59px;
	padding: 5px 0 0 86px;
	margin-top: 25px;
	line-height: 25px;
	width: 225px;
	display: block;
	float: right;
	margin-right: 52px;
}
.step2 a {
	background-position: 0 -161px;
	height: 72px;
	padding: 12px 0 0 96px;
	margin-top: 18px;
	margin-left: 20px;
	line-height: 25px;
	width: 200px;
	display: block;
	float: right;
	margin-right: 52px;
}
.step3 a {
	background-position: 0 -233px;
	height: 72px;
	padding: 6px 0 0 75px;
	margin-top: 18px;
	line-height: 23px;
	width: 220px;
	display: block;
	float: right;
	margin-right: 52px;
}
.step3 a.more {
	background: url(../images/acreu_main_red_arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: -15px;
	width: 96px;
	padding: 4px 0 0 10px;
	margin-right: 86px;
	font-weight: 600;
}
.wbonus {
	font-size: 30px;
	color: #fff;
}
.downloadbutton {
	display: block;
	max-height: 118px;
	max-width: 375px;
	margin: 15px auto;
}
.downloadbutton-sm {
	display: block;
	max-width: 200px;
	margin: 4px auto 8px auto;
}
.buttonsignupNow {
    background-color: #BD1515;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
     border: none;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    font-size: 38px;
    color: #ffffff;
    font-weight: 400;
    margin: 20px auto 0 auto;
    text-shadow: 0px 0px 10px #000;
}

@media screen and (max-width: 1200px) {
.step1 a, .step2 a, .step3 a {
	font-size: 18px;/*margin-left: 0px;*/
}
.step3 a.more {
	margin-right: 60px;
	font-size: 12px;
	width: 86px;
}
.step1 a {
	margin-right: 20px;
}
.step2 a {
	padding-left: 90px;
	margin-right: 10px;
}
.step3 a {
	padding-left: 66px;
	margin-right: 0px;
}
.wbonus {
	font-size: 22px;
}
}

@media screen and (max-width: 768px) {
.downloadbutton {
	width: 240px;
}
}
/***end Actiobar***/

/**Advantages Section**/
#advantages-sec {
	background-color: #191919;
	/*background-image: url(../images/acreu_mainb_advantages_shadow.jpg), url(../images/acreu_mainb_advantages_bg.jpg);*/
	background-repeat: repeat-x, repeat;
}
#advantages-sec hr {
	border-color: #3d3d3d;
	margin: 40px auto;
	width: 90%;
}
#advantages-sec h2 {
	font-size: 36px;
	color: #a5abb1;
	font-weight: 600;
	margin: 55px 0 30px 0;
	line-height: 1.5em
}
#advantages-sec h2 span {
	color: #ffffff;
}
a.advantages-button {
	height: 67px;
	width: 429px;
	padding-left: 40px;
	padding-right: 40px;
	display: block;
	/*background-image: url(../images/acreu_main_big_buttonbg.png);*/
	border: none;
	text-decoration: none;
	text-align: center;
	line-height: 68px;
	font-size: 38px;
	color: #ffffff;
	font-weight: 400;
	margin: 20px auto 0 auto;
	text-shadow: 0px 0px 10px #000;
}

@media screen and (max-width: 1199px) {
#advantages-sec h2 {
	font-size: 32px;
}
}

@media screen and (max-width: 992px) {
#advantages-sec h2 {
	font-size: 26px;
}
}

@media screen and (max-width: 768px) {
a.advantages-button {
	height: 44px;
	width: 260px;
	background-size: 100% 100%;
	line-height: 44px;
	font-size: 24px;
	padding: 0 20px;
}
#advantages-sec h2 {
	font-size: 22px;
}
}
/***ICONS ANIMATION***/
.advantage_definition {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
}

.advantage_definition:hover .svg-fill {
    fill: #d0d0d0;
}

.advantage_definition:hover .advantage_title {
    color: #1d1d1b;
}

.advantage_definition:hover .advantage_title:after {
    height: 40px;
}

.advantage_circle {
    position: relative;
    margin: 0 auto;
    height: 124px;
    width: 124px;
}

.advantage_circle:before {
    position: absolute;
    content: '';
    display: block;
    vertical-align: top;
    margin-right: 10px;
    margin: 0 auto;
    height: 124px;
    width: 124px;
    background: url('../images/scope_radial_border_acr.png') no-repeat center center;
    z-index: 1;
}

.advantage_definition:hover .advantage_circle_over{
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0) inset,0 0 0 62px rgba(255, 255, 255, 0) inset,0 0 0 62px rgba(255, 255, 255, 0) inset;
}
.advantage_circle_over{
    position: absolute;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    height: 124px;
    width: 124px;
    border-radius: 112px;
    -webkit-box-shadow: 0 0 0 2px #d0d0d0 inset,0 0 0 3px #d0d0d0 inset,0 0 0 62px #313131 inset;
            box-shadow: 0 0 0 2px #d0d0d0 inset,0 0 0 3px #d0d0d0 inset,0 0 0 62px #313131 inset;
    -webkit-transition: all 0.35s;
            transition: all 0.35s;
    z-index: 2;
}

.advantage_icon_01 {
    padding-top: 20px;
}
.advantage_icon_02 {
    padding-top: 26px;
}
.advantage_icon_03 {
    padding-top: 20px;
}
.advantage_icon_04 {
    padding-top: 25px;
}
.advantage_svg_01 {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 80px;
}
.advantage_svg_02 {
    display: block;
    margin: 0 auto;
    width: 67px;
    height: 80px;
}
.advantage_svg_03 {
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 83px;
}
.advantage_svg_04 {
    display: block;
    margin: 0 auto;
    width: 77px;
    height: 98px;
}

.svg-fill {
    fill: #d0d0d0;
}

.advantage_title {
    display: block;
    position: relative;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'bebas_neuebold', sans-serif;
    text-transform: uppercase;
	color:#d0d0d0;
    font-weight: normal;
    font-size: 1.13em;
    -webkit-transition: all 0.25s;
            transition: all 0.25s;
}

.advantage_title_text {
    display: block;
    position: relative;
    z-index: 2;
}

.advantage_title:after {
    content: '';
    display: block;
    bottom: 2px;
    position: absolute;
    background-color: #d0d0d0;
    height: 1px;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 0.15s;
            transition: all 0.15s;
}

.advantage_description {
    display: block;
    padding-top: 10px;
	color: #8f8e8e;
	font-size: 14px;
	font-weight: 300;
	/*text-align: center;*/
	font-family: 'Open Sans', sans-serif;
	/*margin-bottom: 20px;*/
}
.advantage_definition:hover .advantage_circle:before {
    -webkit-animation:spin 1s linear infinite;
       -moz-animation:spin 1s linear infinite;
            animation:spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg); transform:rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg); transform:rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg); transform:rotate(360deg);
    }
}
@media screen and (max-width: 992px) {
.advantage_definition {
    display: inline-block;
    position: relative;
    width: 83%;
    padding-left: 160px;
    vertical-align: top;
}
}

@media screen and (max-width: 700px) {
.advantage_definition {
    display: inline-block;
    position: relative;
    width: 90%;
    padding-left:120px;
    vertical-align: top;
}
}

@media screen and (max-width: 500px) {
.advantage_definition {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left:0px;
    vertical-align: top;
}
}
/***ICONS ANIMATION***/
/**end Advantages**/

/**Promo Section**/
#promo-sec {
    background-color: #181a29;
    background-image: url(../images/bg-welcome_package_acr_1.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
/**end Promo Section**/


/**Tournaments Section**/
#tournaments-sec {
	background-color: #000000;
	background-image: url(../images/acreu_main_tournamentsbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 1px;
	padding-bottom: 10px;
}
#tournaments-sec h2 {
	font-size: 36px;
	color: #a5abb1;
	font-weight: 700;
	margin: 70px 0 30px 0;
	line-height: 1.5em
}
#tournaments-sec p {
	color: #c5c5c5;
	font-size: 18px;
	font-weight: 400;
	padding-left: 14%;
	padding-right: 14%;
}
.whiteword {
	color: #ffffff;
	background-image: url(../images/acreu_main_red_underline.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-bottom: 15px;
	background-position: 0 bottom
}
#tslider .item {
	margin: 22px;
}
#tslider .item img {
	display: block;
	width: 100%;
	height: auto;
}
#tournaments-slider {
	margin: 55px auto 10px auto;
	height: auto;
	width: 75%;
}
#tournaments-sec a.slidercall {
	color: #ffffff;
	font-size: 36px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	display: table;
	text-shadow: 0px 0px 6px #000, 0px 0px 6px #000
}
#tournaments-sec a.slidercall:hover {
	color: #e01e26;
}

@media screen and (max-width: 1200px) {
#tournaments-slider {
	width: 90%;
}
}

@media screen and (max-width: 992px) {
#tournaments-slider {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
#tournaments-slider {
	width: 90%;
}
#tournaments-sec h2 {
	font-size: 26px;
}
#tournaments-sec p {
	font-size: 14px;
}
.whiteword {
	padding-bottom: 10px;
}
}
/**end Tournaments Section**/

/**Features Section**/
#features-sec {
	background-color: #828489;
	padding-top: 138px;
	padding-bottom: 120px;
	background-image: url(../images/acreu_mainb_features_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#features-sec h2 {
	color: #292e33;
	font-size: 60px;
	font-weight: 800;
}
#features-sec p {
	color: #000;
	font-size: 16px;
	padding-left: 10%;
	padding-right: 10%;
	font-weight: 400;
}
a.featurescall {
	color: #292e33;
	font-size: 20px;
	font-weight: 800;
}
a.featurescall:hover {
	color: #fff;
}
#icon-hands, #icon-encryption, #icon-players {
	background-image: url(../images/acreu_main_icons_new.png);
	display: block;
	margin-left: auto;
	margin-right: auto
}
#icon-hands {
	width: 162px;
	height: 152px;
	background-position: 0 -309px;
}
#icon-encryption {
	width: 110px;
	height: 152px;
	background-position: 0 -459px;
}
#icon-players {
	width: 145px;
	height: 152px;
	background-position: 0 -611px;
}
table{ 
	width: 100%;
	color: #fff;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #424242; 
}
 .table>thead>tr{
    /* Todas las filas blancas */
    background-color: #c59028;
  }
  .table>tbody>tr{
    /* Filas impares grises */
    background-color: #424242;
  }
  .table>tbody>tr:nth-child(2n+1){
    /* Filas impares grises */
    background-color: #242222;
  }
.tablecontent table tr{
	border-bottom: 1px solid #474748;
}
.tablecontent thead td, .tablecontent tbody td{
	padding: 14px 5px;
    text-align: center;
}
.tablecontent tbody td{
	color: #88898a;
	font-size: 17px;
}
.tablecontent tbody td.highlight {
    color: #fda729;
}
.tablecontent thead td{
	color: #f7b71b;
    font-size: 18px;
    font-family: 'Eurostile Becker Black Extended', sans-serif;
}

.modal-content {
    text-align: center;
    padding: 20px;
}
/* Estilo para el logo */
.modal-logo img {
    max-width: 150px;
    margin-bottom: 20px;
}
/* Estilo para los botones */
.btn-chip {
    margin: 10px;
    padding: 15px 20px;
    font-size: 16px;
}
.btn-chip-common {
    font-size: 12px;
    color: #888;
}
/* Estilo para la sección informativa */
.info-section {
    margin-top: 20px;
    text-align: left;
    background-color: #f7f9fc;
    padding: 15px;
    border-radius: 5px;
    color: #333;
}
.info-section h4 {
    font-size: 16px;
}
.h3, h3 {
    font-size: 22px;
}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
.row.info {
    margin-top: 28px;
}


@media screen and (max-width: 768px) {
#features-sec h2 {
	font-size: 40px;
}
#features-sec {
	padding-top: 68px;
	padding-bottom: 60px;
}
#features-sec p {
	font-size: 13px;
}
a.featurescall {
	display: block;
	font-size: 16px;
	padding-bottom: 20px;
}
}
/**end Features Section**/

/**Footer**/
footer {
	background-color: #000000;
	padding-top: 1px;
	padding-bottom: 35px;
}
footer p {
	color: #f7f7f7;
	font-size: 16px;
	padding-top: 30px;
}
a.backtop:link {
	display: block;
	width: 127px;
	height: 85px;
	background-image: url(../images/acreu_main_icons_new.png);
	background-repeat: no-repeat;
	background-position: 0 -764px;
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	padding-top: 42px;
}
#copyright {
	position: relative;
	padding-left: 5%;
	padding-right: 5%
}
#toplink {
	width: 127px;
	height: 85px;
	position: absolute;
	right: 0;
    top:30px;
}
#toplink-xs {
	width: 127px;
	height: 85px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width: 768px) {
footer p {
	font-size: 12px;
	padding-bottom: 20px;
}
#copyright {
	padding-right: 5%
}
}

/**end Footer**/


/***Custom Bootstrap Styles***/
@media (min-width:1200px) {
.container {
	width: 1200px !important
}
.container {
	padding-left: 5px;
	padding-right: 5px;
}
.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
}
}
/***Custom SoundCloud Styles***/
.miniSound__logo {
	  margin-top: -25px;
    display: none !important;
}
.title.sc-truncate {
    display: none !important;
}
.logo__path {
    fill: #000 !important;
}
/**FONTS**/
@font-face {
	font-family: 'bebas_neuebold';
	src: url('../fonts/acreu_bebasneue_bold_webfont.woff2') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bebas_neue_regular';
	src:   url('../fonts/acreu_bebasneue_regular_webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
 unicode-range: U+0020-2248;
}
/*@font-face {
	font-family: 'Eurostile Becker Black Extended';
	src: url('/wp-content/themes/landing/fonts/acreu_eurostilebeckerblackext_webfont.eot');
	src: url('/wp-content/themes/landing/fonts/acreu_eurostilebeckerblackext_webfont.eot#iefix') format('embedded-opentype'),  
		 url('../fonts/acreu_eurostilebeckerblackext_webfont.woff') format('woff'); 
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
 unicode-range: U+0020-02DC;
}
@font-face {
	font-family: 'Eurostile Bold';
	src: url('/wp-content/themes/landing/fonts/acreu_eurostile_bold_webfont.eot');
	src: url('/wp-content/themes/landing/fonts/acreu_eurostile_bold_webfont.eot#iefix') format('embedded-opentype'),  
		 url('../fonts/acreu_eurostile_bold_webfont.woff') format('woff'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_bold_webfont.ttf') format('truetype'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_bold_webfont.otf') format('opentype'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_bold_webfont.svg#Eurostile Bold') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
 unicode-range: U+0020-02DC;
}
@font-face {
	font-family: 'Eurostile Regular';
	src: url('/wp-content/themes/landing/fonts/acreu_eurostile_regular_webfont.eot');
	src: url('/wp-content/themes/landing/fonts/acreu_eurostile_regular_webfont.eot#iefix') format('embedded-opentype'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_regular_webfont.woff') format('woff'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_regular_webfont.ttf') format('truetype'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_regular_webfont.otf') format('opentype'),  
		 url('/wp-content/themes/landing/fonts/acreu_eurostile_regular_webfont.svg#Eurostile Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
 unicode-range: U+0020-02DC;
}*/

/**FONTS**/

.textMain h1 {
    font-style: italic;
    padding-top: 46px;
    text-align: center;
    text-transform: uppercase;
    color: #b71e1e;
    font-size: 104px;
    line-height: 54px;
    letter-spacing: 12px
}

 .textMain h3,
 .textMain span.textOne {
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    color: #ccc
}

 .textMain span.textOne {
    padding-bottom: 1px;
    font-size: 75px;
    letter-spacing: 4px
}

 .textMain h2 {
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
    color: #b71e1e;
    letter-spacing: 10px
}

 .textMain h3 {
    font-size: 35px;
    font-weight: lighter;
    line-height: 29px;
    letter-spacing: 14px
}

.textMain h4,
.textMain h5 {
    letter-spacing: 3px;
    font-size: 33px;
    color: #ccc;
    font-style: italic;
    font-weight: lighter;
    text-align: center;
    text-transform: uppercase
}

 .textMain h4 {
    line-height: 48px;
    margin-top: 12px
}

 .textMain h5 {
    line-height: 29px
}

 .textMain h6 {
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    font-size: 33px;
    color: #ccc;
    font-weight: lighter;
    line-height: 27px;
    letter-spacing: .5px
}

 .textMain .textChange {
    text-align: center;
    color: #fbfbfb;
    font-family: impact;
    font-size: 31px;
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
    -webkit-text-fill-color: #fbfbfb;
    -webkit-text-stroke: 2px #646464
}

 .textMain span.red {
    font-style: italic;
    text-transform: uppercase;
    font-size: 2.5vw;
    color: #b71e1e;
    font-weight: lighter;
    letter-spacing: 5px
}

@media screen and (min-width:1260px) {
    .textMain h1 {
        padding-top: 115px;
        font-size: 104px;
        line-height: 54px;
        letter-spacing: 12px
    }
     .textMain span.textOne {
        padding-bottom: 1px;
        font-size: 75px;
        letter-spacing: 4px
    }
    .textMain h2 {
        font-size: 60px;
        letter-spacing: 10px
    }
    .textMain h3 {
        font-size: 35px;
        line-height: 29px;
        letter-spacing: 14px
    }
   .textMain h4 {
        font-size: 33px;
        line-height: 48px;
        margin-top: 12px;
        letter-spacing: 3px
    }
    .textMain h5 {
        font-size: 33px;
        line-height: 29px;
        letter-spacing: 3px
    }
    .textMain h6 {
        font-size: 33px;
        line-height: 27px;
        letter-spacing: .5px
    }
    .textMain .textChange {
        font-size: 31px
    }
     .textMain span.red {
        font-size: 52px;
        letter-spacing: 5px
    }
    #headerbg-sec2,
    #headerbg-sec22 {
        min-height: 529px
    }
}

@media screen and (max-width:1260px) {
     .textMain h1 {
        padding-top: 115px;
        font-size: 104px;
        line-height: 54px;
        letter-spacing: 12px
    }
     .textMain span.textOne {
        padding-bottom: 1px;
        font-size: 75px;
        letter-spacing: 4px
    }
    .textMain h2 {
        font-size: 60px;
        letter-spacing: 10px
    }
    .textMain h3 {
        font-size: 35px;
        line-height: 29px;
        letter-spacing: 14px
    }
     .textMain h4 {
        font-size: 33px;
        line-height: 48px;
        margin-top: 12px;
        letter-spacing: 3px
    }
     .textMain h5 {
        font-size: 33px;
        line-height: 29px;
        letter-spacing: 3px
    }
   .textMain h6 {
        font-size: 33px;
        line-height: 27px;
        letter-spacing: .5px
    }
     .textMain .textChange {
        font-size: 31px
    }
    .textMain span.red {
        font-size: 52px;
        letter-spacing: 5px
    }
    #headerbg-sec2,
    #headerbg-sec22 {
        min-height: 529px
    }
}

@media screen and (max-width:1200px) {
     .textMain h1 {
        padding-top: 102px;
        font-size: 104px;
        line-height: 54px;
        letter-spacing: 12px
    }
     .textMain span.textOne {
        padding-bottom: 1px;
        font-size: 75px;
        letter-spacing: 4px
    }
     .textMain h2 {
        font-size: 60px;
        letter-spacing: 10px
    }
   .textMain h3 {
        font-size: 35px;
        line-height: 29px;
        letter-spacing: 14px
    }
     .textMain h4 {
        font-size: 33px;
        line-height: 48px;
        margin-top: 12px;
        letter-spacing: 3px
    }
     .textMain h5 {
        font-size: 33px;
        line-height: 29px;
        letter-spacing: 3px
    }
    .textMain h6 {
        font-size: 33px;
        line-height: 27px;
        letter-spacing: .5px
    }
    .textMain .textChange {
        font-size: 31px
    }
     .textMain span.red {
        font-size: 52px;
        letter-spacing: 5px
    }
}

@media screen and (max-width:990px) {
     .textMain h1 {
        margin-left: 336px;
        font-size: 83px;
        line-height: 54px;
        letter-spacing: -1px
    }
     .textMain span.textOne {
        padding-bottom: 1px;
        font-size: 62px;
        letter-spacing: 4px;
        margin-right: 4px
    }
     .textMain h2 {
        font-size: 46px;
        letter-spacing: 4px;
        margin-left: 317px
    }
     .textMain h3 {
        font-size: 26px;
        line-height: 29px;
        letter-spacing: 8px;
        margin-left: 322px;
        margin-bottom: 14px
    }
     .textMain h4 {
        font-size: 25px;
        line-height: 10px;
        margin-top: -3px;
        letter-spacing: 0;
        margin-left: 304px
    }
   .textMain h5 {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0;
        margin-left: 301px
    }
     .textMain h6 {
        font-size: 26px;
        line-height: 23px;
        letter-spacing: 0;
        margin-left: 294px;
        margin-top: -13px;
        padding-bottom: 80px
    }
    .textMain .textChange {
        font-size: 31px
    }
    .textMain span.red {
        font-size: 52px;
        letter-spacing: 5px
    }
}

@media screen and (max-width:768px) {
   .textMain h1 {
        padding-top: 0;
        font-size: 43px;
        line-height: 46px;
        letter-spacing: 4px;
        margin-left: 0
    }
    .textMain span.textOne {
        padding-bottom: 0;
        font-size: 32px
    }
     .textMain h2 {
        font-size: 27px;
        letter-spacing: 4px;
        line-height: 0;
        margin-left: 0
    }
    .textMain h3 {
        font-size: 18px;
        line-height: 45px;
        letter-spacing: 5px;
        margin-left: 0
    }
     .textMain h4 {
        font-size: 20px;
        line-height: 43px;
        margin-top: -14px;
        letter-spacing: 0;
        margin-left: 0
    }
     .textMain h5 {
        font-size: 20px;
        letter-spacing: 0;
        margin-top: -20px;
        margin-left: -8px
    }
    .textMain h6 {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0;
        margin-left: -18px
    }
     .textMain .textChange {
        font-size: 21px
    }
   .textMain span.red {
        font-size: 35px;
        letter-spacing: 5px
    }
}

@media screen and (max-width:480px) {
     .textMain h1 {
        padding-top: 0;
        font-size: 43px;
        line-height: 46px;
        letter-spacing: 4px;
        margin-left: 0
    }
    .textMain span.textOne {
        padding-bottom: 0;
        font-size: 32px
    }
     .textMain h2 {
        font-size: 27px;
        letter-spacing: 4px;
        line-height: 0;
        margin-left: 0
    }
   .textMain h3 {
        font-size: 18px;
        line-height: 45px;
        letter-spacing: 5px
    }
    .textMain h4 {
        font-size: 20px;
        line-height: 43px;
        margin-top: -10px;
        letter-spacing: 0;
        margin-left: 0
    }
     .textMain h5 {
        font-size: 20px;
        line-height: 29px;
        margin-top: -20px;
        letter-spacing: 0;
        margin-left: -8px
    }
    .textMain h6 {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0;
        margin-left: -13px
    }
    .textMain .textChange {
        font-size: 21px
    }
   .textMain span.red {
        font-size: 35px;
        letter-spacing: 5px
    }
}
.vc_row:after,
.vc_row:before {
    content: " ";
    display: table
}

.vc_row:after {
    clear: both
}

@media (max-width:767px) {
    .vc_hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .vc_hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .vc_hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .vc_hidden-lg {
        display: none !important
    }
}

a {
    color: #fff;
    text-decoration: none;
}
a:focus, a:hover {
    color: #fff;
    text-decoration: none;
}