html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
    display: block;
}

textarea:focus, input:focus{
    outline: 0;
}

body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    background-color: #000;
}
body {
    font-size: 10px;
    line-height: 1.25;
}
b,
strong {
    font-weight: normal;
}
i,
em {
    font-style: italic;
}
a {
    color: inherit;
}
/* fonts */
@font-face {
    font-family: 'EtelkaText';
    font-weight: normal;
    font-style: normal;
    src: url("../styles/fonts/etelkatext.eot");
    src: url("../styles/fonts/etelkatext.eot?#iefix") format("embedded-opentype"), url("../styles/fonts/etelkatext.woff") format("woff"), url("../styles/fonts/etelkatext.ttf") format("truetype");
}
@font-face {
    font-family: 'EtelkaLight';
    font-weight: normal;
    font-style: normal;
    src: url("../styles/fonts/etelkalight.eot");
    src: url("../styles/fonts/etelkalight.eot?#iefix") format("embedded-opentype"), url("../styles/fonts/etelkalight.woff") format("woff"), url("../styles/fonts/etelkalight.ttf") format("truetype");
}
@font-face {
    font-family: 'EtelkaLight';
    font-weight: normal;
    font-style: italic;
    src: url("../styles/fonts/etelkalight-italic.eot");
    src: url("../styles/fonts/etelkalight-italic.eot?#iefix") format("embedded-opentype"), url("../styles/fonts/etelkalight-italic.woff") format("woff"), url("../styles/fonts/etelkalight-italic.ttf") format("truetype");
}


html {
    background-color: #fff;
}

#foto{
    background-color: #000;
}

body {
    background-color: #fff;
    font-family: EtelkaLight, "Times new Roman", Arial, helvetica, sans-serif;
    text-align: center;
}
body#prip {
    background: transparent;
}


/*  ---------------- image lightbox setup

*/
/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
    cursor: pointer;
    position: fixed;
    z-index: 10000;

    -ms-touch-action: none;
    touch-action: none;

    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
    border-radius: 50%;
}
#imagelightbox-loading
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;

    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
    from { opacity: .5;	-webkit-transform: scale( .75 ); }
50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
    from { opacity: .5;	transform: scale( .75 ); }
50%	 { opacity: 1;	transform: scale( 1 ); }
to	 { opacity: .5;	transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay
{
    background-color: #fff;
    background-color: rgba( 0, 0, 0, .4 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    background-color: #666;
    border-radius: 50%;
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */

    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus
{
    background-color: #111;
}
#imagelightbox-close:before,
#imagelightbox-close:after
{
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close:before
{
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close:after
{
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}


/* CAPTION */

#imagelightbox-caption
{
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    border-radius: 20px;
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */

    -webkit-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    transform: translateX( -50% );
}
#imagelightbox-nav button
{
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active
{
    background-color: #fff;
}


/* ARROWS */

.imagelightbox-arrow
{
    width: 3.75em; /* 60 */
    height: 7.5em; /* 120 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus
{
    background-color: #666;
    background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active
{
    background-color: #111;
}
.imagelightbox-arrow-left
{
    left: 2.5em; /* 40 */
}
.imagelightbox-arrow-right
{
    right: 2.5em; /* 40 */
}
.imagelightbox-arrow:before
{
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before
{
    border-left: none;
    border-right-color: #fff;
    margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before
{
    border-right: none;
    border-left-color: #fff;
    margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
    from	{ opacity: 0; }
to		{ opacity: 1; }
}
@keyframes fade-in
{
    from	{ opacity: 0; }
to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */
{
    #container
    {
        width: 100%;
    }
    #imagelightbox-close
    {
        top: 1.25em; /* 20 */
        right: 1.25em; /* 20 */
    }
    #imagelightbox-nav
    {
        bottom: 1.25em; /* 20 */
    }

    .imagelightbox-arrow
    {
        width: 2.5em; /* 40 */
        height: 3.75em; /* 60 */
        margin-top: -2.75em; /* 30 */
    }
    .imagelightbox-arrow-left
    {
        left: 1.25em; /* 20 */
    }
    .imagelightbox-arrow-right
    {
        right: 1.25em; /* 20 */
    }
}

@media only screen and (max-width: 20em) /* 320 */
{
    .imagelightbox-arrow-left
    {
        left: 0;
    }
    .imagelightbox-arrow-right
    {
        right: 0;
    }
}

/* ---- end image lightbox setup */



#foto body{
    background-color: #000;
}

.inner {
    position: relative;
    width: 100%;
    max-width: 1332px;
    margin: 0 auto;
    text-align: left;
}

#foto #foto-item .inner{
    max-width: 1336px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* head */
header {
    width: 100%;
    height: 60px;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
header ul {
    float: left;
    padding-left: 20px;
}
header ul li {
    height: 60px;
    float: left;
    /*			&.active a,
                          a:hover{
                          }*/

}
header ul li a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 27px;
    color: #8e8d8d;
    font-size: 1.5em;
    font-family: EtelkaLight, Arial, helvetica, sans-serif;
    text-transform: uppercase;
}
header ul li a span {
    display: inline-block;
    position: relative;
    height: 19px;
    overflow: hidden;
    vertical-align: text-top;
    line-height: 19px;
}
header ul li a span span {
    position: relative;
    top: 0;
    overflow: visible;
    padding: 0;
    white-space: nowrap;
    transition: top 0.4s;
}
header ul li a span span:after {
    content: attr(data-hover);
    position: absolute;
    top: 20px;
    left: 0;
    color: #ebebeb;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
}
header ul li.active a,
header ul li a:hover {
    background: url("../images/menu-hover.png") no-repeat 50% 8px;
}
header ul li.active a span span,
header ul li a:hover span span {
    position: relative;
    top: -20px;
}
header #menuOpener,
header #activeMenuItem,
header #searchFocuser {
    display: none;
}

header #header-right-box{
    float: right;
    height: 60px;
    line-height: 60px;
}

header #download {
    float: left;
}

header #hotline{
    float: left;
    color: #fff;
    font-size: 1.5em;
    background: url('../images/ico-phone-normal.png') no-repeat center left;
    padding: 0 0 0 25px;
    margin: 0 0 0 20px;
    text-transform: uppercase;

}

header #hotline em{
    font-style: normal;
    color: #ffc706;
}

header #download a {
    color: #fdc500;
    display: block;
    text-transform: uppercase;
    background: url('../images/download.jpg') no-repeat center left;
    padding: 0 0 0 30px;
    line-height: 17px;
    height: 80px;
    font-size: 1.4em;
    line-height: 80px;
}

header #download a:hover{
    text-decoration: underline;
}

header form {
    display: none;
    float: right;
    padding-top: 23px;
    transition: all 0.25s;
}
header form input {
    width: 35px;
    height: 35px;
    background: #000000 url("../images/search.png") no-repeat 10px 50%;
    color: #000000;
    font-size: 1.5em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    padding: 0 10px 0 35px;
    border: none;
    cursor: pointer;
    transition: all 0.25s;
}
header form.focused input {
    width: 205px;
    background-color: #ebebeb;
    cursor: text;
}
#articles {
    position: relative;
    z-index: 9;
    margin-top: 60px;
    background: url("../images/article-bg.jpg") no-repeat 50% 0;
}

#foto #articles{
    background: url("../images/foto-bg.jpg") no-repeat 50% 0;
    z-index: 9;
}

#foto-item{
    margin: 0 0 253px;
}

#foto-item .inner{
    z-index: 9;
    margin-top: -383px;
}

#articles .inner {
    min-height: 640px;
    background: url("../images/article-bg.jpg") no-repeat 50% 0;
    padding-top: 221px;
}

#foto #articles .inner{
    background: url("../images/foto-bg.jpg") no-repeat 50% 0;

}

#articles .inner:after {
    content: " ";
    display: block;
    position: absolute;
    top: 63px;
    left: 333px;
    width: 1px;
    height: 132px;
    background-color: #e2e2e2;
}

#foto #articles .inner:after {
    background: url('../images/foto-line.png') no-repeat top left;
}

#articles .inner #logo {
    position: absolute;
    top: 46px;
    left: 151px;
}
#articles .inner #logo img {
    width: 112px;
    height: 147px;
}
#articles .inner h1 {
    max-width: 890px;
    padding-right: 40px;
    position: absolute;
    top: 92px;
    left: 421px;
    color: #444444;
    font-size: 3em;
}

#foto #articles .inner h1 {
    color: #fff;
}


#articles .inner #order-button{
    position: absolute;
    top: 111px;
    right: 30px;
}

#articles .inner #order-button a{
    display: block;
    background: url('../images/btn2.png') no-repeat top left;
    width: 198px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 1.4em;
    text-transform: uppercase;
}

#articles .inner #order-button a:hover{
    background: url('../images/btn2_h.png') no-repeat top left;
}

#articles .inner #order-button a span{
    display: none;
}

#nase-prace {
    *zoom: 1;
}
#nase-prace:before,
#nase-prace:after {
    content: "";
    display: table;
}

#nase-prace{
    position: relative;
    overflow: hidden;
    width: 1333px;
    height: auto;
    margin: 0 auto;
    padding: 37px 0 0 0;
    /*background: url('../images/stin.png') no-repeat bottom center;*/
}

#nase-prace ul{
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0px 0 0 0;
}

#nase-prace ul li{
    position: relative;
    width: 1333px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 45px 0;
    display: block;
    float: left;
    list-style-type: none;
}

#nase-prace .referenceDetail{
    position: absolute;
    top: 292px;
    right: 150px;
    width: 486px;
    height: 326px;
    color: #000;
    overflow: hidden;

}

#nase-prace .referenceDetail .referenceDetailWrap{
    /*display: none;*/
    padding: 16px 0 0px 0;
    width: 100%;
    height: 300px;
    position: relative;
}

#nase-prace .referenceDetail p{

    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
}

#nase-prace .referenceDetail .referenceService{
    position: relative;
    text-align: center;
    /*border-top: 1px solid #d8c5b9;*/
    margin-top: 18px;
    padding: 22px 0 0 0;
}

#nase-prace .referenceDetail .referenceServiceNo{
    padding: 0px;
}

#nase-prace .referenceDetail strong{
    font-weight: bold;
}

#nase-prace .referenceDetail .referenceDetailWrap:after,
#nase-prace .referenceDetail .referenceService:after{
    border-top: 1px solid #808080;
    position: absolute;
    content: " ";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    opacity: 0.3;
}


#nase-prace .referenceDetail .referenceService span{
    font-size: 1.5em;
    position: relative;
    padding: 0 35px 0 28px;
}

#nase-prace .referenceDetail .referenceService span:before{
    position: absolute;
    content: " ";
    top: 4px;
    left: 0px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #e5d1bd;
}

#nase-prace .referenceDetail .referenceButton{
    text-align: center;
    margin: 32px 0 0 0;
}

#nase-prace .referenceDetail .referenceButtonNo{
    margin-top: 0px;
}

#nase-prace .referenceDetail .referenceButton .button{
    position: relative;
    display: inline-block;
    height: 39px;
    line-height: 41px;
    border-radius: 3px;
    padding: 0 45px 0 29px;
    font-size: 1.5em;
    margin: 0 24px 0 0px;
}

#nase-prace .referenceDetail .referenceButton .button:before{
    position: absolute;
    content: " ";
    top: 0px;
    right: 0px;
    width: 45px;
    height: 39px;
}


#nase-prace .reference-left .referenceDetail{
    left: 156px;
    right: auto;
}

#nase-prace .reference-color-white .referenceDetail{
    color: #fff;
}

#nase-prace .reference-color-white .referenceDetail .button{
    color: #fff;
}

#nase-prace .reference-color-white .referenceDetail .button.silver{
    color: #000;
}

