/* Page Content Star */
#page-content { padding: 100px 0; overflow: hidden; background-image: radial-gradient(circle at 43.75% 48.333333333333336%, #333333 0%, 17.5%, rgba(51,51,51,0) 35%), radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #333333 0%, 20%, rgba(51,51,51,0) 40%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #333333 0%, 42%, rgba(51,51,51,0) 70%), radial-gradient(circle at 93.6865234375% 11.42578125%, #333333 0%, 42%, rgba(51,51,51,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);}
    #page-content.full { padding: 0;}
    #page-content.full .page-content { text-align: center;}
/* Page Content End */


/* Parrucchiere List Star */
ul.parrucchiere-list { margin-top: 50px;}
    ul.parrucchiere-list li { margin-right: 3.000000%; margin-bottom: 40px; float: left; text-align: center; width: 31.333333%; background-image: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #999999 0%, 20%, rgba(153,153,153,0) 40%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #666666 0%, 42%, rgba(102,102,102,0) 70%), radial-gradient(circle at 93.6865234375% 11.42578125%, #666666 0%, 42%, rgba(102,102,102,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);}
    ul.parrucchiere-list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    ul.parrucchiere-list li .image { overflow: hidden;}
    ul.parrucchiere-list li:hover .image img { transform: scale(1.2);  -ms-transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);}
    ul.parrucchiere-list li .name { font-family:'B0XING'; margin: 50px auto; font-size: 56px; color: rgba(85,85,85,1); line-height: 1;}
    ul.parrucchiere-list li .social { margin-bottom: 70px;}
    ul.parrucchiere-list li .social img:hover { transform: translate3d(0,-10px,0);  -ms-transform: translate3d(0,-10px,0);  -moz-transform: translate3d(0,-10px,0);  -webkit-transform: translate3d(0,-10px,0);  -o-transform: translate3d(0,-10px,0);}
    ul.parrucchiere-list li:nth-child(3n) { margin-right: 0;}
/* Parrucchiere List End */


/* Barbershop List Star */
ul.barbershop-list { margin-top: 50px;}
    ul.barbershop-list li { margin-right: 3.000000%; margin-bottom: 40px; float: left; text-align: center; width: 31.333333%; background-image: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #999999 0%, 20%, rgba(153,153,153,0) 40%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #666666 0%, 42%, rgba(102,102,102,0) 70%), radial-gradient(circle at 93.6865234375% 11.42578125%, #666666 0%, 42%, rgba(102,102,102,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);}
    ul.barbershop-list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    ul.barbershop-list li .image { overflow: hidden;}
    ul.barbershop-list li:hover .image img { transform: scale(1.2);  -ms-transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);}
    ul.barbershop-list li .name { font-family:'B0XING'; margin: 30px auto; font-size: 24px; color: rgba(85,85,85,1); line-height: 1;}
    ul.barbershop-list li:nth-child(3n) { margin-right: 0;}
/* Barbershop List End */

/* Case List Star */
ul.case-list { margin-top: 50px;}
    ul.case-list li { margin-right: 3.000000%; margin-bottom: 40px; float: left; text-align: center; width: 31.333333%; background-image: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #999999 0%, 20%, rgba(153,153,153,0) 40%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #666666 0%, 42%, rgba(102,102,102,0) 70%), radial-gradient(circle at 93.6865234375% 11.42578125%, #666666 0%, 42%, rgba(102,102,102,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);}
    ul.case-list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    ul.case-list li .image { overflow: hidden;}
    ul.case-list li:hover .image img { transform: scale(1.2);  -ms-transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);}
    ul.case-list li .name { font-family:'B0XING'; margin: 30px auto; font-size: 24px; color: rgba(85,85,85,1); line-height: 1;}
    ul.case-list li:nth-child(3n) { margin-right: 0;}
/* Case List End */

