/*
Theme Name: Intranet MKI - Twenty Fourteen Child
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: Antonio Polastri Makeitalia
Author URI: https://makeitalia.com/
Description: Intranet custom theme
Template: twentyfourteen

*/


@import url(https://fonts.googleapis.com/css?family=Ubuntu);
/*
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,800;1,300;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body{


    font-family: 'DM Sans', sans-serif;
    color: #1d1d1b;
} 
#page  h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6,
p{

    color:#2b323a;
    /*  font-family: 'Prata', serif;*/
    /* line-height: 1.25rem;*/

}


h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 700;
    /*  margin: 2rem 0 2rem;*/
}

h1,
h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
    clear: both;
    font-weight: 700;
    margin: 1rem 0 1rem;
}

body, button, input, select, textarea{
    line-height: normal;
}
.centered{

    text-align: center; 
} 
.upper{
    text-transform: uppercase;

}
h1 {
    font-size: 2rem;
    line-height: 1.3846153846;
}

h1  {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 0px;
}

h2 {
    font-size: 1.5rem;
    line-height: 1;
}

h3 {
    font-size: 1.375rem;
    line-height: 1.0909090909;
}

h4 {
    font-size: 1.25rem;
    line-height: 1.2;
}
h4 {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: 0px;
}

h5 {
    font-size: 1.125rem;
    line-height: 1.3333333333;
}

h6 {
    font-size: 1rem;
    line-height: 1.5;
}
#page {


}
#page::before{
    content: none !important;
}

i.fa{
    
    align-items: center;
    justify-content: center;
}

.white{
    color: #fff!important;
}
.red_mki{
    color:#d20a11!important;
}
.black_mki{

    color:#1d1d1b!important;
}
.black_rich_mki{

    color:#0c0e0a!important;
}
.grey_rich_mki{

    color:#636362!important;
}
.light_grey_rich_mki{

    color:#cfcece!important;
}


.white_bg{
    background-color: #fff!important;
}
.red_mki_bg{
    background-color:#d20a11!important;
}
.black_mki_bg{

    background-color:#1d1d1b!important;
}
.black_rich_mki_bg{

    background-color:#0c0e0a!important;
}
.grey_rich_mki_bg{

    background-color:#636362!important;
}
.light_grey_rich_mki_bg{

    background-color:#cfcece!important;
}

/*OLTRESOLUTIONS COLOR*/

.fucsia_ol3{
    
     color:#e71f65!important;
}
.blue_ol3{
    
     color:#322e6d!important;
}
.azzurro_ol3{
    
     color:#007ec5!important;
}



.fucsia_ol3_bg{
    
     background-color:#e71f65!important;
}
.blue_ol3_bg{
    
     background-color:#322e6d!important;
}
.azzurro_ol3_bg{
    
     background-color:#007ec5!important;
}








.padding1{

    padding:1rem!important;
}
.padding2{

    padding:2rem!important;
}
.padding3{

    padding:3rem!important;
}
.padding4{

    padding:4rem!important;
}


.margintop1{
    margin-top: 1rem!important;
}




.form_sicurezza input[type="submit"]{
    
    background-color: #d20a11;
    
}
.form_sicurezza input[type="submit"]:hover{
    
     background-color: #fff;
     color :#d20a11;
     border : 1px solid #d20a11;
}

.form_sicurezza .wpcf7 form.sent .wpcf7-response-output{
    
    border-color:#d20a11;
}

input{
    font-size: 0.75rem;
    text-align: center;
}







h1.maintitle{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4rem;
    margin-left: 87px;
    font-size: 2rem;
    margin-top: 3rem;
}



.site, .site-header {
    max-width:100%;
}
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    max-width: 90%;
}

.site-content .entry-content{
    
        padding-top: 3.5rem;
}
.noevent{
    min-height: 6rem;
}


/*MENU STYLES*/

#primary-navigation.site-navigation a:hover {

}
#secondary .sub-menu{
    left: unset;
    right: -999rem;
    transition: .6s left ease-in-out;
}
#secondary.active .menu-item:hover > .sub-menu{
    left: 230px;
}
#secondary .menu-item:hover > .sub-menu{
    left: 70px;
    margin-left: 0;
}
#menu-left-menu li{
    height: 48px !important;
    border: none;
}
#menu-left-menu a::after{
    top: unset;
}
#menu-left-menu a > i{
    height: 100%;
    min-width: 40px;
    margin: 0px 25px 0px -2px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#menu-left-menu a{
    height: 100%;
    padding: 16px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#secondary .menu a::after{
    opacity: 0;
    transition: .4s opacity ease-in-out;
}
#secondary.active .menu a::after{
    opacity: 1;
}
.navigation{
    border: none !important;
}
footer.site-footer{

    display: none;
}

