html {
	height: 100%;
}

body {
	background: #e9eaf0;
	font-family: 'Roboto', sans-serif;
	overflow-y: scroll;
}

body>#zFsO{
	z-index: 100000007 !important;
}

.btn{
	white-space: normal !important;
	font-family: "Oswald",sans-serif;
}
.btn-md {
	font-size: 16px;
}
.btn.text-left {
	text-align: left;
}
.btn > i.fa {
	margin-right: 7px;
}
.int{
	color: red;
}
.strong{
	font-weight: bold;
}
.azp_fasign{
	color: #AAA;
}

p:not(.strong) {
	margin-bottom: 15px;
}

p.strong {
	margin-bottom: 5px;
}

.strikethrough{
	 text-decoration: line-through;
}

.azp_image_grid .thumbnail,
.azp_grid_item .thumbnail {
	border-radius: 0;
	filter: grayscale(63%);
	transition: filter 1s ease-in-out, border 1s ease-in-out;
}

.azp_image_grid .thumbnail:hover,
.azp_grid_item .thumbnail:hover {
	filter: grayscale(0%);
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #ccc;
	content: "\2794";
}

.azp_point {
	color: red !important;
}

.azp_face {
	width: 160px; height: 160px;
	border-radius: 50%;
	border: #EEE 3px solid;
	float: left;
	shape-outside: circle(50%);
	margin-right: 40px;
}

#azp_skype_btn {
	position: fixed;
	bottom: 20px;
	width: 178px;
	z-index: 3;
	border-bottom: red 1px solid;
	padding-bottom: 4px;
	cursor: pointer;
}

#azp_skype_btn:hover {
	border-bottom: #337ab7 1px solid;
}
#azp_skype_btn:hover .fa.fa-skype {
	color: #00aff0;
}

#azp_skype_msg {
	display: none;
	position: absolute;
	z-index: 4;
	left: -115%;
	bottom: 130%;
	width: 220%;
	color: #222;
	text-align: left;
	background-color: #FFF;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	overflow: hidden;
}

#azp_skype_msg p{
	margin-bottom: 5px;
}

#azp_skype_msg_img {
	width: 140px;
	height: 140px;
	float: right;
	position: relative;
	top: -15px;
	right: -15px;
	margin-bottom: -15px;
	margin-left: -15px;
	border-radius: 0 20% 0 0;
}

.azp_skype_btn_cls {

}
table.azp_latest_news td{
    padding-bottom: 5px;
}

.azp_back_red {
	background-color: red !important;
	color: #FFF !important;
	transition: all ease 0.1s;
}

.azp_back_red a{
	color: #FFF !important;
	background-color: transparent !important;
	transition: all ease 0.1s;
}

@media (max-height: 700px) {
	.azp_skype_btn_cls {
		display: none;
	}
}

@media (max-width: 639px) {
	.azp_face {
		display: none;
	}
}

#zoomPlaceholderWrap {
	margin-top: 70px;
}

#zoomPlaceholderWrap .leftPopTable .btn,
#zoomPlaceholderWrap .rightPopTable .btn {
	text-align: left;
}

#zoomPlaceholderWrap .az-embed-responsive,
#zoomPlaceholder {
	min-height: 280px !important;
}

.azp_changelog_module>div {
	padding-top: 10px;
	padding-bottom: 10px;
}
.azp_changelog_module .row {
	margin-left: 0;
	margin-right: 0;
}

.azp_changelog_module>.row>:nth-child(1) {
	padding-left: 0;
}

.azp_changelog_module>div.row:not(:last-child) {
	border-bottom: 1px dotted #aaa;
}
@media (max-width: 768px) {
	.azp_changelog_module>div>div:nth-child(1) {
		font-weight: bold;
	}

	.azp_changelog_module>div>div:nth-child(1) br {
		content: ' '
	}

	.azp_changelog_module>div>div:nth-child(1) br:after {
		content: ', Date: '
	}

	.azp_changelog_module>.row>:nth-child(2) {
		padding-left: 0;
	}
}

.azp_gravatar{
	float: left;
	margin: 3px 10px 1px 0px;
	width: 64px;
	height: 64px;
	border: #ccc 1px solid;
}

@media (min-width: 1328px) {
	.azp_mover_pb{
		margin-top: 40px;
	}
}

#azp_top_navi {
	font-family: "Oswald",sans-serif;
	border-bottom: red 1px solid;
	z-index: 100000001;
}