.page-content { color: #FFF;}

/* Category List Star */
.category-list { text-align: center; margin-bottom: 30px;}
    .category-list ul { margin: 0 auto; display: inline-table;}
    .category-list ul li { float: left; margin-right: 20px; background: #2f2f2f; font-family: 'B0XING'; font-size: 26px; padding: 15px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
    .category-list ul li:last-child { margin-right: 0;}
    .category-list ul li a { color: #FFF;}

    .category-list ul li.active { background: url('../img/contact-bg2.png') center no-repeat; background-size: cover;}
    .category-list ul li.active a { color: #000;}
/* Category List End */

/* Single Content Star */
.single-content { text-align: center; margin-top: 50px; font-size: 24px; color: #FFF; min-height: 200px;}
/* Single Content End */


/* Btn Link Star */
.btn-link { text-align: center; width: 142px; height: 40px; line-height: 40px; margin: 0 auto; background: #282626; border: solid 1px #282626; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .btn-link a { color: #FFF; display: inline-block; }
    .btn-link:hover { background: #FFF; border: solid 1px #282626;}
    .btn-link:hover a { color: #555;}
/* Btn Link  End */

/* Single Content Star */
#contact-content { font-weight: lighter;}
    #contact-content .head { padding: 90px 0; font-family:'B0XING'; font-size: 40px; color: #FFF; background: rgb(153, 153, 153); text-align: center; border-bottom: solid 1px #FFF;}
    #contact-content .contact { background-image: linear-gradient(90deg, #666666 0%, #CCCCCC 100%);}

    #contact-content .contact .lefts { float: left; width: 50.000000%;}
    #contact-content .contact .rights { float: right; width: 50.000000%; text-align: center; color:rgb(85, 85, 85);}

    #contact-content .contact .rights .address { margin-top: 14%; text-align: center;}
    #contact-content .contact .rights .address .content {  font-size: 16px; font-weight: lighter; margin-bottom: 20px;}


    #contact-content .contact .rights .social { margin-top: 60px; color: rgb(85, 85, 85);}
    #contact-content .contact .rights .social ul { width: 320px; margin: 0 auto 25px auto;}
    #contact-content .contact .rights .social ul a { color: rgb(85, 85, 85);}
    #contact-content .contact .rights .social ul li { float: left; width: 50.000000%; position: relative; line-height: 1;}
    #contact-content .contact .rights .social ul li:nth-child(1):after { position: absolute; right: 0; top: 0; content: ''; width: 1px; height: 100%; background: rgb(85, 85, 85);}

    #contact-content .orari-apertura { background: rgb(213, 213, 213); padding: 80px 0; color: rgb(85, 85, 85);}
    #contact-content .orari-apertura .lefts { float: left; width: 50.000000%; text-align: center; font-size: 30px; font-family:'B0XING';}
    #contact-content .orari-apertura .rights { float: right; width: 50.000000%; padding-top: 10px;}

    #contact-content .orari-apertura .rights dl { width: 100%; margin-bottom: 15px;}
    #contact-content .orari-apertura .rights dl dt { float: left; width: 30%;}
    #contact-content .orari-apertura .rights dl dd { float: left;}
/* Single Content End */




/* Ajax Page Star */
.ajax-page { text-align: center; margin: 0 auto;}
    .ajax-page .current { color: #fff; background-color: #e75520; border-color: #e75520;}
/* Ajax Page End */

/* Loading Star */
.loading { font-size: 0; text-align: center; line-height: 10px; margin: 20px auto;}
    .loading i { margin: 0 9px; display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #333; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}

    .loading i:nth-of-type(1) {-webkit-animation: loading1 1s linear infinite;animation: loading1 1s linear infinite;}
    .loading i:nth-of-type(2) {opacity: .85;-webkit-animation: loading2 1s linear infinite;animation: loading2 1s linear infinite;}
    .loading i:nth-of-type(3) {opacity: .7;-webkit-animation: loading3 1s linear infinite;animation: loading3 1s linear infinite;}
    .loading i:nth-of-type(4) {opacity: .55;-webkit-animation: loading4 1s linear infinite;animation: loading4 1s linear infinite;}
    .loading i:nth-of-type(5) {opacity: .4;-webkit-animation: loading5 1s linear infinite;animation: loading5 1s linear infinite;}
    .loading i:nth-of-type(6) {-webkit-opacity: .25;animation: loading6 1s linear infinite;animation: loading6 1s linear infinite; }

    @keyframes loading1 { 0% {opacity: 1} 50% {opacity: .25} 100% {opacity: 1} }
    @keyframes loading2 { 0% {opacity: .85} 10% {opacity: 1} 60% {opacity: .25} 100% {opacity: .85} }
    @keyframes loading3 { 0% {opacity: .7} 20% {opacity: 1} 70% {opacity: .25} 100% {opacity: .7} }
    @keyframes loading4 { 0% {opacity: .55} 30% {opacity: 1} 80% {opacity: .25} 100% {opacity: .55} }
    @keyframes loading5 { 0% {opacity: .4} 40% {opacity: 1} 90% {opacity: .25} 100% {opacity: .4} }
    @keyframes loading6 { 0% {opacity: .25} 50% {opacity: 1} 100% {opacity: .25} }

    @-webkit-keyframes loading1 { 0% {opacity: 1} 50% {opacity: .25} 100% {opacity: 1} }
    @-webkit-keyframes loading2 { 0% {opacity: .85} 10% {opacity: 1} 60% {opacity: .25} 100% {opacity: .85} }
    @-webkit-keyframes loading3 { 0% {opacity: .7} 20% {opacity: 1} 70% {opacity: .25} 100% {opacity: .7}}
    @-webkit-keyframes loading4 { 0% {opacity: .55} 30% {opacity: 1} 80% {opacity: .25} 100% {opacity: .55}}
    @-webkit-keyframes loading5 { 0% {opacity: .4} 40% {opacity: 1} 90% {opacity: .25} 100% {opacity: .4}}
    @-webkit-keyframes loading6 { 0% {opacity: .25} 50% {opacity: 1} 100% {opacity: .25}}
/* Loading End */



/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){

}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){

}

/* <1200的设备 */
@media screen and (max-width: 1200px){

}

/* <991的设备 */
@media screen and (max-width: 991px){

    .container { padding-left: 10px; padding-right: 10px;}

    /* Page Content Star */
    #page-content { padding: 50px 0;}
    #page-content .container { padding-left: 0; padding-right: 0;}
    /* Page Content End */

    /* Parrucchiere List Star */
    ul.parrucchiere-list { margin-top: 30px;}
    ul.parrucchiere-list li { margin-right: 0; margin-bottom: 10px; width: 100.000000%;}
    ul.parrucchiere-list li .name { margin: 30px auto; font-size: 46px;}
    ul.parrucchiere-list li .social { margin-bottom: 50px;}
    /* Parrucchiere List End */

    /* Barbershop List Star */
    ul.barbershop-list { margin-top: 30px;}
    ul.barbershop-list li { margin-right: 0; margin-bottom: 10px; width: 100.000000%;}
    /* Barbershop List End */

    /* Case List Star */
    ul.case-list { margin-top: 10px;}
    ul.case-list li { margin-right: 0; margin-bottom: 10px; width: 100.000000%;}
    /* Case List End */

    /* Single Content Star */
    #contact-content .head { padding: 30px 0; font-size: 28px;}
    #contact-content .contact .lefts { float: none; width: 100.000000%;}
    #contact-content .contact .rights { float: none; width: 100.000000%; padding-bottom: 10%;}

    #contact-content .contact .rights .social { margin-top: 30px; }

    #contact-content .orari-apertura { padding: 30px 0;}
    #contact-content .orari-apertura .lefts { float: none; width: 100.000000%; font-size: 30px;}
    #contact-content .orari-apertura .rights { float: none; width: 100.000000%; padding-top: 20px;}

    #contact-content .orari-apertura .rights dl { width: 80%; margin: 0 auto;}
    #contact-content .orari-apertura .rights dl dt { width: 50%;}
    /* Single Content End */

    /* Single Content Star */
    .single-content { padding-left: 10px; padding-right: 10px;}
    /* Single Content End */

    /* Category List Star */
    .category-list { margin-bottom: 0;}
    .category-list ul { margin: 0 auto; display: inline-table;}
    .category-list ul li { margin-right: 5px; font-size: 17px; padding: 10px;}
    /* Category List End */

}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}