.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #15191f url("../img/lading.gif") no-repeat center center;
}

#prtf,
#contact1 {
    margin: 5px 0 0 0;
    position: absolute;
}

body {
    background: #353538;
    color: #f5dc93;
    margin: 0;
    padding: 0
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 22, 2014 */
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lato-black-webfont.woff') format('woff'),
        url('../fonts/lato-black-webfont.ttf') format('truetype'),
        url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lato-bold-webfont.woff') format('woff'),
        url('../fonts/lato-bold-webfont.ttf') format('truetype'),
        url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lato-regular-webfont.woff') format('woff'),
        url('../fonts/lato-regular-webfont.ttf') format('truetype'),
        url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/lato-italic-webfont.woff') format('woff'),
        url('../fonts/lato-italic-webfont.ttf') format('truetype'),
        url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'just_the_way_you_areregular';
    src: url('../fonts/justthewayyouare-webfont.eot');
    src: url('../fonts/justthewayyouare-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/justthewayyouare-webfont.woff') format('woff'),
        url('../fonts/justthewayyouare-webfont.ttf') format('truetype'),
        url('../fonts/justthewayyouare-webfont.svg#just_the_way_you_areregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/
#smartphone_view {
    display: none;
    background-color: #d5d9dc
}

/*sekcja ukryta dla  desktowpów i tabletów - widoczna tylko tylko dla smartfonów*/

/****************************************animacja - easing*/
nav#nav_fixed.nav_vis_n,
nav#nav_fixed.nav_vis,
nav#nav_fixed.nav_color_a,
nav#nav_fixed.nav_color_b,
nav#nav_fixed.nav_color_c,
#menu_call.nav_vis,
#menu_call.nav_vis_n,
ul li a,
#hiddeninformation,
#hiddeninformation.easing,
.blackout_bg,
#closewindow,
.row_tree_high,
.row_tree_low,
input#send,
#nav_icons,
#menu_call img,
.shadow,
#js_off_squere,
.personephoto_hovering,
.personephoto,
p.persone.txt,
#up {
    transition: all 0.4s ease-out 0.1s;
    -webkit-transition: all 0.4s ease-out 0.1s;
    -ms-transition: all 0.4s ease-out 0.1s;
    -o-transition: all 0.4s ease-out 0.1s;
}

/****************************************animacja - easing*/

/*po zakodowaniu responsywności wywalić!!!*/
/*#RWD_768_sceenflip{
	display: none;	
}

#nav_spinner_RWD{
	display: none;
}
#menu_call_RWD{
	display: none;
}*/

.nav_color_b.shadow {
    border-bottom: 1px solid #f5dc93;
    box-shadow: 1px 1px 1px #ccc
}

nav#nav_fixed.nav_vis_n {
    opacity: 0;
}

nav#nav_fixed.nav_vis {
    opacity: 1;
    top: 0px;
}

nav#nav_fixed.nav_color_a {
    background: rgba(52, 54, 66, 1);
    opacity: 1;
    top: 0px;
}

nav#nav_fixed.nav_color_b {
    background: rgba(52, 54, 66, 1);
    opacity: 1;
    top: 0px;
}

nav#nav_fixed.nav_color_c {
    opacity: 1;
    top: 0px;
}

nav#nav_fixed {
    font-family: 'latobold';
    position: fixed;
    top: 0;
    width: 100%;
    height: 55px;
    left: 0;
    display: inline-block;
    opacity: 0;
    text-transform: uppercase;
}


header {
    width: 1200px;
    margin: 8px auto !important;
    z-index: 1001;
    position: relative;
}

#nav_icons_rwd {
    display: none
}

#nav_icons {
    float: right;
    margin: -30px 0 0 0;
    opacity: 0
}

#nav_icons img {
    margin: -3px 50px 0 0;
    height: 19px
}

#menu_call {
    opacity: 0;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1001;
    position: fixed;
}

#menu_call img {
    padding: 10px 0 0 0 !important
}

#menu_call.nav_vis {
    opacity: 1;
    top: 10px;
}

#menu_call.nav_vis_n {
    opacity: 1;
}

#nav_spinner {
    width: 1200px;
    margin: 0 auto !important
}

ul {
    width: 90%
}

ul li a {
    color: #f5dc93;
    text-decoration: none
}

ul li a:hover {
    color: #FFF;
    text-decoration: line-through;
    font-size: 16px;
}

ul li {
    font-size: 12px;
    list-style: none;
    display: inline;
    color: #f5dc93
}

header ul li img {
    margin: 9px 14px 2px !important
}

.dot_marker {
    height: 6px;
    width: 6px;
}

#hiddeninformation {
    height: 240px;
    position: absolute;
    right: 130px;
    top: 134%;
    width: 340px;
    opacity: 0.3;
    display: inline-block;
}