#azp_home_navi{
	font-family: "Oswald",sans-serif;
	border-bottom: red 1px solid;
	background: none;
	background-image: none;
	box-shadow: none;
}

#azp_home_navi a{
	padding-left: 7px;
	padding-right: 7px;
}

#azp_home_navi .active > a,
#azp_home_navi .active > a:hover,
#azp_home_navi .active > a:focus {
	color: #fff;
	background-color: #000;
}

#azp_home_navi a:hover,
#azp_home_navi a:focus {
	background-color: #ddd;
}

#azp_home_navi .navbar-toggle {
	float: left;
}

@media (min-width: 768px) {
	#azp_home_navi .navbar-brand {
		display: none;
	}
}

#azp_top_navi .navbar-brand {
	font-size: 200%;
}

#azp_top_navi i {
	margin-right: 5pt;
}

@media (min-width: 1200px) {
	#azp_top_navi a {
		font-size: 125%;
	}
}

@media (max-width: 1200px) {
	#azp_top_navi a {
		padding-left: 10px;
		padding-right: 10px;
	}

}

@media (max-width: 900px) {
	#azp_home_navi a {
		font-size: 12px;
	}
}


#azp_breadcrumb_top {
	float: left;
	background-color: transparent;
	clear: both;
}

#azp_main_container {
	background-color: #FFF;
	position: relative;
	margin-top: 70px;
	margin-bottom: 10px;
	box-shadow: 0 0 4px 1px #dadae5;
}

#azp_main_left_container {
	margin-right: 220px;
}

#azp_main_right_container {
	position: absolute;
	top: 0;
	right: 194px;
}

#subNaviInner select{
	width: 178px
}

#optDemoDivMouseoverZoom2D {
	margin-top: -15px;
	margin-bottom: 20px;
	font-size: 14px;
}

#optDemoDivMouseoverZoom2D table,tbody,tr,td,th {
	border: none!important;
}

#optDemoDivMouseoverZoom2D table>tbody>tr>td {
	padding: 2px;
}

#optDemoDivMouseoverZoom2D table>tbody>tr>td:nth-of-type(1) {
	padding-left: 0px;
	padding-right: 15px;
}

#optDemoDivMouseoverZoom2D table>tbody>tr>td:nth-of-type(2) {
	padding-right: 15px;
	min-width: 120px;
}

#optDemoDivMouseoverZoom2D table>tbody>tr>td:nth-of-type(3){
	font-style: italic;
}

@media (max-width: 767px) {
	#optDemoDivMouseoverZoom2D {
		display: none;
	}
}

@media (max-width: 992px) {
	#azp_main_right_container {
		display: none !important;
	}
	#azp_main_left_container {
		margin-right: 0;
	}
	#azp_main_container {
		/*margin-top: 50px;*/
		margin-bottom: 0;
	}
	#azp_breadcrumb_top {
		margin-top: 30px;
	}
}


@media (max-width: 1201px) {
	.container {
		width: 100% !important;
	}
	#azp_main_container {
		box-shadow: none !important;
	}
}

/* large screens */
@media (min-width: 1400px) and (min-height: 1081px) {
	body {
		font-size: 16px;
	}

	pre[class*="language-"] {
		font-size: 14px;
	}

	.container {
		width: 1370px;
	}

	.azp_newspaper_2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 60px;
		-moz-column-gap: 60px;
		column-gap: 60px;
		-webkit-column-rule: 1px solid lightgrey;
		-moz-column-rule: 1px solid lightgrey;
		column-rule: 1px solid lightgrey;
	}
	[class^="azp_newspaper_"] p {
		/* text-indent: 1em; */
		page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
	}

	#azp_main_left_container {
		margin-right: calc(220px + 20px);
	}

	#azp_main_right_container {
		right: calc(194px + 20px);
	}

	#subNaviInner .subNavi,
	#azp_skype_btn {
		width: calc(178px + 20px);
	}

	#subNaviInner select{
		width: 198px;
	}

	#azp_examples_btn_filter_container .btn {
		font-size: 100%;
	}
}

.azp_version_top_right{
	text-align: right;
	line-height: 1.3;
	margin-top: 10px;
	margin-right: 15px;
	font-size: 90%;
	position: absolute;
	right: 0;
	top: 0;
}

.azp_badge_top_left {
	position: relative;
	width: 136px;
	height: 28px;
	margin-bottom: 8px;
	float: left;
	top: -10px;
	left: 0;
	pointer-events: none;
}

