/* ROSSO #de3e3e */
/* D2991A */


p{
    font-size: 1.2em !important;
}

.mediavip-categoriesblock-section{padding-top: 25px; padding-bottom: 10px;}

#themejs-breadcrumb{text-transform: uppercase; color: #D2991A;}

.w-info-box.w-large:hover .w-header{
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    opacity: 0;
    z-index:0;
}
#mediavip-home-main-categories-block .col-inner,
#mediavip-home-main-banner-block .col-inner{cursor: pointer;}
#mediavip-home-main-categories-block img.img-responsive,
#mediavip-home-main-banner-block img.img-responsive{width: 100%; max-width: 200px;}

/* pagina i servizi */
.macpan-services{padding: 0px; margin: 0px;}
.macpan-services > .row > div img{width: 100%; height: auto;}
/* #cms #center_column .macpan-services img{margin: 0 !important;} */
.macpan-services > .row > div h2{display: block; text-align: center; margin:auto; margin-top: 40px; /* 140px; */ font-size: 22px; max-width: 80%;}
.macpan-services:not(.company) > .row > div p{text-align: center; width: 80%; margin: auto; padding: 25px;}
.macpan-services.company > .row > div h2{text-align: left !important; margin-left: 0px;}
.macpan-services:not(.company) > .row{padding: 0px; margin:0px; /* background-color: #f4f2f1; */ }
.macpan-services:not(.company) > .row > div{padding: 0px;}
@media (max-width: 768px) {
    .macpan-services > .row{margin-bottom: 50px;}
}

a#company_profile_banner_link{display: block; width: 100%;}




ul#pt_custommenu_itemmobile li a{text-transform: uppercase;}

#mediavip-home-main-banner-block .w-content > div{display: block; margin: auto; width: 100%; max-width: 400px;}

#mediavip-main-category-everywhereslide,
#mediavip-cms-everywhereslide
{position: relative; width: 100%; display: block; margin-bottom: 15px;}

#mediavip-main-category-everywhereslide > .SEslider,
#mediavip-cms-everywhereslide > .SEslider
{max-width: 100% !important;}

