/*!
 * Start Bootstrap - Shop Homepage (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.ui-ribbon-wrapper {
    position: absolute;
    overflow: hidden;
    width: 86px;
    height: 88px;
    top: 0px;
    right: 15px;
}

.ui-ribbon {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    transform: rotate(45deg);
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: crimson;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.extra-icon{
    position: fixed;
    width: 163px;
    height: 200px;
    left: 59px;
    top: 160px;
}

.extra-icon-right{
    position: fixed;
    width: 163px;
    height: 200px;
    right: 59px;
    top: 380px;
}

.navbar{
    background: #6F8AC1;
    border: none;
}

.menu-var{
     background: #6F8AC1;
}

.navbar-header .fa{
    float: left;
    text-align: left;
    margin-top: 12px;
    font-size: 10px;
    min-width: inherit;
    color: #C4CFDA;
    padding: 0px 1px 0px 0px;
}

.navbar-brand, .navbar-nav li a {
    color : #FFFFFF !important;
    cursor: pointer;
}

.container-bottom{
    background: white;
    border: none;
}

.container-bottom .container{
    padding-left: 0;
}

.info-data {
    margin-right: 15px;
}
.info-data b, .info-data a:link, .info-data a:visited, .info-data a:hover, .info-data a:active{
    color: gray;
    text-decoration: none;
}

.select-catalog{
    padding: 0px 0px 11px 0px;
    width: 100% !important;
}

#tab-information {
    border-bottom: none;
}

#tab-information a {
    border: gray; 
    border-style: solid;
    border-width: 1px;
    color: gray;
    cursor: pointer;
}

#tab-information .active a {
    border: #6F8AC1;
    border-style: solid;
    border-width: 1px;
    color: #6F8AC1;
}

#imaginary_container{
    margin-top: 15px;
    padding: 0px 0px 11px 0px;
}

.carousel{
	height: 300px !important;
	width: 850px !important;
}
.carousel-img{
    height: 300px !important;
    width: 100%;
}

.carousel-inner {
    margin-left: -15px !important;
    width: 104% !important;
}

.stylish-input-group .input-group-addon{
    background: white !important; 
	
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.slide-image {
    width: 100%;
}

.carousel-holder {
    margin-bottom: 30px;
}

.carousel-control,
.item {
    border-radius: 4px;
}

.thumbnail .img-ico {
    width: 100%;
}

.thumbnail .img-thum {
    width: 100px;
    height: 160px;
    padding-top: 10px;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #6F8AC1;
}

footer {
    margin: 50px 0;
}

.bg_load {
    position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #EEE;
}

.grid {
    height: 350px;
}

#toTop{display:none;text-decoration:none;position:fixed;bottom:42px;right:0;overflow:hidden;z-index:999;width:32px;height:32px;border:none;text-indent:100%;background:url("/bower_components/bootstrap-css/images/arr.png") no-repeat 0px 0px;}
#toTopHover{width:32px;height:32px;display:block;overflow:hidden;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}

.wrapper {
    /* Size and position */
	font-size: 25px; /* 1em */
    width: 8em;
	height: 8em;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -100px;

    /* Styles */
	border-radius: 50%;
    background: rgba(255,255,255,0.1);
    border: 1em dashed rgba(138,189,195,0.5);
    box-shadow: 
        inset 0 0 2em rgba(255,255,255,0.3),
        0 0 0 0.7em rgba(255,255,255,0.3);
    animation: rota 3.5s linear infinite;

    /* Font styles */
    font-family: 'Racing Sans One', sans-serif;
    
    color: #444;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 .04em rgba(255,255,255,0.9);
    line-height: 6em;
}

.wrapper:before,
.wrapper:after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: inherit;
    box-shadow: inset 0 0 2em rgba(255,255,255,0.3);
    border: 1em dashed;
}

.wrapper:before {
    border-color: rgba(138,189,195,0.2);
	top: 0; right: 0; bottom: 0; left: 0;
}

.wrapper:after {
	border-color: rgba(138,189,195,0.4);
    top: 1em; right: 1em; bottom: 1em; left: 1em; 
}

.wrapper .inner {
    width: 100%;
    height: 100%;
    animation: rota 3.5s linear reverse infinite;
}

.wrapper span {
    display: inline-block;
    animation: placeholder 1.5s ease-out infinite;
}

.wrapper span:nth-child(1)  { animation-name: loading-1;  }
.wrapper span:nth-child(2)  { animation-name: loading-2;  }
.wrapper span:nth-child(3)  { animation-name: loading-3;  }
.wrapper span:nth-child(4)  { animation-name: loading-4;  }
.wrapper span:nth-child(5)  { animation-name: loading-5;  }
.wrapper span:nth-child(6)  { animation-name: loading-6;  }
.wrapper span:nth-child(7)  { animation-name: loading-7;  }

@keyframes rota {
    to { transform: rotate(360deg); }
}

@keyframes loading-1 {
    14.28% { opacity: 0.3; }
}

@keyframes loading-2 {
    28.57% { opacity: 0.3; }
}

@keyframes loading-3 {
    42.86% { opacity: 0.3; }
}

@keyframes loading-4 {
    57.14% { opacity: 0.3; }
}

@keyframes loading-5 {
    71.43% { opacity: 0.3; }
}

@keyframes loading-6 {
    85.71% { opacity: 0.3; }
}

@keyframes loading-7 {
    100% { opacity: 0.3; }
}

@media only screen and (max-width: 1640px) {
   .extra-icon{
        position: fixed;
        width: 0px;
        height: 0px;
        left: 59px;
        top: 160px;
    }
	
	.extra-icon-right{
        position: fixed;
        width: 0px;
        height: 0px;
        right: 59px;
        top: 480px;
    }
	
	.extra-icon-right a{
        position: absolute;
        width: 0px;
        height: 0px;
        left: 59px;
        top: 380px;
    }
	
	.extra-icon a{
        position: absolute;
        width: 0px;
        height: 0px;
        left: 59px;
        top: 96px;
    }
}