.azp_h2_logo {
	width: 200px;
	height: auto;
	position: relative;
	top: 30px;
}

.azp_h2_logo_module {
	width: 200px;
	height: auto;
	position: absolute;
	top: -30px;
	right: 0;
}

@media (max-width: 599px) {
	.azp_h2_logo_module{
		display: none!important;
	}
}

@media (min-width: 1200px) {
	.azp_badge_top_left {
		position: relative;
		width: 158px;
		height: 32px;
		float: left;
		top: -11px;
		left: 0;
	}
}

.azp_first_page_head {
	margin-top: 0;
}

@media (max-width: 1199px) {
	.azp_first_page_head {
		margin-top: 40px;
	}
}



#latest_version_module{
	margin-top: 10px;
	margin-bottom: 20px;
}

#subNaviInner select{
	font-family: "Oswald",sans-serif;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Oswald",sans-serif;
	line-height: 130%;
}

h2{
	font-weight: normal;
	margin: 55px 0px 20px 0px;
	padding: 0px;
	min-height: 33px;
	color: #222;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	border-bottom: 1px #AAA solid;
}

.h2notext{
	color: transparent;
	font-size: 0 !important;
	margin-bottom: 40px;
}

.firstH2{
	/*margin: 10px 0px 20px 0px !important;*/
}

.subNavi{
	width: 178px;
	cursor: pointer;
	padding: 4px 4px 4px 6px;
	/*
	background-color: #6f6f6f;
	color: #FFFFFF;
	*/
	background-color: #FFF;
	border: #c4c4c4 1px solid;
	color: #555;
	margin-bottom: 4px;
	font-weight: lighter;
	letter-spacing: 0.01em;
	font-family: "Oswald",sans-serif;
	border-radius: 3px;
}

.subNaviHover {
	/*background-color: #297FBB;*/
	background-color: #e7e7e7;
	border-color: #adadad;
	color: #333;
}

.azp_btn_space{
	margin-right: 5px;
	margin-bottom: 5px;
}

.azp_break {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

.ul2 {
	padding-left: 15px;
}

.lightBlue{
	background-color: #f8fcfe;
}

.lightGreen{
	background-color: #f8fef8;
}

.lightYellow{
	background-color: #fefef8;
}

.lightRed{
	background-color: #fef8f8;
}

.azp_contact_form .input-group-addon {
	min-width: 40px;
}

.azp_contact_form .azp_mand::before {
	content: '*';
	position: absolute;
	display: inline-block;
	font-weight: bold;
	top: 10px;
	right: -10px;
	color: red;
	z-index: 1;
}

.well {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.row.azp_4-8, .row.azp_12 {
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.row.azp_4-8 .col-sm-4 {
		font-size: 120%;
	}
}

#fancybox-wrap {
	z-index: 100000006 !important;
}
#fancybox-overlay {
	z-index: 100000005 !important;
}

.azp_image_grid {
	box-sizing: border-box !important;
	position: relative;
	margin: 0 -1% 10px 0;
	font-size: 0;
}

.azp_image_grid a {
	box-sizing: border-box !important;
	border: #AAA 1px solid;
	display: inline-block;
	position: relative;
	cursor: auto;
	margin: 0 1% 1% 0;
    transition: filter .2s ease-in-out, border .2s ease-in-out;
}

.azp_image_grid a:hover {
	border-color: #337ab7;
}

.azp_image_grid img {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	vertical-align: middle;
	cursor: pointer;
}

.azp_image_grid_7 a,
.azp_image_grid_7_md a{
	box-sizing: border-box !important;
	width: 13.28571428%;
}

.azp_image_grid_6 a,
.azp_image_grid_6_md a{
	box-sizing: border-box !important;
	width: 15.1006667%;
}

.azp_image_grid_4 a,
.azp_image_grid_4_md a {
	box-sizing: border-box !important;
	width: 24%;
}

.azp_image_grid_3 a{
	box-sizing: border-box !important;
	width: 32.3334%;
}

.azp_image_grid_2 a{
	box-sizing: border-box !important;
	width: 49%;
}

@media (max-width: 1200px) {
	.azp_image_grid_6 a {
		width: 32.3334%;
	}

	.azp_image_grid_7 a {
		width: 24%;
	}
}

@media (max-width: 992px) {
	.azp_image_grid_6 a {
		width: 32.3334%;
	}

	.azp_image_grid_7 a {
		width: 24%;
	}
}