.noeventi{
    
    height: 5rem;
}
body.home footer.site-footer{
    padding-left: 0;
    background-color: #fff;
    z-index: 0;
    display: block;

}
#menu-left-menu li:nth-child(1){
    border-top: 1px solid rgba(0,0,0,0.12);
}

footer.site-footer .so_container{

    align-items: center;
    justify-content: center;
    height: 3rem;
    display: flex;
}
footer.site-footer .so_container a i{
    padding: 0 1rem;
    color: #2b323a;
    font-size: 2rem;
}
/***  MANSONRY  ***/
.grid-sizer,.grid-item { width: 32%; }
.grid {
    /* margin: 0 auto;*/
}
.grid-item img{
    width: 100%;
    position: relative;
}
.grid-item {
    margin-bottom: 10px;
}
.gutter-sizer { width: 1%; }


.archive.category .grid-sizer,
.archive.category .grid-item,
.page-template-post-archive .grid-item,
.page-template-post-archive .grid-sizer{ 
    width: 24%; 
}
.title_tile{
    color: #1d1d1b;
    background: rgba(255,255,255,0.85);

    font-size: 1.25rem;
    text-transform: uppercase;
    padding: 0.75rem 0.5rem;

    font-size: 22px;
    margin: 0;
}



h1.eventtitle{
    text-transform: uppercase;
    margin-bottom: 2rem;
    /*padding-bottom: 2rem;*/

    text-align: center;
    font-size: 2rem;
    text-transform: capitalize;
}

.archive  hr,
.page-template-post-archive hr{
    width: 50%;
    color: #1d1d1b;
    background-color: #1d1d1b;
    height: 3px;
    margin-bottom: 5rem
}
hr{
    width: 50%;
    color: #1d1d1b;
    background-color: #1d1d1b;
    height: 3px;
    margin-bottom: 5rem

}
hr.homehr{
     background-color: #1d1d1b;
    height: 2px;
    margin-bottom: 1rem
}
.container_home{
    width: 50%;
    margin: 1rem;
     
   /* padding: 0.5rem 3rem;*/
    /*flex-basis: 100%;*/
    position: relative;
    border-radius:2px;
}
.container_home_slide{

    width:  50% ;
    margin: 1rem;
    padding: 0.5rem 3rem;
    /* flex-basis: 100%;*/
    position: relative;
    border-radius:2px;
    padding-right: 0;
    margin-right: 0;

}
.metasl{
    width: 90%;
}
.box_shadow{

    box-shadow:5px 7px 6px #dedede;
}

.box_shadow_2{
    box-shadow: 0px 10px 11px #dedede;
}

#page h2.title_box{


    margin: 0;
    color: #1d1d1b;
    /*  background: #fff;*/
    padding: 1rem 0;   
    /* font-size: 1.75rem;  */   
    font-weight: 500;
} 

a.button_center{

    width: 100%;
    margin: 0 auto;
    position: relative;
}

a.button_center span{

    display: block;
    color: #fff;
    background: #636362;
    padding: 1rem;
    text-align: center;
    text-align: center;
    margin: 1rem 0; 
    transition: 0.8s;
    margin-top: 3rem;

}

.date_news{

    padding: 0.5rem 0.75rem;
    right: 0;
    color: #fff;
    background: #636362;
    font-weight: 400;
    top: -2rem;
    font-size: 0.85rem;
}

.entry-content-new-arch{

    height: 400px;
    border:1px solid #2b323a;


}

.entry-content-new-page{

    height: 300px;
    background: #cfcece; 
    padding: 1rem; 

}
.oltresolutions .entry-content-new-page{
    background: #007ec5; 
}


.entry-content-new-arch h4,
.entry-content-new-arch p{

    padding: 1rem;
}
.entry-content-new-arch p{

    font-size: 0.85rem;
}

