/* import font */
@import url("fonts.css");

/* hack */
/*.section .clapat-caption{
    width: 100%;
}
.caption-content{
    padding: 0;
}*/

#menu-overlay nav > ul > li > a{
    font-family: 'upckl' !important
        font-size: 25px;
    line-height: 1.5;
}



/*  Edit My Style */
/*#content_home > .caption-content.center-center{
    vertical-align: bottom;
}*/
html{ font-size: 100%;}
body{font-size: 1em;}
/*.content_home{
    margin: 0 auto;
    padding-bottom: 10%;
    font-family: 'proxima_nova_rgregular';
    font-size: 15px;
    opacity: 0.5;
}*/

.pl_logo{
    position: absolute;
    top: 40px;
    left: 50px;
}
.clearfix {
    float: none;
    clear: both;
}
.inline { display: inline-block;}
.hide-item { display: none; }

/* page 1 */


/* page police bodysize */
.pl_bodysize h1 {font-family: 'oswald_stencilregular'; font-size: 90px; line-height: 1;}
.pl_bodysize h2 {font-family: 'latoregular'; font-size: 50px; line-height: 1; margin-top: 60px;}
.pl_bodysize h3 {font-family: 'latoregular'; font-size: 32px; line-height: 1.5; margin-top: 20px; color: #dcdcdc !important; font-weight: normal;}
.pl_bodysize h4 {font-family: 'latolight'; font-size: 17px; line-height: 1.5; margin-top: 20px; color: #dcdcdc !important; font-weight: normal; margin: 25px 0 35px 0; text-transform: uppercase;}
.pl_bodysize a {font-family: 'proxima_nova_rgregular'; font-size: 14px; color: #f6f6f6 !important; display: inline-block; border: 1px solid #f6f6f6; padding:16px 40px; border-radius: 10px; text-transform: uppercase;}
.pl_bodysize a:after{content: url('../img/icon/arrow-bodysize.png'); margin-left: 15px;}

/* page police zebra*/ 
/*.pl_zebra .caption-content.center-center { vertical-align: top; }*/
.pl_zebra p {font-family: 'latoregular'; font-size: 18px; line-height: 1.6; color: #555555!important; margin: 40px 0 80px 0; }
.pl_zebra a {font-family: 'proxima_nova_rgregular'; font-size: 14px; color: #01294c !important; margin-top: 20px;  display: inline-block; border: 1px solid #01294c; padding:16px 40px; border-radius: 10px;  text-transform: uppercase; }
.pl_zebra a:after{content: url('../img/icon/arrow-zebra.png'); margin-left: 15px; }

/* page police bodykid */ 
.pl_bodykid p {  font-family: 'latoregular'; font-size: 18px; line-height: 1.6; color: #555555!important; margin: 40px 0 80px 0; }
.pl_bodykid a { display: inline-block; background: url(../img/bk_btn.png) no-repeat; margin-top: 20px; height: 54px; width: 272px;}

/* page police zebra junior */ 
.pl_zj p { font-family: 'latoregular'; font-size: 18px; line-height: 1.6; color: #555555!important; margin: 40px 0 80px 0; }
.pl_zj a { display: inline-block; background: url(../img/zj_btn.png) no-repeat; margin-top: 20px; height: 60px; width: 277px;}

/* page barbari */ 
.pl_barbari h1 {font-family: 'OLDENGL'; font-size: 105px; line-height: 1; color: #333333!important;}
.pl_barbari p {font-family: 'upckl'; font-size: 28px; line-height: 1; color: #333333!important; margin-bottom: 30px;}
.pl_barbari a {font-family: 'proxima_nova_rgregular'; font-size: 14px; color: #333333 !important; display: inline-block; border: 1px solid #898989; padding:16px 40px; border-radius: 25px; text-transform: uppercase;}
.pl_barbari a:after{content: url('../img/icon/arrow_barbari.png'); margin-left: 15px;}

/* page police sister */ 
.pl_sister a {font-family: 'simplificasimplifica'; font-size: 40px; color: #fff !important; display: inline-block; border: 1px solid #fff; padding:2px 40px; margin-top: 130px; text-transform: uppercase;}


.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:  url('../img/loading.gif') 50% 50% #fff no-repeat;
    z-index: 99999999;
}

video,object {
    /* making the video fullscreen  */
    position: fixed !important;
    right: 0 !important; 
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
    min-width: 100% !important; 
    min-height: 100% !important;
    width: auto !important; 
    height: auto !important;
    z-index: -100 !important;
    margin: auto !important;
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.img-responsive { max-width: 100%; height: auto; }
.back_btn { font-family: 'Calibri'; width: 135px; height: 40px; padding: 10px 20px; line-height: 40px; border: 1px solid #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; color: #fff; font-size: 16px; }
.back_btn:hover { color: #fff; }

/* home */
.home-logo { display: block; margin: auto; width: 100%; height: 648px; text-align: center; /*background: url('../img/home/bg_home.png') 50% 50% no-repeat;*/ }
.overlay.home .container { width: 100%; }
.home-logo .logo-list { display: inline-block; width:255px; height: 220px; margin: 0 auto; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.home-logo .logo-list:nth-child(1) { margin-top: 150px; }
.home-logo .logo-list:hover img { opacity: 0.5;-moz-opacity: 0.5; -webkit-opacity: 0.5; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }

/* home */
.show-content-landscape { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 35px; height: auto; overflow: auto; }
.home-logo-none { display: block; margin: auto; width: 100%; height: 648px; text-align: center; background: url('../img/home/bg_home.png') 50% 50% no-repeat; }
.overlay.home .container { width: 100%; }
.home-logo-none .logo-list { display: inline-block; width:230px; height: 190px; margin: 0 auto; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.home-logo-none .logo-list:nth-child(1) { margin-top: 150px; }
.home-logo-none .logo-list:hover img { max-width: 150px; opacity: 0.5;-moz-opacity: 0.5; -webkit-opacity: 0.5; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


@media screen and (max-width: 1024px) {
    .img-responsive { max-width: 50%; height: auto; }
}
@media screen and (max-width: 947px) {
    .home-logo { background: none; padding: 0; }
    .home-logo .logo-list { display: inline-block; width:255px; height: auto; margin: 20px 20px 40px 20px; }
    .home-logo .logo-list:nth-child(1) { margin-top: 0; }
    
    .home-logo-none { background: none; padding: 0; }
    .home-logo-none .logo-list { display: inline-block; width:255px; height: auto; margin: 20px 20px 40px 20px; }
    .home-logo-none .logo-list:nth-child(1) { margin-top: 0; }

    .pl_bodysize h1 {font-family: 'oswald_stencilregular'; font-size: 50px; line-height: 1;}
    .pl_bodysize h2 {font-family: 'latoregular'; font-size: 30px; line-height: 1; margin-top: 60px;}
    .pl_bodysize h3 {font-family: 'latoregular'; font-size: 22px; line-height: 1.5; margin-top: 20px; color: #dcdcdc !important; font-weight: normal;}
    .pl_bodysize h4 {font-family: 'latolight'; font-size: 14px; line-height: 1.5; margin-top: 20px; color: #dcdcdc !important; font-weight: normal; margin: 25px 0 35px 0; text-transform: uppercase;}
    .pl_bodysize a {font-family: 'proxima_nova_rgregular'; font-size: 13px; color: #f6f6f6 !important; display: inline-block; border: 1px solid #f6f6f6; padding:16px 40px; border-radius: 10px; text-transform: uppercase;}
    .pl_bodysize a:after{content: url('../img/icon/arrow-bodysize.png'); margin-left: 15px;}

    .pl_zebra p {font-family: 'latoregular'; font-size: 18px; line-height: 1.6; color: #555555!important; margin: 40px 0 80px 0; }
    .pl_zebra a {font-family: 'proxima_nova_rgregular'; font-size: 14px; color: #01294c !important; margin-top: 20px;  display: inline-block; border: 1px solid #01294c; padding:16px 40px; border-radius: 10px;  text-transform: uppercase; }
    .pl_zebra a:after{content: url('../img/icon/arrow-zebra.png'); margin-left: 15px; }
}

@media screen and (max-width: 750px) {
    .home-logo .logo-list { display: inline-block; width:180px; height: auto; }
}

@media screen and (max-width: 640px) {
    .home-logo { background: none; padding: 0; }
    .home-logo .logo-list { display: inline-block; width:140px; height: auto; }
    .home-logo-none { background: none; padding: 0; }
    .home-logo-none .logo-list { display: inline-block; width:140px; height: auto; }
    .img-responsive { max-width: 80%; height: auto; }
}

@media screen and (max-width: 500px) {
    .home-logo { background: none; padding: 0; }
    .home-logo .logo-list { display: inline-block; width: 90px; height: auto; }
}

@media screen and (max-width: 400px) {
    .home-logo { background: none; padding: 0; }
    .home-logo .logo-list { display: inline-block; width: 70px; height: auto; }
    .pl_bodysize h1 {font-family: 'oswald_stencilregular'; font-size: 32px; line-height: 1;}
    .pl_bodysize h2 {font-family: 'latoregular'; font-size: 24px; line-height: 1; margin-top: 30px;}
    .pl_bodysize h3 {font-family: 'latoregular'; font-size: 22px; line-height: 1.2; margin-top: 20px; color: #dcdcdc !important; font-weight: normal;}
    .pl_bodysize h4 {font-family: 'latolight'; font-size: 14px; line-height: 1.2; margin-top: 20px; color: #dcdcdc !important; font-weight: normal; margin: 25px 0 35px 0; text-transform: uppercase;}
    .pl_bodysize a {font-family: 'proxima_nova_rgregular'; font-size: 13px; color: #f6f6f6 !important; display: inline-block; border: 1px solid #f6f6f6; padding:16px 40px; border-radius: 10px; text-transform: uppercase;}
    .pl_bodysize a:after{content: url('../img/icon/arrow-bodysize.png'); margin-left: 15px;}

    .pl_zebra p {font-family: 'latoregular'; font-size: 14px; line-height: 1.6; color: #555555!important; margin: 40px 0 80px 0; }
    .pl_zebra a {font-family: 'proxima_nova_rgregular'; font-size: 14px; color: #01294c !important; margin-top: 20px;  display: inline-block; border: 1px solid #01294c; padding:16px 40px; border-radius: 10px;  text-transform: uppercase; }
    .pl_zebra a:after{content: url('../img/icon/arrow-zebra.png'); margin-left: 15px; }
}