@media (max-width: 768px) {
	.azp_image_grid_7 a {
		width: 49%;
	}
	.azp_image_grid_7_md a {
		width: 32.3334%;
	}

	.azp_image_grid_6 a {
		width: 49%;
	}
	.azp_image_grid_6_md a {
		width: 32.3334%;
	}
	.azp_image_grid_4 a {
		width: 49%;
	}
	.azp_image_grid_4_md a {
		width: 49%;
	}
	.azp_image_grid_2 a{
		width: 99%;
	}
}

@media (max-width: 376px) {
	.azp_image_grid_7 a {
		width: 99%;
		border-radius: 0;
	}
	.azp_image_grid_6 a {
		width: 99%;
		border-radius: 0;
	}
	.azp_image_grid_4 a{
		width: 99%;
		border-radius: 0;
	}
	.azp_image_grid_3 a{
		width: 99%;
		border-radius: 0;
	}
	.azp_image_grid_3.azp_image_grid_break_2 a {
		width: 49%;
		border-radius: 0;
	}
	.azp_image_grid_4.azp_image_grid_break_2 a {
		width: 49%;
		border-radius: 0;
	}
	.azp_image_grid_6.azp_image_grid_break_2 a {
		width: 49%;
		border-radius: 0;
	}
	.azp_image_grid_7.azp_image_grid_break_2 a {
		width: 49%;
		border-radius: 0;
	}
}

#azp_demoDescr{
	margin-top: 10px;
}

#azp_someOptions{
	margin-top: 10px;
	padding-top: 7px;
	border-top: red 1px solid;
}

.az-embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.az-embed-responsive .embed-responsive-item,
.az-embed-responsive .az-embed-responsive-item,
.az-embed-responsive iframe,
.az-embed-responsive embed,
.az-embed-responsive object,
.az-embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.az-embed-responsive-gallfp {
	padding-bottom: 81.4%;
}

.az-embed-responsive-thumb {
	padding-bottom: 56.1797753%;
}

.az-embed-responsive-21by9 {
	padding-bottom: 37.5%;
}

.az-embed-responsive-2by1 {
	padding-bottom: 50%;
}

.az-embed-responsive-16by9 {
	padding-bottom: 56.25%;
}

.az-embed-responsive-4by3 {
	padding-bottom: 75%;
}

.az-embed-responsive-1by1 {
	padding-bottom: 100%;
}

.az-embed-responsive-3by4 {
	padding-bottom: 133.333333%;
}

.az-embed-responsive-9by16 {
	padding-bottom: 177.7777777%;
}

.az-embed-responsive-1by2 {
	padding-bottom: 200%;
}

.az-embed-responsive-21by9p {
	padding-bottom: calc(37.5% + 30px);
}

.az-embed-responsive-2by1p {
	padding-bottom: calc(50% + 30px);
}

.az-embed-responsive-16by9p {
	padding-bottom: calc(56.25% + 30px);
}

.az-embed-responsive-4by3p {
	padding-bottom: calc(75% + 30px);
}

.az-embed-responsive-1by1p {
	padding-bottom: calc(100% + 30px);
}

.az-embed-responsive-3by4p {
	padding-bottom: calc(133.333333% + 30px);
}

.az-embed-responsive-9by16p {
	padding-bottom: calc(177.7777777% + 30px);
}

.az-embed-responsive-1by2p {
	padding-bottom: calc(200% + 30px);
}

.azp_iframe_demo {
	border: #AAA 1px solid;
}
.azp_iframe_demo_descr {
	margin-bottom: 30px;
}

@media only screen and (max-width: 600px) {
	.azp_table table,
	.azp_table thead,
	.azp_table tbody,
	.azp_table th,
	.azp_table td,
	.azp_table tr {
		display: block;
	}

	.azp_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.azp_table tr {
		margin-bottom: 30px;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}

	.azp_table td {
		border: none;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align: left !important;
	}

	.azp_table td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45% !important;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left !important;
		font-weight: bold;
	}

	.azp_table td:before {
		content: attr(data-title);
	}
}


.azp_table>table.azp_opttable>thead>tr>th:first-child {
	min-width: 200px;
}

