@font-face {
font-family: "CircularStd-Bold";
src: url(https://321brand.net/bc/fonts/CircularStd-Bold.otf) format('opentype');
}

@font-face {
font-family: "CircularStd-Black";
src: url(https://321brand.net/bc/fonts/CircularStd-Black.otf) format('opentype');
}

@font-face {
font-family: "CircularStd-Book";
src: url(https://321brand.net/bc/fonts/CircularStd-Book.otf) format('opentype');
}

@font-face {
font-family: "CircularStd-Blackitalic";
src: url(https://321brand.net/bc/fonts/CircularStd-BlackItalic.otf) format('opentype');
}

@font-face {
font-family: "CircularStd-BoldItalic";
src: url(https://321brand.net/bc/fonts/CircularStd-BoldItalic.otf) format('opentype');
}

body{
font-family: "CircularStd-Book", Raleway !important;
} 

h1, h2, h3, h4, h5, h6 {
font-family: "CircularStd-Bold", Raleway !important;
} 

body, a, p {
font-family: "CircularStd-Book", Raleway !important;
} 

.slider{
font-family: "CircularStd-Book", Raleway !important;
}

/*-----------------------------------------contacto-----------------------------------------*/
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    margin: 0 0 15px;
    padding: 10px 17px;
    border: 2px solid #efefef;
    outline: 0;
    resize: none;
    font-family: inherit;
    line-height: 18px;
    background-color: #fff;
    color: #8d8d8d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*-----------------------------------------home-----------------------------------------*/

.page-id-8 h1 {
    font-size: 37px !important;
    line-height: 37px !important;
}

.page-id-1370 h1 {
    font-size: 37px !important;
    line-height: 37px !important;
}

/*-----------------------------------------footer-----------------------------------------*/

.fa {
    padding-left: 10px !important;
}

.qode_column.column2 {
    text-align: right;
}

/*-----------------------------------------portfolio-----------------------------------------*/
p.pp_description {
    display: none;
}

.projects_holder article .portfolio_title a {
    color: #393939;
    text-shadow: 0px 0px 15px #fff;
}
.portfolio_single .two_columns_66_33>.column1 {
    width: 50%;
    float: left;
}

.portfolio_single .two_columns_66_33>.column2 {
    width: 50%;
    float: left;
}

h4.portfolio_title a {
    position: absolute;
    bottom: 0px;
    width: 82%;
}

.portfolio_description {
    position: relative;
    margin-top: -100px;
}

.projects_holder article .portfolio_description {
    background-color: #ffffff00;
}

.projects_holder.v2 .mix, .projects_holder.v2.hover_text .mix {
    width: 49%;
    margin: 0 0 64px;
}


.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
    width: 32%;
    margin: 0px 0 5.4%;
}

body div.pp_default .pp_description {
    float: left;
    font-family: 'Crete Round',sans-serif;
    font-size: 14px;
    line-height: 1.571428571428571em;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    display: none !important;
    margin: 2px 0 0;
}
.projects_holder article .portfolio_description {
    padding: 25px 0 27px;
}

/*-----------------------------------------header-----------------------------------------*/

.header_top {
    line-height: 33px;
    height: 35px;
}
.wpml-ls-legacy-list-horizontal {
    border: 1px solid transparent;
    padding: 0px;
    clear: both;
}
.left {
    display: none;
}

.header_top .right {
    float: right;
    padding: 0px 46px 0px 0px;
}

.popup_menu_holder {
    background-color: rgba(227,14,19);
}

.wpb_content_element.wpb_single_image img {
    vertical-align: top;
}


.popup_menu_opened header.fixed.scrolled .header_bottom, header.fixed.scrolled {
    background-color: rgba(255, 255, 255, 0) !important;

}


/*-----------------------------------------title-----------------------------------------*/

.title {
    height: 300px !important;
}

.tildeportfoliodiv {
    text-align: center;
    margin-bottom: -26px;
    z-index: 99999;
    position: relative;
}



/*-----------------------------------------SERVICIOS--------------------------------------*/
 .imginterior{
    top: -23px;
    position: relative;
    z-index: -1;}

 .imginteriorgif{
    top: -43px;
    position: relative;
}
.tilde{
    z-index: 99;
    position: relative;
}

/*------------------------------------------IPAD HORIZONTAL---------------------------------------*/

@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

}


/*------------------------------------------IPAD VERTICAL---------------------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.q_logo img.normal {
    display: block!important;
    opacity: 1!important;
    position: relative;
    width: 80% !important;
    height: auto !important;
    padding-top: 18px;
}

.q_logo a {
    left: -138% !important;
}
.header_inner_right {
    margin-top: 28px;
}

.side_menu_button {
    top: -18px !important;
    position: relative;
}

.popup_menu_opened header .q_logo img.popup {
    opacity: 1!important;
    height: 58% !important;
    padding: 18px 18px 18px 24px !important;
}
.content .full_width h2 {
    font-size: 20px !important;
}
}

/*------------------------------------------MÓVIL---------------------------------------*/

@media only screen 
and (min-device-width : 0px) and (max-device-width : 480px) {
.title:not(.breadcrumbs_title) .title_holder {
    height: 150%!important;
    padding: 10px 0!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.q_logo img.normal {
    display: block!important;
    opacity: 1!important;
    position: relative;
    width: 80% !important;
    height: auto !important;
    padding-top: 18px;
}

.q_logo a {
    left: -75% !important;
}

.portfolio_single .two_columns_66_33>.column1 {
    width: 100%;
    float: left;
}

.portfolio_single .two_columns_66_33>.column2 {
    width: 100%;
    float: left;
}

.header_inner_right {
    margin-top: 28px;
}

.projects_holder .mix {
    margin: 0 0 16%!important;
}

.side_menu_button {
    top: -18px !important;
    position: relative;
}

.title {
    height: 90px !important;
}

.popup_menu_opened header .q_logo img.popup {
    opacity: 1!important;
    height: 56px !important;
    padding: 18px 18px 18px 24px !important;
}

.header_top .right {
float: inherit;
    padding: 0px;
}
.qbutton.small, .blog_holder article .post_text a.more-link span {
    font-size: 13px;
}

.qbutton.small {
    padding: 0px 5px;
}
.page-id-1444 .qbutton.small, .blog_holder article .post_text a.more-link span {
    font-size: 11px;
}
}