#closewindow {
    cursor: pointer;
    float: right;
    margin: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

#closewindow:hover {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#initialinfo {
    height: 200px;
    margin: 30px auto;
    position: inherit;
    padding: 14px 19px 0 0;
}

.initialinfoimg {
    margin: 0 auto 52px;
    transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
    -moz-transform: rotate(-31deg);
    -o-transform: rotate(-31deg);
    width: 162px;
}

.initialinfoimg img {
    float: left;
    margin: -41px 0 0 10px;
    transform: rotate(-14deg);
    width: 19%;
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
}

#initialinfo p {
    color: #FFFFFF;
    font-family: 'just_the_way_you_areregular';
    font-size: 23px;
    line-height: 22px;
    text-align: center;
    transform: rotate(-2deg);
}

/***************UNIVERSAL***************/
#start1 {
    top: 0;
    position: absolute;
}

.start,
.about,
.news,
.contact,
.offer {
    margin: 0 auto;
    overflow: hidden;
    top: 0px;
}

.parallaxing {
    background-size: 100% auto;
    background-attachment: fixed;
    background-repeat: repeat;
    top: 1024px !important;
    position: relative;
    z-index: 2 !important;
    -webkit-box-shadow: 0 -7px 23px #252526;
    box-shadow: 0 -7px 23px #252526;
}

#cookie-box {
    z-index: 99999 !important;
}

/*backgroundy sekcji*/
.start {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    background: none;
}

#welcome_screen {
    position: absolute;
    margin: 13% auto 18%;
}

.about {
    background-image: url("../bg/bg_news.jpg");
    background-color: rgba(27, 145, 219, 1);
    padding: 0 0 15px;
}

.offer {
    background-image: url("../bg/bg_news.jpg");
    background-color: rgba(27, 145, 219, 1);
    height: 100%;
    width: 100%;
}

.news {
    background-image: url("../bg/sec3i.jpg");
    background-color: #1f1f1f;
}

#video_background {
    background-attachment: fixed !important;
}

.contact {
    background-image: url("../bg/ws4.jpg");
    background-color: rgba(52, 54, 66, 1);
}

/*backgroundy sekcji - koniec*/


.video_pattern {
    background-image: url("../video/pattern4.png");
    position: fixed;
    opacity: 0.8;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

video {
    display: block
}

.blackout_bg {
    background-color: rgb(243, 212, 115);
    opacity: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
}

.video_pattern {
    z-index: -998;
}

.video_pattern {
    display: inherit;
}

#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
    opacity: 0.3;
}

.start .video_pattern {
    display: inline !important;
}

.link {
    cursor: pointer;
}

.header {
    margin: 90px auto 0;
    width: 1200px;
}

.about h1,
.news h1,
.contact h1,
.offer h1,
#smartphone_view h1 {
    font-family: 'latoblack';
    font-size: 18px;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.6);
    text-align: center;
    clear: both;
    text-transform: uppercase;
}

.about h2,
.news h2,
.contact h2,
.offer h2 {
    font-family: 'latoblack';
    font-size: 17px;
    color: #FFF;
}

.about {
    height: 100%;
    width: 100%;
}

.news .newsslider.newseasing {
    z-index: -2;
    transition: all 0.5s ease-out 0.5s;
    -webkit-transition: all 0.5s ease-out 0.5s;
    -ms-transition: all 0.5s ease-out 0.5s;
    -o-transition: all 0.5s ease-out 0.5s;
}

.news .header {
    position: inherit;
    z-index: 2;
}

.news .bx-wrapper {
    z-index: 2
}

.news {
    height: 100%;
    width: 100%;
    padding: 0 0 45px;
    position: relative;
    z-index: 1;
    background-size: cover;
}

.contact,
#contact_main {
    height: 100%;
    width: 100%;
    min-height: 730px;
}

/* ################
.contact{
	/*background-color: rgba(52,54,66,1);

}*/
#contact_main {
    width: 700px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.contact h1 {
    z-index: 2;
    position: relative;
}

.contact .header_line {
    z-index: 2;
}

.contact .header_line_two {
    z-index: 2;
}

/***************UNIVERSAL***************/
/***************sekcja START***************/


.back {
    height: 53px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    right: 10px;
    width: 53px;
    z-index: 99999999;
    cursor: pointer;

    transition: all 0.3s ease-out 0.3s;
    -webkit-transition: all 0.3s ease-out 0.3s;
    -ms-transition: all 0.3s ease-out 0.3s;
    -o-transition: all 0.3s ease-out 0.3s;
}