@media only screen and (max-width: 768px) {
	.azp_table table.azp_opttable,
	.azp_table table.azp_opttable thead,
	.azp_table table.azp_opttable tbody,
	.azp_table table.azp_opttable th,
	.azp_table table.azp_opttable td,
	.azp_table table.azp_opttable tr {
		display: block;
	}

	.azp_table table.azp_opttable thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.azp_table table.azp_opttable tr {
		margin-bottom: 15px;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		border-right: 1px solid #DDD;
		border-left: 1px solid #DDD;
	}

	.azp_table table.azp_opttable td {
		border: none;
		position: relative;
		padding-left: 110px !important;
		white-space: normal;
		text-align: left !important;
	}

	.azp_table table.azp_opttable tr>td:first-child {
		font-size: 125%;
		border-bottom: 1px solid #DDD;
		background-color: #FDFDFD;
	}

	.azp_table table.azp_opttable td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100px !important;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left !important;
		font-weight: bold;
	}

	.azp_table table.azp_opttable.azp_opttable_nopad td {
		padding-left: 10px !important;
	}

	.azp_table table.azp_opttable.azp_opttable_nopad td:before {
		width: 0 !important;
		content: '' !important;
	}

	.azp_table table.azp_opttable td:not(:first-child):before {
		content: attr(data-title);
	}

	.azp_table table.azp_opttable td:first-child:before {
		content: '';
	}

	.azp_table table.azp_opttable td {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
	}
}

table.azp_methods tr {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

.azp_methods,
.azp_methods thead,
.azp_methods tbody,
.azp_methods th,
.azp_methods td,
.azp_methods tr {
	display: block;
}

.azp_methods tbody>tr:nth-child(odd) {
	background-color: #fdfdfd;
	border-bottom: none !important;
	border-top: none !important;
	font-size: 125%;
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	-ms-word-break: break-all !important;
	word-break: break-all !important;
	word-break: break-word !important;
}

.azp_methods tbody>tr:nth-child(even) {
	margin-bottom: 15px;
	border-top: none !important;
}

strong code.path {
	font-weight: bold;
}

code.path {
	color: #6f3e77;
	background-color: #f2f5f9;
}

pre[class*="language-"] {
	border-radius: 0 !important;
	box-shadow: none !important;
}

code[class*="language-"] {
	border-top: #ddd 1px solid;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}

code[class*="language-"], pre[class*="language-"] {
	/*white-space: pre-wrap !important;*/
}

code[class*="language-"] .token.string {
	color: #000;
	font-weight: bold;
}

@media (max-width: 600px) {
	code[class*="language-"], pre[class*="language-"] {
		overflow-wrap: break-word !important;
		word-wrap: break-word !important;
		-ms-word-break: break-all !important;
		word-break: break-all !important;
		word-break: break-word !important;
	}
}

@media (max-width: 376px) {
	#axZm_zoomCustomNavi {
		height: auto !important;
	}
	#axZm_zoomCustomNavi img {
		width: 33.333px !important;
		height: 33.333px !important;
	}
}

.azp_compatibility i {
	margin-bottom: 15px;
}

#comments .panel-body {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
}

#comments div {
	border-radius: 0;
}

.azp_gallery2d_example #axZm_zoomNavigation {
	background-color: #FFF !important;
}

@media (min-width: 601px) {
	.azp_color_simple td {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		background-color: rgb(214, 233, 198);
	}
}

@media (max-width: 600px) {
	.azp_color_free {
		background-color: #3F729B !important;
		color: #FFF !important;
	}

	.azp_color_cond_free {
		background-color: #777 !important;
		color: #FFF !important;
	}

	.azp_color_comm {
		background-color: #1b5e20 !important;
		color: #FFF !important;
	}

	.azp_color_simple {
		background-color: #5e1b1b !important;
		color: #FFF !important;
	}

	.azp_color_unlimited {
		background-color: #212121 !important;
		color: #FFF !important;
	}

	tr[class*="azp_color_"] a {
		color: #FFF!important;
		text-decoration: underline!important;
	}
}

.azp_grid_item {
	margin-bottom: 30px;
}

.azp_grid_item_inner {
	padding: 15px;
	border: #ccc 1px solid;
	background-color: #FDFDFD;
	position: relative;
}

.azp_grid_item_inner img {
	transform: scale(1);
	transition: transform 1s;
}

.azp_grid_item_inner img.zoom {
	transform: scale(1);
}

.azp_grid_item_file {
	position: absolute;
	z-index: 1;
	top: -12px;
	right: 10px;
	padding: 1px 3px;
	background-color: #7f7f7f;
	font-size: 11px;
	font-family: Arial;
	color: #fff;
	border: 4px solid #FFF;
	pointer-events: none;
}

.azp_grid_item .az-embed-responsive {
	padding-bottom: 60%;
	margin: -10px -10px -10px -10px;
}