#nase-prace .referenceDetail .referenceButton .button.green{
    color: #fff;
    background: url('../images/green-button.png') repeat-x top left;
}

#nase-prace .referenceDetail .referenceButton .button.green:before{
    background: url('../images/green-button-ico.png') no-repeat top center;
}

#nase-prace .referenceDetail .referenceButton .button.silver{
    background: url('../images/silver-button.png') repeat-x top left;
}

#nase-prace .referenceDetail .referenceButton .button.silver:before{
    background: url('../images/silver-button-ico.png') no-repeat top center;
}

#nase-prace .reference-basketshop .referenceDetail{
    top: 280px;
    left: 182px;
    height: 374px;
    width: 564px;
}



#nase-prace .reference-gurucaffe .referenceDetail{
    top: 304px;
    width: 550px;
    left: 142px;
}

#nase-prace .reference-homecredit .referenceDetail{
    right: 182px;
}

#nase-prace .reference-dhl .referenceDetail{
    left: 94px;
    top: 266px;
    height: 389px;
}

#nase-prace .reference-dhl .referenceDetail .referenceService span::before {
    background: #d51c3a;
}

#nase-prace .reference-topwheels .referenceDetail{
    left: 111px;
    top: 249px;
    height: 381px;
}

#nase-prace .reference-subarusti .referenceDetail{
    right: 134px;
    top: 272px;
    height: 383px;
    width: 530px;
}


#nase-prace .reference-komvet .referenceDetail{
    top: 265px;
}

#nase-prace .reference-peceny-snehulak .referenceDetail{
    top: 272px;
}

#nase-prace .reference-kfc .referenceDetail{
    left: 76px;
    top: 291px;
    width: 90%;


}

#nase-prace .jcarousel-control-preva{
    position: absolute;
    top: 1px;
    right: 36px;
    display: block;
    width: 35px;
    height: 35px;
    background: url("../images/carousel-left.jpg") no-repeat top left;
}

#nase-prace .jcarousel-control-preva.active,
#nase-prace .jcarousel-control-preva:hover{
    background: url("../images/carousel-left-hover.jpg") no-repeat top left;
}

#nase-prace .jcarousel-control-preva.noactive{
    background: url("../images/carousel-left.jpg") no-repeat top left;
}

#nase-prace .jcarousel-control-nexta{
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 35px;
    height: 35px;
    background: url("../images/carousel-right.jpg") no-repeat top left;
}

#nase-prace .jcarousel-control-nexta.active,
#nase-prace .jcarousel-control-nexta:hover{
    background: url("../images/carousel-right-hover.jpg") no-repeat top left;
}

#nase-prace .jcarousel-control-nexta.noactive{
    background: url("../images/carousel-right.jpg") no-repeat top left;
}

#nase-prace .jcarousel-pagination{
    display: none;
}

#nase-prace .jcarousel-of-page{
    position: absolute;
    top: 1px;
    right: 89px;
    font-size: 1.4em;
    line-height: 35px;
}



#services {
    position: relative;
    z-index: 8;
    margin-top: -169px;
    background: #ec8713 url("../images/orange-bg.jpg") no-repeat 50% 0;
}
#services .inner {
    min-height: 1299px;
    background: #ec8713 url("../images/orange-bg.jpg") no-repeat 50% 0;
    padding-top: 112px;
}
#services .inner h3 {
    position: relative;
    width: 100%;
    padding: 63px 209px 125px;
    color: #ffffff;
    font-size: 3em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    text-align: center;
}
#services .inner h3 span {
    color: #ffe4bb;
    font-family: EtelkaLight, Arial, helvetica, sans-serif;
}
#services .inner h3:after {
    content: " ";
    position: absolute;
    top: 226px;
    left: 50%;
    width: 163px;
    height: 1px;
    font-size: 0;
    background-color: #ffd593;
    margin-left: -81px;
}
#servicesBox .service {
    position: relative;
    display: block;
    width: 333px;
    height: 390px;
    float: left;
    padding: 142px 50px 0;
    border-style: solid;
    border-color: #ffd593;
    border-color: rgba(255, 255, 255, 0.15);
    border-width: 0 1px 1px 0;
    text-align: center;
    background-position: 50% 34px;
    background-repeat: no-repeat;
}
#servicesBox .service h4 {
    margin-bottom: 17px;
    padding-bottom: 20px;
    color: #501c00;
    font-size: 1.9em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    background: url("../images/service-separator.png") no-repeat 50% 100%;
}
#servicesBox .service p {
    color: #432400;
    font-size: 1.5em;
}
#servicesBox .service span {
    display: none;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 333px;
    height: 51px;
    background: url("../images/service-button.png") no-repeat 50% 50%;
    color: #000000;
    font-size: 1.5em;
    line-height: 51px;
    text-shadow: 1px 1px 0 #fff;
}

#servicesBox .service5 span {
    text-indent: -50000px;

    height: 43px;
    background: url("../images/btn.png") no-repeat 50% 50%;
}

#servicesBox .service5 span:hover {
    background: url("../images/btn_h.png") no-repeat 50% 50%;
}

#servicesBox a.service span:after {
    content: ">";
    padding-left: 22px;
}
#servicesBox a.service:hover h4 {
  text-decoration: underline;
}
#servicesBox a.service:hover span {
  display: none;
}

#servicesBox .service1 {
    background-image: url("../images/service-ico-small-7.png");
    border-right: none;
}
#servicesBox .service2 {
    background-image: url("../images/service-ico-small-2.png");
    border-bottom: none;
}
#servicesBox .service3 {
    background-image: url("../images/service-ico-small-6.png");
}
#servicesBox .service4 {
    background-image: url("../images/service-ico-small-3.png");
    /*border-right-width: 0;*/
    border-bottom: none;
}
#servicesBox .service5 {
    background-image: url("../images/service-ico-small-4.png");
    border-bottom: none;
    /*width: 334px;
   border-width: 0 1px;
   margin-left: 332px;*/
}

#servicesBox .service5:hover {
    background-color: #f9c221;
}

#servicesBox .service6 {
    background-image: url("../images/service-ico-small-1.png");
    /*border-width: 0 1px 0 0;*/
}
#servicesBox .service7 {
    background-image: url("../images/service-ico-small-8.png");
    /*border-width: 0 1px 0 0;*/
}
#servicesBox .service8 {
    background-image: url("../images/service-ico-small-5.png");
    border-bottom: none;
    border-right: none;
    /*border-width: 0 1px 0 0;*/
}

#klienti {
    clear: both;
    position: relative;
    z-index: 7;
    background: url("../images/clients-bg.jpg") no-repeat 50% 0;
    margin: 0 0 225px 0;
}
#klienti .inner {
    min-height: 670px;
    background: url("../images/clients-bg.jpg") no-repeat 50% 0;
}

#klienti .inner h3 {
    position: relative;
    width: 100%;
    padding: 75px 0 103px;
    color: #555555;
    font-size: 3em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    text-align: center;
}
#klienti .inner h3 span {
    display: block;
    color: #838383;
    font-family: EtelkaLight, Arial, helvetica, sans-serif;
}
#klienti .inner h3:after {
    content: " ";
    position: absolute;
    top: 195px;
    left: 50%;
    width: 136px;
    height: 1px;
    font-size: 0;
    background-color: #cfcfcf;
    margin-left: -68px;
}
#klienti .inner ul {
    width: 100%;
    height: 362px;
    overflow: hidden;
}
#klienti .inner ul li {
    position: relative;
    width: 333px;
    height: 362px;
    float: left;
    padding: 0 16px;
    text-align: center;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#klienti .inner ul li div,
#klienti .inner ul li a {
    display: block;
    padding-top: 201px;
}

#klienti .inner ul li div img,
#klienti .inner ul li a img {
    display: block;
    margin: 0 auto;
}

#klienti .inner ul li div h4,
#klienti .inner ul li a h4 {
    margin: 37px 0 25px;
    color: #000000;
    font-size: 2.3em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    text-transform: uppercase;
}

#klienti .inner ul li div p,
#klienti .inner ul li a p {
    padding: 0 15px;
    color: #5e5e5e;
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.667;
}

#klienti .inner ul li div span,
#klienti .inner ul li a span {
    display: none;
    position: absolute;
    top: 201px;
    left: 50%;
    margin-left: -150.5px;
    width: 301px;
    height: 161px;
    background: #c4c4c4 url("../images/article-button.png") no-repeat 50% 50%;
    color: #000000;
    font-size: 1.5em;
    line-height: 161px;
}
#klienti .inner ul li a:hover h4 {
    text-decoration: underline;
}
#klienti .inner ul li a:hover span {
    display: block;
}
#klienti .inner ul li.bandi {
    background-image: url("../images/bandi-photo.png");
}

#klienti .inner ul li.kfc {
    background-image: url("../images/kfc-photo.png");
}
#klienti .inner ul li.avion {
    background-image: url("../images/avion-photo.png");
}
#klienti .inner ul li.ahifi {
    background-image: url("../images/ahifi-photo.png");
}
#klienti .inner ul li.kfc {
    background-image: url("../images/kfc-photo.png");
}
#klienti .inner ul li.swag {
    background-image: url("../images/swag-photo.png");
}
#klienti .inner ul li.homecredit {
    background-image: url("../images/logo/homecredit.png");
}
#klienti .inner ul li.highperformanceparts {
    background-image: url("../images/highperformanceparts-photo.png");
}
#klienti .inner ul li.martinkraus {
    background-image: url("../images/martin-kraus-photo.png");
}
#klienti .inner ul li.dhl {
    background-image: url("../images/dhl-photo.png");
}
#klienti .inner ul li.zdenekchlopcik {
    background-image: url("../images/tanecni-skola-chlopcik-photo.png");
}

#klienti .inner ul li.cistychov {
    background-image: url("../images/logo/cistychov-photo.png");
}

#klienti .inner ul li.pecenysnehulak {
    background-image: url("../images/logo/pecenysnehulak-photo.png");
    background-position: 50% 13px;
}

#klienti .inner ul li.spirit {
    background-image: url("../images/logo/majkspirit-photo.png");
}

#klienti .inner .jcarousel-wrapper {
    position: relative;
}

#klienti .inner .jcarousel-wrapper .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 440px;
    background: url('../images/linka.png') no-repeat bottom center;
}

#klienti .inner .jcarousel-wrapper .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#klienti .inner .jcarousel-wrapper .jcarousel ul li {
    float: left;
}

#klienti .inner .jcarousel-wrapper .jcarousel-control-prev,
#klienti .inner .jcarousel-wrapper .jcarousel-control-next {
    position: absolute;
    top: -80px;
    right: 0px;
    width: 35px;
    height: 35px;
}

#klienti .inner .jcarousel-wrapper .jcarousel-control-prev{
    right: 36px;
    background: url("../images/carousel-left.jpg") no-repeat left top;
}

#klienti .inner .jcarousel-wrapper .prevActive,
#klienti .inner .jcarousel-wrapper .jcarousel-control-prev:hover{
    background: url("../images/carousel-left-hover.jpg") no-repeat left top;
}

#klienti .inner .jcarousel-wrapper .prevNoActive{
    background: url("../images/carousel-left.jpg") no-repeat left top !important;
}

#klienti .inner .jcarousel-wrapper .nextActive,
#klienti .inner .jcarousel-wrapper .jcarousel-control-next:hover{
    background: url("../images/carousel-right-hover.jpg") no-repeat left top;
}

#klienti .inner .jcarousel-wrapper .jcarousel-control-next{
    background: url("../images/carousel-right.jpg") no-repeat left top;
}

#klienti .inner .jcarousel-wrapper .nextNoActive{
    background: url("../images/carousel-right.jpg") no-repeat left top !important;
}

