/* Start:/bitrix/templates/obmen/components/bitrix/catalog.section.list/selectmenu/style.css*/
/* banner-start */

div.banner h1{
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 70px 0;
}

	/*from jquery-ul-start*/		
	.ui-menu {
		list-style: none;
		padding: 0;
		margin: 0;
		display: block;
		outline: none;
	}
	.ui-menu .ui-menu {
		position: absolute;
	}
	.ui-menu .ui-menu-item {
		position: relative;
		margin: 0;
		padding: 3px 1em 3px .4em;
		cursor: pointer;
		min-height: 0; /* support: IE7 */
	}
	.ui-menu .ui-menu-divider {
		margin: 5px 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		border-width: 1px 0 0 0;
	}
	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active {
		//margin: -1px;
	}

	/* icon support */
	.ui-menu-icons {
		position: relative;
	}
	.ui-menu-icons .ui-menu-item {
		padding-left: 2em;
	}

	/* left-aligned */
	.ui-menu .ui-icon {
		position: absolute;
		top: 0;
		bottom: 0;
		left: .2em;
		margin: auto 0;
	}

	/* right-aligned */
	.ui-menu .ui-menu-icon {
		left: auto;
		right: 0;
	}
	.ui-selectmenu-menu {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.ui-selectmenu-menu .ui-menu {
		overflow: auto;
		/* Support: IE7 */
		overflow-x: hidden;
		padding-bottom: 1px;
	}
	.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
		font-size: 1em;
		font-weight: bold;
		line-height: 1.5;
		padding: 2px 0.4em;
		margin: 0.5em 0 0 0;
		height: auto;
		border: 0;
	}
	.ui-selectmenu-open {
		display: block;
	}
	.ui-selectmenu-button {
		display: inline-block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		cursor: pointer;
	}
	.ui-selectmenu-button span.ui-icon {
		right: 0.5em;
		left: auto;
		margin-top: -8px;
		position: absolute;
		top: 50%;
	}
	.ui-selectmenu-button span.ui-selectmenu-text {
		text-align: left;
		padding: 0.4em 2.1em 0.4em 1em;
		display: block;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Component containers
	----------------------------------*/
	.ui-widget {
		font-family: Verdana,Arial,sans-serif;
		font-size: 1.1em;
	}
	.ui-widget .ui-widget {
		font-size: 1em;
	}
	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea,
	.ui-widget button {
		font-family: Verdana,Arial,sans-serif;
		font-size: 1em;
	}
	.ui-widget-content {
		border: 1px solid #a6c9e2;
		background: #fcfdfd;
		color: #222222;
	}
	.ui-widget-content a {
		color: #222222;
	}
	.ui-widget-header {
		border: 1px solid #4297d7;
		background: #2191c0;
		color: #eaf5f7;
		font-weight: bold;
	}
	.ui-widget-header a {
		color: #eaf5f7;
	}
	/*from jquery-ul-end*/

div.banner .div-for-select{
	text-align: center;
}
#selectmenu-button{
	border: 2px solid #ffffff;
	width: 270px !important;
	height: 50px !important;
}
.ui-state-default{
	background: none;
}
.ui-icon-triangle-1-s{
	background: url("/bitrix/templates/obmen/components/bitrix/catalog.section.list/selectmenu/images/select.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	right: 3px;
}
.ui-selectmenu-text{
	color: #ffffff;
	font-size: 18px;
	padding: 10px 20px;
	text-transform: uppercase;
}
li.ui-menu-item:hover{
	background-color: #dfdbdf;
}
/* banner-end */

/* contents-start */
div.contents{
	//padding: 60px 0;
}

div.content div.container:nth-child(odd){
	background-color: #ffffff;
}
div.content div.container:nth-child(even){
	background-color: #f7f7f7;
}
div.contents .left, div.contents .right{
	padding-top: 60px;
}
div.contents .left div.left-cont{
	width: 330px;
	margin: 0 auto;
}
div.contents .left div.left-cont img{
	max-width: 100%;
	width: auto;
}
div.contents .left div.left-cont p.who{
	text-transform: uppercase;
	font-weight: 600;
	margin: 25px 0 20px 0;
}
div.contents .right{
	//padding-right: 22%;
	padding-bottom: 60px;
}
div.contents .right p strong{
	text-transform: uppercase;
}
div.contents .right h4{
	text-transform: uppercase;
	font-size: 14px;
	color: #483858;
	font-weight: 600;
	margin: 16px 0;
}
div.contents .right ul li{
	font-weight: 600;
}
div.contents .right a{
	border: 1px solid #25383e;
	color: #25383e;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
	line-height: 43px;
	width: 143px;
	height: 45px;
	margin-top: 38px;
}
div.contents .right a:hover{
	text-decoration: none;
	color: #ffffff;
	background-color: #483858;
}
div.contents .right a.for-modal{
	padding: 0;
	border: none;
	width: auto;
	font-weight: 600;
	color: #483858;
	display: inline;
	float: right;
}
div.contents .right a.for-modal:hover{
	text-decoration: underline;
	background-color: #ffffff;
}

/*modal-start*/
#responsive{
	overflow: visible !important;
	margin-top: 30px !important;
	margin-right: 30px !important;
}
.modal-scrollable{
	
}
.modal-backdrop.in{
	background: #262527 !important;
}
#responsive button{
	float: right;
	background: #25383e url("/bitrix/templates/obmen/components/bitrix/catalog.section.list/selectmenu/images/close.png") no-repeat center;
	border: none;
	width: 52px;
	height: 52px;
	position: relative;
	top: -25px;
	right: -20px;
}
#responsive button:hover{
	background-color: #483858;
}
#responsive img{
	width: 100%;
}
/*modal-end*/