.azp_grid_item .thumbnail {
	padding: 0;
	border-width: 0;
	margin: 0;
}

.azp_grid_item_text {
	margin-top: 25px;
}

#azp_examples_btn_sort .btn {
	padding: 3px 2px 4px 9px;
	/*width: 36px;
	height: 34px;*/
	font-size: 20px;
}

.azp_examples_filter {
 	font-size: 13px;
}

@media (max-width: 1023px) {
	#azp_top_navi .navbar-nav {
		float: none!important;
	}

	.navbar-nav ul.dropdown-menu {
		padding-left: 20px;
	}
}
@media (max-width: 1024px) {
	#azp_top_navi {
		position: relative;
	}
	#azp_main_container {
		margin-top: 0;
	}
}

#azp_examples_select_filter_container {
	display: none;
}

#azp_examples_btn_filter_container {
	display: block;
	margin-bottom: 10px;
	border: lightgrey 1px dotted;
	border-width: 0 0 1px 0;
	padding-bottom: 10px;
}

@media (max-width: 769px) {

	#azp_main_container {
		margin-top: 0;
	}

	#azp_examples_select_filter_container {
		display: block;
	}

	#azp_examples_btn_filter_container {
		display: none;
	}
}

@media (max-width: 399px) {
	#azp_examples_filter_reset {
		display: none!important;
	}
}




@media (max-width: 1023px) and (min-width: 768px) {
	#azp_top_navi .navbar-header {
		float: none;
	}

	#azp_top_navi .navbar-toggle {
		display: block;
		margin-right: 0;
	}

	#azp_top_navi .navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		margin-left: -15px;
		margin-right: -15px;
	}

	#azp_top_navi .navbar-collapse.collapse {
		display: none!important;
	}

	/*
	#azp_top_navi .navbar-nav {
		float: none!important;
	}
	*/

	#azp_top_navi .navbar-nav>li {
		float: none;
	}

	#azp_top_navi .navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#azp_top_navi .navbar-text {
		float: none;
		margin: 15px 0;
	}

	#azp_top_navi .navbar-collapse.collapse.in {
		display: block!important;
		overflow-y: auto!important;
		overflow-x: hidden!important;
	}

	#azp_top_navi .collapsing {
		overflow: hidden!important;
	}

	#azp_top_navi .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#azp_top_navi .dropdown-menu li>a{
		color: #777;
		line-height: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#azp_top_navi .dropdown-menu>.active>a,
	#azp_top_navi .dropdown-menu>.active>a:focus,
	#azp_top_navi .dropdown-menu>.active>a:hover {
		background-color: #e7e7e7;
	}
}

.navbar-no-collapse .navbar-collapse.collapse {
	display: block!important;
}

.navbar-no-collapse .navbar-nav>li:not(.navbar-right),
.navbar-nav:not(.navbar-right) {
	float: left !important;
}

.navbar-no-collapse .navbar-nav.navbar-right:last-child {
	margin-right: -15px !important;
}

.navbar-no-collapse .navbar-right {
	float: right!important;
}

.azp_img_right-sm-6 {
	height: auto;
	max-width: 50%;
	padding-left: 15px;
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	.azp_img_right-sm-6 {
		max-width: 100%;
		margin-left: 0;
	}
	#azp_examples_large_view {
		display: none;
	}
}

.azp_read_more {
	display: block;
	text-align: center;
	margin-top: 15px;
	text-decoration: none !important;
	pointer-events: none;
	font-size: 120%;
}

.azp_read_more span {
	padding: 6px 10px 6px 15px;
	border-radius: 15px;
	background-color: #EEE;
	pointer-events: all;
	color: #333;
}

.azp_read_more span:hover {
	color: #000;
	background-color: #DDD;
}

img.azp_blog_teaser {
	display: block;
	max-width: 100%;
	min-width: 100%;
	height: auto;
	margin-bottom: 10px;
	vertical-align: top;
}

.azp_blog_published {
	margin-bottom: 10px;
	font-family: "Oswald",sans-serif;
}

.azp_ui_ell_demo {
	max-width: 100%;
	position: relative;
}

.azp_intro_text {
	margin-bottom: 35px!important;
	font-weight: 600;
	font-size: 110%;
	line-height: 1.625;
}

.alert, .well {
	border-radius: 0;
}

#azp_home_navi_col ul.dropdown-menu {
	min-width: 100%;
}

.azp_video_header {
	width: 100%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}