/*
#klienti .inner .jcarousel-wrapper .jcarousel-control-prev,
#klienti .inner .jcarousel-wrapper .jcarousel-control-next {
    position: absolute;
    top: 258px;
    width: 49px;
    height: 49px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
#klienti .inner .jcarousel-wrapper .jcarousel-control-prev:hover,
#klienti .inner .jcarousel-wrapper .jcarousel-control-next:hover {
    background-position: 50% 100%;
}
#klienti .inner .jcarousel-wrapper .jcarousel-control-prev {
    left: -55px;
    background-image: url("../images/clients-prev.png");
}
#klienti .inner .jcarousel-wrapper .jcarousel-control-next {
    right: -55px;
    background-image: url("../images/clients-next.png");
}
#klienti .inner .jcarousel-wrapper .jcarousel-control-prev.inactive,
#klienti .inner .jcarousel-wrapper .jcarousel-control-next.inactive,
#klienti .inner .jcarousel-wrapper .jcarousel-control-prev.inactive:hover,
#klienti .inner .jcarousel-wrapper .jcarousel-control-next.inactive:hover {
    background-position: 50% 0;
    cursor: default;
}*/


#klienti .inner .otherClients {
    float: right;
    margin: 38px 48px 0 0;
    color: #4f4f4f;
    font-size: 1.5em;
    text-decoration: underline;
}

#klienti .inner #otherClients {
    clear: both;
    display: none;
}

#klienti .inner #otherClients ul{
    height: auto;
    /*padding: 20px 0 0 0;*/
}

#klienti .inner #otherClients ul li {
    height: auto;
    padding: 20px 0 0 0;
}

#klienti .inner .otherClients:hover {
    text-decoration: none;
}

#instagram-wrap{
    z-index: 100;
    position: absolute;
    top: -166px;
    left: 0px;
    width: 100%;
}

#instagram-wrap #instagram {
    *zoom: 1;
    position: relative;
    width: 100%;
    /*margin-top: 70px;*/
    padding-left: 2px;
    clear: both;
    float: both;
}
#instagram-wrap .inner #instagram:before,
#instagram-wrap .inner #instagram:after {
    content: "";
    display: table;
}
#instagram-wrap .inner #instagram:after {
    clear: both;
}
#instagram-wrap .inner #instagram .left {
    margin: 0px;
    position: relative;
    width: 333px;
    height: 331px;
    background: url("../images/instagram-bg.jpg") no-repeat 0 0;
    background-size: 100% 100%;
    float: left;
    padding: 0 45px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
}
#instagram-wrap .inner #instagram .left .ico {
    display: block;
    width: 48px;
    height: 48px;
    margin: 42px auto 0;
    background: url("../images/instagram-ico2.png") no-repeat 0 0;
}

#instagram-wrap .inner #instagram .left .hashtag {
    display: block;
    padding: 7% 0 0 0;

}

#instagram-wrap .inner #instagram .left .hashtag a:hover{
    text-decoration: underline;
}

#instagram-wrap .inner #instagram .left .logo {
    display: block;
    width: 90%;
    height: 70px;
    max-width: 234px;
    margin: 30px auto 30px;
    background: url("../images/instagram-logo.png") no-repeat 0 0;
    background-size: contain;
}
#instagram-wrap .inner #instagram .left:after {
    content: " ";
    position: absolute;
    top: 195px;
    left: 10%;
    width: 80%;
    height: 1px;
    background-color: #5783a6;
}
#instagram-wrap .inner #instagram .photos {
    width: 996px;
    height: 331px;
    float: left;
}
#instagram-wrap .inner #instagram .photos a {
    display: block;
    position: relative;
    float: left;
    width: 166px;
    min-height: 165px;
}
#instagram-wrap .inner #instagram .photos a img {
    display: block;
}
#instagram-wrap .inner #instagram .photos a:after {
    content: " ";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(50, 169, 231, 0.8) url("../images/instagram-ico.png") no-repeat 50% 50%;
    border: 1px solid #359bd6;
}
#instagram-wrap .inner #instagram .photos a:hover:after {
    display: block;
}
#instagram-wrap .inner #instagram .follow {
    position: absolute;
    right: 22px;
    bottom: -30px;
    color: #3c6484;
    font-size: 1.3em;
    text-decoration: underline;
}
#instagram-wrap .inner #instagram .follow:hover {
    text-decoration: none;
}
#map {
    position: relative;
    width: 100%;
    z-index: 6;
    /*margin-top: -165px;*/
    background: #000000 url("../images/map.jpg") no-repeat 50% 291px;
}

#map #map-wrap{
    position: relative;
    clear: both;
    margin: 0px;
    padding: 165px 0 0 0;
    width: 100%;
    overflow: hidden;
    width: 100%;
}

#map .inner {
    position: relative;
    overflow: hidden;
    /*min-height: 1122px;*/
    min-height: 985px;
    /*background: #000000 url("../images/map.jpg") no-repeat 50% 122px;*/
    text-align: center;
    padding-top: 0px;
}

#instagram-wrap .inner {
    background: none;
    min-height: 331px;
}

#map .inner h3 {
    width: 100%;
    padding: 80px 0 155px;
    color: #ffffff;
    font-size: 3em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    text-align: center;
}
#map .inner h3 span {
    display: block;
    color: #7a7a7a;
    font-family: EtelkaLight, Arial, helvetica, sans-serif;
}
#map .inner p {
    margin: 0 0 28px 23px;
    padding-left: 46px;
    color: #fff;
    font-size: 1.6em;
    line-height: 1.375em;
    text-align: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#map .inner p strong {
    display: block;
    padding: 3px 0 10px;
    color: #ffc706;
    font-size: 1.3125em;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
}
#map .inner p span {
    color: #969696;
}
#map .inner p a {
    color: #fff;
    text-decoration: underline;
}
#map .inner p a:hover {
    text-decoration: none;
}
#map .inner p.phone {
    background-image: url("../images/map-ico-phone.png");
}
#map .inner p.write {
    background-image: url("../images/map-ico-pencil.png");
}
#map .inner p.address {
    background-image: url("../images/map-ico-point.png");
}
#map .inner p.address a {
    font-size: 0.8em;
}
#map .inner #facebook {
    margin: 0 auto;
    padding-bottom: 36px;
}
#map .inner #facebook p {
    margin: 210px 0 30px 0;

    padding: 0;
    color: #ffffff;
    font-size: 3em;
    line-height: normal;
    text-align: center;
}

#map .inner p.contact-btn{
    padding: 0 0 0 29px;
}

#map .inner p.contact-btn a{
    position: relative;
    display: block;
    background: url('../images/btn-schuzka.png') no-repeat top left;
    width: 264px;
    height: 49px;
    z-index: 1000;
}

#map .inner p.contact-btn a span{
    display: none;
}

#map .inner #facebook p b {
    color: #e2c003;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
}
#map .inner #facebook a {
    display: block;
    width: 85px;
    height: 23px;
    margin: 0 auto;
    text-indent: -9999px;
    background: url("../images/like.png") no-repeat 0 0;
}
footer {
    position: relative;
    z-index: 0;
    background-color: #000000;
    padding-bottom: 15px;
}
footer .inner {
    text-align: center;
    font-family: EtelkaText, Arial, helvetica, sans-serif;
    line-height: 2;
}
footer .inner ul li {
    display: inline;
    padding: 0 9px;
}
footer .inner ul li a {
    color: #4c4c4c;
    font-size: 1.2em;
}
footer .inner ul li a:hover {
    text-decoration: underline;
}
footer .inner p {
    display: inline;
    padding-right: 5px;
    color: #4c4c4c;
    font-size: 1.2em;
}
footer .inner img {
    vertical-align: middle;
}
#toTop {
    diplay: block;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 101;
    width: 50px;
    height: 50px;
    background: url("../images/arrow.png") no-repeat 0 0;
}

@media only screen and (max-width: 460px) {
    #servicesBox .service {
        padding-right: 15px;
        background-position: 20px 50%;
    }
    #map .inner h3 span,
    #klienti .inner h3 span,
    #services .inner h3 span {
        display: none;
    }
}

.clear{
    clear: both;
}

#clouds{
    position: absolute;
    bottom: -576px;
    left: -747px;
    width: 1176px;
    height: 747px;
    background: url('../images/mraky.png') no-repeat top left;
}

.cloud{
    position: absolute;
    z-index: 50;
}

#cloud1{
    top: 1122px;
    width: 949px;
    height: 517px;
    background: url('../images/cloud/1mrak.png') no-repeat top left;
}

#cloud2{
    top: -302px;
    /*right: 0px;*/
    width: 528px;
    height: 340px;
    background: url('../images/cloud/2mrak.png') no-repeat top left;
}

#cloud3{
    top: -321px;
    /*right: -310px;*/
    width: 321px;
    height: 270px;
    background: url('../images/cloud/3mrak.png') no-repeat top left;
}

#cloud4{
    width: 547px;
    height: 443px;
    background: url('../images/cloud/4mrak.png') no-repeat top left;
}

#cloud5{

    width: 526px;
    height: 428px;
    background: url('../images/cloud/5mrak.png') no-repeat top left;
}


#prip #map {
    /*margin-top: 400px;*/
}
#prip-content {
    margin-top: 80px;
    font-size: 1.4em;
}
#prip-content .inner {
    width: 970px;
}
#prip-content .left {
    float: left;
}
#prip-content .right {
    float: right;
}
#prip-content .clearfix::after {
    content:"";
    display:table;
    clear:both;
}
#prip-content #top .inner {
    text-align: center;
}
#prip-content .ref-title {
    text-align: center;
}
#prip-content .ref-title h2 {
    color: #fff;
}
#prip-content .ref-title h3 {
    color: #ffd500;
}

#prip-content .ref-pagination {
    text-align: center;
}
#prip-content .ref-pagination .prev-ref a,
#prip-content .ref-pagination .next-ref a {
    color: #fff;
    display: block;
    background-repeat: no-repeat;
}
#prip-content .ref-pagination .prev-ref a {
    background-image: url('../images/bs/arrow_left.png');
    background-position: 0 7px;
}
#prip-content .ref-pagination .next-ref a {
    background-image: url('../images/bs/arrow_right.png');
    background-position: 100% 7px;
}
#prip-content .ref-pagination .prev-ref a:hover {
    background-image: url('../images/bs/arrow_left_active.png');
}
#prip-content .ref-pagination .next-ref a:hover {
    background-image: url('../images/bs/arrow_right_active.png');
}
#prip-content .ref-pagination .next-ref,
#prip-content .ref-pagination .prev-ref  {
    width: 240px;
}
#prip-content .ref-pagination .prev-ref {
    text-align: left;
}
#prip-content .ref-pagination .next-ref {
    text-align: right;
}
#prip-content .ref-pagination .prev-ref a span {
    padding-left: 20px;
}

#prip-content .ref-pagination .next-ref a span {
    padding-right: 20px;
}

#prip-content .ref-pagination .prev-ref a span.main,
#prip-content .ref-pagination .next-ref a span.main {
    display: block;
    background-repeat: no-repeat;
    font-size: 1.7em;
}
#prip-content .ref-pagination .prev-ref a span.sub,
#prip-content .ref-pagination .next-ref a span.sub {
    font-size: 1em;
    position: relative;
    top: -3px;
}
/*#prip-content #top .prev-ref a span.main {
    background-image: url('../images/bs/arrow_left.png');
    background-position: 0 7px;
}*/
/*#prip-content #top .next-ref a span.main {
    background-image: url('../images/bs/arrow_right.png');
    background-position: 100% 7px;
}*/
#prip-content .ref-pagination .prev-ref a:hover span.main,
#prip-content .ref-pagination .next-ref a:hover span.main  {
    color: #ff9c00;
    text-decoration: underline;
}
/*#prip-content #top .prev-ref a:hover span.main {
    background-image: url('../images/bs/arrow_left_active.png');
}
#prip-content #top .next-ref a:hover span.main {
    background-image: url('../images/bs/arrow_right_active.png');
}*/
#prip-content .ref-pagination .ref-center {
    width: 480px;
    display: inline-block;
    text-align: center;
}
#prip-content .ref-pagination .ref-center .ref-social {
    margin-top: 50px;
}
#prip-content .ref-pagination .ref-center .ref-social a {
    margin: 0 10px;
}
#prip-content .ref-pagination .ref-center .ref-social a:hover {
    opacity: .7;
}

