@font-face {
	font-family: Gotham;
	font-display: fallback;
	src: url(//s1.vcdn.biz/static/44888001/gothaproregular.eot) format("embedded-opentype"), url(//s1.vcdn.biz/static/44888131/gothaproregular.woff) format("woff"), url(//s1.vcdn.biz/static/44888121/gothaproregular.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: Gotham;
	font-display: fallback;
	src: url(//s9.vcdn.biz/static/44888151/gothapromedium.eot) format("embedded-opentype"), url(//s1.vcdn.biz/static/44888201/gothapromedium.woff) format("woff"), url(//s9.vcdn.biz/static/44888171/gothapromedium.ttf) format("truetype");
	font-style: normal;
	font-weight: 600
}

@font-face {
	font-family: PF DinDisplay;
	font-display: fallback;
	src: url(//s5.vcdn.biz/static/44888231/pfdindisplayprothin.woff) format("woff"), url(//s4.vcdn.biz/static/44888221/pfdindisplayprothin.ttf) format("truetype"), url(//s4.vcdn.biz/static/44888211/pfdindisplayprothin.eot) format("embedded-opentype");
	font-style: normal;
	font-weight: 200
}

@font-face {
	font-family: PF DinDisplay;
	font-display: fallback;
	src: url(//s7.vcdn.biz/static/69870711/PFDinDisplayPro-Light.woff) format("woff"), url(//s8.vcdn.biz/static/69870741/PFDinDisplayPro-Light.woff2) format("woff2"), url(//s5.vcdn.biz/static/44887871/pfdindisplayprolight.ttf) format("truetype"), url(//s5.vcdn.biz/static/44887831/pfdindisplayprolight.eot) format("embedded-opentype");
	font-style: normal;
	font-weight: 300
}

@font-face {
	font-family: PF DinDisplay;
	font-display: fallback;
	src: url(//s9.vcdn.biz/static/52642911/PFDinDisplayPro-Regular.woff) format("woff"), url(//s1.vcdn.biz/static/52642951/PFDinDisplayPro-Regular.woff2) format("woff2"), url(//s7.vcdn.biz/static/44887801/pfdindisplayproregular.ttf) format("truetype"), url(//s7.vcdn.biz/static/44887721/pfdindisplayproregular.eot) format("embedded-opentype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: PF DinDisplay;
	font-display: fallback;
	src: url(//s1.vcdn.biz/static/f/1040655351/PFDinDisplayPro-Medium-347b3ccc.woff) format("woff"), url(//s1.vcdn.biz/static/f/1040655321/PFDinDisplayPro-Medium-29f6e368.woff2) format("woff2"), url(//s4.vcdn.biz/static/45420361/PFDinDisplayPro-Med.ttf) format("truetype");
	font-style: normal;
	font-weight: 600
}

@font-face {
	font-family: PF DinDisplay;
	font-display: fallback;
	src: url(//s1.vcdn.biz/static/f/1040655301/PFDinDisplayPro-Bold-de01fa2c.woff) format("woff"), url(//s1.vcdn.biz/static/f/1040655281/PFDinDisplayPro-Bold-1ec5ca61.woff2) format("woff2"), url(//s4.vcdn.biz/static/44887901/pfdindisplayprobold.ttf) format("truetype"), url(//s4.vcdn.biz/static/44887881/pfdindisplayprobold.eot) format("embedded-opentype");
	font-style: normal;
	font-weight: 700
}

@font-face {
	font-family: TT Norms Pro;
	font-display: fallback;
	src: url(//s9.vcdn.biz/static/118992671/TTNormsProNormal.otf) format("opentype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: TT Norms Pro;
	font-display: fallback;
	src: url(//s7.vcdn.biz/static/118992741/TTNormsProMedium.otf) format("opentype");
	font-style: normal;
	font-weight: 500
}

@font-face {
	font-family: TT Norms Pro;
	font-display: fallback;
	src: url(//s7.vcdn.biz/static/118992831/TTNormsProDemiBold.otf) format("opentype");
	font-style: normal;
	font-weight: 600
}

body {
	line-height: 1.25;
	font-family: PF DinDisplay, Helvetica, Arial;
	font-size: 16px;
	color: #333;
    background:  #f2f2f2;
}
a > h3 {
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s
}
a:hover{text-decoration: none; }
a:hover > h3{color: #f30;}
.nav-a{
    color: white;
    font-weight: bold;
}
.nav-a:hover{
    /*background: #171717;*/
    color: #f30 !important;
}
.mov-snap:hover .middle {
    opacity: 1;
}
.btn-nxf {
    color: #fff;
    background-color: #f30;
    /*border-color: #f30;*/
    border: 0;
}
.svgicon-play {
    width: 28px;
    height: 28px;
    fill: aliceblue;
    margin: 118px 0 10px;
}
.middle {
    position: absolute;
    background: rgba(0, 0, 0, .75);
    width: 100%;
    height: 258px;
    text-align: center;
    opacity: 0;
    transition: opacity ease .3s;
    cursor: pointer;
}

.pr1{
    top: 50%;
    color: aliceblue;
}
.mov-snap a{ 
    position: relative;
    display: grid;
}
.mov-snap{
    /* outline: 1px solid gray; */
    display: inline-flex;
}
.mov-title{
    margin: 5px 0 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #333;
}
.mov-info span{
    height: 18px;
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trl-btn:hover {
    background: #5b5b5b;
}

.trl-btn {
    background: #3d3d3d;
    color: white;
    border: 2px solid #232830;
    transition: all .3s;
    cursor: pointer;
    user-select: none;
}
.trl-btn-active {
    background: #5b5b5b !important;
}
.pagination-main a {
    border: 1px solid;
    padding: 4px 14px;
}
.pag-act {
    background: steelblue;
    color: white;
    cursor: default;
}
.pag-act:hover { color: white}






/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 767.98px) {
    .movies-cards {
        width: 172px;
        margin: 0 auto;
        display: block;
    }
    .mov-snap:nth-child(2n+2){
        margin-right: 0px;
    }
    .mov-snap{
        /* width: calc(50% - 18px); */
        width: 100%;
        margin: 0 33px 32px 0;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .movies-cards {
        width: 573px;
        margin: 0 auto;
        display: block;
    }
    .mov-snap:nth-child(3n+3){
        margin-right: 0px;
    }
    .mov-snap{
        width: calc(30% - 0px);
        margin: 0 25px 25px 0;
    }
    /*.poisk-lg{*/
    /*    width: 320px;*/
    /*}*/
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .movies-cards {
        width: 917px;
        margin: 0 auto;
        display: block;
    }
    .mov-snap:nth-child(5n+5){
        margin-right: 0px;
    }
    .mov-snap{
        width: calc(20% - 12px);
        margin: 0 12px 15px 0;
    }
    .poisk-lg{
        width: 320px;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .movies-cards {
        width: 953px;
        margin: 0 auto;
        display: block;
    }
    .mov-snap:nth-child(5n+5){
        margin-right: 0px;
    }
    .mov-snap{
        width: calc(20% - 20px);
        margin: 0 20px 20px 0;
    }
    .poisk-lg{
        width: 320px;
    }
}