#mediavip-main-category-everywhereslide > .SEslider h2.slidetitle,
#mediavip-cms-everywhereslide > .SEslider h2.slidetitle
{background-color: #D2991A; /*#DF3E62;*/ opacity: 1; font-size: 58px;}
@media (max-width: 480px) {
    #mediavip-main-category-everywhereslide > .SEslider h2.slidetitle,
    #mediavip-cms-everywhereslide > .SEslider h2.slidetitle
    {display: none;}
}

.vspace20{display: block; padding-top:20px;}
.no-padding{padding: 0px;}
/*@media (max-width: 991px) {
    #header_logo{max-width: 200px;}
}*/
@media (min-width: 768px) {
header#header > .header_container > .container{width: 100% !important; max-width: 1200px !important; padding-left: 20px; padding-right: 20px;}
}
.contact-form-box{background: transparent !important; background-image: none !important;}

.section-isotope #subcategories ul li{height: auto;}

/*h1,h2,h3,h4,h5,h6{color: #000000 !important;}*/
h1{font-size: 30px; font-weight: bold; margin-bottom: 20px; color: #D2991A; margin-top: 4px !important; text-transform: uppercase;}
body#index h1{margin-top: 18px !important;}
h1,h2,h3,h4{color: #D2991A; font-weight: bold;}
h1 > a,h2 > a,h3 > a,h4 > a{color: #D2991A; font-weight: bold;}
h1 > a{color: #D2991A;}
.bordered{background-image: url('../images/brd.png'); background-repeat: no-repeat; background-position: top center; padding: 40px;}
img.image-responsive{width: 100%; height: auto;}
.footer-container{padding-top: 20px;background-image: url("../images/ftr-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-color: #000;}

.footer-block-logo > .col-xsar-12 > div{display: block; width: 100%;}
.footer-block-logo > .col-xsar-12 > div > img.right{float: right; max-width: 120px; height: auto;}
.footer-block-logo > .col-xsar-12 > div > img{float: left; margin: 5px; max-width: 70px; height: auto;}

.footer-block-logo > .col-xs-12 > div{display: block; width: 100%;}
.footer-block-logo > .col-xs-12 > div > img{float: right; margin: 5px; max-width: 70px; height: auto;}
.footer-block-logo > .col-xs-12 > div > img.left{float: left; max-width: 120px; height: auto;}

#center_column hr{border-top: solid 1px #D2991A;}
#cms #center_column img:not(.nozoom){cursor: pointer;}

@media (max-width: 992px) {
    #cms #center_column .col-md-8{padding-top: 15px;}
}
@media (min-width: 992px) {
#cms #center_column .col-md-8{border-right: solid 1px red;}
}



.home_blog .blogSlider_container .blog_item .blog_info p.date_added{
    background-color: #D2991A;
    padding: 8px 8px;
    display: inline-block;
    color: #FFFFFF;
}

#pt_menu23 .parentMenu > a > i{display: none;}
#popup23{display: none !important;}
#pt_custommenu .pt_menu_cms.pt_menu.pt_menu_cms_page .parentMenu > a::after{
    content: '';
}


.block-cms ul.bullet.list-group li a{text-transform: uppercase;}


/* Home Slide content and btn */
.pos-slideshow-info{top: 20% !important;}
.pos-slideshow-info .desc_slider a.lnk_more{background-color: #D2991A; color: #FFFFFF; border-color: #de3de3;}
.pos-slideshow-info .desc_slider a.lnk_more:hover{background-color: #D2991A; color: #FFFFFF; border-color: #FFFFFF;}
.pos-slideshow-info .desc_slider a.lnk_more::before{border-color: #D2991A;}
.pos-slideshow-info .desc_slider a.lnk_more::after{border-color: #D2991A;}
.pos-slideshow-info .desc_slider a.lnk_more:hover::before{border-color: #ffffff;}
.pos-slideshow-info .desc_slider a.lnk_more:hover::after{border-color: #ffffff;}
@media (max-width: 480px) {
    .pos-slideshow-info .desc_slider a.lnk_more{font-size: 0.8em; white-space: nowrap;}
}

span.new-label{display:none !important;}

.product_content .item .right-block h5 a{
    word-wrap: normal !important;
    text-overflow: initial !important;
    margin-top: 5px;
    white-space: initial;
    line-height: 1.1em;
    height: 2.2em;
    overflow: hidden;
}

#usefull_link_block li button.social-sharing{border-color: #FFFFFF; height: 42px; width: 42px;
  text-align: center;
}
#usefull_link_block li button.social-sharing span{display: none;}

.breadcrumb_container{padding: 0px !important; border-bottom: 0px !important; border-top: 0px !important;}

.static_top .txt_in{display: table; width: 100%;}
.static_top .txt_in .tcell{display: table-cell;vertical-align: top;}
.static_top .txt_in span{white-space: normal;}
.static_top .txt_in span.txt2{font-size: 14px; text-align: left; text-indent: 15px;}
.static_top .txt_in span.txt1{font-size: 16px; font-weight: bold; text-align: left; text-indent: 15px;}

.static_top .txt_in span.txt1{white-space: nowrap;}
@media (min-width: 1200px) {
    .static_top .txt_in.padding{padding: 15px; padding-left: 0px;}
    .static_top .txt_in .middle{padding: 15px; /*padding-left: 15px; padding-right: 15px;*/}
}

.pt_custommenu_mobile .navbar .navbar-inner.navbar-active .btn-navbar::after,
.pt_custommenu_mobile .navbar .navbar-inner.navbar-inactive .btn-navbar::after
{
    content: "\f0c9";
}


.footer-container{ background: #202020; padding-top: 24px;}

.copyright{padding: 0 !important;}

.footer-container-bottom{display: block; width: 100%;background: #121212;padding: 20px 0px;}
.footer-container h6{font-weight: bold;font-size: 18px;text-transform: uppercase;}
.footer-container hr{border-top: 1px solid #777777;}
.footer-container ul{list-style: inside;}
.footer-container .nav > li > a{}

.footer-container p{font-size: 12px; text-transform: uppercase;}
.footer-container ul li{border-bottom: 1px solid #333333; font-size: 12px; line-height: 36px; text-transform: uppercase;}
.footer-container ul li a{font-size: 12px; line-height: 36px; text-transform: uppercase;}

.footer-container ul.social-links li{border-bottom: 0px;}
.footer-container ul.social-links li a{padding: 3px; width: 32px; text-align: center; height: 32px;}
.footer-container ul.social-links li a i{font-size: 1.5em; }
.footer-container .footer-block-row > div{margin-bottom: 40px;}


@media (max-width: 768px) {
    .row.home-two-banner > div{margin-bottom: 15px;}
}

#mediavip-categories p.subcategory-heading{font-size: 13px; color: #D2991A; /*#DF3E62;*/ text-transform: uppercase;}
#mediavip-categories ul li{margin: 0 0 13px 13px; }
#mediavip-categories ul li a{font-size: 12px !important; display: block; padding: 5px; color: #FFFFFF;}
/* #mediavip-categories ul li a img{width: 32px; height: auto; margin-right: 5px;} */

#mediavip-categories ul li a img{display: none;}

#mediavip-categories ul li a.selected{/*color: #D2991A;*/ font-weight: bold; position: relative;}

#mediavip-categories ul li a.selected::before{content:' '; position: absolute; left: -7px; top: 0px; width: 4px; height: 100%; background-color: #D2991A;}

/*
#mediavip-categories ul li a.selected.category-19::before{background-color: #fe4900;}
#mediavip-categories ul li a.selected.category-20::before{background-color: #ffa901;}
#mediavip-categories ul li a.selected.category-21::before{background-color: #ff0025;}
#mediavip-categories ul li a.selected.category-22::before{background-color: #00a4d9;}
*/

#mediavip-categories ul li a:hover {
    color: #e7e7e7;
}
#mediavip-categories ul li h5 {
    text-align: left;
    margin-top: 4px;
    margin-bottom: 4px;

    background-color: #000000;
}

@media (max-width: 768px) {
    #mediavip-categories ul{width: auto; margin: auto; text-align: center;}
    #mediavip-categories ul li{float: left; width: 20% !important; border-bottom: 0px !important;}
    #mediavip-categories ul li a{text-align: center;}
    #mediavip-categories ul li a img{display: block; margin: auto; margin-bottom: 5px;}
    #mediavip-categories ul::after{content: ''; clear: both;}
}

#subcategories ul li .subcategory-name2{font-size: 12px !important; display: block;}
#subcategories ul li .subcategory-name2.selected{background-color: #D2991A; color: #FFFFFF;}
#subcategories ul li .subcategory-name{font-size: 12px !important; display: block;}
#subcategories ul li .subcategory-name.selected{background-color: #D2991A; color: #FFFFFF;}
#subcategories ul.clearfix li{width: 89%;}
#subcategories p.subcategory-heading{font-size: 13px; color: #D2991A; /*#DF3E62;*/ text-transform: uppercase; font-weight: normal;}

#product-list-isotope{opacity: 1;
                      /*
-webkit-animation: fadeOut 0.5s ease-out;
    -moz-animation: fadeOut 0.5s ease-out;
    -o-animation: fadeOut 0.5s ease-out;
    animation: fadeOut 0.5s ease-out;
                      */
}


#product-list-isotope > .loading{display: none;}
/*
#product-list-isotope.loading{position: relative; max-height: 500px; overflow: hidden; opacity: 0.3;}
@-webkit-keyframes fadeOut {
    0% {
        display: block;
        opacity: 1;
    }

    1% {
        display: block;
        opacity: 0.99;
    }

    100% {
        display: none;
        opacity: 0;
    }
}
*/

/*
#product-list-isotope.loading > .loading{display: block; position: relative; width: 100%; height: 500px; background-color: rgba(0,0,0,0.7); z-index:10;}
#product-list-isotope.loading > .loading > i{position:absolute; top: 40%; left: 45%; color: #FFFFFF; font-size: 4em;}
*/

.product-container .price-box{display: none;}
.btn_container .add_to_compare{display: none;}
#product_condition{display: none;}

#subcategory_mobile_select option{padding: 5px;}

.popup .itemSubMenu.level3 a{
    color: #1c1c1c;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 12px;
}
.popup .itemSubMenu.level3:hover a,
.popup .itemSubMenu.level3 a:hover{
    color: #D2991A;
}
.pt_custommenu .pt_menu .popup .block1{
    padding: 0px;
}

#pt_custommenu .pt_menu_cms.pt_menu .parentMenu > a::after{
    content: "\f107";
    -moz-osx-font-smoothing: grayscale;
    font-family: FontAwesome;
    margin-left: 3px;
    font-size: 12px;
    font-weight: normal;
}


div.selector span{text-shadow: initial !important;}
.header_user a.icon_top:hover, .header_user a.icon_top.active{
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
}



/* Product Custom Form */

.mediavip-customform input::-webkit-input-placeholder,
.mediavip-customform textarea::-webkit-input-placeholder
{
    text-transform: uppercase;
}
.mediavip-customform input::-moz-placeholder,
.mediavip-customform textarea::-moz-placeholder
{
    text-transform: uppercase;
}
.mediavip-customform input:-moz-placeholder,
.mediavip-customform textarea:-moz-placeholder
{   /* Older versions of Firefox */
    text-transform: uppercase;
}
.mediavip-customform input:-ms-input-placeholder,
.mediavip-customform textarea:-ms-input-placeholder
{ 
    text-transform: uppercase;
}

.mediavip-customform input[type="text"],
.mediavip-customform input[type="email"],
.mediavip-customform textarea{
    padding: 10px; height: auto !important;
}
.mediavip-customform .form-group .checker
{
    float: left;
}
.mediavip-customform .form-group label
{
    color: #bebebe; font-weight: normal;
}

.mediavip-customform .form-group label a{
    text-decoration: underline;
}



.mediavip-customform .form-group.withSelect{
    position: relative; width: 100%; max-width: 270px;
}

.mediavip-customform .form-group select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%; max-width: 270px; padding: 10px;
   border: 1px solid #d6d4d4;
   opacity: .5;
}
.mediavip-customform .form-group select option{
    padding: 3px;
}
.mediavip-customform .form-group select option::first-child{
    text-transform: uppercase !important;
}
.mediavip-customform .form-group select::-ms-expand { /* for IE 11 */
    display: none;
}
.mediavip-customform .form-group{
    margin-bottom: 15px;
}

.select__arrow {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    pointer-events: none;
        background-image: url('../images/select-icon.png');
        background-repeat: no-repeat;
        background-position: top left;
        /*
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #7b7b7b transparent transparent transparent;
        */
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
    border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}


/* END Prouduct Custom Form */

/* Hide address for this project */
body#order .order_delivery,
body#order-opc .order_delivery
{display: none;}

body#order table#cart_summary tr.cart_total_delivery,
body#order-opc table#cart_summary tr.cart_total_delivery
{display: none;}

body#order ul#order_step > li,
body#order-opc ul#order_step > li
{width: 25% !important;}

body#order-opc #opc_account{display: none;}
body#order-opc #carrier_area{display: none;}




/*
    ------------------------------------
    http://tympanus.net/Tutorials/CaptionHoverEffects/index3.html
    Some fix to handle hover without the .notouch parent class
*/

figure > figcaption > .descriptionShort{text-align: left; display: block; color: #FFFFFF; font-size: 16px;}
figure > figcaption > h3{color: #D2991A; font-weight: bold; padding-bottom: 20px; }

.grid {
    /*padding: 20px 20px 100px 20px;*/
    /*max-width: 1300px;*/
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

/*
.grid li {
    display: inline-block;
    width: 440px;
    margin: 0;
    padding: 20px;
    text-align: left;
    position: relative;
}
*/
.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
        border-bottom: solid 1px #fff;
        border-bottom-style: dashed;
        padding-bottom: 5px;
        margin-bottom: 10px;
}
/*
.grid figcaption span:before {
    content: 'by ';
}
*/
.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #D2991A;
    color: #fff;
}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
    margin-top: 70px;
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

/* Caption Style 2 */
.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}

.cs-style-2 figcaption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cs-style-2 figcaption a {
    position: absolute;
    right: 20px;
    top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img,
.cs-style-3 figure:hover img{
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0.9;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}



#subcategories ul li{
    border-bottom: solid 1px #cecece;
}

/*#subcategories ul li h5{text-align: left; margin-top: 4px; margin-bottom: 4px;}*/
#subcategories ul li h5{text-align: left; margin-top: 0px; margin-bottom: 0px;}
#subcategories ul li h5 > a{font-size: 14px !important; padding: 6px;}

.w-info-box.w-large .w-content{font-size: 1.2em;}



/* slide */
.pos_description .x_tlid-translation{
 font-size: 32px;
 line-height: 1em;
  text-transform: uppercase;
  color: #D2991A;
}

.pos_description{
  background: rgba(255,255,255,.8);
  padding: 30px;
}



@media (max-width: 650px) {
    .pos_description{
        display: none;
    }
}

@media (min-width: 651px) and (max-width: 992px) {
     .pos_description .x_tlid-translation,
     .pos_description .x_tlid-translation span
     {
        font-size: 20px !important;
     }
}





/* xs micro */
@media (max-width: 480px) {
    /* .mediavip-categoriesblock-section{background-color: yellow;} */
}

@media screen and (min-width: 481px) and (max-width: 768px) { 
    /* .mediavip-categoriesblock-section{background-color: red;} */
    .mediavip-categoriesblock-section .container .grid > div.col-xs-12{width: 50%; float: left;}
}

/* xs */
@media (max-width: 768px) {
/*    .cs-style-3 figcaption{
        height: 420px;
    }*/
    .cs-style-3 figure > a > img{margin: auto;}
}

/* sm */
@media (min-width: 768px) {
/*    .cs-style-3 figcaption{
        height: 330px;    
    }*/
}
/* md */
@media (min-width: 992px) {
/*    .cs-style-3 figcaption{
        height: 205px; 
    }*/
}
/* lg */
@media (min-width: 1170px) {
/*    .cs-style-3 figcaption{
        height: 263px;
    }*/
}


.cs-style-3 figcaption{
    height: 100%;
}






.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption, 
.cs-style-3 figure:hover figcaption{
    opacity: 0.9;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cs-style-4 figure > div {
    overflow: hidden;
}

.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cs-style-6 figcaption h3 {
    margin-top: 60%;
}

.cs-style-6 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child { z-index: 6; }
.cs-style-7 li:nth-child(2) { z-index: 5; }
.cs-style-7 li:nth-child(3) { z-index: 4; }
.cs-style-7 li:nth-child(4) { z-index: 3; }
.cs-style-7 li:nth-child(5) { z-index: 2; }
.cs-style-7 li:nth-child(6) { z-index: 1; }

.cs-style-7 figure img {
    z-index: 10;
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
    pointer-events: auto;
    opacity: 1;
    height: 130%;
    box-shadow: 0 0 0 10px #2c3f52;
}

.cs-style-7 figcaption h3 {
    margin-top: 86%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 10px 10px;
    }
    .grid li {
        width: 100%;
        min-width: 300px;
    }
}


/* 20122019 */

.oneline, .pt_custommenu .pt_menu .popup .block1 .column .itemMenuName, .pt_custommenu_mobile .navbar .navbar-inner .btn-navbar, ul#pt_custommenu_itemmobile li a{
    text-overflow: clip;
    overflow: visible;
}


@media screen and (min-width: 992px) {
    #block118{
        width: 300px !important;
    }

    .pt_menu_cms.pt_menu .popup .block1{
        width: 300px !important;
    }
}

.pt_custommenu .pt_menu .popup .block1 .column{
    width: 90%;
}


.macpan-home-blocks .row .col-xs-3{
  max-width: 60px !important;
}

.macpan-home-blocks .row .col-xs-9{
  text-align: left !important;
}

#mediavip-home-main-categories-block{
    background-color: #000000;
    padding-top: 2em;
    padding-bottom: 0px;
}

#mediavip-home-main-categories-block  h3.text-center{
    margin-bottom: 18px;
}


#mediavip-home-main-categories-block .mediavip-categories-block-section > .row > .col{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 460px;
}

#mediavip-home-main-categories-block .w-info-box.w-large{
    color: #FFFFFF;
}



.pt_custommenu .pt_menu.act .parentMenu a, .pt_custommenu .pt_menu.active .parentMenu a,
.pt_custommenu .pt_menu .popup .block1 .column .itemMenuName:hover
{
    color: #D2991A;
}

#mediavip-home-main-banner-block .row .col a{
    display: block; width: 100%;
}

#mediavip-home-main-banner-block .row .col{
  padding: 1px;
}

body#index .home_blog{
    display: none !important;
}

#mediavip-home-main-banner-block{
    background-color: #000000;
}