#prip-content .ref-button {
    color: #fff;
    border-radius: 5px;
    padding: 17px 30px;
    display: inline-block;
    font-size: 1.2em;
}
#prip-content .ref-button.ref-button-green {
    background: rgb(87,178,63); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(87,178,63,1) 0%, rgba(47,132,24,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,178,63,1)), color-stop(100%,rgba(47,132,24,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(87,178,63,1) 0%,rgba(47,132,24,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(87,178,63,1) 0%,rgba(47,132,24,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(87,178,63,1) 0%,rgba(47,132,24,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(87,178,63,1) 0%,rgba(47,132,24,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b23f', endColorstr='#2f8418',GradientType=0 ); /* IE6-9 */
}

#prip-content .ref-button.ref-button-green:hover {
    background: rgb(47,132,24); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(47,132,24,1) 0%, rgba(87,178,63,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,132,24,1)), color-stop(100%,rgba(87,178,63,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(47,132,24,1) 0%,rgba(87,178,63,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(47,132,24,1) 0%,rgba(87,178,63,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(47,132,24,1) 0%,rgba(87,178,63,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(47,132,24,1) 0%,rgba(87,178,63,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f8418', endColorstr='#57b23f',GradientType=0 ); /* IE6-9 */
}

#prip-content .ref-button.ref-button-red {
    background: rgb(242,61,16); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,61,16,1) 0%, rgba(207,55,18,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,61,16,1)), color-stop(100%,rgba(207,55,18,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(242,61,16,1) 0%,rgba(207,55,18,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(242,61,16,1) 0%,rgba(207,55,18,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(242,61,16,1) 0%,rgba(207,55,18,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(242,61,16,1) 0%,rgba(207,55,18,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23d10', endColorstr='#cf3712',GradientType=0 ); /* IE6-9 */

}
#prip-content .ref-button.ref-button-red:hover {
    background: rgb(207,55,18); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(207,55,18,1) 0%, rgba(242,61,16,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,55,18,1)), color-stop(100%,rgba(242,61,16,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(207,55,18,1) 0%,rgba(242,61,16,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(207,55,18,1) 0%,rgba(242,61,16,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(207,55,18,1) 0%,rgba(242,61,16,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(207,55,18,1) 0%,rgba(242,61,16,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf3712', endColorstr='#f23d10',GradientType=0 ); /* IE6-9 */
}
#prip-content .ref-button.ref-button-gold {
    background: rgb(228,210,113); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(228,210,113,1) 0%, rgba(193,150,63,1) 36%, rgba(182,132,48,1) 50%, rgba(171,112,32,1) 65%, rgba(171,112,32,1) 80%, rgba(194,128,39,1) 95%, rgba(207,143,51,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,210,113,1)), color-stop(36%,rgba(193,150,63,1)), color-stop(50%,rgba(182,132,48,1)), color-stop(65%,rgba(171,112,32,1)), color-stop(80%,rgba(171,112,32,1)), color-stop(95%,rgba(194,128,39,1)), color-stop(100%,rgba(207,143,51,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(228,210,113,1) 0%,rgba(193,150,63,1) 36%,rgba(182,132,48,1) 50%,rgba(171,112,32,1) 65%,rgba(171,112,32,1) 80%,rgba(194,128,39,1) 95%,rgba(207,143,51,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(228,210,113,1) 0%,rgba(193,150,63,1) 36%,rgba(182,132,48,1) 50%,rgba(171,112,32,1) 65%,rgba(171,112,32,1) 80%,rgba(194,128,39,1) 95%,rgba(207,143,51,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(228,210,113,1) 0%,rgba(193,150,63,1) 36%,rgba(182,132,48,1) 50%,rgba(171,112,32,1) 65%,rgba(171,112,32,1) 80%,rgba(194,128,39,1) 95%,rgba(207,143,51,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(228,210,113,1) 0%,rgba(193,150,63,1) 36%,rgba(182,132,48,1) 50%,rgba(171,112,32,1) 65%,rgba(171,112,32,1) 80%,rgba(194,128,39,1) 95%,rgba(207,143,51,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d271', endColorstr='#cf8f33',GradientType=0 ); /* IE6-9 */
}
#prip-content .ref-button.ref-button-gold:hover {
    background: rgb(207,143,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(207,143,51,1) 0%, rgba(194,128,39,1) 5%, rgba(171,112,32,1) 20%, rgba(171,112,32,1) 35%, rgba(182,132,48,1) 50%, rgba(193,150,63,1) 64%, rgba(228,210,113,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,143,51,1)), color-stop(5%,rgba(194,128,39,1)), color-stop(20%,rgba(171,112,32,1)), color-stop(35%,rgba(171,112,32,1)), color-stop(50%,rgba(182,132,48,1)), color-stop(64%,rgba(193,150,63,1)), color-stop(100%,rgba(228,210,113,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(207,143,51,1) 0%,rgba(194,128,39,1) 5%,rgba(171,112,32,1) 20%,rgba(171,112,32,1) 35%,rgba(182,132,48,1) 50%,rgba(193,150,63,1) 64%,rgba(228,210,113,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(207,143,51,1) 0%,rgba(194,128,39,1) 5%,rgba(171,112,32,1) 20%,rgba(171,112,32,1) 35%,rgba(182,132,48,1) 50%,rgba(193,150,63,1) 64%,rgba(228,210,113,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(207,143,51,1) 0%,rgba(194,128,39,1) 5%,rgba(171,112,32,1) 20%,rgba(171,112,32,1) 35%,rgba(182,132,48,1) 50%,rgba(193,150,63,1) 64%,rgba(228,210,113,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(207,143,51,1) 0%,rgba(194,128,39,1) 5%,rgba(171,112,32,1) 20%,rgba(171,112,32,1) 35%,rgba(182,132,48,1) 50%,rgba(193,150,63,1) 64%,rgba(228,210,113,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf8f33', endColorstr='#e4d271',GradientType=0 ); /* IE6-9 */
}

#prip-content .two-cols [class*='col-'] {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
}
#prip-content .two-cols .first-col {
    margin-right: 1%;
}
#prip-content .two-cols .second-col {
    margin-left: 1%;
}

#prip-content .three-cols {
    text-align: center;

}
#prip-content .three-cols [class*='col-'] {
    width: 30%;
    display: inline-block;
}
#prip-content .three-cols .col-3 {
    /*margin: 0 1%;*/
}

#prip-content {
    color: #4f4f4f;
}
#prip-content h2 {
    font-size: 2.4em;
    font-weight: 600;
    margin-bottom: 70px;
}
#prip-content h3 {
    font-weight: 600;
    color: #000;
    font-size: 1.7em;
    margin-bottom: 30px;
}
#prip-content .prip-text p {
    line-height: 1.9;
    margin-bottom: 30px;
}
#prip-content .prip-text p.high-font {
    font-size: 1.1em;
}
#prip-content .prip-text p.high-lines {
    line-height: 2.2;
}
#prip-content .prip-text p.high-font a {
    color: #fb6218;
	text-decoration: underline;
}

#prip-content .prip-text p.high-font a:hover {
    color: white;
	text-decoration: none;
}


#prip-content #start.two-cols .first-col {
    padding-right: 20px;
}
#prip-content #start.two-cols .second-col {
    text-align: center;
}

#prip-content #wireframes h3 {
    color: #000;
    margin-top: 100px;
    text-align: center;
}
#prip-content #wireframes .prip-text {
    margin: 20px 0;
}
#prip-content #wireframes .image-wrapp {
    text-align: center;
}

#prip-content #designers {
    min-height: 700px;
}
#prip-content #designers h3 {
    padding-left: 70px;
}
#prip-content #designers .col-text {
    margin-top: 180px;
    color: #fff;
}
#prip-content #designers .col-text p {
    margin: 16px 0 16px 0;
}

#prip-content #designers .gallery-small {
    margin-top: 40px;
}

#prip-content .gallery-small {}
#prip-content .gallery-small .image {
    display: inline-block;
    width: 65px;
    height: 65px;
    vertical-align: top;
    border-radius: 5px;
    margin: 0 10px;
}
#prip-content .gallery-small .image:first-of-type {
    margin-left: 0;
}
#prip-content .gallery-small .image a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 65px;
    text-align: center;
    overflow: hidden;
}
#prip-content .gallery-small .image a span.hover {
    background: url('../images/bs/plus_ico.png') 5px 5px rgba(0,0,0,.5) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
#prip-content .gallery-small .image a:hover span.hover {
    visibility: visible;
}
#prip-content .gallery-small .image a img {
    min-width: 100%;
    min-height: 100%;
    vertical-align: middle;
    border-radius: 10px;
}

#prip-content #logo {
    margin-top: 10px;
}
#prip-content #logo h3 {
    text-align: left;
}
#prip-content #logo .col-text {
    /*color: #df3911;*/
    margin-top: 10px;
}
#prip-content #logo .col-img {
    margin-top: -50px;
}
#prip-content #logo {}


#prip-content #microsite {
    background: url('../images/bs/basketshop_microsite.png') 50% 50% no-repeat;
    min-height: 620px;
}
#prip-content #microsite h3 {
    background: url('../images/bs/microsite_ico.png') left 50% no-repeat;
    padding-left: 90px;
    color: #fff;
    height: 65px;
    line-height: 65px;
}
#prip-content #microsite .col-text {
    width: 27%;
    padding-top: 142px;
    color: #fff;
}
#prip-content #microsite .col-text p {
    margin-bottom: 60px;
}

#prip-content .cols-wrapp {
    width: 100%;
}
#prip-content .cols-wrapp.center-cols {
    text-align: center;
}
#prip-content ul.check-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#prip-content ul.check-list li {
    padding: 10px 0 10px 20px;
}
#prip-content #sync {
    margin-top: 35px;
}
#prip-content #sync h3 {
    text-align: center;
    /*padding: 0 450px;*/
}
#prip-content #sync .col-text {
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    width: auto;
}
#prip-content ul.check-list li {
    padding: 10px 0 10px 20px;
    background: url('../images/bs/check_ico.png') left 50% no-repeat;
}
#prip-content #sync .col-text.first-col {
    margin-right: 3%;
}
#prip-content #sync .col-text.second-col {
    margin-left: 3%;
}
#prip-content #sync .three-cols {
    margin-top: 0px;
    background: url('../images/bs/sync_steps_bg.png') 50% 42px no-repeat;
}
#prip-content #sync .three-cols [class*='col-'] .image {
    height: 80px;
    line-height: 80px;
    margin-bottom: 20px;
}
#prip-content #sync .three-cols [class*='col-'] .image img {
    vertical-align: middle;
    max-height: 80%;
    max-width: 80%;
}
#prip-content #sync .three-cols [class*='col-'] .desc {
    padding: 0 40px;
}

#prip-content #service-content {
    background: url('../images/bs/basketshop_service_content.png') 50% 50%;
    min-height: 740px;
    color: #fff;
    padding-top: 110px;
}
#prip-content #service-content h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}
#prip-content #service-content a {
    color: #71d0ff;
    text-decoration: none;
}
#prip-content #service-content a:hover {
    text-decoration: underline;
}

