/* Start:/bitrix/components/ambersite_grid/portfolio_list/templates/.default/style.css?17665895791409*/
.content section {font-size:0; line-height:0; text-align:center;}
.content section .sd {width:400px; height:225px; display:inline-block; margin:0; padding:0; margin:0; padding:0; position:relative;}
.content section .wow {width:400px; height:225px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:top center; color:#FFF; position:absolute; top:0; left:0; z-index:10; margin-top:0; margin-left:0; transition-property:width, height, margin-top, margin-left; transition-duration:0.3s;}
.content section .wow a {position:absolute; top:0; left:0; display:inline-block; width:400px; height:225px; z-index:20;}
.content section .wow iframe {width:400px; height:225px; transition-property:width, height; transition-duration:0.3s;}
.portf_text {display:none;}
.portf_text_in {padding:30px 50px 30px 50px; max-width:800px;}

.fancybox-nav {width: 60px !important;}
.fancybox-nav span {visibility: visible !important; opacity: 0.5 !important;}
.fancybox-nav:hover span {opacity: 1 !important;}
.fancybox-next {right: -60px !important;}
.fancybox-prev {left: -60px !important;}

span.loader {background:url(/bitrix/components/ambersite_grid/portfolio_list/templates/.default/./img/495.GIF) no-repeat center center; display:block; height:200px;}

@media screen and (max-width: 820px){
.content section .sd, .content section .wow, .content section .wow a, .content section .wow iframe {width:711px; height:400px; margin:0;}
}
/* End */


/* Start:/bitrix/components/ambersite_grid/portfolio_list/templates/.default/noincareas.css?1766589579635*/
.content section .wow:hover {width:450px; height:253px; position:absolute; margin-top:-14px; top:0; left:0; margin-left:-25px; z-index:20; transition-property:width, height, margin-top, margin-left; transition-duration:0.3s;}
.content section .wow:hover a {width:450px; height:253px; position:absolute; top:0; left:0; z-index:20;}
.content section .wow:hover iframe {width:450px; height:253px; transition-property:width, height; transition-duration:0.3s;}

@media screen and (max-width: 820px){
.content section .wow:hover, .content section .wow:hover a, .content section .wow:hover iframe {width:100%; height:400px; margin:0;}
}
/* End */
/* /bitrix/components/ambersite_grid/portfolio_list/templates/.default/style.css?17665895791409 */
/* /bitrix/components/ambersite_grid/portfolio_list/templates/.default/noincareas.css?1766589579635 */