.back:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.offers {
    height: 53px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    right: 100px;
    width: 53px;
    z-index: 99999999;
    cursor: pointer;

    transition: all 0.3s ease-out 0.3s;
    -webkit-transition: all 0.3s ease-out 0.3s;
    -ms-transition: all 0.3s ease-out 0.3s;
    -o-transition: all 0.3s ease-out 0.3s;
}

.start_nav {
    position: absolute;
    top: 54%;
    left: 45.5%;
    z-index: 1001;
    display: block;
    overflow: hidden;
}

#fast_icons {
    margin: -60px auto 0;
    width: 130px
}

.fastmail {
    float: left;
    margin: 50px 20px;
    position: relative;
    z-index: 999;
}

#mail_facebook {
    position: absolute;
    margin: 73px 0 0 266px;
    display: block;
}

/***************************************************ikony squere*/
#mail_squere {
    position: absolute;
    margin: -25px 0 0 -12px;
}

#fb_squere {
    position: absolute;
    margin: -3px 26px 0;
}

#g_plus_squere {
    position: absolute;
    margin: -46px 26px;
}

#be_squere {
    position: absolute;
    margin: 18px -12px;
}

#twitter_squere {
    position: absolute;
    margin: 40px 26px;
}

.lunacity {
    opacity: 0.5;
    cursor: pointer;
}

#js_off_squere {
    opacity: 0.5;
}

.lunacity.tempo {
    opacity: 1;
}

#js_off_squere.tempa {
    opacity: 1;
}

#js_off_squere {
    position: fixed;
    left: 30px;
    bottom: 10px;
}

#js_off_squere {
    width: 45px !important;
    height: 39px !important;
}

#js_off_squere:hover {
    height: 70px;
    opacity: 1;
}

#blog_squere {
    position: absolute;
    margin: 18px 64px;
}

#mail_squere img,
#fb_squere img,
#g_plus_squere img,
#twitter_squere img,
#blog_squere img {
    width: 45px !important;
    height: 39px !important;
}

#mail_squere,
#fb_squere,
#g_plus_squere,
#be_squere,
#twitter_squere,
#blog_squere {
    cursor: pointer;
    width: 45px;
    height: 39px;

    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    opacity: 0.5;
}

#be_squere:hover,
#mail_squere:hover,
#fb_squere:hover,
#g_plus_squere:hover,
#twitter_squere:hover,
#blog_squere:hover {
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    -o-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    opacity: 1;
}

#be_squere:hover {
    margin: 45px 0 0 -25px;
}

#mail_squere:hover {
    margin: -40px 0 0 -34px
}

#g_plus_squere:hover {
    margin: -73px 0 0 25px
}

#fb_squere:hover {
    margin: -5px 0 0 24px
}

#twitter_squere:hover {
    margin: 66px 0 0 25px
}

#blog_squere:hover {
    margin: 40px 0 0 85px;
}

/***************************************************ikony squere*/

#welcome_screen,
#potrfolio_one,
#potrfolio_two {
    min-height: 100% !important;
    width: 100%;
    display: block;
    top: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#welcome_screen {
    left: 0;
    z-index: -1;
    float: left;
}

#welcome_content {
    margin: 0 auto;
    width: 600px;
}

#logo {
    width: 380px;
    margin: 0 auto;
}

#logo img {
    position: inherit;
    width: 380px;
    z-index: 5;
}

.dectop_dis {
    display: none;
}

.mobi_dis {
    display: inline-block;
}

.subtext {
    letter-spacing: 5px;
    margin: 34px auto;
    position: inherit;
    width: 495px;
    z-index: 5;
}

.subtext p {
    color: #ffffff;
    font-family: 'latoblack';
    font-style: italic;
    text-transform: uppercase;
    font-size: 84px;
    line-height: 56px;
    text-align: right;
    text-shadow: 0 0 5px #000000;
}

.subtext a {
    color: #FFFFFF;
    font-family: 'latoblack';
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
}

.start_nav li {
    width: 50px;
    background: rgba(189, 88, 25, 0.4)
}

#start_menu {
    margin: 38px auto;
    position: inherit;
    text-align: center;
    width: 530px;
    z-index: 5;
}

/*
#start_menu ul{

}*/

#start_menu ul li {
    color: #FFFFFF;
    font-family: 'latoblack';
    font-size: 23px;
    line-height: 21px;
    text-shadow: 0px 0px 5px #000000;
}

#start_menu ul li.centra {
    margin: 0 20px;
}

#start_menu ul li a {
    color: #FFF !important;
    margin: 0;
    font-size: 18px;
}

#start_menu ul li a:hover {
    color: #FFF;
    margin: 0 0 0 20px;
    font-size: 23px;
    text-decoration: underline;
    text-shadow: 3px 3px 2px #383737;
}

#socialicons_new {
    margin: 0 auto;
    width: 518px;
}