#prip-content #conclusion {
    margin-top: 60px;
}
#prip-content #conclusion .header {
    line-height: 40px;
    margin-bottom: 50px;
}
#prip-content #conclusion .prip-text.main {
    line-height: 1.6;
}
#prip-content #conclusion .header img {
    vertical-align: middle;
    margin-left: 60px;
}
#prip-content #conclusion .header h3 {
    display: inline-block;
    padding-left: 50px;
    margin-left: 50px;
    border-left: 1px #d8d8d8 solid;
    height: 43px;
    line-height: 43px;
    margin-bottom: 0;
    position: relative;
    top: 3px;
}
#prip-content #conclusion h3.clients-coment {
    background-position: calc(50% - 130px) 50%;
    background-repeat: no-repeat;
}
#prip-content #conclusion .two-cols {
    margin-top: 60px;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}
#prip-content #conclusion .first-col {
    width: 42%;
    margin-left: 1%;
    margin-right: 0;
}
#prip-content #conclusion .first-col h3 {
    font-style: italic;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.5em;
}
#prip-content #conclusion .first-col .quote {
    font-style: italic;
    font-size: 1em;
    line-height: 1.6;
    padding: 0 20px;
}
#prip-content #conclusion .first-col .quote a {
    color: #ff4a12;
}
#prip-content #conclusion .first-col .quote a:hover {
    text-decoration: underline;
}
#prip-content #conclusion .first-col .customers-sign {
    padding: 10px 10px 7px 10px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    margin-top: 20px;
}
#prip-content #conclusion .first-col .customers-sign img.sign-img {
    position: absolute;
}
#prip-content #conclusion .first-col .customers-sign span {
    font-weight: 600;
    font-size: 1.3em;
    display: block;
    font-style: italic;
}
#prip-content #conclusion .first-col .customers-sign .name {
    margin-left: 20px;
    margin-top: 5px;
}
#prip-content #conclusion .first-col .statistics {
    width: 95%;
}
#prip-content #conclusion .first-col .statistics h3 {
    margin-bottom: 60px;
    margin-top: 10px;
}
#prip-content #conclusion .first-col .statistics .item {
    padding-left: 70px;
    background: left 50% no-repeat;
    line-height: 1.6;
    display: block;
    margin: 20px 0;
}
#prip-content #conclusion .first-col .statistics .item.heart-ico {
    background-image: url('../images/bs/heart_ico.png');
}
#prip-content #conclusion .first-col .statistics .item.note-ico {
    background-image: url('../images/bs/note_ico.png');
}
#prip-content #conclusion .first-col .statistics .item.cloud-ico {
    background-image: url( ../images/bs/cloud_ico.png);
}
#prip-content #conclusion .first-col .statistics .item strong {
    color: #000;
    font-weight: 600;
}

#prip-content #conclusion .second-col {
    width: 55%;
    margin-right: 1%;
    margin-left: 0;
}
#prip-content #conclusion img.preview {
    max-width: 100%;
    margin-top: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#prip-content #conclusion .first-col img.preview {
    margin-right: 0;
}
#prip-content #conclusion img.preview:first-of-type {
    margin-top: 0;
}
#prip-content #conclusion .first-col img.preview:first-of-type {
    /*margin-top: 1px;*/
}
#prip-content #bottom {
    margin-top: 38px;
}
#prip-content #bottom .inner {
    position: relative;
    width: 970px;
}
#prip-content #bottom {}
#prip-content #bottom .bp {
    background: url('../images/bs/basketball_player.png') no-repeat;
    position: absolute;
    height: 642px;
    width: 783px;
    background-position: left 0 bottom 0;
    display: block;
    left: -67%;
    top: -71px;
}
#prip-content #bottom .inner .img{
    background: url('../images/bs/basketshop_bottom.png') 50% 50% no-repeat;
    height: 355px;
    background-size: 970px auto;
}
#prip-content #bottom .social {
    max-width: 81%;
    position: relative;
    z-index: 9;
}
#prip-content #bottom .social h3 {
    margin-bottom: 4px;
    font-size: 1.5em;
}
#prip-content #bottom .social em {
    color: #747474;
}

#prip-content #bottom .social .title,
#prip-content #bottom .social .links
{
    display: inline-block;
    vertical-align: middle;
}

#prip-content #bottom .social .title {
    margin: 10px 45px 10px 0;
    max-width: 75%;
}

#prip-content #bottom .social .links {
    z-index: 2;
}
#prip-content #bottom .social .links .link {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}
#prip-content #bottom .social .links .link:first-of-type {
    margin-left: 0;
}
#prip-content #bottom .social .links .link .counter {
    display: block;
    border-radius: 3px;
    border: 1px #e5e5e5 solid;
    font-size: .6em;
    padding: 2px 2px;
    height: auto;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 5px;
}
#prip-content #bottom .social .links .link .counter:after,
#prip-content #bottom .social .links .link .counter:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 5px);
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

#prip-content #bottom .social .links .link .counter:after {
    top: -8px;
    border-color: transparent transparent #fff transparent;
    border-width: 5px;
}

#prip-content #bottom .social .links .link .counter:before {
    top: -9px;
    border-color: transparent transparent #e2e2e2 transparent;
    border-width: 5px;
}
#prip-content #bottom .social .links .link a {}
#prip-content #bottom .social .links .link a:hover {
    opacity: .7;
}
#prip-content #bottom .social .links .link a img {
}
#prip-content #offer {
    position: relative;
    z-index: 1;
    color: #fff;
    padding-top: 90px;
}
#prip-content #offer-bg {
    position: absolute;
    bottom: 257px;
    left: 50%;
    margin-left: -485px;
}
#prip-content #bottom #offer h3 {
    color: #fff;
    text-align: center;
}
#prip-content #bottom #offer .prip-text {
    padding: 20px 0 50px 0;
    border-bottom: 1px rgba(255,255,255,.4) solid;
    line-height: 1.5;
	font-size: 1.1em;
    color: #f0f6ff;
}
#prip-content #bottom #offer .prip-text a {
    color: #9ac8ff;
}
#prip-content #bottom #offer .prip-text a:hover {
    text-decoration: underline;
}
#prip-content #bottom #offer .ref-pagination {
    margin-top: 60px;
}


#prip-content #top {
    height: 450px;
    padding-top: 140px;
}

#prip-content.bs,
#prip-content.tcc {
    width: 100%;
    overflow-x: hidden;
}
#prip-content.bs h2 {
    color: #ff5806;
}
#prip-content.tcc h2 {
    color: #ffd170;
	font-size: 2em;
}

#prip-content.bs #top {
    background: url('../images/bs/bg_top.png') 50% 50% no-repeat;
}

#prip-content.tcc {
    background: url('../images/tcc/bg_main.png') 50% 0 no-repeat;
}

#prip-content.tcc #top .ref-pagination .ref-center {
    position: relative;
    top: -90px;
}

#prip-content.tcc #start {
    /*background: url('../images/tcc/bg_main.png') 50% 50% no-repeat;*/
    min-height: 770px;
    color: #fff;
}
#prip-content.tcc #start h3 {
    color: #fff;
}
#prip-content.tcc #start.two-cols .col-img {
    width: 50%;
    margin-top: 50px;
}
#prip-content.tcc #start.two-cols .first-col {
    margin-top: 20px;
}

#prip-content.bs #wireframes .image-wrapp {
    width: 116%;
    margin-left: -8%;
}
#prip-content.bs #wireframes .image-wrapp .col {
    width: 33%;
    text-align: center;
    position: relative;
}
#prip-content.bs #wireframes .image-wrapp .col .sub-label {
    position: absolute;
    top: 0;
    left: 40%;
}
#prip-content.bs #wireframes .image-wrapp .col .sub-label.right-pos {
    right: 0;
}
#prip-content.bs #wireframes .image-wrapp .row.old .col {
    padding-top: 80px;
}
#prip-content.bs #wireframes .image-wrapp .row.old img {
    vertical-align: middle;
}
#prip-content.bs #wireframes .image-wrapp .row.labels {
    line-height: 150px;
}
#prip-content.bs #wireframes .image-wrapp .row.labels img {
    vertical-align: middle;
}
#prip-content.bs #wireframes .image-wrapp .row.new img {
    vertical-align: top;
}

#prip-content.tcc #wireframes {
    background: url('../images/tcc/wireframes_bg.png') 50% 100% no-repeat;
}
#prip-content.tcc #wireframes .header {
    margin-top: 100px;
    text-align: center;
}
#prip-content.tcc #wireframes h3 {
    margin-top: 20px;
}
#prip-content.tcc #wireframes .image-wrapp {
    width: 122%;
    margin-left: -11%;
}
#prip-content.tcc #wireframes .image-wrapp .img1,
#prip-content.tcc #wireframes .image-wrapp .img2,
#prip-content.tcc #wireframes .image-wrapp .img3 {
    position: relative;
}
#prip-content.tcc #wireframes .image-wrapp .img1,
#prip-content.tcc #wireframes .image-wrapp .img2
{
    margin-bottom: -30px;
}
#prip-content.tcc #wireframes .image-wrapp .img1 {
    z-index: 8;
}
#prip-content.tcc #wireframes .image-wrapp .img2 {
    z-index: 9;
}
#prip-content.tcc #wireframes .image-wrapp .img3 {
    z-index: 10;
}
#prip-content.tcc #wireframes .image-wrapp .col {
    width: 33%;
    text-align: center;
    position: relative;
    padding-top: 70px;
}
#prip-content.tcc #wireframes .image-wrapp .col .sub-title {
    position: absolute;
    top: 0;
    left: 40%;
}

#prip-content.bs #designers {
    background: url('../images/bs/bg_2.png') 50% 50% no-repeat;
}
#prip-content.bs #designers h3 {
    background: url('../images/bs/mob_tablet_ico.png') left 50% no-repeat;
    color: #fb6218;
}
#prip-content.tcc #designers {
    background: url('../images/tcc/designers.png') 50% 50% no-repeat;
    background-size: auto 100%;
    height: 1185px;
    margin-top: -90px;
    position: relative;
    z-index: 1;
}
#prip-content.tcc #designers h3 {
    background: url('../images/tcc/options_ico.png') left 50% no-repeat;
    color: #ffd170;
}
#prip-content.tcc #designers p a {
    text-decoration: underline;
}
#prip-content.tcc #designers p a:hover {
    text-decoration: none;
}
#prip-content.tcc #designers .inner {
    padding-top: 272px;
}
#prip-content.tcc #designers .col-text {
    margin-top: 0;
}
#prip-content.tcc #designers .col-img {
    margin-top: 80px;
    text-align: center;
}
#prip-content.tcc #designers .rotation {
    position: relative;
}
#prip-content.tcc #designers .rotation .rrow {
    display: block;
    line-height: 80px;
}
#prip-content.tcc #designers .rotation .rrow img {
    vertical-align: middle;
    padding: 20px 20px;
}

#prip-content #microsite .image {
    width: 50%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
#prip-content #microsite .image .image1,
#prip-content #microsite .image .image2 {
    position: absolute;
}

#prip-content.bs #sync .col-text {
    background: #48a730;
}
#prip-content.tcc #sync .col-text {
    background: url('../images/tcc/sync_col_bg.png') 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}
