.header-top {
	height: 100vh;
	background-image: url(../images/header-bg.png);
	background-position: 0 0;
  	background-repeat: none;
  	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;
  	-o-background-size: cover;
  	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.header-top-about {
	background-image: url(../images/header-bg-about.png);
}
.header-top-own-shops {
	background-image: url(../images/header-bg-own-shops.png);
}
.header-top-dealer-shops {
	background-image: url(../images/header-bg-dealer-shops.png);
}
.header-top-mobile-products {
	background-image: url(../images/header-bg-mobile.png);
}
.header-top-other-products {
	background-image: url(../images/header-bg-other.png);
}
.header-top-accessories-products {
	background-image: url(../images/header-bg-accessories.png);
}
.header-top-vip {
	background-image: url(../images/header-bg-vip.png);
}
.header-top-news-blog {
	background-image: url(../images/header-bg-news.png);
}
.header-top-contact {
	background-image: url(../images/header-bg-contact.png);
}
.header-top-jobs {
	background-image: url(../images/header-bg-jobs.png);
}
.header-top-praises {
	background-image: url(../images/header-bg-praises.png);
}
.header-top-questions {
	background-image: url(../images/header-bg-questions.png);
}
.header-left-img {
	margin-top:150px;
}
.header.header-small {
	display: none;
}
header.header.header-small.fixed.clearfix.animated.object-visible.fadeInDown {
	display:block;
}
.menu-button:hover {
	background:url('../images/bubble.png');
	background-size:cover;
	width:100px;
	height:100px;
	border:none;
	color:#fff;
	font-size:16px;
	outline:none;
}
.menu-button {
	background:url('../images/bubble-disabled.png');
	background-size:cover;
	width:100px;
	height:100px;
	border:none;
	color:#d92727;
	font-size:16px;
	outline:none;
}
.menu-button-big {
	background:url('../images/bubble.png');
	background-size:cover;
	width:120px;
	height:120px;
	border:none;
	color:#fff;
	font-size:16px;
	line-height:100px;
	outline:none;
}
.about {
	top:20px;
	position:absolute;
}
.own-shop {
	position:absolute;
	top:40px;
	margin-left:130px;
}
.dealer-shop {
	position:absolute;
	top:65px;
	margin-left:260px;
}
.mobile-product {
	position:absolute;
	top:105px;
	margin-left:390px;
}
.other-product {
	position:absolute;
	top:155px;
	margin-left:520px;
}
.accessories-product {
	position:absolute;
	top:215px;
	margin-left:650px;
}
.vip {
	position:absolute;
	top:335px;
	margin-left:630px;
}
.new {
	position:absolute;
	top:395px;
	margin-left:500px;
}
.contact {
	position:absolute;
	top:445px;
	margin-left:370px;
}
.job {
	position:absolute;
	top:485px;
	margin-left:240px;
}
.praises-support {
	position:absolute;
	top:505px;
	margin-left:110px;
}
.questions-support {
	position:absolute;
	top:525px;
	margin-left:-20px;
}
.btn-logo {
	position:absolute;
	margin-left:100px;
	top:270px;
}
.light-bg {
	background-color: #f7f7f7;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #d1d1d1;
    position: relative;
}
.disabled {
	display:none;
}
.section-padding {
	padding:30px 0;
}
.logo-icon {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #333;
  padding-left: 60px;
  background: url("../images/logo-icon.png") left center no-repeat;
  float: left;
  margin-left:5px;
  margin-top:5px;
}
.logo-icon:hover {
	color:#e84c3d;
	text-decoration:none;
}
header span {
  height: 1px;
  margin-top: 30px;
  margin-left: 20px;
  background: #ccc;
  width: 80%;
  float: left;
}
header .menu .first-row {
  margin-bottom: -70px;
  margin-top:-25px;
  margin-left:16%;
}
header .menu ul {
  text-align: center;
  list-style:none;
}
header .menu li {
  display: inline-block;
}
header .buttons {
  text-align: center;
  overflow: hidden;
  padding: 14px 12px;
  margin-right: -12px;
  background: url('../images/btn-hover.png') center top no-repeat;
  -webkit-transition: background 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
header .menu a {
  width: 195px;
  height: 222px;
  text-align: center;
  display: block;
  float: left;
}
header .service-btn {
  background: url('../images/service-btn-bg.png') center top no-repeat;
}
header .menu a div {
  padding-top: 70px;
}
header .menu a b {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  padding-top: 65px;
  display: inline-block;
  font-stretch: ultra-condensed;
  text-transform:uppercase;
}
header .service-btn b {
  color:#fff;
}
header .service-btn-hover:hover {
  background: url('../images/service-btn-hover.png') center top no-repeat;
}
header .menu .second-row {
  margin-bottom: -85px;
  margin-left:16%;
}
header .menu .third-row {
  margin-left:16%;
  margin-top: 14px;
}
.buttons.service-btn-hover {
}
.top-menu {
	width:40%;
	float:right;
	top:10px;
	position: absolute;
  	right: 10%;
  	display:block;
}
.top-menu ul {
	float:right;
	list-style:none;
}
.top-menu li {
	float:left;
}
.top-menu li a {
	padding:0 5px;
	text-transform:uppercase;
	color:#666;
}
.top-menu li a:hover {
	color:#e84c3d;
	text-decoration:none;
}
header .menu .about-btn {
    background: url('../images/about-btn-bg.png') center top no-repeat;
	color:#fff;  
}
header .about-btn-hover:hover {
    background: url('../images/about-btn-hover.png') center top no-repeat;
}
header .portfolio-btn-hover:hover {
  background: url('../images/portfolio-btn-hover.png') center top no-repeat;
}
header .menu .portfolio-btn {
  background: url('../images/portfolio-btn-bg.png') center top no-repeat;
  color:#fff;
}
header .lab-btn-hover:hover {
  background: url('../images/lab-btn-hover.png') center top no-repeat;
}
header .menu .lab-btn {
  background: url('../images/lab-btn-bg.png') center top no-repeat;
  color:#fff;
}
header .news-btn-hover:hover {
  background: url('../images/news-btn-hover.png') center top no-repeat;
}
header .menu .news-btn {
  background: url('../images/news-btn-bg.png') center top no-repeat;
  color:#fff;
}
header .contact-btn-hover:hover {
  background: url('../images/contact-btn-hover.png') center top no-repeat;
}
header .menu .contact-btn {
  background: url('../images/contact-btn-bg.png') center top no-repeat;
  color:#fff;
}
header .img-btn-hover:hover {
  background: url('../images/img-btn-hover.png') center top no-repeat;
}
header .menu .img-btn {
  background: url('../images/img-btn-bg.png') center top no-repeat;
  color:#fff;
}
.more-button {
  position: absolute;
  z-index: 1;
  top: 500px;
  left: 10px;
}
.more-button a {
	color:#fff;
}
.more-button a:hover {
	color:#e84c3d;
}
.promotions-title {
	margin-top:-70px;
}
.container-catalog {
	width:218px;
	height:250px;
	-webkit-transition: background 0.4s ease-in-out;
  	-moz-transition: 0.4s ease-in-out;
  	-ms-transition: 0.4s ease-in-out;
  	-o-transition: 0.4s ease-in-out;
  	transition: 0.4s ease-in-out;
  	padding:14px 12px;
  	cursor:pointer;
}
.container-catalog:hover {
	background-image:url('../images/img-btn-hover.png');
}
.catalog {
  	width: 194px;
  	height: 222px;
  	background-image: url('../images/img-btn-catalog.png');
  	display: block;
  	text-align: center;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	font-size: 20px;
  	padding-top: 100px;
  	text-shadow: 1px 1px 1px #000;
  	font-stretch: ultra-condensed;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
}
.container-business {
	width:218px;
	height:250px;
	-webkit-transition: background 0.4s ease-in-out;
  	-moz-transition: 0.4s ease-in-out;
  	-ms-transition: 0.4s ease-in-out;
  	-o-transition: 0.4s ease-in-out;
  	transition: 0.4s ease-in-out;
  	padding:14px 12px;
}
.container-business:hover {
	background-image:url('../images/about-btn-hover.png');
}
.business {
  	width: 194px;
  	height: 222px;
  	background-image: url('../images/about-btn-bg.png');
  	display: block;
  	text-align: center;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	font-size: 20px;
  	padding-top: 90px;
  	text-shadow: 1px 1px 1px #000;
  	font-stretch: ultra-condensed;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
}
.container-card {
	width:218px;
	height:250px;
	-webkit-transition: background 0.4s ease-in-out;
  	-moz-transition: 0.4s ease-in-out;
  	-ms-transition: 0.4s ease-in-out;
  	-o-transition: 0.4s ease-in-out;
  	transition: 0.4s ease-in-out;
  	padding:14px 12px;
}
.container-card:hover {
	background-image:url('../images/img-btn-hover.png');
}
.card {
  	width: 194px;
  	height: 222px;
  	background-image: url('../images/img-btn-card.png');
  	display: block;
  	text-align: center;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	font-size: 20px;
  	padding-top: 90px;
  	text-shadow: 1px 1px 1px #000;
  	font-stretch: ultra-condensed;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
}
.container-dealer {
	width:218px;
	height:250px;
	-webkit-transition: background 0.4s ease-in-out;
  	-moz-transition: 0.4s ease-in-out;
  	-ms-transition: 0.4s ease-in-out;
  	-o-transition: 0.4s ease-in-out;
  	transition: 0.4s ease-in-out;
  	padding:14px 12px;
}
.container-dealer:hover {
	background-image:url('../images/portfolio-btn-hover.png');
}
.dealer {
  	width: 194px;
  	height: 222px;
  	background-image: url('../images/portfolio-btn-bg.png');
  	display: block;
  	text-align: center;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	font-size: 20px;
  	padding-top: 90px;
  	text-shadow: 1px 1px 1px #000;
  	font-stretch: ultra-condensed;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
}
.container-garmin {
	width:218px;
	height:250px;
	-webkit-transition: background 0.4s ease-in-out;
  	-moz-transition: 0.4s ease-in-out;
  	-ms-transition: 0.4s ease-in-out;
  	-o-transition: 0.4s ease-in-out;
  	transition: 0.4s ease-in-out;
  	padding:14px 12px;
}
.container-garmin:hover {
	background-image:url('../images/img-btn-hover.png');
}
.garmin {
  	width: 194px;
  	height: 222px;
  	background-image: url('../images/img-btn-garmin.png');
  	display: block;
  	text-align: center;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	font-size: 20px;
  	padding-top: 90px;
  	text-shadow: 1px 1px 1px #000;
  	font-stretch: ultra-condensed;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
}
.aside-second-row {
	margin-left: -80px;
  	margin-top: -60px;
}
.modal-dialog {
	margin:5px auto !important;
}
.modal-body {
	padding: 0px 15px 5px 15px;
}
.small-btn-mobile {
	width: 120px;
    height: 136px;
    margin: auto;
    background-image: url('../images/mobile-btn-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 50px 0;
}
.small-btn-tablet {
	width: 120px;
    height: 136px;
    margin: auto;
    background-image: url('../images/portfolio-btn-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 60px 0;
}
.small-btn-other {
	width: 120px;
    height: 136px;
    margin: auto;
    background-image: url('../images/lab-btn-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 50px 0;
}
.small-btn-shop {
	width: 120px;
    height: 136px;
    margin: auto;
    background-image: url('../images/own-shop-btn-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 60px 0;
}
header.header-small-screen.fixed {
    top: 0 !important;
    position: fixed !important;
    width: 98%;
    padding: 2px 0;
}
.header-small-first-line {
	margin-top:30px;
	margin-bottom:10px;
}

/* Countdown CSS Start*/
.countdown {
  position: absolute;
  right: 0;
  top: 30px;
  z-index:2;
}
.container {
  margin: 0px auto;
  padding: 0px;
}

#main { 
  background: #3B3B3B;
  height: 430px;
}

.content {
  padding: 10px 44px;
}

.text {
  border-bottom: 1px solid #262626;
  margin-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.text h2 {
  color: #E5E5E5;
  font-size: 30px;
  font-style: normal;
  font-variant: normal;
  font-weight: lighter;
  letter-spacing: 2px;
}

.counter {
  background: #2C2C2C;
  -moz-box-shadow:    inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow:         inset 0 0 5px #000000;
  min-height: 150px;
  text-align: center;
}

.counter h3 {
  color: #E5E5E5;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: lighter;
  letter-spacing: 1px;
  padding-top: 20px;
  margin-bottom: 30px;
}

#count {
  color: #FFFFFF;
  margin:10px 0;
}

#count span {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  margin: 10px;
  text-align: center;
  background-color:#e84c3d;
  padding:10px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
}
/* Countdown CSS End*/

/* Animations */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Media CSS */
@media (min-width: 1200px)
	.span12 {
		width: 1170px;
}
@media (min-width: 1200px)
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 28px;
}