.dark-bg a:hover{
    color: white;
}

.about-us-div a {
    text-decoration: underline;
}

.hrDetailSvetlyObr {
    background-image: url('../../images/linkamodra.png');
}

.hrDetailTmavyObr {
    background-image: url('../../images/linkatmava.png');
}

.hrDetailTmavyObrWide {
    background-image: url('../../images/linka-big.png');
}

.hrDetailTmavy {
    display: block;
    border: 0px;
    height: 30px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.ramecekVideo {
    width: 290px;
    height: 185px;
    float: left;
    position: absolute;
    left: -18px;
    top: -18px;
    background-size: cover;
}

.zlatyVideoRamecek {
    background-image: url(../../images/ramecky/videoZlate.png);
    
}

.modryVideoRamecek {
    background-image: url(../../images/ramecky/videoZlate.png);
    
}

.zlatePodtrzeni {
    border-bottom: 2px solid rgb(245, 221, 113) !important;
}

.modrePodtrzeni {
    border-bottom: 2px solid rgb(245, 221, 113) !important;
}

.zlate-novinky-name, .zlate-novinky-name:visited {
    color: rgb(245, 221, 113);
}

.modre-novinky-name, .modre-novinky-name:visited {
    color: rgb(245, 221, 113);
}

.zlatePismo, .zlatePismo *, .zlatePismo a:visited, .zlate-novinky-name a:hover {
    color: rgb(210, 167, 84);
}

.zlatePismo a:hover {
    color: rgb(245, 221, 113);
}

.modrePismo, .modrePismo *, .modrePismo  a:visited, .modre-novinky-name a:hover {
    color: #33d3ef;
}

.ramecekCtverec {
    width: 562px;
    height: 562px;
    float: left;
    position: absolute;
    left: -35px;
    top: -35px;
    background-size: cover;
}

.ramecekCtverecMaly {
    width: 322px;
    height: 322px;
    float: left;
    position: absolute;
    left: -21px;
    top: -21px;
    background-size: cover;
}

.zlatyRamecek {
    background-image: url(../../images/ramecky/ctverecZlaty.png);
    
}

.modryRamecek {
    background-image: url(../../images/ramecky/ctverecModry.png);
    
}

.ramecekKruhMaly {
    width: 306px;
    height: 306px;
    float: left;
    position: absolute;
    left: -16px;
    top: -16px;
    background-size: cover;
}

/* flying circles */
@keyframes rotateLeft {
    from {
        transform: rotate(355deg)
        translate(0px)
        rotate(0deg);
    }
    to {
        transform: rotate(360deg)
        translate(0px)
        rotate(-360deg);
    }
}

/* flying circles */
@keyframes rotateRight {
    from {
        transform: rotate(0deg)
        translate(0px)
        rotate(355deg);
    }
    to {
        transform: rotate(360deg)
        translate(0px)
        rotate(360deg);
    }
}


.ramecekKruh {
    width: 534px;
    height: 534px;
    float: left;
    position: absolute;
    left: -27px;
    top: -27px;
    background-size: cover;
}

.rotateRight {
    animation: rotateRight 80s infinite linear;
}
.rotateLeft {
    animation: rotateLeft 80s infinite linear;
}



.zlatyKruh {
    background-image: url(../../images/ramecky/kruhZlaty.png);
    
}

.modryKruh {
    background-image: url(../../images/ramecky/kruhModry.png);
    
}

/*radky s fotkami*/
.myHrefOnRow a {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}

.myHrefOnRow a:first-of-type {
    margin-left: 0px;
}

.myHrefOnRow a:last-of-type {
    margin-right: 0px;
}

@media (max-width: 800px) {
	.myHrefOnRow a {
            margin-left: 55px !important;
        }
        
        .news {
            margin-top: 40px;
        }
        
}

/*konec radky s fotkami*/


.white-bg {
    background-image: url(../../images/opalpozadi.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.white-bg a:hover{
    color: lightgray;
}


.dark-bg-maly {
    background-image: url(../../images/labradoritmaly.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.dark-bg {
    background-image: url(../../images/pavipozadi.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
}



.blueText {
    color: #24E0E2;
}

.blueText:hover {
    color: grey;
}


.greyText {
    color: grey;
}

.greyText:hover {
    color: #24E0E2;
}


.greenText {
    color: #24e318;
}

.greenText:hover {
    color: grey;
}

.fixed{
    position: fixed;
    top: 200px;
    width: 160px;
}

/* my colored buttons */

.myHomeButton {
    margin-bottom: 13px;
}

.home-button-1-en {
    background-image: url(../../images/homebuttons/hb1.png);
}
.home-button-1-chin {
    background-image: url(../../images/homebuttonschin/hb1.png);
}

.home-button-2-en {
    background-image: url(../../images/homebuttons/hb2.png);
}
.home-button-2-chin {
    background-image: url(../../images/homebuttonschin/hb2.png);
}

.home-button-3-en {
    background-image: url(../../images/homebuttons/hb3.png);
}
.home-button-3-chin {
    background-image: url(../../images/homebuttonschin/hb3.png);
}

.home-button-4-en {
    background-image: url(../../images/homebuttons/hb4.png);
}

.home-button-4-chin {
    background-image: url(../../images/homebuttonschin/hb4.png);
}

.home-button-5-en {
    background-image: url(../../images/homebuttons/hb5.png);
}

.home-button-5-chin {
    background-image: url(../../images/homebuttonschin/hb5.png);
}

.home-button-6-en {
    background-image: url(../../images/homebuttons/hb6.png);
}

.home-button-6-chin {
    background-image: url(../../images/homebuttonschin/hb6.png);
}
  
.myHomeButton:hover {
    background-position-x: -199px;
}



.myPhotoButton-en {
    width: 175px;
    height: 53px;
    display: block;
    margin-bottom: 13px;
    background-image: url(../../images/photosMenu.png);
    background-repeat: no-repeat;
}

.myPhotoButton-chin {
    width: 175px;
    height: 53px;
    display: block;
    margin-bottom: 13px;
    background-image: url(../../images/photosMenuChin.png);
    background-repeat: no-repeat;
}

.photos-button-1 {
    background-position-y: 6px;
}

.photos-button-2 {
    background-position-y: -46px;
}

.photos-button-3 {
    background-position-y: -95px;
}
  
.myPhotoButton:hover {
    background-position-x: -184px;
}



.menuButton-en {
    width: 182px;
    height: 55px;
    display: block;
    background-image: url(../../images/menu.png);
    background-position-y: -52px;
    background-repeat: no-repeat;
}

.menuButton-chin {
    width: 182px;
    height: 55px;
    display: block;
    background-image: url(../../images/menuChin.png);
    background-position-y: -52px;
    background-repeat: no-repeat;
}

.menuButton:hover {
    background-position-y: 0px;
}

.menu-button-1 {
    background-position-x: 0px;
}

.menu-button-2 {
    background-position-x: -181px;
}

.menu-button-3 {
    background-position-x: -363px;
}

.menu-button-4 {
    background-position-x: -542px;
}

.menu-button-5 {
    background-position-x: -722px;
}

.menu-button-6 {
    background-position-x: -903px;
}

.dropdown-menu li {
    position: relative;
    left: -20px;
    top: -5px;
    background-color: white;
}

.newSubmenuButton-en, .newSubmenuButton-en:active {
    width: 186px;
    height: 55px;
    display: block;
    background-image: url(../../images/newmenuEn.png);
    background-repeat: no-repeat;
    background-position-x: -2px;
}

.newSubmenuButton-chin, .newSubmenuButton-chin:active {
    width: 186px;
    height: 55px;
    display: block;
    background-image: url(../../images/newmenuChin.png);
    background-repeat: no-repeat;
    background-position-x: -2px;
}

.newmenu-1 {
    background-position-y: -58px;
}

.newmenu-1:hover {
    background-position-x: -182px;
}

.newmenu-2 {
    background-position-y: -115px;
}

.newmenu-2:hover {
    background-position-x: -182px;
}



.submenuButton-en, .submenuButton-en:active {
    width: 186px;
    height: 55px;
    display: block;
    background-image: url(../../images/submenu.png);
    background-repeat: no-repeat;
}

.submenuButton-chin, .submenuButton-chin:active {
    width: 186px;
    height: 55px;
    display: block;
    background-image: url(../../images/submenuChin.png);
    background-repeat: no-repeat;
}

.submenu2 {
    background-position-x: -185px;
}

.submenu-button-21 {
    background-position-y: -60px;
}

.submenu-button-21:hover {
    background-position-y: -7px;
}

.submenu-button-22 {
    background-position-y: -167px;
}

.submenu-button-22:hover {
    background-position-y: -115px;
}

.submenu-button-23 {
    background-position-y: -277px;
}

.submenu-button-23:hover {
    background-position-y: -224px;
}

    
.myPictureShadow {
    /*-webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
    border: 4px solid white;*/
}

.myModelRow {
    position: relative;
    height: 560px;
    width: 710px;
    margin: 0 auto;
    left: -40px;
}

#logo-header{
             width: 100%;
        }

@media (min-width: 1200px) {
        .navbar .container {
            position: relative;
            left: 232px;
        }
}

@media (min-width: 997px) {
@media (max-width: 1199px) {
        .navbar .container {
            position: relative;
            left: 150px;
        }
}
}
        
@media (max-width: 700px) {
	.myModelRow {
            zoom: 40%;
        }
	
        .bagetGalery img {
            zoom: 80%;
            position: relative;
        }
        
        .smallLogoDetail {
            zoom: 50%;
        }
        
        .myModelInfoBorder h4, .myModelInfoBorder h2 {
            font-size: 0.9em;
        }
        
        .myModelRowMoveLeft {
            position: relative;
            left: -80px;
        }
	
        .uvodni-blok {
            zoom: 36%;
            position: relative;
            left: -70px;
        }
        
        #logo-header{
             width: 50px;
        }
}

.top-background {
    width: 650px; height: 150px; position: absolute; left: 165px; top: 0px;
}

.img-model-size {
    width: 480px;
}

@media (max-width: 760px) {
    .top-background {
        left: -14px;
    }

    .move-left-xs {
        margin-left: -40px;
    }

    .d-xs-none {
        display: none;
    }

    .smaller-on-mobile {
        zoom: 0.9;
    }


}

@media (min-width: 760px) {
    .relative-left-70-md {
        position: relative;
        left: 70px;
    }

    .d-md-none {
        display: none;
    }

    .margin-left-65-md{
        margin-left: 65px;
    }

    .margin-29-md {
        margin: 29px;
    }
}

.myModelRowMargin {
    margin-left: 20px;
}

.myModelPicBorder {
    float: left;
    padding-top: 27px;
    padding-left: 30px;
    height: 555px;
    
    border-radius: 25px 25px 0px 25px;
    -moz-border-radius: 25px 25px 0px 25px;
    -webkit-border-radius: 25px 25px 0px 25px;
}

.myModelInfoBorder {
    float: right;
    height: 555px;
    width: 260px;
    padding: 25px;
    padding-left: 10px;
    text-align: center;
    
    border-radius: 25px 25px 25px 0px;
    -moz-border-radius: 25px 25px 25px 0px;
    -webkit-border-radius: 25px 25px 25px 0px;
}

.myTextColorblue {
    color: #404082;
}
.myTextColorblue:hover {
    text-shadow: 0px 0px 8px #404082;
}
.myTextColorpink {
    color: #ff44f3;
}
.myTextColorpink:hover {
    text-shadow: 0px 0px 8px #ff44f3;
}


#logo-uvodni-2 {
    position: absolute;
    top: -1px;
    left: -1px;  
}


#logo-uvodni-1 {
    position: absolute;
    -webkit-transition: -webkit-mask-position 1s ease;		
    -webkit-mask-size: 1700px 1700px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, 
                    color-stop(0.00,  rgba(0,0,0,1)),
                    color-stop(0.35,  rgba(0,0,0,1)),
                    color-stop(0.50,  rgba(0,0,0,0)),
                    color-stop(0.75,  rgba(0,0,0,0)),
                    color-stop(1.00,  rgba(0,0,0,0)));
    -webkit-mask-position: 600px 600px;
}

.logo-uvodni-1-moved {
    -webkit-mask-position: 1650px 1650px !important;
}

.logoMedium {
    background-image: url(../../images/logoMedium.png);
    width: 173px;
    height: 180px;
    margin: 0 auto;
    background-size: cover;
    position: relative;
    left: -4px;
}

.logoMedium:hover {
    background-position-x: -198px;
}

.myModelBorderColorpink {
    background-image: url(../../images/ramecky/ramecky_holky1.png);
    
}

.myModelBorderColorblue {
    background-image: url(../../images/ramecky/ramecky_kluci1.png);
}

.myModelBorderColorpinkRotate {
    background-image: url(../../images/ramecky/ramecky_holky2.png);
}

.myModelBorderColorblueRotate {
    background-image: url(../../images/ramecky/ramecky_kluci2.png);
}


.myModelInfoBorderColorblue {
    border: 2px solid #404082;
    /*-webkit-box-shadow: inset 0px 0px 6px 24px rgba(241,242,254,1);
    -moz-box-shadow: inset 0px 0px 6px 24px rgba(241,242,254,1);
    box-shadow: inset 0px 0px 6px 24px rgba(241,242,254,1);*/
}
 .myModelInfoBorderColorpink {
    /*border: 2px solid #fe54fd;*/
    /*-webkit-box-shadow: inset 0px 0px 6px 24px #ffd4ff;
    -moz-box-shadow: inset 0px 0px 6px 24px #ffd4ff;
    box-shadow: inset 0px 0px 6px 24px #ffd4ff;*/
}

.myModelInfoBorderColorpink h2, .myModelInfoBorderColorpink h5 {
    color: #fe54fd !important;
}

.dropdown-menu {
    margin-top: 10px !important;
    margin-left: 15px;
}

.dropdown-menu{
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.bublinaObalka {
    position: relative;
}


@media (min-width: 1100px) {
	.miniDefaultPic1 {
            left: 108px;
        }
	
        .miniDefaultPic2 {
            top: 109px;
            left: -116px;
        }
}


.logo-porovnani {
    width: 40px;
    height: 40px;
    position: relative;
    top: -6px;
}

.aboutUsSipecka {
    width: 15px; 
    height: 15px;
    position: relative;
    top: -2px;
    margin-left: 3px;
    margin-right: 3px;
}

.btn-primary {
    background-color: #24E0E2;
    border-color: #24E0E2;
}

.btn-primary:hover {
    background-color: #a1fcad !important;
    border-color: #a1fcad !important;
}

.btn-primary:hover {
    background-color: #C2DB7B;
    border-color: #404082;
}


a:hover {
    text-decoration: none;
}


.myHoverVisibility:hover {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

/* homepage */

@media (min-width: 1200px) {
	.myMoveTopRight { 
		position: relative;
                top: -25px;
                left: 100px;
	}
        
        .myMoveTopLeft { 
		position: relative;
                top: -25px;
                left: -100px;
	}
        
        .myMoveTop { 
		position: relative;
                top: -50px;
	}
}

@media (max-width: 1212px) {
	.navbar-collapse { 
		position: relative;
                top: -62px;
                left: 110px;
	}
        
        .header {
            height: 50px;
        }
}

.nav > li {
  float: left;
  margin-left: 16px;
}


.myRectangle {
    margin-top: 15px;
    padding: 15px 0;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.floatPic {
    width: 60px;
    height: 57px;
    float: left;
    margin-right: 10px;
}


.logo {
    background: url('../../images/logo.png') center center no-repeat;
    width: 150px;
    height: 50px;
    display: block;
}

.ribo {
	border-right: 1px solid #404082;
        padding-bottom: 10px;
}
.news {
	height: 240px;
}
.news h2 {
	font-size: 18px;
	margin-top: -5px;
}
.box {
	clear: both;
	padding: 5px;
	height: 68px;
}
.box:hover {
	background-color: #EEE;
}
.box img {
	float: left;
	margin-right: 10px;
}



#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
        z-index: 9999999;
        position: relative;
}

div.flash.success {
	background-color: #eeffee;
}

div.flash.info {
	background-color: #eeeeff;
}

div.flash.error {
	background-color: #ffeeee;
}