#prip-content.tcc #sync .col-text::before {
    position: absolute;
    z-index: -1;
    left: -3px;
    top: -3px;
    content: "";
    display: block;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border-radius: 5px;

    background: rgb(182,144,113); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(182,144,113,1) 0%, rgba(241,229,177,1) 50%, rgba(182,144,113,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(182,144,113,1)), color-stop(50%,rgba(241,229,177,1)), color-stop(100%,rgba(182,144,113,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(182,144,113,1) 0%,rgba(241,229,177,1) 50%,rgba(182,144,113,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(182,144,113,1) 0%,rgba(241,229,177,1) 50%,rgba(182,144,113,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(182,144,113,1) 0%,rgba(241,229,177,1) 50%,rgba(182,144,113,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(182,144,113,1) 0%,rgba(241,229,177,1) 50%,rgba(182,144,113,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b69071', endColorstr='#b69071',GradientType=1 ); /* IE6-9 */
}

#prip-content.tcc #admin {
    background: url('../images/tcc/tcc_admin_bg_2.png') 50% 50% no-repeat;
    height: 825px;
    padding-top: 110px;
    color: #fff;
    margin-top: 30px;
}
#prip-content.tcc #admin h3 {
    color: #fff;
}
#prip-content.tcc #admin .header {
    text-align: center;
}
#prip-content.tcc #admin a {
    color: #e6cb93;
    text-decoration: none;
}
#prip-content.tcc #admin a:hover {
    text-decoration: underline;
}
#prip-content.tcc #admin .two-cols {
    margin-top: 0px;
}
#prip-content.tcc #admin .two-cols .first-col {
    width: 33%;
	font-size: 1.1em;
}
#prip-content.tcc #admin .two-cols .first-col h4 {
    font-size: 1.5em;
    color: #efc56a;
    margin: 45px 0 45px 0;
}
#prip-content.tcc #admin .two-cols .first-col ul {
    list-style-type: none;
}
#prip-content.tcc #admin .two-cols .first-col ul li {
    background: url('../images/tcc/point.png') left 50% no-repeat;
    padding-left: 30px;
    line-height: 1.5;
    margin: 35px 0;
}

#prip-content.bs #service-content .images {
    position: relative;
    height: 442px;
}
#prip-content.bs #service-content .images .image1,
#prip-content.bs #service-content .images .image2 {
    position: absolute;
}
#prip-content.bs #service-content .images .image1 {
    right: -80px;
    bottom: 0;
}
#prip-content.bs #service-content .images .image2 {
    left: -20px;
    bottom: 20px;
}

#prip-content.tcc #conclusion img.preview {
    margin-top: 39px;
}
#prip-content.tcc #conclusion img.preview:first-of-type {
    margin-top: 0;
}
#prip-content.bs #conclusion .first-col .statistics {
    margin: 65px 0 21px 0;
}
#prip-content.tcc #conclusion .first-col .statistics {
    margin: 45px 0 18px 0;
}


#prip-content.bs #conclusion .first-col .customers-sign {
    background: rgb(235,179,8); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(235,179,8,1) 0%, rgba(220,139,5,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,179,8,1)), color-stop(100%,rgba(220,139,5,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb308', endColorstr='#dc8b05',GradientType=0 ); /* IE6-9 */
}
#prip-content.tcc #conclusion .first-col .customers-sign {
    background: url('../images/tcc/sign_bg.png') 50% 50% no-repeat;
    background-size: cover;
}

#prip-content.bs #conclusion h3.clients-coment {
    background-image: url('../images/bs/client_ico.png');
}
#prip-content.tcc #conclusion h3.clients-coment {
    background-image: url('../images/tcc/client_ico.png');
}

#prip-content.bs #conclusion .first-col .customers-sign img.sign-img {
    right: 0;
    top: -45px;
    width: 190px;
    height: 144px;
}
#prip-content.tcc #conclusion .first-col .customers-sign img.sign-img {
    right: 30px;
    top: -20px;
    width: 126px;
    height: 95px;
}
#prip-content.tcc #conclusion .first-col .statistics h3 {
    margin-top: 0;
    margin-bottom: 30px;
}

#prip-content.bs #offer {
    background: url('../images/bs/bg_4.png');
    background-size: 2600px 1311px;
    min-height: 1311px;
    background-position: left calc(50% - 10px) bottom 0;
    margin-top: -571px;
}
#prip-content.tcc #offer {
    background: url('../images/tcc/bg_4.png');
    background-size: 2600px 1348px;
    min-height: 1348px;
    background-position: left calc(50% - 10px) bottom 0;
    margin-top: -605px;
}

#prip-content.bs #bottom .social {
    margin-top: 90px;
}

#prip-content.tcc #bottom .social {
    margin-top: 30px;
}

#prip-content.mobile #top {
    background: url('../images/mobil/1.png') #000 50% 50% no-repeat;
    background-size: cover;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    margin-top: -210px;
    height: 620px;
    padding-top: 237px;
}
#prip-content.mobile #top .overlay {
    margin-top: -220px;
    height: 590px;
    padding-top: 250px;
    background: rgba(0,0,0,.7);
}
#prip-content.mobile #top .wrapp {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}
#prip-content.mobile .ref-pagination .ref-center .ref-social {
    margin-top: 40px;
}
#prip-content.mobile .ref-title h2 {
    margin-bottom: 5px;
    margin-top: 10px;
}
#prip-content.mobile #mobile-visitors {
    border-top: 10px #304a69 solid;
    background: url('../images/mobil/2.png') #000 50% 50% no-repeat;
    background-size: 100% auto;
    height: 1000px;
    color: #d1e5ff;
    margin-top: -20px;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
#prip-content.mobile #mobile-visitors .overlay {
    padding-top: 175px;
    background: url('../images/mobil/2_overlay.png') 50% 50% no-repeat;
    background-size: cover;
    height: 993px;
}

#prip-content.mobile #mobile-visitors .wrapp {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

#prip-content.mobile #mobile-visitors .col-img,
#prip-content.mobile #mobile-visitors .col-text {
    width: 50%;
}
#prip-content.mobile #mobile-visitors .col-text {
    line-height: 1.8;
    font-size: 1.2em;
    padding-right: 100px;
}
#prip-content.mobile #mobile-visitors .col-text h3 {
    color: #fff;
    line-height: 1.2;
}
#prip-content.mobile #mobile-visitors .col-text h4 {
    color: #ffd501;
    margin: 20px 0;
}
#prip-content.mobile #mobile-visitors .col-img {
    position: relative;
    z-index: 9;
}
#prip-content.mobile #fix-1 {
    content: "";
    background: #fff;
    height: 610px;
    margin-top: -300px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    width: 110%;
    margin-left: -50px;
}


#prip-content.mobile #site-speed {
    color: #525252;
    font-size: 1.2em;
    margin-top: -440px;
    background: url('../images/mobil/shadow_3.png') repeat-x;
    position: relative;
    z-index: 9;
    margin-bottom: -80px;
}
#prip-content.mobile #site-speed .inner {
    text-align: center;
}
#prip-content.mobile #site-speed .col-text p {
    text-align: left;
    line-height: 1.5;
}
#prip-content.mobile #site-speed .cols-speed {
    margin-top: 60px;
}
#prip-content.mobile #site-speed .cols-speed .col-1,
#prip-content.mobile #site-speed .cols-speed .col-2,
#prip-content.mobile #site-speed .cols-speed .col-3 {
    display: inline-block;
    vertical-align: top;
}
#prip-content.mobile #site-speed .cols-speed [class*='col-'] {
    position: relative;
    padding-top: 25px;
    text-align: center;
}
#prip-content.mobile #site-speed .cols-speed .col-1 {
    width: 264px;
}
#prip-content.mobile #site-speed .cols-speed .col-2 {
    width: 200px;
    padding-top: 130px;
}
#prip-content.mobile #site-speed .cols-speed .col-3 {
    width: 480px;
    padding-top: 70px;
}
#prip-content.mobile #site-speed .cols-speed [class*='col-'] .image {
    display: inline-block;
    vertical-align: middle;
}
#prip-content.mobile #site-speed .cols-speed [class*='col-'] .size {
    position: absolute;
    top: 0;
    right: -40px;
}
#prip-content.mobile #site-speed .timing {
    line-height: 45px;
    margin-top: 40px;
}
#prip-content.mobile #site-speed .timing img {
    vertical-align: middle;
    margin-right: 20px;
}
#prip-content.mobile #support {
    padding-top: 388px;
    color: #fff;
    background: url('../images/mobil/4.png') #181e2a  50% 100% no-repeat;
    height: 1130px;
}
#prip-content.mobile #support .prip-text {
    line-height: 1.5;
    font-size: 1.1em;
    color: #bfccd7;
    padding: 0 90px;
}
#prip-content.mobile #support .inner {
    text-align: center;
}
#prip-content.mobile #support h3 {
    color: #fff;
}
#prip-content.mobile #support .prepare {
    background: rgba(255,255,255,.1);
    color: #ffd500;
    display: inline-block;
    padding: 8px 22px;
    border-radius: 4px;
    font-style: italic;
    margin-top: 60px;
}
#prip-content.mobile #support .prip-text {
    font-size: 1.1em;
}
#prip-content.mobile #support .support-imgs {
    position: absolute;
    bottom: -533px;
}
#prip-content.mobile #support .support-imgs .img {
    position: absolute;
    bottom: 0;
}
#prip-content.mobile #support .support-imgs .img.mobile {
    margin-left: -90px;
}
#prip-content.mobile #support .support-imgs .img.tablet {
    margin-left: 90px;
    margin-bottom: 10px;
}

#prip-content.mobile #history {
    z-index: 9;
    position: relative;
    min-height: 150px;
    /*background: url('../images/mobil/5_top.png') 50% 0 no-repeat;*/
    background-size: contain;
    background-size: 100% auto;
    margin-top: -74px;
    background: url('../images/mobil/shadow_3.png') 0 90% repeat-x;
    margin-bottom: 100px;
}
#prip-content.mobile #history .mobiles-slider {
    margin-top: 50px;
}
#prip-content.mobile #history .mobile {
    display: inline-block;
    width: 294px;
    height: 581px;
    margin: 0 20px;
}
#prip-content.mobile #history .mobile a {
    line-height: 294px;
    height: 100%;
    width: 100%;
    text-align: center;
    display: block;
}
#prip-content.mobile #history .mobile a img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}


#prip-content.mobile .slope-wrapp {
    overflow: hidden;
}
#prip-content.mobile .slope {
    width: 120%;
    margin-left: -10%;
}
/*#prip-content.mobile .slope.slope-left,
#prip-content.mobile .slope.slope-right .slope-content {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
#prip-content.mobile .slope.slope-right,
#prip-content.mobile .slope.slope-left .slope-content {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}*/

#prip-content.mobile #mobile-steps {
    background: url('../images/mobil/6.png') 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    height: 750px;
    position: relative;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}
#prip-content.mobile #mobile-steps .overlay {
    height: 710px;
    background: url('../images/mobil/6_overlay.png') 50% 50% no-repeat;
    background-size: cover;
}
#prip-content.mobile #mobile-steps .wrapp {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
#prip-content.mobile #hack3 {
    width: 150%;
    height: 90px;
    background: #fff;
    margin-top: -102px;
}
#prip-content.mobile #mobile-steps .prip-col {
    width: 50%;
    padding-top: 100px;
    color: #fff;
}
#prip-content.mobile #mobile-steps .prip-col h3 {
    color: #fff;
}
#prip-content.mobile #mobile-steps .prip-col .prip-text {
    line-height: 1.5;
    margin-bottom: 30px;
}
#prip-content.mobile #mobile-steps .col-img {
    width: 50%;
}
#prip-content.mobile #mobile-steps .col-img img {
    max-width: 80%;
    position: absolute;
    bottom: -111px;
}

#prip-content.mobile #fix-3 {
    content: "";
    background: #fff;
    height: 410px;
    margin-bottom: -205px;
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