.entry-content-new-page a.news-page{

    position: relative; 
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;

}
.entry-content-new-page a.news-page div.icon{
    font-size: 3rem;
    color: #fff;
    border-radius: 4rem;
    border: solid 4px white;
    padding: 1rem;
    width: 5rem;
    text-align: center;
    height: 5rem; 
    display: flex;
    align-items: center;
    justify-content: center;

}
.entry-content-new-page a.news-page div.icon i.fa{
  /*  font-size: 5rem;*/
}
.home-row{

    display: flex;

    padding-left: 90px;
}

.home-row{

    display: flex;

    padding-left: 90px;
}

.oltresolutions .home-row.back-color{
    background:#cfcece;position: relative
}
.home-row.back-color{
    background:#cfcece;position: relative
}
body.home #primary.content-area{
    padding-top: 0;
}
.content-area {
    padding-top: 0;
}
.tax_cont{
    display: flex;

    justify-content: center;
    position: relative;
    flex-wrap: wrap

}
body.home .slider_box.all_news .content h3{

    margin-top: 1rem;
}
body.home .slider_box.all_news .title_box_slide div.date_container{
   
    display: flex;
    align-content: center;
    
}

.tax_cont .box{

    box-sizing: border-box;  
    background: #cfcece  ;   
    height: 300px; 
    width: 300px/* calc(20% - 1rem)*/;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 1rem; 

}

.oltresolutions .tax_cont .box{

background:#007ec5;
}
.tax_cont .box p{

    margin: 0;
}

.tax_cont .box div.icon{

    font-size: 3rem;
    color: #fff;
    border-radius: 4rem;
    border: solid 4px white;
    padding: 1rem;
    width: 5rem;
    text-align: center;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;

}
.tax_cont  a.box p{
    font-weight: 800;
    text-transform: uppercase;  
}


.title_box_slide{
    display: flex;
    /* align-items: center;*/
}
.title_box_slide i{
    font-size: 2rem;
    padding: 0 1rem 0 0rem;
        display: flex;
    align-items: center;
    justify-content: center;
    


}
.title_box_slide h3{
    margin: 0;
   /* text-transform: uppercase;*/
}
.content_next_event .title_box_slide h3{
     
    text-transform: uppercase; 
}
body.post-type-archive-ev .title_box_slide,
body.tax-eventi_category .title_box_slide
{

    padding: 2rem 1rem;

}
body.post-type-archive-ev .title_box_slide i{
    font-size: 2rem;

}

a{
    cursor: pointer;
}
.category_news{
    text-transform: uppercase;
}
.entry-content-new-arch .nesttitle{
   line-height: 1;
   line-height: 1;
   padding: 0;
   font-size: 1.25rem;
    
}
a.button_news{
    /* margin-top: 2rem;*/
    float:right ;
    min-height: 2rem;
     
}
a.button_news span{
    padding: 0.5rem 1.5rem;
    background-color: #d20a11;
    color: #fff;
    text-transform: uppercase;
    transition: 0.8s;
    font-size: 0.85rem;
    /*display: block;*/
}

.oltresolutions a.button_news span{
    
   background-color: #322e6d; 
}


a.button_news span:hover,
a.button_center:hover span{
    background: #fff;
    color: #636362;
    border:1px #636362 solid;
}
.oltresolutions a.button_news span:hover,
.oltresolutions a.button_center:hover span{
    
    border-color: #322e6d;
    color: #322e6d;
}
p.da{
    
   font-size: 0.75rem;
   padding:0;
   padding: 0;
    line-height: 1.2;
}


p.news_excerpt{
    margin-top: 1rem
}

