

/* Start:/local/templates/dresscode/components/bitrix/menu/personal/style.css?16022130211686*/
#personalMenu{
	border-bottom: 1px solid #f1f1f1;
	margin: 0px 0px 24px 0px;
	overflow: hidden;
	list-style: none;
	padding: 0;
}

#personalMenu li{
	margin-bottom: 24px;
	margin-right: 24px;
	float: left;
}

#personalMenu li:last-child{
	margin-right: 0;
}

#personalMenu li a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/*text-transform: uppercase;*/
	text-decoration: none;
	font-size: 16px;
	color: #000000;
}

#personalMenu li a:active{
	position: relative;
	top: 1px;
}

#personalMenu li .selected{
	border-bottom: 1px dashed #000000;
	font-family: 'robotobold';
	padding-bottom: 4px;
}

#personalMenu li .selected:hover{
	color: #000000;
}

@media all and (max-width: 1024px) {

	#personalMenuWrap{
		position: relative;
		min-width: 100%;
		overflow: hidden;
		overflow-x: auto;
		height: 40px;
	}

	#personalMenuWrap ul{
		white-space: nowrap;
		overflow: auto;
	}

	#personalMenu li{
		white-space: nowrap;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-right: 18px;
		margin-bottom: 18px;
	}

	#personalMenu::after {
	    background: -moz-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: -o-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: -ms-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: linear-gradient(to right, rgba(255,255, 255, 0.2), #ffffff 100%);
	    pointer-events: none;
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    content: '';
	    width: 35px;
	}

}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/news/offices/style.css?16022130212377*/
.flex-office-detail
{
	display: flex;
	margin-top: 18px;
}

.flex-col
{
	display: block;
}

.flex-col.col-left
{
	width: 320px;
	min-width: 320px;
}
#right .flex-col.col-left .heading {
    font-family: "roboto_ltregular";
    text-decoration: none;
    padding-left: 24px;
    line-height: 65px;
    font-weight: 400;
    font-size: 18px;
    display: block;
    height: 65px;
    color: #fff;
    background: #3498db;
    margin-bottom: 0px;
}
#right .flex-col.col-left .heading ins {
    vertical-align: middle;
    display: inline-block;
    margin-right: 24px;
    line-height: 65px;
    height: 65px;
    float: right;
    width: 27px;
}
#right .flex-col.col-left .heading ins {
    background: url(/bitrix/templates/dresscode/themes/white/arctic/images/iconMenu.png) 0 50% no-repeat transparent;
}


#right .flex-col.col-left .leftMenu {
    background: #2b2b2b;
    padding: 12px 0;
    position: relative;
    list-style: none;
    z-index: 33;
    margin: 0;
}

#right .flex-col.col-left .leftMenu > li:first-child {
    border: 0;
}
#right .flex-col.col-left .leftMenu > li {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    background: #2b2b2b;
    display: block;

    list-style: none;
}

#right .flex-col.col-left .leftMenu > li .menuLink {

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    padding-right: 8px;
    position: relative;
    line-height: 18px;
    font-size: 13px;
    display: block;
    color: #fff;
    padding: 8px;
}
#right .flex-col.col-left .leftMenu > li .menuLink h3 {
    font-family: "roboto_ltregular";
    font-weight: 400;
    font-size: 13px;
    display: inline;

}

#right .flex-col.col-left li.selected > a,
#right .flex-col.col-left li:hover > a
{
    background: #f5f5f5;
}

#right .flex-col.col-left .leftMenu > li.selected .menuLink h3 {
    font-weight: bold;
}


.flex-col.col-right
{
	padding-left: 24px;
	width: 100%;
}



.global-information-block .webFormItemsColumn .webFormItemField textarea {
    height: 125px;
}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/news/offices/bitrix/news.list/detail/style.css?1721078864150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/dresscode/zoomer.css?17211400252230*/

#zoomer {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.7);
}

#zoomer.opened {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#zoomer #zoomerExitLink {
    background: url(/local/templates/dresscode/images/zoomer/exitBig.png) 0 0 no-repeat transparent;
    height: 50px;
    opacity: 0.5;
    width: 50px;
}

#zoomer #zoomerExitLink:hover {
    opacity: 0.8;
}

#zoomer #zoomerExitLink:active {
    height: 48px;
    opacity: 1;
    top: 25px;
}

#zoomerMoreImagesContainerWrapper .item {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#zoomerMoreImagesContainerWrapper .item:hover {
    opacity: 0.9 !important;
}

#zoomerMoreImagesContainerWrapper .selected {
    opacity: 1 !important;
}

#zoomerBigPrevMore,
#zoomerBigNextMore {
    background: url(/local/templates/dresscode/images/zoomer/carouselArrowsBig.png) 0 0 no-repeat transparent;
    opacity: 0.5;
}

#zoomerBigNextMore {
    background-position: -57px 0;
}

#zoomerNextMore,
#zoomerPrevMore {
    background: url(/local/templates/dresscode/images/zoomer/carouselArrows.png) 0 0 no-repeat transparent;
    opacity: 0.5;
}


#zoomerNextMore {
    background-position: -80px 0;
}

#zoomerPrevMore:hover,
#zoomerNextMore:hover,
#zoomerBigPrevMore:hover,
#zoomerBigNextMore:hover {
    opacity: 0.8;
}

#zoomerPrevMore:active,
#zoomerNextMore:active,
#zoomerBigPrevMore:active,
#zoomerBigNextMore:active {
    opacity: 1;
}

#zoomerNextMore:active {
    right: -1px !important;
}

#zoomerPrevMore:active {
    left: -1px !important;
}

#zoomerBigPrevMore:active {
    left: 23px !important;
}

#zoomerBigNextMore:active {
    right: 23px !important;
}

#zoomerMoreImagesContainerWrapper .link:active {
    position: relative;
    top: 1px;
}


@media all and (max-width: 800px) {
#zoomerMoreImagesContainer{
		display: none !important;
	}

	#zoomerBigPrevMore,
	#zoomerBigNextMore{
		background-color: rgb(255,255,255,0.5);
	}
	
	#imageContainerSlider {
    height: 100% !important;
	}
}
/* End */
/* /local/templates/dresscode/components/bitrix/menu/personal/style.css?16022130211686 */
/* /local/templates/dresscode/components/bitrix/news/offices/style.css?16022130212377 */
/* /local/templates/dresscode/components/bitrix/news/offices/bitrix/news.list/detail/style.css?1721078864150 */
/* /local/templates/dresscode/zoomer.css?17211400252230 */