#socialicons_new .socialicon img {
    float: left;
    margin: 64px 31px 0;
    text-align: center;
}

#mouse_scroll {
    margin: 0 auto;
    width: 170px;
    bottom: 20px;
    position: absolute;
}

#mouse_scroll img {
    width: 170px;
}

#gwiazdka {
    bottom: 0px;
    left: -55px;
    position: inherit;
    z-index: 998;
}

#gwiazdka p {
    background-color: #ffffff;
    color: #3399ff;
    font-family: 'latobold';
    font-size: 11px;
    padding: 2px 1px 4px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 127px;
}

#weel {
    opacity: 0.2;
    position: absolute;
    margin: 10px 0 0;
    transition: all 0.4s ease-out 0.5s;
    -webkit-transition: all 0.4s ease-out 0.5s;
    -ms-transition: all 0.4s ease-out 0.5s;
    -o-transition: all 0.4s ease-out 0.5s;
}

#weel p {
    font-family: 'just_the_way_you_areregular';
    font-size: 22px;
    color: #FFF;
    text-align: center;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg)
}

#prtf_info,
#scroll_info {
    position: absolute;
}

#prtf_info {
    margin: 70px 0 0 381px;
}

#prtf_info,
#prtf_info img {
    opacity: 0;
    width: 300px;
    transition: all 0.15s ease-out 0.15s;
    -webkit-transition: all 0.15s ease-out 0.15s;
    -ms-transition: all 0.15s ease-out 0.15s;
    -o-transition: all 0.15s ease-out 0.15s;
}

#prtf_info.prtf_quide,
#prtf_info img.prtf_quide {
    width: 340px;
    opacity: 1;
}

#scroll_info {
    margin: 190px 0 0 485px;
    width: 130px;
}

#scroll_info img {
    margin: 10px auto 0;
    width: 40px;
}

#scroll_info,
#scroll_info img {
    opacity: 0;
    top: 0;
    transition: all 0.4s ease-out 0.5s;
    -webkit-transition: all 0.4s ease-out 0.5s;
    -ms-transition: all 0.4s ease-out 0.5s;
    -o-transition: all 0.4s ease-out 0.5s;
}

#scroll_info.know_us,
#scroll_info img.know_us {
    opacity: 1;
    top: 50px;
}

#weel:hover {
    opacity: 1;
}