@media (min-width: 1200px) { /*lg*/
    
}
@media (min-width: 992px) and (max-width: 1199px) { /*md*/
    div.contents .right{
    	padding-right: 5%;
    }
}
@media (max-width: 991px) { /*sm*/
    div.contents .left{
    	text-align: center;
    }
    div.contents .right{
    	text-align: left;
    	padding: 0 10% 60px 10%;
    	margin-top: 25px;
    }
    div.contents .right a, div.contents .right a.for-modal{
    	float: none;
    }
    #responsive{
    	width: 70% !important;
    	float: left !important;
    	margin-left: 0px !important;
    }
    .modal {
		left: 0%;
	}
}
/* contents-end */

/* End */



/* Start:/bitrix/templates/obmen/components/bitrix/catalog/template/style.css*/
/* banner-start */
div.banner-portfolio{
background: #ffffff url("/bitrix/templates/obmen/components/bitrix/catalog/template/../../../../img/banner-background.png") no-repeat;
	min-height: 312px;
	margin-top: 18px;
	padding-top: 80px;
}

div.banner-portfolio h1{
	color: #ffffff;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 0 70px 0;
}

	/*from jquery-ul-start*/		
	.ui-menu {
		list-style: none;
		padding: 0;
		margin: 0;
		display: block;
		outline: none;
	}
	.ui-menu .ui-menu {
		position: absolute;
	}
	.ui-menu .ui-menu-item {
		position: relative;
		margin: 0;
		padding: 3px 1em 3px .4em;
		cursor: pointer;
		min-height: 0; /* support: IE7 */
	}
	.ui-menu .ui-menu-divider {
		margin: 5px 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		border-width: 1px 0 0 0;
	}
	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active {
		//margin: -1px;
	}

	/* icon support */
	.ui-menu-icons {
		position: relative;
	}
	.ui-menu-icons .ui-menu-item {
		padding-left: 2em;
	}

	/* left-aligned */
	.ui-menu .ui-icon {
		position: absolute;
		top: 0;
		bottom: 0;
		left: .2em;
		margin: auto 0;
	}

	/* right-aligned */
	.ui-menu .ui-menu-icon {
		left: auto;
		right: 0;
	}
	.ui-selectmenu-menu {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.ui-selectmenu-menu .ui-menu {
		overflow: auto;
		/* Support: IE7 */
		overflow-x: hidden;
		padding-bottom: 1px;
	}
	.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
		font-size: 1em;
		font-weight: bold;
		line-height: 1.5;
		padding: 2px 0.4em;
		margin: 0.5em 0 0 0;
		height: auto;
		border: 0;
	}
	.ui-selectmenu-open {
		display: block;
	}
	.ui-selectmenu-button {
		display: inline-block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		cursor: pointer;
	}
	.ui-selectmenu-button span.ui-icon {
		right: 0.5em;
		left: auto;
		margin-top: -8px;
		position: absolute;
		top: 50%;
	}
	.ui-selectmenu-button span.ui-selectmenu-text {
		text-align: left;
		padding: 0.4em 2.1em 0.4em 1em;
		display: block;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Component containers
	----------------------------------*/
	.ui-widget {
		font-family: Verdana,Arial,sans-serif;
		font-size: 1.1em;
	}
	.ui-widget .ui-widget {
		font-size: 1em;
	}
	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea,
	.ui-widget button {
		font-family: Verdana,Arial,sans-serif;
		font-size: 1em;
	}
	.ui-widget-content {
		border: 1px solid #a6c9e2;
		background: #fcfdfd;
		color: #222222;
	}
	.ui-widget-content a {
		color: #222222;
	}
	.ui-widget-header {
		border: 1px solid #4297d7;
		background: #2191c0;
		color: #eaf5f7;
		font-weight: bold;
	}
	.ui-widget-header a {
		color: #eaf5f7;
	}
	/*from jquery-ul-end*/

div.banner-portfolio .div-for-select{
	text-align: center;
}
#selectmenu-button{
	border: 2px solid #ffffff;
	width: 270px !important;
	height: 50px !important;
}
.ui-state-default{
	background: none;
}
.ui-icon-triangle-1-s{
	background: url("/bitrix/templates/obmen/components/bitrix/catalog/template/../../../../img/select.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	right: 3px;
}
.ui-selectmenu-text{
	color: #ffffff;
	font-size: 18px;
	padding: 10px 20px;
	text-transform: uppercase;
}
li.ui-menu-item:hover{
	background-color: #dfdbdf;
}
/* banner-end */

/* contents-start */
div.contents{
	//padding: 60px 0;
}

div.content div.container:nth-child(odd){
	background-color: #ffffff;
}
div.content div.container:nth-child(even){
	background-color: #f7f7f7;
}
div.contents .left, div.contents .right{
	padding-top: 60px;
}
div.contents .left div.left-cont{
	width: 330px;
	margin: 0 auto;
}
div.contents .left div.left-cont img{
	max-width: 100%;
	width: auto;
}
div.contents .left div.left-cont p.who{
	text-transform: uppercase;
	font-weight: 600;
	margin: 25px 0 20px 0;
}
div.contents .right{
	//padding-right: 22%;
	padding-bottom: 60px;
}
div.contents .right p strong{
	text-transform: uppercase;
}
div.contents .right h4{
	text-transform: uppercase;
	font-size: 14px;
	color: #483858;
	font-weight: 600;
	margin: 16px 0;
}
div.contents .right ul li{
	font-weight: 600;
}
div.contents .right a{
	border: 1px solid #082f4f;
	color: #ffffff;
	background-color: #082f4f;
	text-transform: uppercase;
	text-align: center;
	display: block;
	float: left;
	line-height: 43px;
	width: 143px;
	height: 45px;
	margin-top: 38px;
}
div.contents .right a:hover{
	text-decoration: none;
	color: #064273;
	border: 1px solid #064273;
	background-color: #ffffff;
}
div.contents .right a.for-modal{
	padding: 0;
	border: none;
	background: none;
	width: auto;
	font-weight: 600;
	color: #082f4f;
	display: inline;
	float: right;
}
div.contents .right a.for-modal:hover{
	text-decoration: underline;
	background-color: #ffffff;
}


@media (min-width: 1200px) { /*lg*/
    
}
@media (min-width: 992px) and (max-width: 1199px) { /*md*/
    div.contents .right{
    	padding-right: 5%;
    }
}
@media (max-width: 991px) { /*sm*/
    div.contents .left{
    	text-align: center;
    }
    div.contents .right{
    	text-align: left;
    	padding: 0 10% 60px 10%;
    	margin-top: 25px;
    }
    div.contents .right a, div.contents .right a.for-modal{
    	float: none;
    }
    #responsive{
    	width: 70% !important;
    	float: left !important;
    	margin-left: 0px !important;
    }
    .modal {
		left: 0%;
	}
}
@media (max-width: 340px) { /*sm*/
	div.contents .left div.left-cont{
		width: 100%;
	}
}
/* contents-end */
/* End */
/* /bitrix/templates/obmen/components/bitrix/catalog.section.list/selectmenu/style.css */
/* /bitrix/templates/obmen/components/bitrix/catalog/template/style.css */