.slider_box{

    padding: 2rem 0;

}
.slider_box.ev-next{

    padding: 0.5rem 0;

} 
.slider_box.all_news{

    margin: 0 0 1rem 0;
    padding:1rem 0rem 0 0;width: 90%;

}
.slider_box  div.box-image{
    /* width: 25%;*/
    width: 12rem;
    height: 12rem;
    margin-right: 1rem ;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.slider_box  div.box-text{

    position: relative;
    width: 35REM;
    float: left;
    min-height: 200px;
}
.slider_box  div.box-text h3,body.home .slider_box.all_news .content h3{
    font-size: 1rem;
    
}
div.content_next_event{
    position: relative;
    display: flex ;
    margin-top: 2rem;
}
div.date_numb{

    font-size: 3.5rem;
    font-weight: 800;
    margin: 0;
    color: #1d1d1b;
    text-transform: uppercase;
    line-height: 3rem;
}

div.data_month{
    margin:  0;
    color: #1d1d1b;
    text-transform: uppercase;
    line-height: 3rem;

}
div.data_container{
    padding: 0rem 0;

    flex: 1;
    text-align: center;
    color: #fff;
    display: flex;
    font-size: 30px;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.site-main{
    min-height: 85vh;
}
/*
.middle_box{
    
   
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;color: black;
    background: rgba(255,255,255,1);
    position: absolute;
    border: 0;
    left: calc(25%);
    width: 50%;
    bottom: calc(50% - 50px);
    height: 200px;
    font-size: 1.25rem;
    text-transform: uppercase;
    
    font-size: 22px;
     
}*/
.middle_box{ 
    color: #fff;
    background: #d20a11;
    position: absolute;
    border: 0;
    left: calc(50% - 70px);
    /* width: 206px; */
    bottom: calc(50% - 8px);
    /* height: 200px; */
    font-size: 1.25rem;
    text-transform: uppercase;
    font-size: 1rem;
    /* font-weight: 800; */
    margin: 0 auto;
    padding: 1rem;

}

.oltresolutions .middle_box{
    background:#322e6d;
}

.entry-content-new a div.middle_box{
    opacity: 0;
    transition: 0.8s;
}

.entry-content-new a:hover  img{
    filter: blur(2px);

}

.entry-content-new a:hover div.middle_box{
    opacity: 1;
}

.metaslider .flex-control-nav li a {
    margin: 0 10px!important;
    padding: 0;
}

.flex-control-paging li a {
    width: 5px!important;
    height: 5px!important;
}


.site-navigation .current_page_item > a, 
.site-navigation .current_page_ancestor > a, 
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a{

    color:#cfcece!important;
}


.blockPdf{

    height: 70%;
    background-color:#cfcece!important;


}

.oltresolutions .blockPdf{
    
     background-color:#007ec5!important;
    
}

.oltresolutions .blockPdf .far.fa-file-pdf,
.oltresolutions .blockPdf h3,
.oltresolutions .blockPdf p
{
    
    color:#fff!important;
}

.oltresolutions .blockPdf .wp-block-file .wp-block-file__button{
    
    background-color:#322e6d!important;
}

.blockPdf .wp-block-file{
    position: absolute;
    bottom:1.5rem;

}

#secondary  ul.sub-menu li a i{
    display: none!important;
}

.blockleft{
    height: 25rem;
    background: #cfcece!important;
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
}
div.semicontainer{

    display: flex;
    align-items: center;
    justify-content: start;
        height: 10rem;

}
div.semicontainer div{
    padding-right: 30%;
}

div.semicontainer i{
    font-size: 2rem;

}
div.semicontainer span{
    font-size: 2rem;
    font-weight: 800;
    padding-left: 1rem;


}

div.semicontainer p{ font-size: 1.25rem;
                     margin-top: 0.5rem;
                     text-align: left;

}

#secondary .search-form,
#secondary .search_block{

    transition: 0.5s;
    opacity: 0;
}

#secondary.active .search-form,
#secondary.active .search_block{

    opacity: 1;
}
#secondary .search-form{
    margin: 0 auto;
    width: 75%;

}


#menu-left-menu a > i {

    font-size: 2em!important;

}

article.search-box-el{

    width: 29%;
    padding: 2rem;
    border: 1px solid;
    margin: 0.25rem;
}
.entry-content a, .entry-summary a, .page-content a, .comment-content a{
    text-decoration: none;

}
div.search_result{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.paging-navigation .page-numbers.current,
.paging-navigation a:hover{

    border-top: 5px solid #d20a11!important;
}

div.banner_pay{

    /*background-image: url("imgs/bkgr_w.jpg");*/
    height: 7rem;
    background-origin: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    /* position: absolute; */
    top: 0;
    position: relative;
    left: 0;

    width: calc(100% );
}

div.banner_pay h1{
    position: absolute;
    top: calc(50% - 2rem);
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 2rem;
    font-weight: 500;
}

.wp-block-file a:first-child{

    display: none; 
}

#ajax-primary{
   /* padding-left: 90px;   */

}


.oltresolutions .widget_text.blockleft {
    height: 12.5rem;
}




/*********************************************** MOBILE *****************************/