.weel_a.speeder,
.weel_b.speeder,
.weel_c.speeder {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

.weel_a {
    position: absolute;
    margin: -369px 0 0 307px;
    animation-name: rotation_cw;
    -webkit-animation-name: rotation_cw;
    /* Chrome, Safari, Opera */
    -ms-animation-name: rotation_cw;
    -o-animation-name: rotation_cw;
}

@keyframes rotation_cw {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rotation_cw {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}


.weel_b {
    margin: -185px 0 0 430px;
    animation-name: rotation_ccw;
    -webkit-animation-name: rotation_ccw;
    /* Chrome, Safari, Opera */
    -ms-animation-name: rotation_ccw;
    -o-animation-name: rotation_ccw;
}

@keyframes rotation_ccw {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rotation_ccw {
    from {
        -webkit-transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0deg)
    }
}

div.weel_c {
    width: 180px !important;
    height: 180px !important;
}

.weel_c {
    position: absolute;
    margin: -386px 0 0 582px;
    animation-name: rotation_cw;
    -webkit-animation-name: rotation_cw;
    /* Chrome, Safari, Opera */
    -ms-animation-name: rotation_cw;
    -o-animation-name: rotation_cw;
}

.weel_a,
.weel_b,
.weel_c {
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.header_line,
.header_line_two {
    width: 180px;
    height: 1px;
    border-top: 1px solid;
    position: absolute;
    float: left;
    margin: 9px auto 0 364px;
    box-shadow: 2px 1px 1px rgba(150, 150, 150, 0.4);
}

.header_line_two {
    margin: -9px auto 0 658px;
}

hr {
    color: #f5dc93 !important;
    margin: 9px auto 0 374px;
    position: absolute;
    width: 180px;
    height: 1px;
    background-color: #f5dc93 !important;
}

/***************sekcja O NAS***************/

#www_sites,
#www_apps,
#www_games,
#www_adds {
    position: relative;
    top: -400px;
}

.offersliderpointer {
    cursor: pointer;
}

/*.leftside_ofer{}*/

.www_direct {
    left: 100%;
    width: 1200px;
    margin: 55px auto;
}

.www_direct p {
    font-family: 'latoregular';
    font-size: 14px;
    line-height: 16px;
}

/*.www_direct_row3 p{}
.www_direct_lists{}*/
.www_direct_lists li {
    display: list-item !important;
    list-style: disc outside none !important;
    font-family: 'latoregular';
    font-size: 14px;
    line-height: 21px;
}

.www_direct_header img {
    float: left;
    margin: 0 auto 10px
}

.www_direct_header h2 {
    float: left;
    margin: 20px 0 0 15px;
}

.www_direct_header p {
    margin: 10px auto;
    clear: both
}

.www_direct_header a {
    color: #f4e0bb;
    text-decoration: underline
}

.www_direct_header a:hover {
    color: #f4e0bb;
    text-decoration: line-through;
}

#about_move {}

.www_direct_row1,
.www_direct_row2 {
    font-family: 'latoblack' !important
}

.www_direct_row1,
.www_direct_row2,
.www_direct_row3 {
    float: left;
    width: 275px;
    margin: 0 auto 0 20px;
}

.blank {
    clear: both;
}

.www_direct_row3 {
    margin: 0px 0 0 10px;
    width: 520px;
}

.adds_direct_row,
.apps_direct_row1,
.apps_direct_row2 {
    float: left;
    width: 273px;
    margin: 0 auto 0 20px;
}

.adds_direct_row p,
.apps_direct_row1 p,
.apps_direct_row2 p {
    font-family: 'latoregular' !important;
}

.apps_direct_row1,
.apps_direct_row2 {
    width: 370px
}

.inner {
    font-family: 'latoregular';
    font-size: 14px;
}

#about_still {
    width: 860px;
    margin: 55px auto;
    height: 280px
}

.small_header {
    margin: 0 0 0 80px
}

.small_header p {
    color: #fff;
    font-family: "latoregular";
    font-size: 14px;
}

.row_img {
    margin: 0
}

.row_img img {
    width: 62px;
    float: left
}

.row_one {
    float: left;
    margin: 0 0 0 20px;
    width: 370px;
}

.row_one p {
    font-family: 'latoregular';
    font-size: 15px;
    margin: 15px 0;
    line-height: 17px;
}

/************************************slider personalny*/
.row_one_persons .row_img {
    margin: 0 0 10px 0
}

.row_one_persons {
    margin: -120px auto 80px;
    width: 1200px;
    opacity: 0;
}

.row_one_persons .small_header {
    margin: 0 0 0 0;
}

.row_one_persons.personanim {
    animation-name: personanimoza;
    -webkit-animation-name: personanimoza;
    /* Chrome, Safari, Opera */
    -ms-animation-name: personanimoza;
    -o-animation-name: personanimoza;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes personanimoza {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes personanimoza {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.row_one_persons .personeslider .personeplace {
    float: left;
}

.spinner_personslider {
    width: 1064px !important;
    margin: 0 auto;
}

.personeplace {
    margin: 0 12px
}

.personeplace img {
    width: 180px;
    margin: 0;
}

.personephoto {
    float: left;
    opacity: 1;
    position: relative;
    top: 0;
}

.personephoto_hovering {
    display: inline;
    margin: 0 0 0 -186px;
    position: absolute;
    opacity: 0;
    height: 100%;
}

p.persone.txt {
    margin-top: -34px;
    margin-left: 0px;
    position: absolute;
    font-family: 'latoblack';
    z-index: 9999;
    text-shadow: 0px 0px 2px #000;
    -webkit-text-shadow: 0px 0px 2px #000;
}

.personeplace:hover .personephoto {
    opacity: 0;
}

.personeplace:hover p.persone.txt {
    margin-left: 20px;
    text-shadow: 0px 0px 2px #000;
    -webkit-text-shadow: 0px 0px 2px #000;
}

.personephoto_hovering:hover {
    opacity: 1;
}

.row_one_persons .bx-prev {
    margin-left: -40px;
}

.row_one_persons .bx-next {
    right: 1% !important;
}

/************************************slider personalny*/

.boldowanie {
    font-family: 'latoblack';
}

.ofer_start {
    width: 1200px;
    padding: 0 10px;
    margin: 55px auto;
}

.row_tree_high,
.row_tree_low {
    width: 220px;
    float: left;
    opacity: 0;
}

.row_tree_high.animate,
.oferslider.animate {
    position: relative;
    opacity: 1;

    -webkit-animation-name: anidown;
    /* Chrome, Safari, Opera */
    animation-name: anidown;
    -ms-animation-name: anidown;
    -o-animation-name: anidown;

    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;

    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -ms-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
}

@keyframes anidown {
    0% {
        top: 70px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes anidown {
    0% {
        top: 70px;
        opacity: 0
    }

    100% {
        top: 0px;
        opacity: 1
    }
}

.row_tree_low.animate {
    position: relative;
    opacity: 1;

    -webkit-animation-name: aniup;
    /* Chrome, Safari, Opera */
    animation-name: aniup;
    -ms-animation-name: aniup;
    -o-animation-name: aniup;

    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;


    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes aniup {
    0% {
        top: -70px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes aniup {
    0% {
        top: -70px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}


.row_tree_high p,
.row_tree_low p {
    font-family: 'latoblack';
    font-size: 14px;
    line-height: 17px;
    margin: 10px auto;
}

.row_tree_img1,
.row_tree_img2,
.row_tree_img3,
.row_tree_img4 {
    margin: 0 auto;
    text-align: center
}

/*.row_tree_img1 img, .row_tree_img2 img,.row_tree_img3 img,.row_tree_img4 img{}*/
.row_tree_img1 img {
    margin: 0 auto 20px;
}

.row_tree_img2 img {
    margin: -1px 0 13px 40px;
}

.row_tree_img3 img {
    margin: 0 auto 20px;
}

.row_tree_img4 img {
    margin: -6px 0 6px 44px;
}

.header_line_row_tree {
    width: 180px;
    height: 1px;
    border-top: 1px solid;
    margin: 0 0 10px 0;
}

.row_tree_high a,
.row_tree_low a {
    font-family: 'latoregular';
    font-size: 14px;
    color: #f5dc93;
    text-decoration: underline;
}

.row_tree_low {
    margin: 65px 0 0 0;
}

.row_tree_high a:hover,
.row_tree_low a:hover {
    text-decoration: line-through;
}

.rowspacer {
    width: 86px;
    height: 10px;
    float: left
}


/***************sekcja NEWS***************/


/********importowanie pełnych newswów********/

.news_caller1,
.news_caller2,
.news_caller3,
.news_caller4,
.news_caller5,
.news_caller6,
.news_caller7,
.news_caller8,
.news_caller9,
.news_caller10,
.news_caller11,
.news_caller12 {
    cursor: pointer
}

#news_import1,
#news_import2,
#news_import3,
#news_import4,
#news_import5,
#news_import6,
#news_import7,
#news_import8,
#news_import9,
#news_import10,
#news_import11,
#news_import12,
#archiwum {
    left: 0px;
    position: absolute;
    top: 140px;
    z-index: -9998;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
}

#archiwum iframe {
    width: 950px;
    height: 700px;
    opacity: 0
}

#news_import1 iframe,
#news_import2 iframe,
#news_import3 iframe,
#news_import4 iframe,
#news_import5 iframe,
#news_import6 iframe,
#news_import7 iframe,
#news_import8 iframe,
#news_import9 iframe,
#news_import10 iframe,
#news_import11 iframe,
#news_import12 iframe {
    width: 950px;
    height: 700px;
    opacity: 0
}

/*.import_one{}*/
#news_switch {
    margin: 377px 0 0;
    position: absolute;
    right: -179px;
    opacity: 0
}

#news_switch img {
    margin: -30px 0 0 64px
}

#news_switch.bluring_txt {
    transition: all 0.5s ease-out 0.5s;
    -webkit-transition: all 0.5s ease-out 0.5s;
    -ms-transition: all 0.5s ease-out 0.5s;
    -o-transition: all 0.5s ease-out 0.5s;
}

#direct_switch {
    width: 56px;
    height: 56px;
    margin: -17px 0 0 45px;
    cursor: pointer;
    z-index: 9999;
    position: inherit;
}

#direct_switch {
    opacity: 0;
    background-image: url('../img/ipad_toggle.png');
    transition: all 0.27s ease-out 0.27s;
    -webkit-transition: all 0.27s ease-out 0.27s;
    -ms-transition: all 0.27s ease-out 0.27s;
    -o-transition: all 0.27s ease-out 0.27s;
}

#direct_switch:hover {
    opacity: 1;
    background-image: url('../img/ipad_toggle.png');
}

#news_switch p {
    color: #E2001A;
    font-family: 'just_the_way_you_areregular' !important;
    font-size: 23px !important;
    line-height: 21px;
    text-align: center;
    text-shadow: 0 0 5px #FFF;
    transform: rotate(-4deg);
}


