/* Move down content because we have a fixed navbar that is 3.5rem tall */

@font-face {
    font-family: OpenSans-Bold;
    src: url("fonts/OpenSansCondensed-Bold.ttf");
}

@font-face {
    font-family: OpenSans-Light;
    src: url("fonts/OpenSansCondensed-Light.ttf");
}

.OpenBold {
    font-family: OpenSans-Bold;
    color: #ce9e41;
}

.OpenLight {
    font-family: OpenSans-Light;
    font-size: 30px;
    color: #2362c3;
}

.OpenBoldTwo {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #2362c3;
    text-transform: uppercase;
}


/*******************************************************************************/

body {
    padding: 0;
    background-image: url(../imgs/bg-index.jpg);
    background-size: cover;
    margin: 0;
}

@media (min-width:320px) and (max-width:480px) {
    .ImgTr img {
        width: 100%;
    }
    /* Set a base */
    .logo {
        background-image: url(../imgs/logo-index.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        height: 99px;
        margin-top: 20%;
    }
    .p-5 {
        padding: 0;
    }
    .TabTwo {
        display: none;
    }
    .TabTwo col-md-4 {
        float: left;
        width: 20
    }
    .idiomIndex {
        background-image: url(../imgs/bg-index.png);
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        padding: 20px 0 40px 0;
        border-radius: 10px;
    }
    .whiteTop {
        color: #fff;
        font-family: OpenSans-Bold;
        letter-spacing: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 197px;
        margin: 0 auto;
    }
    .Tab a {
        color: #fff;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #fff;
        font-size: 9px;
    }
    .frontEmail {
        background-image: url(../imgs/telef.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left !important;
        color: #fff !important;
        padding-left: 80px;
        width: 100%;
        margin-top: 10%;
        font-size: 13px;
		height: 74px;
    }
    .frontEmail p {
        float: left !important;
        margin-bottom: 0;
    }
    .frontEmail img {
        float: left !important;
        margin-top: 1px;
        width: 100%;
    }
    .frontTel {
        float: left !important;
        width: 100%;
        color: #dca53d;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: OpenSans-Bold;
    }
    .Tarjetas {
        margin-top: 44px;
    }
    .copy {
        margin-top: 30px;
        color: #fff;
    }
}

/* larger than iPhone landscape, an in the iPad portrait range */

@media (min-width:375px) and (max-width:768px) {
    .frontEmail img {
        float: left !important;
        margin-top: 1px;
        width: auto;
    }
    /* Set a base */
    .logo {
        background-image: url(../imgs/logo-index.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        height: 192px;
        margin-top: 20%;
    }
    .p-5 {
        padding: 0;
    }
    .TabTwo {
        display: none;
    }
    .TabTwo col-md-4 {
        float: left;
        width: 20
    }
    .idiomIndex {
        background-image: url(../imgs/bg-index.png);
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        padding: 20px 0 40px 0;
        border-radius: 10px;
    }
    .whiteTop {
        color: #fff;
        font-family: OpenSans-Bold;
        letter-spacing: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 197px;
        margin: 0 auto;
    }
    .Tab a {
        color: #fff;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #fff;
        font-size: 9px;
    }
    .frontEmail {
        background-image: url(../imgs/telef.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left !important;
        color: #fff !important;
        padding-left: 80px;
        width: 100%;
        margin-top: 10%;
        font-size: 13px;
		height: 74px;
    }
    .frontEmail p {
        float: left !important;
        margin-bottom: 0;
    }
    .frontEmail img {
        float: left !important;
        margin-top: 1px;
    }
    .frontTel {
        float: left !important;
        width: 100%;
        color: #dca53d;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: OpenSans-Bold;
    }
    .Tarjetas {
        margin-top: 5%;
    }
    .copy {
        margin-top: 30px;
        color: #fff;
    }
}

/* bigger than iPad portrait  */

@media (min-width:769px) and (max-width:1024px) {
   .HomeCont img {
    	width: auto;
	   height: auto;
    }
   .ImgTr img {
        width: 100%;
    }	
    /* Set a base */
    .logo {
        background-image: url(../imgs/logo-index.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        height: 99px;
        margin-top: 20%;
    }
    .p-5 {
        padding: 0;
    }
    .TabTwo {
        display: none;
    }
    .TabTwo col-md-4 {
        float: left;
        width: 20
    }
    .idiomIndex {
        background-image: url(../imgs/bg-index.png);
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        padding: 20px 0 40px 0;
        border-radius: 10px;
    }
    .whiteTop {
        color: #fff;
        font-family: OpenSans-Bold;
        letter-spacing: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 197px;
        margin: 0 auto;
    }
    .Tab a {
        color: #fff;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #fff;
        font-size: 9px;
    }
    .frontEmail {
        background-image: url(../imgs/telef.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left !important;
        color: #fff !important;
        padding-left: 80px;
        width: 100%;
        margin-top: 10%;
        font-size: 13px;
		height: 74px;
    }
    .frontEmail p {
        float: left !important;
        margin-bottom: 0;
    }
    .frontEmail img {
        float: left !important;
        margin-top: 1px;
        width: 100%;
    }
    .frontTel {
        float: left !important;
        width: 100%;
        color: #dca53d;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: OpenSans-Bold;
    }
    .Tarjetas {
        margin-top: 5%;
    }
    .copy {
        margin-top: 30px;
        color: #fff;
    }
    /* iPhone landscape range */
}

@media (min-width:1025px) {
    .TabOne {
        display: none;
    }
    .Padding {
        padding: 3rem!important;
        padding-top: 10px;
    }
    .MenuSep a {
        margin-right: 15px;
        color: #fff;
    }
    .logo {
        background-image: url(../imgs/logo-index.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 563px;
        height: 192px;
    }
    .frontTel {
        float: left !important;
        width: 400px;
        color: #dca53d;
        font-size: 22px;
        letter-spacing: 1px;
        font-family: OpenSans-Bold;
    }
    .frontEmail {
        background-image: url(../imgs/telef.png);
        background-repeat: no-repeat;
        background-position: left;
        float: left !important;
        color: #fff !important;
        padding-left: 80px;
        width: 400px;
		height: 73px;
    }
    .frontEmail p {
        float: left !important;
        margin-bottom: 0;
    }
    .frontEmail img {
        float: right !important;
        margin-top: 1px;
    }
    .idiomIndex {
        background-image: url(../imgs/bg-index.png);
        background-position: center;
        background-size: contain;
        margin: 0 auto;
        width: 100%;
        padding: 20px;
        border-radius: 10px;
    }
    .logoPadding {
        margin-top: 100px;
    }
    .whiteTop {
        color: #fff;
        font-family: OpenSans-Bold;
        letter-spacing: 2px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .copy {
        color: #fff;
    }
    .f1 {
        background-image: url("../imgs/flags/01.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        float: left;
    }
    .f2 {
        background-image: url("../imgs/flags/02.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        float: left;
    }
    .f3 {
        background-image: url("../imgs/flags/03.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        float: left;
    }
    .f4 {
        background-image: url("../imgs/flags/04.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        float: left;
    }
    .f5 {
        background-image: url("../imgs/flags/05.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        float: left;
    }
    .f6 {
        background-image: url("../imgs/flags/06.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        float: left;
    }
    .whiteTopTow {
        font-size: 10px;
    }
    .Tab a {
        color: #fff;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
    }
    .mini-flags a {
        color: #fff;
        font-size: 12px;
        width: 100%;
        margin-bottom: 4px;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
    }
    .mini-flags a:hover {
        color: #fff;
        font-size: 12px;
    }
    .mini-flags span {
        float: left;
        padding-left: 30px;
    }
    /* iPhone landscape range */
}

@media (min-width: 319px) {
    .ch-lang-footer {
        position: static !important;
    }
}

.frontTel a {
	color: #dca53d;
}