@media only screen and (max-width : 1441px) {
   

    article.search-box-el {
        width: 27%;}
    /* Styles */

    body{
        font-size: 14px;

    }
    h2 {
        font-size: 1.25rem;
        line-height: 1;
    }

    h3 {
        font-size: 1.0rem;
        line-height: 1;
    }
    .container_home,
    .container_home_slide {
        padding: 0;
        margin: 0.5rem;    margin-top: 1rem;
        width: 50%;
    }
    div.date_numb,
    div.data_container{
        font-size: 2rem;
    }
    div.data_month,
    div.semicontainer span{
        font-size: 1.5rem;
        line-height: 2.5rem;
    }

    div.semicontainer {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    div.semicontainer div{
        padding: 0;
    }
    .home-row {
padding-left: 4.5rem;
        margin-top: 1rem;
    }
    div.banner_pay h1{

        font-size: 2rem;
    }
    div.banner_pay{
        
      /*  height: 15rem;*/
    }
    .slider_box div.box-text{
        width: 30rem;
    }
}

@media screen and (min-width:1441px){
 
    .container_home.gallery_h{
        
       padding-left: 4rem;
    }
}
@media screen and (max-width: 1007px){
    .home-row{
        padding: 0
    }
    #ajax-primary{
        padding:0;   

    }

    h1.maintitle{
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 4rem;
        margin-left: 0;
        font-size:1.5rem;
       
    margin-top: 3rem;
    }


    article.search-box-el {
        width: 40%;}

    #secondary{
        display: none !important;
    }

    .grid-sizer,
    .grid-item ,
    .archive.category .grid-sizer,
    .archive.category .grid-item,
    .page-template-post-archive .grid-item{ 
        width: 49%; 
    }

    .content-area {
        float: left;
        width: 100%;
    }

    div.semicontainer{


        justify-content: space-around;
    }
    div.semicontainer div{
        padding-right: 0;

    }


}

@media screen and (min-width: 1008px){



    .site-content {

    margin-left: 90px;;
    }


    .secondary-navigation li:hover > a,
    .secondary-navigation li.focus > a,
    .secondary-navigation ul ul a:hover,
    .secondary-navigation ul ul li.focus > a ,
    .secondary-navigation ul ul{
        background-color: #d20a11;
    }


   .oltresolutions  .secondary-navigation li:hover > a,
    .oltresolutions .secondary-navigation li.focus > a,
   .oltresolutions  .secondary-navigation ul ul a:hover,
   .oltresolutions .secondary-navigation ul ul li.focus > a ,
   .oltresolutions .secondary-navigation ul ul{
       
        background-color: #007ec5;
    }
    
    
    header {
        display:none;
    }
    
    #secondary{
        padding: 0;
        margin:0;
        position: fixed;
        width: 70px;
        background-color: #2b323a;
        transition: .6s width ease-in-out;
    }
    
    #secondary .navigation, #secondary .menu-left-menu-container, #secondary .menu-left-menu, #secondary .menu-left-menu > li{
        width: 70px;
        margin: 0;
        transition: .6s width ease-in-out;
    }
    .masthead-fixed .site-main {
        margin-top: 0;
    }
    #secondary.active, #secondary.active .navigation, #secondary.active .menu-left-menu-container, #secondary.active .menu-left-menu, #secondary.active .menu-left-menu > li{
        width: 230px;
    }
    #secondary.active .menu > li > a > span{
        opacity: 1;
    }
    #secondary.active .menu > li > a{

    }
    #secondary .menu > li > a > span{
        opacity: 0;
        transition: .4s opacity ease-in-out;
    }
    .menu-toggle{
        background-color: #2b323a;
        width: 70px;
        height: 60px;
        display: flex;
        justify-content: center;
    }
    .menu-toggle:focus, .menu-toggle:hover, .menu-toggle:active{
        background-color: unset !important;
        outline: unset !important;
    }
    #content.active{
        margin-left: 225px !important;
    }
    #content{
           margin-left: 87px; 
        transition: .6s margin-left ease-in-out;
        margin-top: 4rem;
    }
    body.home  #content{
         margin-left: 0
    }
}