/********importowanie pełnych newswów********/

#neswcontainer {
    margin: 3% auto;
    position: inherit;
    padding: 0 2%
}

.newses_initial,
.newses_right_initial,
.newses,
.newses_right {
    width: 410px;
    float: left;
    margin: 50px 0 0 56px;
    opacity: 0;
    z-index: 9999;

}

.newses,
.newses_right {
    opacity: 1;
}

.newses_initial.animate {
    position: relative;

    animation-name: anileft;
    -webkit-animation-name: anileft;
    /* Chrome, Safari, Opera */
    -ms-animation-name: anileft;
    -o-animation-name: anileft;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;

    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes anileft {
    0% {
        left: -50px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes anileft {
    0% {
        left: -50px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}


.newses_right_initial.animate {
    position: relative;

    -webkit-animation-name: aniright;
    /* Chrome, Safari, Opera */
    animation-name: aniright;
    -ms-animation-name: aniright;
    -o-animation-name: aniright;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;

    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes aniright {
    0% {
        right: -50px;
        opacity: 0;
    }

    100% {
        right: 0px;
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes aniright {
    0% {
        right: -50px;
        opacity: 0;
    }

    100% {
        right: 0px;
        opacity: 1;
    }
}


.newses_right_initial,
.newses_right {
    margin: 170px 0 0 0;
}

.newsbox {
    background: url("../img/newsbox.svg") no-repeat;
    width: 73px;
    height: 150px;
    float: left;
    padding: 14px 0 0 20px;
}

.newsbox .data {
    font-family: 'latobold';
    font-size: 22px;
    margin: 5px;
}

.textinfobox {
    width: 380px;
    z-index: 4;
    position: inherit;

}

.textinfobox a {
    color: #F5DC93;
    font-family: 'latoregular';
    font-size: 14px;
    text-decoration: underline;
}

.textinfobox a:hover {
    text-decoration: line-through;
}

.header_line_row_four {
    border-top: 1px solid;
    height: 1px;
    margin: 7px 0 10px 93px;
    width: 180px;
}

.news_hedlighter {
    font-family: 'latoblack';
    color: #FFF;
    font-size: 16px
}

#neswcontainer p {
    font-family: 'latoregular';
    font-size: 16px;
    line-height: 19px;
    text-decoration: none !important;
}

#ipad_makup {
    left: -222px;
    position: absolute;
    top: 22px;
    z-index: -1;
    opacity: 0;
    display: inline-block;
}

#ipad_makup.animation {
    opacity: 1;
    -webkit-animation-name: ipod;
    /* Chrome, Safari, Opera */
    animation-name: ipod;
    -ms-animation-name: ipod;
    -o-animation-name: ipod;

    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;

    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -ms-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
}

@keyframes ipod {
    0% {
        top: 500px;
    }

    100% {
        top: 22px;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes ipod {
    0% {
        top: 500px;
    }

    100% {
        top: 22px;
    }
}

#archiw_button {
    position: absolute;
    margin: -160px 0 0 -127px;
}

.flayer.removeflayerhover {
    top: 50px;
}

.flayer {
    cursor: pointer;
    margin: -80px 0 0 -67px;
    position: relative;

    -webkit-animation-name: flying;
    /* Chrome, Safari, Opera */
    animation-name: flying;
    -ms-animation-name: flying;
    -o-animation-name: flying;

    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;

    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes flying {
    0% {
        left: 0px;
        top: 0px;
        transform: rotate(20deg)scale(1, 1);
    }

    25% {
        left: 5px;
        top: 20px;
        transform: rotate(35deg)scale(1.1, 1.1);
    }

    50% {
        left: 10px;
        top: 40px;
        transform: rotate(20deg)scale(1, 1);
    }

    75% {
        left: 5px;
        top: 20px;
        transform: rotate(35deg)scale(1.1, 1.1);
    }

    100% {
        left: 0px;
        top: 0px;
        transform: rotate(20deg)scale(1, 1);
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes flying {
    0% {
        left: 0px;
        top: 0px;
        -webkit-transform: rotate(20deg)scale(1, 1);
    }

    25% {
        left: 5px;
        top: 20px;
        -webkit-transform: rotate(35deg)scale(1.1, 1.1);
    }

    50% {
        left: 10px;
        top: 40px;
        -webkit-transform: rotate(20deg)scale(1, 1);
    }

    75% {
        left: 5px;
        top: 20px;
        -webkit-transform: rotate(35deg)scale(1.1, 1.1);
    }

    100% {
        left: 0px;
        top: 0px;
        -webkit-transform: rotate(20deg)scale(1, 1);
    }
}

#archiw_button img {
    float: left;
}

#archiw_button p {
    color: #e2001a;
    font-family: 'just_the_way_you_areregular' !important;
    font-size: 21px !important;
    line-height: 21px;
    text-align: center;
    text-shadow: 0 0 5px #fff;
    transform: rotate(-4deg);
    float: left;
    margin: 90px 0 0 0
}

.arch_pointer {
    margin: 28px 1px 0 -50px;
    transform: rotate(-231deg);
    -webkit-transform: rotate(-231deg);
}


/***************sekcja KONTAKT***************/
#dane_info h3 {
    color: #f5dc93;
    font-family: 'latoregular';
    margin: 0 0 40px 0;
}

#form h3 {
    color: #f5dc93;
    font-family: 'latoblack';
    margin: 0 0 40px 0;
    text-align: right;
}

#form_mech {
    margin: 60px auto 0;
    position: relative;
    bottom: 0;
    width: 100%;
}

#close {
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: 900px;
    color: rgba(52, 54, 66, );
    cursor: pointer;
    margin: 2px;
    z-index: 2;
    position: relative;
    display: none;
}

/*googlemaps BG*/
#googlemaps {
    height: 300px;
    left: 0;
    margin: 0;
    position: relative !important;
    top: 0;
    width: 100%;
    z-index: 0;
    /* Set z-index to 0 as it will be on a layer below the contact form */
}

#dane {
    margin: 20px 0 0 20px;
}

