.panel-default {
    border-radius: 0px;
}




.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


* {
    padding: 0px;
    margin:0px;
    font-family: 'Open Sans', sans-serif;
}

a {
    text-transform: none;
    text-decoration: none;
    outline: none;
    color:#454545;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}

a:hover, a:focus, a:active {
    text-transform: none;
    text-decoration: none;
    outline: none;
    color: #f91c52;
}

p {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    color: #717171;
}

body {
    width: 100%;
    height: 100%;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}


.deisgnRequest-panel {
    border:0px;
}


.panel-body-with-scroll {
    overflow: scroll;
    overflow-x: hidden;
}

.panel-body-with-scroll::-webkit-scrollbar {
    width: 3px;
}
 
.panel-body-with-scroll::-webkit-scrollbar-track {
    border-left: 1px solid #ccc;
}
 
.panel-body-with-scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: 0px solid #fff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}

html {
    width: 100%;
    height: 100%;
}

img.img-responsive {
    width: 100%;
}

@media (min-width:769px) {
    h1 {
        font-family: 'BrandonGrotesqueRegular', sans-serif;
        white-space: normal;
        font-size: 40px;
        line-height: 64px;
        font-weight: 600;
        color: #454545;
        letter-spacing: 0px;
        text-align: inherit;
        visibility: inherit;
    }
}
@media (max-width:768px) {
    h1 {
        font-family: 'BrandonGrotesqueRegular', sans-serif;
        white-space: normal;
        font-size: 25px;
        line-height: 30px;
        font-weight: 600;
        color: #454545;
        letter-spacing: 0px;
        text-align: inherit;
        visibility: inherit;
    }
}

h3 {
    font-family: 'GeomanistRegular', sans-serif;
    white-space: normal;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    color: #454545;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}

textarea.form-control {
    max-width: 100%;
    min-height: 70px;
}

.dropdown-menu {
    border-radius: 0px;
    padding-bottom: 8px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////// BTN - BOTONES ////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.btn-primary {
    min-height: 40px;
    background: #f91c52;
    color:#fff;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    min-height: 40px;
    background: #fff;
    color:#f91c52;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}

.btn-primary-inverse {
    min-height: 40px;
    background: #fff;
    color:#f91c52;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.btn-primary-inverse:hover, .btn-primary-inverse:focus, .btn-primary-inverse:active {
    min-height: 40px;
    background: #f91c52;
    color:#fff;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}


.btn-default-inverse {
    min-height: 40px;
    background: transparent;
    color:#fff;
    padding: 0 26px;
    height: 48px;
    border-color: #fff;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.btn-default-inverse:hover, .btn-default-inverse:focus, .btn-default-inverse:active {
    min-height: 40px;
    background: #fff;
    color:#767676;
    padding: 0 26px;
    height: 48px;
    border-color: #fff;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}



.btn-default {
    min-height: 40px;
    background: #fff;
    color:#454545;
    padding: 0 26px;
    height: 48px;
    border-color: #cbcbcb;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    min-height: 40px;
    background: #f91c52;
    color:#fff;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}



.btn-info {
    min-height: 40px;
    background: #f91c52;
    color:#fff;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
    min-height: 40px;
    background: #fff;
    color:#f91c52;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(249,28,82,1);
    -moz-box-shadow: 0px 10px 30px -4px rgba(249,28,82,1);
    box-shadow: 0px 10px 30px -4px rgba(249,28,82,1);
    font-family: 'BrandonGrotesqueBold', sans-serif;
}

.btn-info-inverse {
    min-height: 40px;
    background: #fff;
    color:#f91c52;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.btn-info-inverse:hover, .btn-info-inverse:focus, .btn-info-inverse:active {
    min-height: 40px;
    background: #f91c52;
    color:#fff;
    padding: 0 26px;
    height: 48px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 15px;
    line-height: 46px;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(249,28,82,1);
    -moz-box-shadow: 0px 10px 30px -4px rgba(249,28,82,1);
    box-shadow: 0px 10px 30px -4px rgba(249,28,82,1);
    font-family: 'BrandonGrotesqueBold', sans-serif;
}





.btn-link-new {
    min-height: 20px;
    background: #fff;
    color:#f91c52;
    padding: 10px;
    border-color: #fff;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.btn-link-new:hover, .btn-link-new:focus, .btn-link-new:active {
    min-height: 20px;
    background: #f91c52;
    color:#fff;
    padding: 10px;
    border-color: #f91c52;
    border-width: 1px;
    border-radius: 2px;
    letter-spacing: .0625em;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////// MENU - NAVBAR ////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.menu-margin-top {
    margin-top: 6px;
}

.menu-margin-right {
    margin-right: 8px;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.navbar-default {
    background: transparent;
    border: none;
   
}

.navbar-default .navbar-nav li a {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    color: #717171;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:active {
    color: #f91c52;
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
}

.navbar-default .navbar-nav li a.active {
    color: #f91c52;
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.navbar-default .navbar-nav li a.active:hover {
    color: #454545;
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.navbar-inverse {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    background: white;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}

.navbar-btn-inverse {
    height: 30px;
}


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #f91c52;
    background-color: transparent;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// JUMBOTRON //////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.jumbotron {
    background: #fff;
    padding-bottom: 180px;
    padding-top: 130px;
    margin-bottom: 0px;
}

h1.jumbotron-h1 {
    font-family: 'GeomanistRegular', sans-serif;
    white-space: normal;
    font-size: 55px;
    line-height: 40px;
    font-weight: 300;
    color: #454545;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}

h2.jumbotron-h2 {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 30px;
    line-height: 42px;
    color: #454545;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}

.jumbotron-home-background {
    background: #fff;
    height: auto;
    background-size: 114%;
    padding-top: 140px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
}


.jumbotron-our-team {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// PAGINA PRINCIPAL: SECCIONES /////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////// */
/* //////////// SECCION #1 ///////////// */
/* ///////////////////////////////////// */
@media (min-width:769px) {
    .section1 {
        background: #fff;
        height: auto;
        padding-top: 80px;
        padding-bottom: 80px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width:768px) {
    .section1 {
        background: #fff;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
        text-align: center;
    }
}


h1.section1-h1 {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 56px;
    line-height: 40px;
    color: #454545;
}

.sec1-tittle {
    font-family: 'GeomanistBold', sans-serif;
    white-space: normal;
    font-size: 24px;
    cursor: pointer;
    color: #454545;
}
.sec1-tittle:hover, .sec1-tittle:focus, .sec1-tittle:active {
    font-family: 'GeomanistBold', sans-serif;
    white-space: normal;
    font-size: 24px;
    cursor: pointer;
    color: #f91c52;
}
.sec1-text {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    color: #717171;
    margin-top: 10px;
}

.sec1-panel {
    border: none;
    background: #fff;
    width: 100%;
    margin: auto;
    border-radius: 0px;
    padding-top: 40px;
    padding-bottom: 20px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    height: 420px;
}

.sec1-panel:hover {
    border: none;
    background: #fff;
    max-width: 100%;
    margin: auto;
    border-radius: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    height: 420px;
}


/* ///////////////////////////////////// */
/* //////////// SECCION #2 ///////////// */
/* ///////////////////////////////////// */
.section2 {
    background: #fff;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    text-align: left;
}

h1.section2-h1 {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 56px;
    line-height: 62px;
    color: #454545;
}

.sec2-text {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    color: #717171;
    margin-top: 30px;
    line-height: 34px;
}






.sectionTestimonial {
    background: #fff;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
}




/* Carousel - 1 */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 00px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/* Carousel - 2 */

#quote-carousel-2 {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel-2 .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel-2 .carousel-control.left {
    left: -60px;
}
#quote-carousel-2 .carousel-control.right {
    right: -60px;
}
#quote-carousel-2 .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel-2 .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 00px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel-2 .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}


.testimonial-avatar {
    height: 90px;
    width: 90px;
    border-radius: 100%;
}


.testimonial-panel {
    border: none;
    background: #fff;
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #f91c52;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    -webkit-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.75);
}

.testimonial-panel:hover {
    border: none;
    background: #fff;
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 28px -5px rgba(0,0,0,0.75);
    border: 1px solid #f91c52;
}

.testimonial-text {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #717171;
    line-height: 22px;
}

.rating-stars-testimonials {
    font-size: 20px;
    color: #f91c52;
}

.testimonial-name {
    font-family: 'GeomanistBook', sans-serif;
    font-size: 18px;
    color: #454545;
    line-height: 30px;
}

.tn-italic {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #454545;
    line-height: 30px;
}

.tn-bold {
    font-family: 'GeomanistRegular', sans-serif;
    font-weight: 600;
    color: #454545;
    line-height: 12px;
    cursor: pointer;
}

.tn-bold:hover, .tn-bold:focus, .tn-bold:active {
    font-family: 'GeomanistRegular', sans-serif;
    font-weight: 600;
    color: #f91c52;
    line-height: 12px;
    cursor: pointer;
}








.sectionTestimonial {
    background: #fff;
    height: auto;
    padding-top: 60px;
    padding-bottom: 120px;
    width: 100%;
}

.sec4-banner {
    background: url('img/bannerbackground.png');
    width: 100%;
    min-height: 140px;
    border-radius: 0px;
    padding: 20px;
    text-align: center;
}

h1.sec4-banner-h1 {
    font-family: 'GeomanistRegular', sans-serif;
    font-size: 36px;
    color:#fff;
}




footer {
    background:#ececec;
    border-top: 1px solid #f91c52;
    height: auto;
    padding-top: 60px;
    padding-bottom: 20px;
    width: 100%;
}

.footer-tittle {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    font-size: 15px;
    color: #454545;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.footer-link {
    font-family: 'Open sans', sans-serif;
    font-size: 15px;
    color: #454545;
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.footer-link:hover, .footer-link:focus, .footer-link:active {
    font-family: 'Open sans', sans-serif;
    font-size: 15px;
    color: #f91c52;
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}

.hr-white {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-text {
    font-size: 14px;
    color: #454545;
    margin-top: 0px;
    font-family: 'Open sans', sans-serif;
}

.footer-icons {
    font-size: 15px;
    color: #454545;
    margin: 4px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.footer-icons:hover, .footer-icons:focus, .footer-icons:active {
    font-size: 15px;
    color: #f91c52;
    margin: 4px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}



.about-us-tittle {
    color: #696969;
    font-size: 70px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
    line-height: 70px;
}

.about-us-text {
    color: rgb(113, 113, 113);
    font-size: 20px;
    font-family: 'Open sans', sans-serif;
    line-height: 28px;
    font-weight: 300;
}


.ot01William {
    background: url('../../img/our_team/ot01WilliamNormal.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}

/* ////// ABOUT US - OUR TEAM: Sam ////// */
.otSam {
    background: url('img/our_team/Our_Team_Sam_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otSam:hover {
    background: url('img/our_team/Our_Team_Sam_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Raf ////// */
.otRaf {
    background: url('img/our_team/Our_Team_Raf_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otRaf:hover {
    background: url('img/our_team/Our_Team_Raf_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}

/* ////// ABOUT US - OUR TEAM: Manuel ////// */
.otManuel {
    background: url('img/our_team/Our_Team_Manuel_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otManuel:hover {
    background: url('img/our_team/Our_Team_Manuel_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Isabella ////// */
.otIsabella {
    background: url('img/our_team/Our_Team_Isabella_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otIsabella:hover {
    background: url('img/our_team/Our_Team_Isabella_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Eddie ////// */
.otEddie {
    background: url('img/our_team/Our_Team_Eddie_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otEddie:hover {
    background: url('img/our_team/Our_Team_Eddie_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Oliver ////// */
.otOliver {
    background: url('img/our_team/Our_Team_Oliver_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otOliver:hover {
    background: url('img/our_team/Our_Team_Oliver_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Andy ////// */
.otAndy {
    background: url('img/our_team/Our_Team_Andy_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otAndy:hover {
    background: url('img/our_team/Our_Team_Andy_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Valentina ////// */
.otValentina {
    background: url('img/our_team/Our_Team_Valentina_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otValentina:hover {
    background: url('img/our_team/Our_Team_Valentina_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Ilya ////// */
.otIlya {
    background: url('img/our_team/Our_Team_Ilya_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otIlya:hover {
    background: url('img/our_team/Our_Team_Ilya_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Naibel ////// */
.otNaibel {
    background: url('img/our_team/Our_Team_Naibel_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otNaibel:hover {
    background: url('img/our_team/Our_Team_Naibel_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}

/* ////// ABOUT US - OUR TEAM: William ////// */
.otWilliam {
    background: url('img/our_team/Our_Team_William_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otWilliam:hover {
    background: url('img/our_team/Our_Team_William_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}

/* ////// ABOUT US - OUR TEAM: Victoria ////// */
.otVictoria {
    background: url('img/our_team/Our_Team_Victoria_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otVictoria:hover {
    background: url('img/our_team/Our_Team_Victoria_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Paula ////// */
.otPaula {
    background: url('img/our_team/Our_Team_Paula_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otPaula:hover {
    background: url('img/our_team/Our_Team_Paula_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
        
/* ////// ABOUT US - OUR TEAM: Natalia ////// */
.otNatalia {
    background: url('img/our_team/Our_Team_Natalia_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otNatalia:hover {
    background: url('img/our_team/Our_Team_Natalia_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
  
/* ////// ABOUT US - OUR TEAM: Queta ////// */
.otQueta {
    background: url('img/our_team/Our_Team_Queta_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otQueta:hover {
    background: url('img/our_team/Our_Team_Queta_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}
  
/* ////// ABOUT US - OUR TEAM: Queta ////// */
.otQueta {
    background: url('img/our_team/Our_Team_Queta_01_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
}
.otQueta:hover {
    background: url('img/our_team/Our_Team_Queta_02_The_Futures_Unlimited_Graphic_Design.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    background-color:#f91c52;
    border-radius: 100%;
    margin:auto;
}

/* ////// ABOUT US: BANNER ////// */
.banner-about-us {
    background-color: #fff;
    background: url('img/bannerbackground-2.png');
    background-size: 100%;
    background-repeat: none;
    background-position: top;
    width: 100%;
    height: auto;
    min-height: 200px;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}
.banner-about-us-tittle {
    color: rgb(69, 69, 69);
    font-size: 56px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
    line-height: 66px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.banner-about-us-tittle-typewriter {
    color: #f91c52;
    font-size: 56px;
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    line-height: 66px;
    margin-bottom: 0px;
    margin-top: 4px;
}

p.ot-tittle {
    color: #f91c52;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 50px;
}

p.ot-text {
    color: #f91c52;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 0px;
}


.login-panel {
    background:#fff;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    border-radius: 0px;
    border:none;
    max-width: 370px;
    margin: auto;
}

.form-control {
    border-radius: 0px;
    margin-bottom: 10px;
    height: 45px;
}

input, select, option {
    border-radius: 0px;
}


.alert-info {
    border-radius: 0px;
    box-shadow: none;
    background-color: #ffe8ee;
    border: none;
    color:#ff4b77;
}


.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}


.deisgnRequest-panel {
    border-radius: 0px;
}

p.dr-count-text {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 0px;
}

p.dr-date-tittle {
    color: #454545;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 20px;
}

span.dr-tittle-work {
    color: #727272;
    font-size: 15px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}

span.dr-date-text {
    color: #767676;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.dr-drive-link {
    color: #5cb85c;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}



.stepcontent-panel {
    background: #fff;
    border-radius: 0px;
    border-color: #ccc;
}


.stepwizard-heading {
    font-family: 'GeomanistBold', sans-serif;
    white-space: normal;
    font-size: 20px;
    line-height: 40px;
    color: #454545;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;

    background: #fff;
    border-radius: 0px;
}


.stepwizard-step p {
    margin-top: 0px;
    color:#767676;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}


.btn-success {
    background-color: #f91c52;
    border-color: #f91c52;
}









.LoginModal {
    border-radius: 0px;
    border:none;
    max-width: 540px;
}

.NoBorderNoRadius {
    border-radius: 0px;
    border:0px;
}

.ContentCenter {
    text-align: center;
}

.InputMaxWidth380px {
    max-width: 380px;
    margin: auto;
}
.InputDividerSpace10px {
    height: 10px;
    width: 100%;
    background-color: transparent;
}

.InputDividerSpace40px {
    height: 40px;
    width: 100%;
    background-color: transparent;
}

.ButtonMaxWidth380px {
    width: 100%;
    max-width: 380px;
    margin: auto;
}


h1.LoginModalTittle {
    font-family: 'BrandonGrotesqueBlack', sans-serif;
    white-space: normal;
    font-size: 30px;
    line-height: 32px;
    color: #454545;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}





ul.jh-ul {
    list-style: none;
}
ul.jh-ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #454545;
    text-align: inherit;
    visibility: inherit;
    margin-bottom: 8px;
}

ul.jh-ul li::before {
    font-family: 'FontAwesome';
    content: "\f00c"; 
    color: #f91c52;
    margin-right: 6px;
}

ul.jh-ul li.NoListStyleVisible::before {
    content: "•"; 
    color: transparent;
    margin-right: 6px;
}


/*** */

.compareTittle {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 20px;
    line-height: 22px;
    color: #454545;
}
.compareTittlePriceNormal {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    white-space: normal;
    font-size: 30px;
    line-height: 32px;
    color: #656565;
}

.compareTittlePriceTheFutures {
    font-family: 'BrandonGrotesqueBlack', sans-serif;
    white-space: normal;
    font-size: 36px;
    line-height: 32px;
    color: #454545;
}

.compareTextNormal {
    font-family: 'Open sans', sans-serif;
    white-space: normal;
    font-size: 18px;
    line-height: 20px;
    color: #656565;
}

.compareSmallText {
    font-family: 'Open sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    line-height: 20px;
    color: #454545;
}

.compareTextTheFutures {
    font-family: 'Open sans', sans-serif;
    white-space: normal;
    font-size: 18px;
    line-height: 20px;
    color: #454545;
}

.compareHrGray {
    height: 1px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #ddd;
}


.newhomesection-tittle {
    font-family: 'GeomanistBook', sans-serif;
    white-space: normal;
    font-size: 15px;
    font-weight: 700;
    font-family: 'GeomanistRegular', sans-serif;
    color: #717171;
    margin-top: 10px;
}
.newhomesection-text {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    color: #767676;
    margin-top: 10px;

}

.pricing-container-left {
    width:50%; 
    height: auto; 
    padding: 15px; 
    float: left; 
    overflow: hidden; 
    background: #fff; 
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.pricing-container-left:hover {
    width:50%; 
    height: auto; 
    padding: 15px; 
    float: left; 
    overflow: hidden; 
    background: #fff; 
    display: block;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.pricing-container-right {
    width:50%; 
    height: auto; 
    padding: 15px; 
    float: right; 
    overflow: hidden; 
    background: #fff; 
    display: block;
    text-align: center;
    margin-top: 4%;
    z-index: 1000;
    border: 1px solid #e5e5e5;
    border-radius: 0px 6px 6px 0px;
}
.pricing-container-right:hover {
    width:50%; 
    height: auto; 
    padding: 15px; 
    float: right; 
    overflow: hidden; 
    background: #fff; 
    display: block;
    text-align: center;
    margin-top: 4%;
    z-index: 1000;
    border: 1px solid transparent;
    border-radius: 0px 6px 6px 0px;
}

.hr-10px {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin-top:10px;
    margin-bottom: 10px;
}

.pricing-planname {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 30px;
    line-height: 4px;
    color: #454545;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
    margin-bottom: 10px;
}

.eur-symbol {
    font-size: 90px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
    line-height: 100px;
}

.eur-symbol:before {
    content: '£';
    font-size: 38px;
    vertical-align: top;
}

.pricing-subpricetext {
    font-family: 'BrandonGrotesqueThin', sans-serif;
    white-space: normal;
    font-size: 40px;
    line-height: 0px;
    color: #767676;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
    margin-top: 6px;
    margin-left: 6px;
}

.LoginModalLinks {
    font-family: 'GeomanistRegular', sans-serif;
    white-space: normal;
    font-size: 15px;
    line-height: 26px;
    color: #f91c52;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
}
.LoginModalLinks:hover {
    font-family: 'GeomanistRegular', sans-serif;
    white-space: normal;
    font-size: 15px;
    line-height: 26px;
    color: #727272;
    letter-spacing: 0px;
    text-align: inherit;
    visibility: inherit;
    text-decoration: underline;
}




figure {
    width: 260px;
    height: 260px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
figure:hover+span {
    bottom: -36px;
    opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


a.ow-tittle {
    color: #454545;
    font-size: 18px;
    font-family: 'GeomanistRegular', sans-serif;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor: pointer;
}
a.ow-tittle:hover, a.ow-tittle:focus, a.ow-tittle:active {
    color: #f91c52;
    font-size: 18px;
    font-family: 'GeomanistRegular', sans-serif;
    line-height: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}

p.ow-text {
    color: #767676;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    margin-top: 0px;
}


.close {
    color:inherit;
}
.close:hover {
    color:#f91c52;
}

.closeWatchOurDemo {
    color: #fff;
    opacity: 1;
}
.closeWatchOurDemo:hover {
    color: #f91c52;
    opacity: 1;
}








@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

input[name='sex'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    
    &:after {
        font-family: 'FontAwesome';
        display: inline-block;
        text-align: center;
        font-size: 20px;
        content: attr(data-icon);
        height:35px;
        width:15px;
        padding: 10px;
        padding-bottom:0px;
        border-radius: 0px;
        color: green;
        background: orange;
        transition: backgrond 1s, color 1s;
    }
    
    &:checked {
        &:after {
            background: gray;
            color: blue;
        }
    }
}



.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 18px;
    font-weight: 700;
    color: #717171;
    /* background-color: black; */
    display: inline-block;
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    font-size: 18px;
    font-weight: 700;
    color: #f91c52;
    /* background-color: black; */
    display: inline-block;
}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.hr-top-section {
    background: #f91c52;
    width: 100%;
    height: 6px;
    margin-top: 4px;
    margin-bottom: 20px;
}



.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #f91c52;
    border-color: #f91c52;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #717171;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ccc;
}


.label-warning {
    background: #fecd01;
    color:#fff;
    letter-spacing: 1.5px;
}

.label-success {
    background: #2be97d;
    letter-spacing: 1.5px;
}








/* Step Navigation
------------------------------------------------------------------------- */
    
    .stepNav {
      margin: auto;
        height: 45px;
        padding-right: 20px;
        position: relative;
        z-index: 0;
    }

    .stepNav ul {
        list-style: none;
    }
    
    /* z-index to make sure the buttons stack from left to right */
    
    .stepNav li {
        float: left;
        position: relative;
        z-index: 3;
         list-style: none;
        }
        
    .stepNav li:first-child {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }
        
    .stepNav li:nth-child(2) { z-index: 1; }
    .stepNav li:nth-child(3) { z-index: 0; }
    
    /* different widths */
    
    .stepNav.twoWide li { width: 50%; }
    .stepNav.threeWide li { width: 33.33%; }
    
       /* step links */
    
    .stepNav a, .stepNav a:visited {
        width: 100%;
        height: 43px;
        padding: 0 0 0 25px;
        color: #717171;
        text-align: center;
        text-shadow: 0 1px 0 #fff;
        line-height: 43px;
        white-space: nowrap;
        border: 1px solid #cbcbcb;
        text-decoration: none;
        border-top-color: #dddddd;
        border-right: 0;
        background-color: #fbfbfb;
        float: left;
        position: relative;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                  box-sizing: border-box;
        }
        
    .stepNav li:first-child a {
        padding-left: 12px;
        -webkit-border-radius: 5px 0 0 5px;
           -moz-border-radius: 5px 0 0 5px;
              border-radius: 5px 0 0 5px;
        }
    
    .stepNav a:before {
        content: "";
        width: 29px;
        height: 29px;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #cbcbcb;
        display: block;
        position: absolute;
        top: 6px;
        right: -16px;
        z-index: -1;
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }
        
    .stepNav a:hover {
        color: #2e2e2e;
        background-color: #f5f5f5;
        }
        
    .stepNav a:hover:before {
        background-color: #fbfbfb;
        }
    
    /* selected */
        
    .stepNav li.selected {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                    box-shadow: none;
        }
                                
    .stepNav li.selected a, .stepNav li.selected a:before {
        background: #ebebeb;
        }
        
    .stepNav li.selected a {
        border-top-color: #bebebe;
        -webkit-box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
           -moz-box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
                    box-shadow: inset 2px 1px 2px rgba(0,0,0,0.12);
        }
        
    .stepNav li.selected a:before {
        border-right: 1px solid #bebebe;
        border-bottom: 1px solid #cbcbcb;
        -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
           -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
                    box-shadow: inset -1px -1px 1px rgba(0,0,0,0.1);
        }







.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}



.DashboardSubtittle {
    text-decoration: none;
    cursor: normal;
}




#ex4 .p1[data-count]:after{
  position:absolute;
  right:10%;
  top:8%;
  content: attr(data-count);
  font-size:40%;
  padding:.2em;
  border-radius:50%;
  line-height:1em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width: 1em;
  //font-weight:bold;
}






.sectionHowToUse-panel-transparent {
    border:none;
    background: transparent;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.sectionHowToUse-panel-body {
    padding-right: 0px;
    padding-left: 0px;
}

.sectionHowToUse-panel-footer {
    padding-right: 0px;
    padding-left: 0px;
    border:none;
    background: transparent;
}

.sectionHowToUse {
    background: #f91c52;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    text-align: left;
}

h1.sectionHowToUse-h1 {
    font-family: 'GeomanistRegular', sans-serif;
    white-space: normal;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
}

.sectionHowToUse-text {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
    line-height: 20px;
}

.sectionHowToUse-link {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
    line-height: 20px;
    text-decoration: outline;
    cursor: pointer;
}

.sectionHowToUse-link:hover, .sectionHowToUse-link:focus, .sectionHowToUse-link:active {
    font-family: 'Open Sans', sans-serif;
    white-space: normal;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
    line-height: 20px;
    cursor: pointer;
}

.linkPrice {
    color:#454545;
    text-decoration: underline;
    cursor: pointer;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}
.linkPrice:hover {
    color:#f91c52;
    text-decoration: underline;
    cursor: pointer;
    font-family: 'BrandonGrotesqueBold', sans-serif;
}

.interline-space10px {
    height: 10px;
    width: 100%;
    background: transparent;
}



.section-background-diagonal {
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);

    height: auto;
    min-height: 450px;
    padding-top: 120px;
    padding-bottom: 120px;
    width: 100%;
    text-align: center;
}


.whoUsWorkLink {
    color:#fff;
    text-decoration: underline;
}

.whoUsWorkLink:hover, .whoUsWorkLink:focus, .whoUsWorkLink:active {
    color:#454545;
    text-decoration: underline;
}



.whyUseUsTittle {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 22px;
    line-height: 18px;
    color: #fff;
}





.OurStressFreeTittle {
    font-family: 'BrandonGrotesqueBlack', sans-serif;
    white-space: normal;
    font-size: 26px;
    cursor: pointer;
    color: #454545;
}
.OurStressFreeTittle:hover, .OurStressFreeTittle:focus, .OurStressFreeTittle:active {
    font-family: 'BrandonGrotesqueBlack', sans-serif;
    white-space: normal;
    font-size: 26px;
    cursor: pointer;
    color: #f91c52;
}




.TypicalCustomerTittle {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 18px;
    line-height: 20px;
    color: #454545;
}

.TypicalCustomerCant {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 26px;
    line-height: 30px;
    color: #f91c52;
}

.TypicalCustomerDays {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    white-space: normal;
    font-size: 18px;
    line-height: 20px;
    color: #454545;
}


.iconContentDescentredContainer {
    width: 80px;
    height: 80px;
    padding: 0px;
    padding-right: 0px;
}
.iconContentDescentred {
    height: 80px;
    width: 80px;
    background: #fff;
    border-radius: 100%;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    padding-right: 0px;
}
.iconContentDescentred:hover {
    height: 80px;
    width: 80px;
    background: #f91c52;
    border-radius: 100%;
}




.iconContentDescentredContainer2 {
    width: 80px;
    height: 80px;
    padding: 0px;
    margin:auto;
}
.iconContentDescentred2 {
    height: 80px;
    width: 80px;
    background: #fff;
    border-radius: 100%;
    margin:auto;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.iconContentDescentred2:hover {
    height: 80px;
    width: 80px;
    background: #f91c52;
    border-radius: 100%;
}


body{padding-top:20px;}
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    background: transparent;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
    right: -12px;
}
/* The indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
    background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}




.dashboard-left-panel {
    width: 200px; 
    height: 100%; 
    position: fixed;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    background: #ff3566;
    z-index: 1001;
}
.dashboard-left-panel-container {
    width: 100%;
    height: auto;
    padding-right: 15px;
    padding-left: 15px; 
}

.dashboard-left-panel-button {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #ff3566;
    border-left: 3px solid #ff3566;
    cursor: pointer;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 15px;
    color: #fff;
}
.dashboard-left-panel-button:hover, .dashboard-left-panel-button:active, .dashboard-left-panel-button:focus {
    width: 204px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #f91c52;
    border-left: 4px solid #f91c52;
    cursor: pointer;
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 15px;
    color: #fff;
}
.dashboard-left-panel-button-active {
    width: 204px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
    background: #f91c52;
    border-left: 4px solid #f91c52;
    cursor: pointer;
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 14px;
    color: #fff;
}



.dashboard-top-navbar {
    height: 60px;
    width: 100%;
    padding: 15px 15px 15px 215px;
    background: #ffffff;
    position: fixed-top;
}


.navbar-inverse-dashboard {
    background: #f5f5f5;
    height: 60px; 
    padding-top: 4px; 
    margin-bottom: 0px;
}


.main-panel-dashboard {
    width: 100%;
    min-height: 700px;
    background: #f5f5f5;
    padding-top: 15px;
    padding-left: 230px;
    padding-top: 30px;
    padding-right: 30px;
}



.DashboardPanelTittle {
    font-size: 22px;
    font-family: 'BrandonGrotesqueBold', sans-serif;
    color: #454545;
    margin-bottom: 4px;
    line-height: 22px;
}
.DashboardPanelText {
    font-size: 18px;
    font-family: 'Open sans', sans-serif;
    color: #717171;
    margin-bottom: 16px;
    line-height: 22px;
}


.panel-price-compare {
    height: 250px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.panel-price-compare:hover {
    height: 250px;
    border: 1px solid transparent;
    border-radius: 6px;
}


.panel-our-process {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #fff;
    width: 100%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 440px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.panel-our-process:hover {
    border: 1px solid transparent;
    border-radius: 6px;
    background: #fff;
    max-width: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 440px;
}



.panel-testimonial {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #fff;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.panel-testimonial:hover {
    border: 1px solid transparent;
    border-radius: 6px;
    width: 100%;
    height: auto;
    background: #fff;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 10px;
}


.form-control {
            background: #f7f7f7;
            border-color: #efefef;
        }

        .hr-top-section {
            background: #f91c52;
            width: 100%;
            height: 1px;
            margin-top: 4px;
            margin-bottom: 20px;
        }

        h1.LoginModalTittle {
            font-family: 'BrandonGrotesqueBold', sans-serif;
            white-space: normal;
            font-size: 18px;
            line-height: 32px;
            color: #454545;
            letter-spacing: 0px;
            text-align: inherit;
            visibility: inherit;
            margin-bottom: 2px; 
            color:#f91c52;
        }

        .alert-feedback {
            background: #fff;
            border-radius: 0px;
            border:1px solid #a184ff;
            border-left: 4px solid #a184ff;
            color: #454545;
            margin-bottom: 5px;
        }

        .alert-delivered-designs {
            background: #fff;
            border-radius: 0px;
            border:1px solid #2be97d;
            border-left: 4px solid #2be97d; 
            color: #454545;
            margin-bottom: 5px;
        }

        .navbar .divider-vertical {
            height: 50px;
            margin: 0 9px;
            border-left: 1px solid #f2f2f2;
        }

        .navbar-inverse .divider-vertical {
            border-left-color: #eae9e9;
        }

        @media (max-width: 767px) {
            .navbar-collapse .nav > .divider-vertical {
                display: none;
             }
        }


        .deisgnRequest-panel {
            border: 1px solid #e5e5e5;
            border-radius: 6px;
            -webkit-transition:all 400ms ease;
            -o-transition:all 400ms ease;
            transition:all 400ms ease;
        }
        .deisgnRequest-panel:hover {
            border: 1px solid transparent;
            border-radius: 6px;
        }



.panel-terms-conditions-left {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.panel-terms-conditions-left:hover {
    border: 1px solid transparent;
    border-radius: 6px;
}



ul.tcpage-ul {
    list-style: none;
}
ul.tcpage-ul li {
    font-family: 'GeomanistRegular', sans-serif;
    font-size: 15px;
    line-height: 18px;
    color: #454545;
    text-align: inherit;
    visibility: inherit;
    margin-bottom: 8px;
    list-style: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

ul.tcpage-ul li::before {
    content: ""; 
    color: transparent;
    margin-right: 0px;
    list-style: none; 
}


ul.tcpage-ul li a {
    font-size: 14px;
    line-height: 16px;
    text-transform: none;
    text-decoration: none;
    outline: none;
    color: #454545;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    font-family: 'GeomanistRegular', sans-serif;
}
ul.tcpage-ul li a:hover {
    font-size: 14px;
    line-height: 16px;
    text-transform: none;
    text-decoration: none;
    outline: none;
    color: #f91c52;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    font-family: 'GeomanistRegular', sans-serif;
}


.CapTermsAndConditionsContainer {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background: transparent;
    text-align: justify;
}

.CapTermsAndConditionsContainer h1 {
    font-family: 'BrandonGrotesqueBold', sans-serif;
    font-size: 22px;
    line-height: 24px;
    outline: none;
    color: #454545;
    margin-top: 0px;
    margin-bottom: 20px;
}
.CapTermsAndConditionsContainer p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 19px;
    outline: none;
    color: #767676;
}

.panelFAQ {
    max-width: 800px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
    margin:auto;
    background: #fff;
}
.panelFAQ:hover, .panelFAQ:active, .panelFAQ:focus {
    max-width: 800px;
    border: 1px solid #f91c52;
    border-radius: 6px;
    margin:auto;
    background: #fff;
}



.more-less {
    float: right;
    color: #e5e5e5;
}


.panelFAQ-h4 {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 18px;
    line-height: 20px;
    color:#454545;
}
.panelFAQ-p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    color: #767676;
}



.sectionFAQ-panel {
    border:none;
    background: #fff;
    width: 100%;
    margin: 0px;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}
.sectionFAQ-panel:hover {
    border:none;
    background: #fff;
    width: 100%;
    margin: 0px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 6px;
    -webkit-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    transition:all 400ms ease;
}

.sectionFAQ-panel-body {
    padding-right: 0px;
    padding-left: 0px;
}

.sectionFAQ-panel-footer {
    padding-right: 0px;
    padding-left: 0px;
    border:none;
    background: transparent;
}

.sectionFAQ {
    background: #fff;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    text-align: left;
}

h1.sectionFAQ-h1 {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    white-space: normal;
    font-size: 22px;
    line-height: 24px;
    color: #454545;
}

.sectionFAQ-text {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    white-space: normal;
    font-size: 18px;
    color: #717171;
    margin-top: 0px;
    line-height: 20px;
}

h1.sectionFAQ-h1-6 {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    white-space: normal;
    font-size: 19px;
    line-height: 22px;
    color: #454545;
}

.sectionFAQ-text-6 {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    white-space: normal;
    font-size: 19px;
    line-height: 22px;
    color: #717171;
    margin-top: 0px;
    line-height: 20px;
}

.sectionFAQ-link {
    font-family: 'Open sans', sans-serif;
    white-space: normal;
    font-size: 15px;
    color: #717171;
    margin-top: 0px;
    line-height: 20px;
    text-decoration: outline;
    cursor: pointer;
}

.sectionFAQ-link:hover, .sectionHowToUse-link:focus, .sectionHowToUse-link:active {
    font-family: 'Open sans', sans-serif;
    white-space: normal;
    font-size: 14px;
    color: #f91c52;
    margin-top: 0px;
    line-height: 20px;
    cursor: pointer;
}


@media (min-width: 768px) {
    .logotipo {
        height:48px;
        margin: 0px;
        padding: 0px;
    }
}
@media (max-width: 768px) {
    .logotipo {
        height:48px;
        margin-left: 15px;
        margin-top: 15px;
    }
}


.owThumbanails {
    width: 320px;
    margin:auto;
    padding: 0px;
}




.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #f91c52;
}