/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-06-07, 10:29:18
    Author     : solenzo
*/

.boxes_common_container .title{position:relative;float:left;width:calc(100% - 180px);font-family:"GeomanistMedium"; margin-left:90px;margin-right:90px;;font-size:28px;font-weight:400;color:#e0e0e0;background: linear-gradient(to right, #e0e0e0 25%,#e0e0e0 25%,#353635 25%,#353635 50%,#353635 100%);padding-top:10px;padding-bottom:10px;text-align:center;}
.boxes_common_container .title span{position:relative;float:left;padding-right:10px;font-size:35px;color:black;font-weight:700;}
.boxes_common_container .title .title_color{position:relative;background-color:#e0e0e0;border:1px solid red;}
/*.boxes_common_container .title:before{content:'';position:absolute;bottom:0px;;left:0;height:5px;width:200px;background-color:#1E7CFF;}
*/

.boxes_common_container .subtitle{position:relative;float:left;width:100%;color:black;text-transform:lowercase;font-size:26px;letter-spacing:1px;padding-left:70px;margin-bottom:50px;}
.boxes_common_container .subtitle span{position:relative;;display:block;font-weight:400;transition:all 0.5s ease;margin:0 15px;}
.boxes_common_container .subtitle span:hover{cursor:pointer;color:black;font-weight:700;transition:all 0.5s ease;}

/********/

.boxes_common_container .box_content .more{position:relative;float:left;width:100%;padding-bottom:5px;text-align:center;margin-top:0px;font-weight:900;letter-spacing:2px;font-size:12px;}
.boxes_common_container .box_content .more:hover{cursor:pointer;}
.boxes_common_container .more span{position:relative;float:left;width:100%;padding-top:5px;color:white;text-align:center;}

.boxes_common .box_placing .box_photo{position:relative;float:left;width:100%;height:100%;}



#boxes_fragment{padding:20px !important;padding-bottom:0px !important;margin:0 !important;width:100%;}
/*.boxes_common .box_photo:after{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-image:url('../../../img/main/boxes/mask.png');background-size:100% 100%;}*/
/*.boxes_common .box_content:after {content:'';position:absolute;bottom:0px;left:0%;right:20%;height:2px;background-color:white;transition:all 0.5s ease;}
.boxes_common .box_content:hover:after {content:'';position:absolute;bottom:0px;left:70%;right:0%;height:2px;background-color:white;transition:all 0.5s ease;}
*/
/*.boxes_common .box_content.mask_line:before {content:'';position:absolute;top:-10px;left:0%;right:60%;height:10px;background-color:#1E7CFF;}*/
.aktualnosci_prev{position:absolute;left:0px;top:45%;border:0px solid red;background:url('../../../img/main/boxes/arrow_left.svg');background-size:100%;background-repeat:no-repeat;background-position:top left;width:25px;height:100%;;    }
.aktualnosci_next{position:absolute;right:0px;top:45%;border:0px solid red;background:url('../../../img/main/boxes/arrow_right.svg');background-size:100%;background-repeat:no-repeat;background-position:top right;width:25px;height:100%;;     }


.box_photo .photo_hover{position:absolute;font-family:"GeomanistLight";opacity:1;z-index:0;bottom:-30px;left:0;right:0;height:0;border-bottom:1px solid #464646;font-size:11px;padding-bottom:10px;padding-top:10px;color:#464646;background-color:#e0e0e0;text-align:left;transition:all 0.5s ease;overflow:hidden;}
.box_content:hover .photo_hover{opacity:1;bottom:0;height:auto;transition:all 0.5s ease}
.box_content:hover{cursor:pointer;}
.boxes_common .box_content:hover .box_text *{font-weight:900}
/** BEGIN CSS **/

        body {background: white;}
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 150px;
            position: relative;
            width: 150px;
            border-radius: 100%;
        }

        .loading_external{position:fixed;top:0;left:0;right:0;bottom:0;background-color:white;z-index:100}
        .loading-container {position:fixed;top:0;left:0;right:0;bottom:0;margin:calc(50vh - 100px) auto;z-index:100;background-color:white;}

        .loading {
            border: 2px solid transparent;
            border-color: transparent #708E99 transparent #708E99;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent black;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: black;
            font-family: "Helvetica Neue", "Helvetica", "arial";
            font-size: 10px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 150px;
        }
#loading-text img {position:relative;float:left;width:80%;margin-left:10%;margin-top:10px;}