@media screen and (max-width: 783px){

    .site-navigation a:hover{
        
        color: #d20a11;
    }
    .oltresolutions .site-navigation a:hover{
        
        color: #007ec5;
    }
    
    .slider_box.all_news {
        margin: 0px 0 2rem 0;
        padding: 1rem 1rem;
    }

    .metasl {
        width: calc(100% - 2rem);
        padding: 1rem;
    }


    #page h2.title_box{

        padding: 1rem 1rem;
    }


    body.home .site-content{
        padding: 1rem;
    }

    body.home footer.site-footer{
        padding: 0;
    }

    footer.site-footer{
        padding: 0
    }
   .evidenza .title_box_slide{
        flex-direction: column; 

    }

    .slider_box.all_news .title_box_slide{
        flex-direction: row; 

    }

    .slider_box  div.box-image{
        width: 100%;
        margin-right:0;
        height: 20rem;

    }

    .slider_box  div.box-text{

        width: 100%;   
        padding-top: 1rem;
    }

    .content-area{

        width: 100%    
    }  

    article.search-box-el{

        width: 100%;
        padding: 2rem;
        border: 1px solid;
        margin: 0.25rem;
    }

    .blockPdf{

        width: 75%

    }
    .blockPdf h3{

        font-size: 1rem;
    }

    .blockPdf .wp-block-file{
        position: relative;
        bottom:0;

    }
    
    
    
    .date_news{

        /* position: relative;  
         padding: 0.5rem 0.75rem;
         right: 0;
         color: #fff;
         background: #636362;
         font-weight: 800;
         display: block;
         top: -2rem;
         width: AUTO;
         MARGIN-BOTTOM: 2REM;*/
    }
    .home-row{

        flex-direction: column;
    }
    .container_home,.container_home_slide {
        width: 100%;
        margin: 0;padding: 0;
        margin-bottom: 2rem;

    }
    .banner_pay h1{
        font-size: 2rem;
        line-height: 2.5rem!important;
        top: calc(35% - 2rem)!important;

    }

    div.banner_pay{

        left: 0;
        width: 100%;
        top: 0;
        height: 7rem;
        width: 100%;
    }

    #primary-menu li a i{
        display: none !important;
    }
    .grid-sizer,.grid-item ,
    .archive.category .grid-sizer,
    .archive.category .grid-item,
    .page-template-post-archive .grid-item
    { width: 100%; }
}

@media screen and (min-width: 1080px){
    .site-content, .site-main .widecolumn{margin-left: 0}

}
@media screen and (min-width: 784px){
    #content-sidebar{
        width: 20% !important;
        margin-left: -20% !important;
    }
    #secondary-navigation{
        border: none;
        margin-bottom: 60px !important;
    }
}

@media screen and (min-width: 673px){
    
    
    .primary-navigation li:hover > a, 
    .primary-navigation li.focus > a,
    .primary-navigation ul ul,
    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a{
        /*background-color: #d20a11;*/
        color: #d20a11;
    }
    
    .oltresolutions .primary-navigation li:hover > a, 
    .oltresolutions .primary-navigation li.focus > a,
    .oltresolutions .primary-navigation ul ul,
    .oltresolutions .primary-navigation ul ul a:hover,
    .oltresolutions .primary-navigation ul ul li.focus > a{
        /*background-color: #d20a11;*/
        color: #007ec5;
    }

    
    
    .content-area {
        float: left;
        width: 100%
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    /* Styles */
  .site-content .entry-content {
    padding-top: 9.5rem;
    }
    body.home footer.site-footer{
        padding: 0;
    }
    .content-area{
        width: 100%;
    }
    div.banner_pay{

        left: 0;
        width: 100%;
        top: 0;
        height: 7rem;
        width: 100%;
    }
    .container_home{
        padding: 0;
    }
    html,body{
        font-size: 12px
    }

    .slider_box div.box-image{
        width: 50%;
    }
.home-row {
    
 /*   padding-left: 6rem;*/
}
.primary-navigation li:hover > a, 
    .primary-navigation li.focus > a,
    .primary-navigation ul ul,
    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a{
       background-color: #d20a11; 
        color: #fff;
    }
 


    .oltresolutions .primary-navigation li:hover > a, 
    .oltresolutions .primary-navigation li.focus > a,
    .oltresolutions .primary-navigation ul ul,
    .oltresolutions .primary-navigation ul ul a:hover,
    .oltresolutions .primary-navigation ul ul li.focus > a{
       background-color: #007ec5; 
        color: #fff;
    }
}


/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
    .blockPdf{

        width:  70%;


    }



    /* Styles */
}
@media only screen
and (min-width : 768px)
and (max-width : 1224px){

    .container_home{
        padding: 0;
    }
    .slider_box  div.box-text{


        width: 350px;;

    }
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    article.search-box-el {
        width: 27%;}
    /* Styles */




}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}