#logo_two {
    margin: 0 auto 20px;
    width: 250px;
}

#logo_two img {
    margin: 0 auto;
    vertical-align: middle;
    width: 250px;
}

#dane_info {
    margin: 40px 0 0 0;
    float: left;
}

#dane_info p {
    font-family: 'latoregular';
    font-size: 14px;
    color: #FFF;
    line-height: 21px;
    margin: 0 0 20px 0;
}

.bold {
    font-family: 'latoblack';
}

#dane_info a {
    color: #f5dc93;
    text-decoration: underline;
}

#dane_info a:hover {
    color: #f5dc93;
    text-decoration: line-through;
}

#formularz input[type=text] {}

#form {
    font-family: 'latoregular';
    margin: -247px 0 0 330px;
    width: 281px;
    text-align: right;
    float: left;
}

.forma_p {
    margin: 10px 0 0 0;
    font-size: 14px;
}

label input {
    border: 2px solid #f5dc93;
    margin: 5px;
    background: none;
    color: #f5dc93;
    padding: 5px 8px;
    width: 200px;
    font-family: 'latoitalic';
    font-size: 12px !important;
}

label textarea {
    border: 2px solid #f5dc93;
    margin: 20px;
    background: none;
    color: #f5dc93;
    margin: 5px;
    width: 250px;
    height: 180px;
    font-family: 'latoitalic';
    font-size: 12px !important;
    padding: 8px;
    overflow: auto;
}