#home-douhaveaproject-section{
    padding-top: 4em;
    padding-bottom: 4em;
    background-image: url('../images/bg-project.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}

#home-douhaveaproject-section .container .row > div{ text-align: center; color: #000000; }

#home-douhaveaproject-section .-title1
{
    font-weight: bold;
    color: #000000;
    font-size: 2em;
    line-height: 2em;
}
#home-douhaveaproject-section .-title2
{
    font-size: 1.5em;
    line-height: 1.5em;
}

#home-douhaveaproject-section a.btn,
#home-douhaveaproject-section a.btn:hover,
#home-douhaveaproject-section a.btn:active,
#home-douhaveaproject-section a.btn:focus
{
    margin-top: 3em;
    background-color: #D2991A;
    border-color: #D2991A;
}

#cms .SEslider{max-width: 100% !important;}



.macpan-services .green-head{
  padding: 1em;
  background: #000000;
  color: white;
  position: relative;
  display: inline-block;
  margin-top: 110px;
  font-size: 1.3em;
}

.macpan-services.macpan-services-3cols .green-head{
    margin-top: 10px;
}


.macpan-services:not(.company) .row > div > h2,
.macpan-services:not(.company) .row > div > p{
    text-align: left;
    margin-left: 0px;
}



.macpan-services:not(.company) .row > div > p{
    padding-left: 0px;
}

.macpan-services.company p{
    text-align: justify !important;
}


.macpan-services .row > div > a.btn-primary{
    margin-bottom: 120px;
}

.macpan-services .row > div > img{
    max-width: 90% !important;
    margin-bottom: 2em;
}

.macpan-services .row > div .btn-primary{
    background-color: #D2991A !important;
    border-color: #D2991A !important;
}

h2.slidetitle small{
    font-size: .4em;
    color: #FFFFFF;
    display: block;
}



.macpan-services.company .row{
    margin-bottom: 4em;
}
.macpan-services.company .row div h2{
    margin-top: 0;
}


.back-top a:hover {
    background: #D2991A !important;
}