#prip-content.mobile #fix-4 {
    content: "";
    background: #fff;
    height: 210px;
    margin-top: -100px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    border-top: 10px #1f2f3d solid;
}
#prip-content.mobile #fix-5 {
    content: "";
    background: #fff;
    height: 640px;
    margin-top: -340px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

#prip-content.mobile #conclusion .first-col .statistics {
    margin: 65px 0 21px 0;
}

#prip-content.mobile #conclusion .first-col .customers-sign {
    background: rgb(235,179,8); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(235,179,8,1) 0%, rgba(220,139,5,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,179,8,1)), color-stop(100%,rgba(220,139,5,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(235,179,8,1) 0%,rgba(220,139,5,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb308', endColorstr='#dc8b05',GradientType=0 ); /* IE6-9 */
}

#prip-content.mobile #conclusion h3.clients-coment {
    background-image: url('../images/bs/client_ico.png');
}

#prip-content.mobile #conclusion .first-col .customers-sign img.sign-img {
    right: 0;
    top: -45px;
    width: 190px;
    height: 144px;
}
#prip-content.mobile #offer {
    background: url('../images/bs/bg_4.png');
    background-size: 2600px 1311px;
    min-height: 1311px;
    background-position: left calc(50% - 10px) bottom 0;
    margin-top: -571px;
}

#prip-content.mobile #bottom .social {
    margin-top: 90px;
}


.btn-ripple {
    position: relative;
    border: none;
    outline:none;
    cursor: pointer;
    background: #89669b;
    color: white;
    padding: 18px 60px;
    border-radius: 2px;
    font-size: 22px;
}

.fab {
    border-radius: 50%;
    margin:0;
    padding: 20px;
}

.material{
    position:relative;
    color:white;
    margin: 20px auto;
    height:400px;
    width:500px;
    background:#f45673;

}

.ripple{
    overflow:hidden;
}

.ripple-effect{
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: white;


    -webkit-animation: ripple-animation 2s;
    animation: ripple-animation 2s;
}


@keyframes ripple-animation {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 0.4;
}
to {
    transform: scale(100);
    -webkit-transform: scale(100);
    -ms-transform: scale(100);
    opacity: 0;
}
}

@-webkit-keyframes ripple-animation {
    from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 0.4;
}
to {
    transform: scale(100);
    -webkit-transform: scale(100);
    -ms-transform: scale(100);
    opacity: 0;
}
}



@media only screen and (max-width: 1470px) {
    .inner {
        max-width: none;
        width: 999px;
    }

    #articles .inner{
        width: 100%;
        padding-top: 0px;

    }

    #articles .inner:after{
        display: none;
    }


    #articles .inner .inner-main{
        width: 999px;
        margin: 0 auto;
        position: relative;
        text-align: left;
        padding-top: 221px;
    }


    #articles .inner .inner-main:after{
        background-color: #e2e2e2;
        content: " ";
        display: block;
        height: 132px;
        left: 211px;
        position: absolute;
        top: 63px;
        width: 1px;
    }

    #articles .inner #logo {
        left: 30px;
    }
    #articles .inner:after {
        left: 212px;
    }
    #articles .inner h1 {
        left: 285px;
    }

    #services .inner h3 {
        padding-left: 43px;
        padding-right: 43px;
    }

    #servicesBox .service1 {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        /*border-width: 0 0px 1px 0;*/
    }

    #servicesBox .service2 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    }

    #servicesBox .service3 {
        border-width: 0 0 1px 0;
    }
    #servicesBox .service4 {
        border: none;
    }

    #servicesBox .service5 {
        width: 333px;
        margin-left: 0;
        border-width: 0 1px 0 0;
    }
    #servicesBox .service6 {

    }

    header #header-right-box{
        /*line-height: normal;*/
        padding: 2px 0 0 0;
        width: 262px;
    }

    header #header-right-box p{
        float: none;
        line-height: 60px;
        height: 60px;
        margin: 0px;

    }

    header #header-right-box p#hotline{
        padding-left: 30px;
    }

    header #header-right-box p a{
        line-height: 35px;
        height: 35px;
    }

    header #hotline{
        /*display: none;*/
    }

    #klienti .inner ul li div h4, #klienti .inner ul li a h4 {
        font-size: 2.0em;
    }

    #instagram-wrap .inner #instagram {
        padding-left: 1px;
    }
    #instagram-wrap .inner #instagram .photos {
        width: 664px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1000px) {
    header #header-right-box{
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #toTop {
        display: none !important;
    }

    .inner {
        width: 100%;
        max-width: none;
    }


    header {
        position: relative;
        height: 40px;
    }
    header ul {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        background-color: #000000;
        padding: 0;
    }
    header ul li {
        float: none;
        padding: 0;
        border-top: 1px solid #454545;
    }
    header ul li a {
        padding: 0;
        text-align: center;
    }
    header ul li a:hover span span {
        top: 0;
        color: #ebebeb;
    }
    /*header ul li.active {
        display: none;
    }*/

    header #download{
        display: none;
    }

    header #hotline{
        display: none;
    }

    header #menuOpener {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        width: 85px;
        height: 40px;
        border-right: 1px solid #454545;
        background: url("../images/menu-opener-mobil.png") no-repeat 50% 50%;
        cursor: pointer;
    }

    header #activeMenuItem {
        position: absolute;
        top: 0;
        left: 85px;
        z-index: 4;
        width: 88%;
        /*padding-left: 80px;*/
        /*padding-right: 108px;*/
        display: block;

        height: 40px;
        line-height: 40px;
        color: #ebebeb;
        font-size: 1.5em;
        font-family: EtelkaText, Arial, helvetica, sans-serif;
        text-align: center;
        text-transform: uppercase;
    }

    header #activeMenuItem em{
        font-style: normal;
        color: #ffc706;
    }

    header #searchFocuser {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
        width: 108px;
        height: 80px;
        cursor: pointer;
    }
    header form {
        position: relative;
        z-index: 3;
        height: 80px;
        margin-left: 107px;
        padding-top: 0;
        float: none;
    }
    header form input {
        width: 108px;
        height: 80px;
        padding-left: 108px;
        padding-right: 0;
        border-left: 1px solid #454545;
        float: right;
        font-size: 2.5em;
        background: url("../images/search-big.png") no-repeat 38px 24px;
    }
    header form.focused {
        z-index: 6;
    }
    header form.focused input {
        width: 100%;
    }
    #articles {
        margin-top: 0;
        padding-top: 0;
    }
    #articles .inner {
        min-height: 0;
        padding-top: 37px;
        text-align: center;
    }

    #articles .inner .inner-main{
        width: 100%;
        text-align: center;
        padding-top: 0px;
    }

    #articles .inner .inner-main:after,
    #articles .inner:after {
        display: none;
    }

    #articles .inner #logo {
        position: static;
    }
    #articles .inner #logo img {
        width: auto;
        height: auto;
    }
    #articles .inner h1 {
        position: static;
        margin: 50px 0 20px;
        padding: 0 45px 0;
        font-size: 2.2em;
    }

    #services {
        margin-top: -86px;
        padding-bottom: 30px;
    }
    #services .inner {
        min-height: 0;
        padding-top: 25px;
    }

    #services .inner h3 {
        margin-bottom: 35px;
        padding: 52px 35px 30px;
        font-size: 2.2em;
    }
    #services .inner h3 span {
        display: inline;
    }
    #services .inner h3:after {
        top: auto;
        bottom: 0;
    }
    #servicesBox .service {
        width: 100%;
        max-width: 440px;
        height: 141px;
        margin: 0 auto;
        padding: 0 0 0 128px;
        border-width: 0 0 1px 0;
        float: none;
        line-height: 141px;
        background-position: 27px 50%;
    }
    #servicesBox .service h4 {
        display: inline-block;
        padding: 0;
        margin: 0;
        color: #000000;
        background: none;
        vertical-align: middle;
        line-height: normal;
        text-decoration: underline;
        font-size: 1.6em;
    }
    #servicesBox .service p,
    #servicesBox .service span {
        display: none !important;
    }
    #servicesBox .service:last-child {
        border: 0;
    }
    #klienti {
        margin-top: 0;
        margin-bottom: 180px;
    }
    #klienti .inner {
        min-height: 0;
    }
    #klienti .inner h3 {
        font-size: 2.2em;
        margin-bottom: 11px;
        padding: 42px 35px 50px;
    }

    #klienti .inner h3 span {
        display: inline;
    }
    #klienti .inner h3:after {
        top: auto;
        bottom: 20px;
    }
    #klienti .inner ul {
        /*width: 333px;
                                    margin: 0 auto;*/

    }
    #klienti .inner .jcarousel-wrapper {
        position: relative;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 413px;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel ul {
        width: 20000em;
        height: 424px;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel ul li {
        height: 424px;
        float: left;
        padding-left: 0;
        padding-right: 0;
        /*background-image: none;*/
    }
    #klienti .inner .jcarousel-wrapper .jcarousel ul li a {
        padding-top: 0;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel ul li a span {
        top: 0;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel ul li a:hover h4 {
        text-decoration: none;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel ul li a:hover span {
        display: none;
    }
    #klienti .inner .jcarousel-wrapper .jcarousel-control-prev,
    #klienti .inner .jcarousel-wrapper .jcarousel-control-next {
        display: none;
    }
    #klienti .inner .otherClients {
        display: block;
        float: none;
        margin-right: 0;
        text-align: center;
    }
    #instagram-wrap .inner #instagram {
        padding: 0;
        margin-top: 38px;
    }
    #instagram-wrap .inner #instagram .left {
        width: 154px;
        padding: 0 15px;
    }
    #instagram-wrap .inner #instagram .photos {
        width: auto;
        float: none;
        /*margin-left: 154px;*/

    }
    #instagram-wrap .inner #instagram .photos .photosInner {
        width: 664px;
    }
    #map {
        margin-top: 0;
        background-image: url('../images/map-mobil.jpg');
        background-position: 43% 391px;
    }
    #map .inner {
        min-height: 0;
        background-position: 43% 391px;
        padding-top: 0;
    }
    #map .inner h3 {
        padding: 102px 35px 100px;
        font-size: 2.2em;
    }
    #map .inner h3 span {
        display: inline;
    }

}

@media only screen and (max-width: 1070px) {
    #nase-prace{
        width: 100%;
    }

    #nase-prace ul li{
        background: #020202;
    }

    #nase-prace ul li .reference-innner{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }


    #nase-prace ul li.reference-topclasscars{
        background-color: #C3C4C3;

    }

    #nase-prace ul li.reference-homecredit{
        background-color: #EAEAEA;
    }

    #nase-prace ul li.reference-dhl{
        background-color: #FCA739;
    }

    #nase-prace ul li.reference-topwheels{
        background-color: #DEDDDD;
    }

    #nase-prace ul li.reference-peceny-snehulak{
        background-color: #002944;
    }

    #nase-prace ul li.reference-subarusti{
        background-color: #F3F3F3;
    }


    #nase-prace ul li.reference-avion{
        background-color: #202020;
    }

    #nase-prace ul li.reference-komvet{
        background-color: #070707;
    }

    #nase-prace ul li.reference-tabor-naplno{
        background-color: #396A94;
    }

    #nase-prace ul li.reference-kfc{
        background-color: #A70018;
    }



    #nase-prace ul li img{
        max-width: 80%;
    }

    #nase-prace .referenceDetail {
        width: 80%;
        height: auto;
        position: static;
        margin: 0 auto;
        padding: 33px 0 0 0;
    }

    #nase-prace .reference-dhl .referenceDetail,
    #nase-prace .reference-gurucaffe .referenceDetail,
    #nase-prace .reference-subarusti .referenceDetail,
    #nase-prace .reference-topwheels .referenceDetail,
    #nase-prace ul li.reference-basketshop .referenceDetail{
        min-height: 300px;
        height: auto;
        width: 80%;
    }


    #nase-prace .referenceDetail .referenceDetailWrap{
        height: auto;
        display: block;
    }

    #nase-prace .referenceDetail .referenceService span {
        display: inline-block;
        padding-bottom: 10px;
    }

    #services {
        margin-top: 0px;
    }

    #services .inner {
        padding-top: 0px;
    }

}