input#send {
    font-family: 'latoblack';
    cursor: pointer;
    font-size: 15px !important;
}

input#send:hover {
    background: #f5dc93;
    color: rgba(52, 54, 66, 1);
}

footer {
    left: 20px;
    font-family: 'latoregular' !important;
    font-size: 12px !important;
    color: #FFF;
    bottom: 20px;
    position: relative;
    z-index: 2;
}

#key1,
#coffee {
    z-index: 2;
    display: inline-block;
    display: none !important;
}

#key1 {
    position: absolute;
    right: -500px;
    top: 290px;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    background-image: url("img/keyboard.png");
}

#key1.animation {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);

    opacity: 1;

    -webkit-animation-name: righti;
    /* Chrome, Safari, Opera */
    animation-name: righti;
    -ms-animation-name: righti;
    -o-animation-name: righti;

    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes righti {
    0% {
        right: -500px;
        transform: rotate(50deg)
    }

    100% {
        right: -380px;
        transform: rotate(30deg)
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes righti {
    0% {
        right: -500px;
        -webkit-transform: rotate(50deg)
    }

    100% {
        right: -380px;
        -webkit-transform: rotate(30deg)
    }
}

#coffee {
    position: absolute;
    left: -200px;
    top: 850px;
    z-index: 2;
    display: inline-block;
    background: url("../img/coffee.png") 0 0 no-repeat fixed !important;
    width: 500px;
    height: 2500px;
}

#coffee.animation {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);

    opacity: 1;

    -webkit-animation-name: lefti;
    /* Chrome, Safari, Opera */
    animation-name: lefti;
    -ms-animation-name: lefti;
    -o-animation-name: lefti;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;

    animation-delay: 1s;
    -webkit-animation-delay: 1s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}

@keyframes lefti {
    0% {
        left: -500px;
        transform: rotate(0deg)
    }

    100% {
        left: -180px;
        transform: rotate(360deg)
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes lefti {
    0% {
        left: -500px;
        -webkit-transform: rotate(0deg)
    }

    100% {
        left: -180px;
        -webkit-transform: rotate(360deg)
    }
}

.red {
    color: #ff0000;
}

.impostror {
    clear: both;
}

p.hidden_txt {
    display: none;
}

p.test_wrench {
    font-size: 14px !important;
    margin: 9px 0 0;
    text-transform: none !important;
}

#up {
    display: none;
    opacity: 0;
}

@media screen and (max-width: 1366px) and (min-width: 1201px) {
    #hiddeninformation {
        right: 39px;
    }
}

/*http://www.jqueryscript.net/layout/Responsive-Filterable-jQuery-Portfolio-Gallery-Plugin-Elastic-Grid.html*/


#submitBtn:disabled {
    opacity: 0.3;
}