/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.tbl-item {
	width: auto;font-size: 12px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.content.article {
    padding: 26px 15px;
	}

	.tbl-item {
		    font-size: 11px;
	}
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.table-striped > tbody > tr > td {
		    font-size: 12px;
	}

	.table > thead > tr > th {
		    font-size: 13px;
	}

	.buy{
		width: 74px;
	}

	.info-message {
		    line-height: 30px;font-size: 11px;width: 78px;margin-right: 8px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.logo {
		font-size: 25.91px;
		color: #424343;
		margin-top: 10px;
		margin-left: 74px;
		margin-bottom: 0;
		line-height: 25.91px;
	}
	.logo > small {
		font-size: 12px;
		white-space: nowrap;
	}
	.slogan {
		font-size: 11px;
		white-space: nowrap;
		font-weight: bolder;
	}
	.info-block {
		height: 150px;
	}
	.info-block {

	}
	.pull-left, .pull-right{
		float: none !important;
		text-align: center;
	}
	.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
		font-size: 10px;
	}
	.table-striped > tbody > tr > td {
		font-size: 12px;
	}
	.buy {
		width: 70px;
		font-size: 12px;
		margin-right: 0
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.navbar-brand {
		padding: 5px 0 15px 5px; 
		width: 100px;
	}
	.navbar {
		min-height: 100px;
	}
	.logo {
		font-size: 25.91px;
		color: #424343;
		margin-top: 10px;
		margin-left: 74px;
		margin-bottom: 0;
		line-height: 25.91px;
	}
	.logo > small {
		font-size: 10px;
		white-space: nowrap;
	}
	.slogan {
		font-size: 11px;
		white-space: nowrap;
		font-weight: bolder;
	}
	.info-block {
		height: 150px;
	}
	.info.popover {
		display: block;
		width: 142px;
		font-size: 13px;
		line-height: 12px;
		color: #3e3733;
		padding: 8px 9px 5px 11px;
		margin-left: 25px;
		margin-top: 20px;
	}
	.info:before {
		width: 0;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
.logo-t {
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
	.logo {
		font-size: 25.91px;
		color: #424343;
		margin-top: 10px;
		margin-left: 74px;
		margin-bottom: 0;
		line-height: 25.91px;
	}
	.logo > small {
		font-size: 12px;
		white-space: nowrap;
	}
	.slogan {
		font-size: 11px;
		white-space: nowrap;
		font-weight: bolder;
	}

	.info.popover {
		display: inline-block;
		width: 142px;
		font-size: 13px;
		line-height: 12px;
		color: #3e3733;
		padding: 8px 9px 5px 11px;
		margin-left: 25px;
		margin-top: 20px;
		left: 35%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.info:before {
		width: 0;
	}

	.tab-content .warning {
		font-size: 12px;
		line-height: 16px;
	}
	.nav-tabs.nav-justified > li > a {
		color: #fff;
	}
	p {
		line-height: 15px;
	}
	.menu-footer>li:first-child {
		padding-left: 5px;
		padding-right: 8px;
	}
	.menu-footer>li {
		padding-left: 5px;
		padding-right: 8px;
	}
	.work li {
		width: 100%;
		border: none;
		box-shadow: none;
	}
	.work li.bsh-none {
		box-shadow: none;
	}
	.active .triangle-topright {
		border-top: 0; 
		border-left: 0;
	}
	.active .triangle-bottomleft {
		border-bottom: 0; 
		border-right: 0;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.logo-t {
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
	.info.popover {
		margin-left: 25px;
	}
	.info.popover {
		display: block;
		margin-left: 25px;
		left: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.navbar-collapse {
		overflow-x: visible;
		padding-right: 15px;
		padding-left: 15px;
	}
	.work li {
		height: 150px;
		font-size: 13px;
		line-height: 15px;
		height: 88px;
		width: 49%;
		border: none;
		box-shadow: none;
	}
	.work li.bsh-none {
		box-shadow: none;
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	body {
		/*background: #dcdcdc url(../img/bg.png) top center no-repeat;*/
	}
	.navbar-default .navbar-brand {
		display: none;
	}

	.logo {
		font-size: 25.91px;
		color: #424343;
		margin-top: 10px;
		margin-left: 74px;
		margin-bottom: 0;
		line-height: 25.91px;
		padding-top: 10px;
	}
	.logo > small {
		font-size: 15.5px;
		white-space: nowrap;
	}
	.navbar-collapse {
		overflow-x: visible;
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-nav {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.navbar-nav > li {
		flex: 1 1 auto;
		text-align: center;
	}
	.navbar-nav > li:first-child:before {
		display: none;
	}
	.navbar-nav > li:before {
		content: ' ';
		display: block;
		position: absolute;
		/*background: url(../img/sprite.png) -96px 0 no-repeat;*/
		width: 24px;
		height: 49px;
	}
	.nav > li > a {
		color: #fff;
		font-family: 'HelveticaNeueCyr-Medium', sans-serif;
		font-size: 14px;
		font-weight: bolder;
		padding: 16px 5px 17px;
	}
	.slogan {
		font-size: 12px;
		white-space: nowrap;
		font-weight: bolder;
	}
	.info.popover {
		display: block;
		width: 122px;
		font-size: 11px;
		line-height: 12px;
		color: #3e3733;
		padding: 8px 9px 5px 11px;
		margin-left: 35px;
		margin-top: 20px;
	}
	.info:before {
		content: " ";
		display: block;
		width: 3px;
		height: 115px;
		position: absolute;
		top: -18px;
		left: -20px;
		background-color: #c4c3c3;
	}
	.info:after {
		content: " ";
		display: block;
		/*background: url(../img/sprite.png) 0 -148px;*/
		width: 170px;
		height: 158px;
		position: absolute;
		top: -40px;
		left: 95px;
	}
	.board {
		min-height: 280px;
	}
	.work li {
		color: #000;
		font-family: 'HelveticaNeueCyr-Roman', sans-serif;
		font-size: 13px;
		line-height: 17.35px;
		position: relative;
		float: left;
		padding: 0 5px 0 92px;
		width: 33%;
		height: 113px;
		/* 	border-top: 1px solid #cecece;
		border-left: 1px solid #cecece;
		outline: 1px solid #ededed; */
		border-bottom: 1px solid #ededed;
		border-right: 1px solid #ededed;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(206, 206, 206, 1);
		-moz-box-shadow:    1px 1px 1px 0px rgba(206, 206, 206, 1);
		box-shadow:         1px 1px 1px 0px rgba(206, 206, 206, 1);
	}
	.work li.b-none {
		border-right: none;
		box-shadow: none;
	}
	.work li.bsh-none {
		box-shadow:         0px 1px 0px 0px rgba(206, 206, 206, 1);
		border-right: none;
	}
	.nav-tabs.nav-justified > li > a {
		font-size: 14px;
	}
	.tab-content .warning {
		font-size: 14px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.logo {
		font-size: 35.91px;
		line-height: 38px;
	}
	.logo > small {
		font-size: 26.93px;
		white-space: nowrap;
	}
	.info:before {
		left: -25px;
	}
	.main {
		/*background: #dcdcdc url(../img/bg-main.png) top center no-repeat;*/
	}
	.nav > li > a {
		font-size: 17px;
		font-weight: normal;
	}
	.slogan {
		font-size: 18px;
		white-space: nowrap;
		font-weight: bolder;
	}
	.board {
		min-height: 230px;
	}
	.work li {
		font-size: 15px;
		height: 92px;
	}
	.nav-tabs.nav-justified > li > a {
		font-size: 17px;
	}
	.tab-content .warning {
		font-size: 18px;
	}
	.menu-footer>li:first-child {
		padding-left: 5px;
		padding-right: 18px;
	}
	.menu-footer>li {
		padding-left: 18px;
		padding-right: 18px;
	}
	.active .triangle-topright {
		position: absolute;
		top: 0;
		right: -5px;
		width: 0;
		height: 0;
		border-top: 50px solid #08974e; 
		border-left: 30px solid transparent;
		z-index: 100;
	}
	.active .triangle-bottomleft {
		position: absolute;
		top: 0;
		right: -5px;
		width: 0;
		height: 0;
		border-bottom: 50px solid #fff; 
		border-right: 30px solid transparent;
		z-index: 100;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.container {
		width: 1030px;
	}

	.logo {
		font-family: 'HelveticaNeueCyr-Black', sans-serif;
		font-size: 35.91px;
		color: #424343;
		margin-left: 74px;
		margin-bottom: 0;
		line-height: 38px;
	}
	.logo > small {
		font-size: 26.93px;
		white-space: nowrap;
	}
	.slogan {
		line-height: 32px; 
		margin: 0 10px;
		font-size: 19.93px;
		color: #6f6f6f;
		white-space: nowrap;
	}
	.slogan {
		margin: 0 10px;
		font-size: 19.93px;
		white-space: nowrap;
	}
	.info.popover {
		display: block;
		width: 129px;
		font-size: 11px;
		line-height: 12px;
		color: #3e3733;
		padding: 8px 6px 5px 11px;
		margin-left: 51px;
		margin-top: 20px;
	}
	.info:before {
		content: " ";
		display: block;
		width: 3px;
		height: 115px;
		position: absolute;
		top: -16px;
		left: -45px;
		background-color: #c4c3c3;
	}
	.info:after {
		content: " ";
		display: block;
		/*background: url(../img/sprite.png) 0 -148px;*/
		width: 170px;
		height: 158px;
		position: absolute;
		top: -40px;
		left: 110px;
	}
	.board {
		font-size: 14px;
	}

}



/* Large Devices, Wide Screens */
@media (min-width:768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #fff;
	}
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
		border-bottom: 1px solid #fff;
		border-bottom-color: #fff;
	}
}


/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .btn-primary {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0dbd73",endColorstr="#ff09b262",GradientType=0);
    }
}

 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .btn-primary:hover {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd64545",endColorstr="#ffcd3535",GradientType=0);
    }
}


@media only screen and (max-width : 600px) {
#tipDiv {
    right: 0!important;
    left: inherit!important;
}
}