@media only screen and (max-width: 568px) {
    header #activeMenuItem {
        width: 78%;
    }
    #nase-prace .referenceDetail .referenceButton .button{
        display: block;
        width: 60%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width : 480px) {

    #nase-prace ul li .reference-innner,
    #nase-prace ul li{
        height: 800px !important;
    }

    #nase-prace ul li .reference-innner img {
        width: 80%;
    }

    #nase-prace .referenceDetail .referenceButton .button {
        width: 100%;
    }

}


@media only screen and (max-width: 768px) {
#instagram-wrap .inner #instagram .left {
    font-size: 13px;
}

.cloud{
    display: none;
}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
header #menuOpener {
    background-image: url('../images/menu-opener-mobil.png');
}

#articles .inner h1 {
    padding-bottom: 40px;
}

#services .inner h3 {
    padding-top: 90px;
}
#instagram-wrap .inner #instagram .left {
    font-size: 10px;
}
/*#instagram-wrap .inner #instagram .left .logo {
     height: 49px;
}*/

    #nase-prace ul li .linkInfo {
        right: 520px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
    #nase-prace ul li .linkInfo {
        right: 520px;
    }
}

#foto-item .inner{
    position: relative;
}

#foto-item .foto-item{
    float: left;
}

#foto-item .foto-item-section{
    float: left;
}

#foto-item .foto-item{
    line-height: 0px;
    position: relative;
}

#foto-item .foto-item p.color{
    position: absolute;
    top: 0px;
    left: 0px;
     display: none;
}

#foto-item .foto-item:hover p.color{
    display: block;
}


#foto-item .foto-item i{
    position: absolute;
    top: 46.1%;
    left: 46.1%;
    display: block;
    background: url('../images/ref-loader.png') no-repeat center center;
    width: 26px;
    height: 26px;
    display: block;
}

#foto-item .foto-item .foto-item-info{
    position: absolute;
    bottom: 14px;
    left: 0px;
    line-height: normal;
    z-index: 100;
    margin: 0 14px;
    padding: 18px;
    display: none;
}

#foto-item .foto-item:hover .foto-item-info{
    display: block;
}

#foto-item .foto-item .foto-item-shaddow{
    position: absolute;
    bottom: 14px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 50;
    margin: 0 14px;
    /*padding: 18px;*/
}

#foto-item .foto-item .foto-item-info h3{
    color: #e9b400;
    text-align: center;
    font-size: 2.4em;
    padding: 10px 0 0px 0;
    margin: 0px;

}

#foto-item .foto-item .foto-item-info .foto-item-info-center{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#foto-item .foto-item .foto-item-info p{
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-style: oblique;
    padding: 15px 20px 0;
}


#foto-item .foto-item img{
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

#foto-item .fotop3{
    position: absolute;
    left: 0px;
    top: 330px;
    z-index: 100;
    /*margin-left:  -1334px;
    margin-top: 330px;*/
}

#foto-item .fotop5{
    margin-left: 333px;
    margin-top: -330px;
}

#foto-item .fotop6{
    margin-top: 0px;
}

#foto-item .fotop20-view{
    display: none;
}

#foto-item .fotop21{
    margin-top: -330px;
    margin-left: 333px;
}

@media only screen and (max-width: 1470px) {
    #foto #articles .inner h1 {
        top: 80px;
    }

    #articles .inner #order-button {
        /*display: none;*/
        top: 141px;
        right: 350px;
    }

    #foto-item .inner{
        position: relative;
    }

    /*#foto-item .inner{
        width: 999px;
    }*/
    #foto-item .fotop0{
        margin-top: 330px;
    }

    #foto-item .fotop1{
        margin-top: 330px;
    }

    #foto-item .fotop2{
        margin-top: -990px;
    }

    #foto-item .fotop3{
        top: 660px;
    }

    #foto-item .fotop4{
        margin-left: 333px;
    }

    #foto-item .fotop5{
        clear: both;
        margin: 0px;
    }

    #foto-item .fotop6{
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #foto-item .fotop11{
        position: absolute;
        top: 660px;
        right: 0px;
    }

    #foto-item .fotop24{
        position: absolute;
        top: 1320px;
        right: 0px;
    }

    #foto-item .fotop26{
        clear: none;
    }

    #foto-item .fotop27{
        clear: none;
    }
}

@media only screen and (max-width: 768px) {
    #articles .inner #order-button {
        display: none;
    }

    #foto #articles .inner {
        height: 600px;
    }

    #foto #foto-item .inner{
        position: relative;
        padding: 0 0px 318px 0px;
        margin-top: -580px;
        width: 668px;

    }



    #foto-item .fotop1{
        clear: both;
        margin-top: 0px;
    }

    #foto-item .fotop2{
        clear: both;
        margin: 0px;
        position: relative;
    }

    #foto-item .fotop3{
        top: 660px;
        left: 333px;
    }

    #foto-item .fotop4{
        position: absolute;
        top: 330px;
        left: 0px;
        z-index: 100;
    }

    #foto-item .fotop5{
        position: relative;
    }

    #foto-item .fotop6{
        clear: both;
        position: relative;
    }

    #foto-item .fotop7{
        margin-top: -990px;
        margin-left: 334px;
    }

    #foto-item .fotop11{
        position: relative;
        top: 0px;
        left: 0px;
        /*margin-left: 334px;
        margin-top: -660px;*/
    }

    /*#foto-item .fotop10{
        clear: both;
    }*/

    #foto-item .fotop15{
        clear: none;
    }

    #foto-item .fotop17{
        clear: none;
    }

    #foto-item .fotop18{
        clear: both;
        /*margin-left: -334px;*/
        margin-top: -2640px;
        margin-left: 333px;
    }

    #foto-item .fotop20{
        display: none;
    }

    #foto-item .fotop20-view{
        display: block;
    }

    #foto-item .fotop21{
        clear: both;
        margin: 0px;
    }

    #foto-item .fotop23{
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    #foto-item .fotop24{
        position: absolute;
        bottom: 0px;
        left: 333px;
        right: inherit;
        top: inherit;
    }

    #foto-item .fotop27{
        margin-left: 333px;
        margin-top: -1980px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)  {

    #foto #foto-item .inner{
        padding-bottom: 0px;
        width: 320px;
        margin: 0 auto;
        text-align: center;
        margin-top: -250px;
    }

    #foto-item{
        padding: 0 0 20px 0;
        margin: 0 0 180px;
    }

    #foto-item .inner{
        margin-top: 0px;
    }

    #foto-item .foto-item{
        clear: both;
        position: relative;
        float: none;
        margin: 0px;
        left: 0px;
        top: 0px;
    }

    #foto-item .foto-item-info-center{
        width: 320px !important;
    }

    #foto-item .foto-item img{
        width: 90%;
    }s

    #foto-item .foto-mobile-size img{
        width: 90%;
    }
}

.simplemodal-overlay {
    background-color: #000;
}

.simplemodal-close {
    width: 31px;
    height: 31px;
    position: absolute;
    top: -15px;
    right: -15px;
    background: url("../images/popup/ico-close.png") no-repeat 50% 50%;
    cursor: pointer;
}

.popupForm {
    *zoom: 1;
    display: none;
    width: 974px;
    text-align: left;
}

.popupForm #popupFormBg{
    padding: 42px 50px 21px 2px;
    background-color: #ffffff;
}

.popupForm label{
    display: block;
    float: left;
    width: 150px;
    line-height: 35px;
    font-size: 1.55em;
    text-align: right;
    padding: 0 25px 0 0;
    color: #222323;
}

.popupForm .field{
    min-height: 50px;
}

.popupForm .field p{
    float: left;
    background: url("../images/popup/input.jpg") no-repeat top left;
    width: 296px;
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
}

.popupForm em{
    font-size: 1.4em;
    color: #FC1616;
}

.popupForm .required-item{
    clear: both;
    color: #b8b8b8;
    font-size: 1.3em;
    padding: 0 0 30px 155px;
}

.popupForm .field span{
    display: block;
    float: left;
    width: 20px;
    height: 35px;
    line-height: 41px;
    color: #a3a3a3;
    font-size: 1.5em;
}

.popupForm .field p input{
    background: none;
    border: none;
    width: 266px;
    height: 35px;
}

.popupForm textarea{
    background: url('../images/popup/textarea.jpg') no-repeat top left;
    resize: none;
    width: 745px;
    height: 113px;
    border: none;
    padding: 10px;
}

.popupForm .column-left{
    float: left;
    padding: 0 14px 0 0;
}

.popupForm .column-right{
    float: left;
}

.popupForm .column-right .radio{
    float: left;
    padding: 0 0 0 8px;
}

.popupForm #contactFormAction .column-right{
    float: right;
    width: 42%
}

.popupForm #contactFormAction .column-right .radio {
    float: none;
    clear: both;
    padding: 0px 0 0 18px;
}

.popupForm #contactFormAction .column-right label.column-right-title{
    width: auto;
}

.popupForm .column-right .radio{
    position: relative;
    padding: 6px 0 0 8px;
}

.popupForm .column-right .radio em{
    position: absolute;
    top: 125px;
    left: 10px;
    font-size: 0.9em;
}

.popupForm .column-right .radio label{
    width: auto;
    float: none;
    clear: both;
    line-height: normal;
    min-height: 30px;
}

.popupForm .column-right .checker{
    float: left;
    height: 15px;
    padding: 3px 0 0 0;
}

.popupForm .column-right label span.desc{
    display: block;
    float: left;
    padding: 0 0 0 12px;
}

.popupForm .agree-msg{
    text-align: center;
    color: #a8a8a8;
    padding: 18px 0 0 80px;
    font-size: 1.25em;
    line-height: 2.0em;
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    margin: 0 !important;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

div.checker span{
    background: url('../images/popup/checkbox.png') no-repeat top left;
    display: inline-block;
    text-align: center;
    width: 15px;
    height: 15px;

}

div.checker span.checked{
    background: url('../images/popup/checkbox-active.png') no-repeat top left;
}

.popupForm .send-button {
    margin-top: 47px;
    text-align: center;
    width: 100%;
}

.popupForm .true-msg{
    border: 1px solid #FCA000;
    color: #FCA000;
    padding: 20px;
    margin: 0 0 0 48px;
    font-size: 1.8em;
}

.popupForm .true-msg a{
    text-decoration: underline;
}


.popupForm .send-button input{
    margin: 0 auto;
    width: 198px;
    height: 43px;
    line-height: 43px;
    font-size: 1.5em;
    border: none;
    background: url('../images/popup/btn-send.png') no-repeat top left;
    cursor: pointer;
}

.popupForm .send-button input:hover{
    background: url('../images/popup/btn-send-hover.png') no-repeat top left;
}

@media only screen and (max-width: 568px) {
    header #activeMenuItem {
        /*padding-left: 30%;*/
        left: 20%;
    }

    #map .inner p.contact-btn{
        display: none;
    }
}

#cookies-information{
    text-align: center;
    padding: 10px 0;
    background: #080909;
    color: #fff;
    font-size: 1.2em;
    position: fixed; 
    left: 0; 
    bottom: 0; 
    width: 100%; 
    z-index: 1000;
}

#cookies-information a{
    color: #fff;
    text-decoration: underline;
}

#cookies-information a:hover{
    text-decoration: none;
}

a#allow-cookies-button{
    display: inline-block;
    background: #48AD28;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 2px 10px;
}