body 
{
	margin: 0;
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

::selection 
{
	color: #fff;
	background-color: #00a0b0;
}

a
{
	color: #00808c;
}

a:hover
{
	color: #00707b;
}

img
{
	will-change: transform;
	image-rendering: -webkit-optimize-contrast;
}

figcaption
{
	margin-top: .5rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 
{
	font-weight: 600;
}

dl, ol, ul 
{
	margin-bottom: 1.25rem;
}

.text-article p
{
	font-size: 1rem;
	line-height: 1.7;
}

.text-article ul li,
.text-article ol li
{
	font-size: 1rem;
	line-height: 1.7;
}

.text-tiny 
{
	font-size: .7em;
}

.text-small 
{
	font-size: .85em;
}

.text-big 
{
	font-size: 1.4em;
}

.text-huge
{
	font-size: 1.8em;
}

.text-shadow-none
{
	text-shadow: none !important;
}

.line-height-inherit
{
	line-height: inherit !important;
}

.line-height-5
{
	line-height: 1.5 !important;
}

.line-height-6
{
	line-height: 1.6 !important;
}

.line-height-7
{
	line-height: 1.7 !important;
}

.line-height-8
{
	line-height: 1.8 !important;
}

.line-height-9
{
	line-height: 1.9 !important;
}

.vw-25
{
	width: 25vw;
}

.vw-50
{
	width: 50vw;
}
.vw-75
{
	width: 75vw;
}

.vh-25
{
	width: 25vh;
}

.vh-50
{
	width: 50vh;
}

.vh-75
{
	width: 75vh;
}

.opacity-0 
{
	opacity: 0;
}

.opacity-25 
{
	opacity: .25;
}

.opacity-75 
{
	opacity: .75;
}

.opacity-100 
{
	opacity: 1;
}

.custom-select,
.form-control
{
	font-size: inherit;
}

.font-size-inherit
{
	font-size: inherit !important;
}

.font-size-small
{
	font-size: 12px !important;
}

.font-size-normal
{
	font-size: 14px !important;
}

.font-size-medium
{
	font-size: 16px !important;
}

.font-size-large
{
	font-size: 18px !important;
}

.overflow-x
{
	overflow-x: scroll;
}

.overflow-y
{
	overflow-y: scroll;
}

.overflow-x-hidden
{
	overflow-x: hidden;
}

.overflow-y-hidden
{
	overflow-y: hidden;
}

.align-top
{
	vertical-align: top;
}

.align-middle
{
	vertical-align: middle;
}

.align-bottom
{
	vertical-align: bottom;
}

.bg-gainsboro
{
	background-color: #DCDCDC;
}

.bg-light-grey
{
	background-color: #D3D3D3;
}

.bg-silver
{
	background-color: #C0C0C0;
}

.bg-dark-grey
{
	background-color: #A9A9A9;
}

.bg-grey
{
	background-color: #808080;
}

.text-gainsboro
{
	color: #DCDCDC;
}

.text-light-grey
{
	color: #D3D3D3;
}

.text-silver
{
	color: #C0C0C0;
}

.text-dark-grey
{
	color: #A9A9A9;
}

.text-grey
{
	color: #808080;
}

.m-n1 
{
	margin: -0.25rem !important;
}

.mt-n1,
.my-n1 
{
	margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 
{
	margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 
{
	margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 
{
	margin-left: -0.25rem !important;
}

.m-n2 
{
	margin: -0.5rem !important;
}

.mt-n2,
.my-n2 
{
	margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 
{
	margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 
{
	margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 
{
	margin-left: -0.5rem !important;
}

.m-n3 
{
	margin: -1rem !important;
}

.mt-n3,
.my-n3 
{
	margin-top: -1rem !important;
}

.me-n3,
.mx-n3 
{
	margin-right: -1rem !important;
}

.mb-n3,
.my-n3 
{
	margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 
{
	margin-left: -1rem !important;
}

.m-n4 
{
	margin: -1.5rem !important;
}

.mt-n4,
.my-n4 
{
	margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 
{
	margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 
{
	margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 
{
	margin-left: -1.5rem !important;
}

.m-n5 
{
	margin: -3rem !important;
}

.mt-n5,
.my-n5 
{
	margin-top: -3rem !important;
}

.me-n5,
.mx-n5 
{
	margin-right: -3rem !important;
}

.mb-n5,
.my-n5 
{
	margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 
{
	margin-left: -3rem !important;
}

.content-header 
{
	text-shadow: 0.1rem 0.1rem rgba(0, 0, 0, 0.5) !important;
}

.content-header .page-header .container 
{
	color: #fff;
	margin-top: 0 !important;
}

.header-filter .container 
{
	z-index: 2;
	position: relative;
}

.page-header 
{
	height: 100vh;
	background-position: 50%;
	background-size: cover;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	align-items: center;
}

.page-header.header-small 
{
	height: 50vh;
	min-height: 50vh;
}

.page-header.header-medium 
{
	height: 75vh;
	min-height: 75vh;
}

.header-filter:before 
{
	z-index: 0 !important;
	background: rgba(0, 0, 0, 0.55);
}

.header-filter 
{
	position: relative;
}

.header-filter:after, 
.header-filter:before 
{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
}

.navbar-brand img
{
	width: 200px;
	image-rendering: -webkit-optimize-contrast;
}

.image-style-side
{
	float: right;
	width: 50%;
	height: 100%;
	margin-left: .5rem;
}

.btn-iratco
{
	color: #fff;
	background-color: #97989a;
	border-color: #97989a;
}

.btn-iratco:hover
{
	color: #fff;
	background-color: #87888a;
	border-color: #87888a;
}

.btn-iratco:focus,
.btn-iratco.focus
{
	color: #fff;
	background-color: #87888a;
	border-color: #87888a;
	box-shadow: 0 0 0 0.2rem #dfe0e0;
}

.btn-outline-iratco
{
	color: #343434;
	background-color: #fff;
	border-color: #97989a;
}

.btn-outline-iratco:hover
{
	color: #fff;
	background-color: #87888a;
	border-color: #87888a;
}

.btn-outline-iratco:focus,
.btn-outline-iratco.focus
{
	color: #fff;
	background-color: #87888a;
	border-color: #87888a;
	box-shadow: 0 0 0 0.2rem #dfe0e0;
}

.btn-aruna
{
	color: #fff;
	background-color: #00a0b0;
	border-color: #00a0b0;
}

.btn-aruna:hover
{
	color: #fff;
	background-color: #00909e;
	border-color: #00909e;
}

.btn-aruna:focus,
.btn-aruna.focus
{
	color: #fff;
	background-color: #00909e;
	border-color: #00909e;
	box-shadow: 0 0 0 0.2rem #b2e2e7;
}

.btn-outline-aruna
{
	color: #00a0b0;
	background-color: #fff;
	border-color: #00a0b0;
}

.btn-outline-aruna:hover
{
	color: #fff;
	background-color: #00909e;
	border-color: #00909e;
}

.btn-outline-aruna:focus,
.btn-outline-aruna.focus
{
	color: #fff;
	background-color: #00909e;
	border-color: #00909e;
	box-shadow: 0 0 0 0.2rem #b2e2e7;
}

.btn-outline-sb
{
	width: 2.25rem;
	height: 2.25rem;
	padding: 0 !important;
	line-height: 2.25rem;
}

.btn-outline-sb-facebook
{
	color: #1877f2;
	border-radius: .8rem;
	border-color: #1877f2;
	background-color: transparent;
}

.btn-outline-sb-facebook:hover
{
	color: #ffffff;
	border-color: #1877f2;
	background-color: #1877f2;
}

.btn-outline-sb-twitter
{
	color: #1da1f2;
	border-radius: .8rem;
	border-color: #1da1f2;
	background-color: transparent;
}

.btn-outline-sb-twitter:hover
{
	color: #ffffff;
	border-color: #1da1f2;
	background-color: #1da1f2;
}

.dropdown-item:hover
{
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa !important;
}

.dropdown-item:focus 
{
	color: #16181b;
	text-decoration: none;
	background-color: #97989a !important;
}

.dropdown-item.active, 
.dropdown-item:active 
{
	color: #fff;
	text-decoration: none;
	background-color: #97989a !important;
}

.page-link
{
	color: #343434;
}

.page-link:focus 
{
	box-shadow: 0 0 0 0.2rem #dfe0e0;
}

.page-item.active .page-link 
{
	z-index: 3;
	color: #fff;
	background-color: #97989a;
	border-color: #97989a;
}

.ck.ck-editor__editable_inline 
{
	min-height: 250px;
	padding: 0 1rem !important;
}

.cancelBtn,
.applyBtn
{
	width: inherit !important;
	height: inherit !important;
}

.dropzone
{
	padding: 15px 15px !important;
	border: 0 !important;
}

.image img
{
	width: 100%;
	height: auto;
	display: block;
}

.hljs 
{
	padding: 1em !important;
	border-radius: .25em !important;
}

#adsbox
{
	display: none !important;
}

mark.marker-green 
{
	background-color: #62f962;
}

mark.marker-yellow 
{
	background-color: #fdfd77;
}

mark.marker-pink 
{
	background-color: #fc7899;
}

mark.marker-blue 
{
	background-color: #72ccfd;
}

mark.pen-red 
{
	color: #e71313;
	background-color: transparent;
}

mark.pen-green 
{
	color: #128a00;
	background-color: transparent;
}

/* CSS with prefix .ar- */

.ar-navbar
{
	min-height: 4.3rem;
	padding: .75rem 1rem;
	transition: all 220ms ease 0s;
}

.ar-navbar .nav-link-alt
{
	display: block;
}

.ar-navbar .nav-link,
.ar-navbar .nav-link-alt
{
	margin: 0 .25rem;
	border-radius: 50rem !important;
	padding: .5rem .85rem !important;
	transition: all 220ms ease 0s;
}

.ar-navbar .navbar-nav .nav-link
{
	color: rgba(0, 0 , 0, .9);
}

.ar-navbar .navbar-nav .active > .nav-link, 
.ar-navbar .navbar-nav .nav-link.active, 
.ar-navbar .navbar-nav .nav-link.show, 
.ar-navbar .navbar-nav .show > .nav-link 
{
	font-weight: bold;
    color: #fff;
    background-color: #97989a;
    border-radius: 50rem !important;
}

.ar-navbar .nav-link:hover,
.ar-navbar .nav-link:focus
{
	color: #fff !important;
	background-color: #97989a;
}

.ar-main-content
{
	padding-top: 4.3rem;
}

.ar-card 
{
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04);
			box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04);
}

.ar-card .card-header 
{
	font-size: 18px;
	font-weight: 300;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1.5384rem;
	margin: 0 1.538rem;
	border-bottom-width: 0;
	border-radius: 3px 3px 0 0;
	background-color: transparent;
}

.ar-card .card-header:first-child 
{
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.ar-card .card-header-divider 
{
	border-bottom: 1px solid #d9d9d9;
	margin: 0 1.138rem 8px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.2307rem;
}

.ar-img
{
	width: 100%;
	height: 150px;
	background-color: #ccc !important;
}

.ar-img img
{
	width: 100%;
	height: 100%;
	display: inline-block;
	object-fit: cover;
	margin: 0;
}

.ar-img img[lazy=loading],
.ar-img img[lazy=error]
{
	width: 35px;
	height: 35px;
	max-width: 100%;
	max-height: 100%;
	opacity: 0.35;
	margin: 0;
}

.ar-thumb
{
	width: 100%;
	min-height: 100px;
	background-color: #ccc;
}

.ar-thumb img
{
	width: 100%;
	height: auto;
	display: inline-block;
	object-fit: cover;
	margin: 0;
}

.ar-thumb img[lazy=loading],
.ar-thumb img[lazy=error]
{
	width: 35px;
	height: 35px;
	max-width: 100%;
	max-height: 100%;
	opacity: 0.35;
	margin: 0;
}

.ar-thumb-alt img[lazy=loading],
.ar-thumb-alt img[lazy=error]
{
	opacity: 0.35;
}

.ar-gallery-thumb
{
	width: 100%;
	height: 175px;
	border-radius: .25rem;
	background-color: rgba(0,0,0,0.1);
}

.ar-gallery-thumb:hover:before
{
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 100%;
	position: absolute;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: .25rem;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.ar-gallery-thumb img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: inline-block;
	border-radius: .25rem;
}

.ar-gallery-thumb img[lazy=loading],
.ar-gallery-thumb img[lazy=error]
{
	margin: 0;
	width: 35px;
	height: 35px;
	opacity: 0.35;
	top: 42%;
	position: relative;
}

.ar-gallery-thumb .ar-caption
{
	color: #fff;
	opacity: 0;
	max-width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	transition: all .15s ease;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
	text-shadow: 0.1rem 0.1rem rgba(0, 0, 0, 0.5) !important;
}

.ar-gallery-thumb:hover .ar-caption
{
	opacity: 1;
}

.ar-footer
{
	/* background: #0375e5; */
	background: rgba(3, 152, 226);
	background: linear-gradient(90deg, #87888a 0%, #97989a 100%);
	background: -moz-linear-gradient(0deg, #87888a 0%, #97989a 100%);
	background: -webkit-linear-gradient(0deg, #87888a 0%, #97989a 100%);
}

.ar-footer p
{
	font-size: inherit;
}

.ar-footer .list-group-flush .list-group-item
{
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.ar-delimiter 
{
	content: "";
	display: block;
	width: 80%;
	position: absolute;
	left: 50%;
	margin-left: -40%;
	height: 0.1rem;
	border-top: 0;
	background: -o-radial-gradient(center, ellipse, #fff 0, hsla(0,0%,100%,0) 75%);
	background: radial-gradient(ellipse at center, #fff 0, hsla(0,0%,100%,0) 75%);
}

.ar-rounded-75
{
	border-radius: .75rem;
}

.ar-shortdesc
{
	font-size: inherit;
	line-height: inherit;
}

.ar-alert
{
	top: .5rem;
	right: 0;
	width: 350px;
	z-index: 1022 !important;
}

.ar-alert-submit
{
	top: .5rem;
	right: 0;
	width: 350px;
	z-index: 1022 !important;
}

.ar-fetch-data
{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	color: #fff;
	border-radius: inherit;
	background: rgba(0, 0, 0, 0.5);
}

.ar-fetch-data:after
{
	border-radius: inherit;
}

.ar-fetch-data-off
{
	display: none;
}

.ar-fade-enter-active, .ar-fade-leave-active 
{
	transition: opacity .5s;
}

.ar-fade-enter, .ar-fade-leave-to
{
	opacity: 0;
}

.ar-thumb-undefined
{
	width: 175px;
	height: 120px;
	background: #3f51b5;
}

.ar-list-group-flush .list-group-item
{
	padding: 1rem 1.25rem;
}

.ar-custom-switch label::before 
{
	position: absolute;
	font-size: .8462rem;
	font-weight: 600;
	z-index: 0;
	content: "OFF";
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	top: 0;
	text-align: right;
	padding-right: 10px;
	color: #fff;
}

.ar-switch-button 
{
	display: inline-block;
	border-radius: 50px;
	background-color: #b3b3b3;
	width: 60px;
	height: 27px;
	padding: 4px;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}

.ar-switch-button input[type="checkbox"] 
{
	display: none;
}

.ar-switch-button input[type="checkbox"]:checked + span label 
{
	float: right;
	border-color: #2a75f3;
}

.ar-switch-button label::before 
{
	position: absolute;
	font-size: .8462rem;
	font-weight: 600;
	z-index: 0;
	content: "OFF";
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	top: 0;
	text-align: right;
	padding-right: 7px;
	color: #fff;
}

.ar-switch-button label 
{
	border-radius: 50%;
	-webkit-box-shadow: 0 0 1px 1px #fff inset;
	box-shadow: 0 0 1px 1px #fff inset;
	background-color: #fff;
	margin: 0;
	height: 19px;
	width: 19px;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
	background-clip: padding-box;
}

.ar-switch-button input[type="checkbox"]:checked + span label::before 
{
	position: absolute;
	font-size: .8462rem;
	font-weight: 600;
	z-index: 0;
	content: "ON";
	color: #fff;
	left: 0;
	text-align: left;
	padding-left: 10px;
}

.ar-switch-button input[type="checkbox"]:checked + span 
{
	background-color: #4285f4;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
}

.ar-switch-button.switch-button-yesno label:before 
{
	content: "NO"
}

.ar-switch-button.switch-button-yesno input[type=checkbox]:checked+span label:before 
{
	content: "YES"
}

.ar-switch-button.switch-button-xs 
{
	height:20px;
	width:53px;
	line-height:16px;
	width:50px
}

.ar-switch-button.switch-button-xs label 
{
	height:12px;
	width:12px
}

.ar-switch-button.switch-button-xs label:before 
{
	line-height:21px
}

.ar-switch-button.switch-button-sm 
{
	height:24px;
	width:57px;
	line-height:20px;
}

.ar-switch-button.switch-button-sm label 
{
	height:16px;
	width:16px;
}

.ar-switch-button.switch-button-sm label:before 
{
	line-height:25px
}

.ar-switch-button.switch-button-lg 
{
	height: 30px;
	width: 63px;
	line-height: 26px;
	width: 65px;
}

.ar-switch-button.switch-button-lg label 
{
	height:22px;
	width:22px
}

.ar-switch-button.switch-button-lg label:before 
{
	line-height:31px
}

.ar-switch-button.switch-button-success 
{
	background-color:#b3b3b3
}

.ar-switch-button.switch-button-success label 
{
	border-color:#ababab
}

.ar-switch-button.switch-button-success input[type=checkbox]:checked+span 
{
	background-color:#34a853
}

.ar-switch-button.switch-button-success input[type=checkbox]:checked+span label 
{
	border-color:#2e9549
}

.ar-switch-button.switch-button-success input[type=checkbox]:checked:focus+span label:before {
	-webkit-box-shadow:0 0 0 .15rem rgba(52,168,83,.5);
	box-shadow:0 0 0 .15rem rgba(52,168,83,.5)
}

.ar-switch-button.switch-button-warning 
{
	background-color:#b3b3b3;
}

.ar-switch-button.switch-button-warning label 
{
	border-color:#ababab
}

.ar-switch-button.switch-button-warning input[type=checkbox]:checked+span 
{
	background-color:#fbbc05;
}

.ar-switch-button.switch-button-warning input[type=checkbox]:checked+span label 
{
	border-color:#e3aa04;
}

.ar-switch-button.switch-button-warning input[type=checkbox]:checked:focus+span label:before 
{
	-webkit-box-shadow:0 0 0 .15rem rgba(251,188,5,.5);
	box-shadow:0 0 0 .15rem rgba(251,188,5,.5)
}

.ar-switch-button.switch-button-danger 
{
	background-color:#b3b3b3
}

.ar-switch-button.switch-button-danger label 
{
	border-color:#ababab
}

.ar-switch-button.switch-button-danger input[type=checkbox]:checked+span 
{
	background-color:#ea4335
}

.ar-switch-button.switch-button-danger input[type=checkbox]:checked+span label 
{
	border-color:#e82e1e
}

.ar-switch-button.switch-button-danger input[type=checkbox]:checked:focus+span label:before 
{
	-webkit-box-shadow:0 0 0 .15rem rgba(234,67,53,.5);
	box-shadow:0 0 0 .15rem rgba(234,67,53,.5)
}

.ar-input-group-search-pill > .input-group-prepend > .input-group-text
{
	padding-left: 1rem;
	background-color: transparent;
	border-top-left-radius: 50rem;
	border-bottom-left-radius: 50rem;
	transition: border-color 0.15s ease-in-out;
}

.ar-input-group-search-pill > .form-control
{
	border-left: 0;
	padding-left: 0;
	border-radius: 50rem;
	height: calc(2em + .75rem + 2px);
}

.ar-input-group-search-pill > .form-control:focus
{
	box-shadow: none;
	border-color: #ced4da;
}

.ar-input-group-focus
{
	border-color: #00a0b0 !important;
}

.ar-dropdown-menu-listcity
{
	width: 320px;
	height: 300px;
	left: auto;
	right: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: -1rem !important;
}

#ar-article
{
	padding-top: 5rem;
	margin-top: -5rem;
}

#ar-listuser-load
{
	padding-top: 5.5rem;
	margin-top: -5.5rem;
}

#ar-listphoto
{
	padding-top: 6rem;
	margin-top: -6rem;
}

#ar-list-photo-dashboard
{
	padding-top: 5.5rem;
	margin-top: -5.5rem;
}

.ar-card
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: .25rem;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.ar-card .card-header 
{
	font-size: 18px;
	font-weight: 300;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1.5384rem;
	margin: 0 1.538rem;
	border-bottom-width: 0;
	border-radius: 3px 3px 0 0;
	background-color: transparent;
}

.ar-card .card-header:first-child 
{
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.ar-card .card-header-divider 
{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.3rem;
	margin: 0 1.538rem 15px;
	border-bottom: 1px solid #d9d9d9;
}

.ar-card .card-body 
{
	-webkit-box-flex: 1;
	 -ms-flex: 1 1 auto;
		 flex: 1 1 auto;
	padding: 8px 24px 24px;
	border-radius: 0 0 3px 3px
}

.ar-card.card-border-color 
{
	border-top: 3px solid #c9c9c9;
	border-top-color: rgb(201, 201, 201);
}

.ar-card.card-border-color-primary 
{
	border-top-color: #4285f4;
}

.ar-card.card-border-color-danger 
{
	border-top-color:#ea4335
}

.ar-card.card-border-color-warning 
{
	border-top-color:#fbbc05
}

.ar-card.card-border-color-success 
{
	border-top-color:#34a853
}

.ar-card.card-border-color-dark 
{
	border-top-color:#3d3c3c
}

.ar-card.card-full-color .card-body 
{
	padding: 20px;
}

.ar-card.card-full-primary 
{
	background-color: #5f99f5;
	color: #fff;
}

.ar-card.card-full-primary .card-header-contrast 
{
	background-color: #6da2f6;
	padding: 20px 20px 15px;
	margin: 0
}

.ar-card.card-full-danger 
{
	background-color: #eb6357;
	color: #fff;
}

.ar-card.card-full-danger .card-header-contrast 
{
	background-color: #ed7065;
	padding: 20px 20px 15px;
	margin: 0;
}

.ar-card.card-full-warning 
{
	background-color: #f6c163;
	color: #333;
}

.ar-card.card-full-warning .card-header-contrast 
{
	background-color: #f7c771;
	padding: 20px 20px 15px;
	margin: 0;
}

.ar-card.card-full-success 
{
	background-color: #37b358;
	color: #fff;
}

.ar-card.card-full-success .card-header-contrast 
{
	background-color:#3bbf5e;
	padding:20px 20px 15px;
	margin:0
}

.ar-card.card-full-dark 
{
	background-color: #333;
	color: #fff;
}

.ar-card.card-full-dark .card-header-contrast 
{
	background-color:#3b3b3b;
	padding:20px 20px 15px;
	margin:0
}

.ar-card.card-full 
{
	background-color: #bdbdbd;
	color: #333;
}

.ar-card.card-full .card-header-contrast 
{
	background-color: #c4c4c4;
	padding: 20px 20px 15px;
	margin: 0
}

/* Addon for Iratoc */

.ar-img-shortdesc-homepage
{
	width: 225px;
}

.ar-img-shortdesc-homepage.img-2
{
	margin-top: -8rem;
}

/* End of CSS Code with prefix ar- */

@media (min-width: 576px)
{
	.m-sm-n1 
	{
		margin: -0.25rem !important;
	}

	.mt-sm-n1,
	.my-sm-n1 
	{
		margin-top: -0.25rem !important;
	}

	.me-sm-n1,
	.mx-sm-n1 
	{
		margin-right: -0.25rem !important;
	}

	.mb-sm-n1,
	.my-sm-n1 
	{
		margin-bottom: -0.25rem !important;
	}

	.ms-sm-n1,
	.mx-sm-n1 
	{
		margin-left: -0.25rem !important;
	}

	.m-sm-n2 
	{
		margin: -0.5rem !important;
	}

	.mt-sm-n2,
	.my-sm-n2 
	{
		margin-top: -0.5rem !important;
	}

	.me-sm-n2,
	.mx-sm-n2 
	{
		margin-right: -0.5rem !important;
	}

	.mb-sm-n2,
	.my-sm-n2 
	{
		margin-bottom: -0.5rem !important;
	}

	.ms-sm-n2,
	.mx-sm-n2 
	{
		margin-left: -0.5rem !important;
	}

	.m-sm-n3 
	{
		margin: -1rem !important;
	}

	.mt-sm-n3,
	.my-sm-n3 
	{
		margin-top: -1rem !important;
	}

	.me-sm-n3,
	.mx-sm-n3 
	{
		margin-right: -1rem !important;
	}

	.mb-sm-n3,
	.my-sm-n3 
	{
		margin-bottom: -1rem !important;
	}

	.ms-sm-n3,
	.mx-sm-n3 
	{
		margin-left: -1rem !important;
	}

	.m-sm-n4 
	{
		margin: -1.5rem !important;
	}

	.mt-sm-n4,
	.my-sm-n4 
	{
		margin-top: -1.5rem !important;
	}

	.me-sm-n4,
	.mx-sm-n4 
	{
		margin-right: -1.5rem !important;
	}

	.mb-sm-n4,
	.my-sm-n4 
	{
		margin-bottom: -1.5rem !important;
	}

	.ms-sm-n4,
	.mx-sm-n4 
	{
		margin-left: -1.5rem !important;
	}

	.m-sm-n5 
	{
		margin: -3rem !important;
	}

	.mt-sm-n5,
	.my-sm-n5 
	{
		margin-top: -3rem !important;
	}

	.me-sm-n5,
	.mx-sm-n5 
	{
		margin-right: -3rem !important;
	}

	.mb-sm-n5,
	.my-sm-n5 
	{
		margin-bottom: -3rem !important;
	}

	.ms-sm-n5,
	.mx-sm-n5 
	{
		margin-left: -3rem !important;
	}

	.border-sm-0
	{
		border: 0 !important;
	}

	.border-top-sm-0
	{
		border-top: 0 !important;
	}

	.border-left-sm-0
	{
		border-left: 0 !important;
	}

	.border-bottom-sm-0
	{
		border-bottom: 0 !important;
	}

	.border-right-sm-0
	{
		border-right: 0 !important;
	}
}

@media (max-width: 575.98px)
{
	h1, .h1 
	{
		font-size: 2rem;
	}

	h2, .h2 
	{
		font-size: 1.75rem;
	}

	h3, .h3 
	{
		font-size: 1.5rem;
	}

	h4, .h4 
	{
		font-size: 1.25rem;
	}

	h5, .h5 
	{
		font-size: 1rem;
	}

	h6, .h6 
	{
		font-size: .875rem;
	}

	.text-article p
	{
		font-size: .9rem;
		line-height: 1.7;
	}

	.text-article ul
	{
		padding-left: 1.6rem;
	}

	.text-article ul li,
	.text-article ol li
	{
		font-size: .9rem;
		line-height: 1.7;
	}

	.navbar-brand img
	{
		width: 200px;
	}

	.ar-navbar .nav-link
	{
		margin: .15rem .25rem;
	}

	.ar-img
	{
		width: 100%;
		height: 200px;
	}

	.ar-thumb-undefined
	{
		width: 100%;
		height: 175px;
		background: #3f51b5;
	}

	.ar-gallery-thumb
	{
		width: 100%;
		height: 180px;
	}

	.ar-gallery-thumb img[lazy=loading],
	.ar-gallery-thumb img[lazy=error]
	{
		top: 41%;
		position: relative;
	}

	.ar-alert
	{
		position: relative !important;
		top: 0;
		left: 0;
		right: 0;
		width: inherit;
		max-width: 100% !important;
		z-index: 102 !important;
		margin: 0 0 2rem 0 !important;
	}

	.ar-alert-submit
	{
		position: relative !important;
		top: 0;
		left: 0;
		right: 0;
		width: inherit;
		max-width: 100% !important;
		z-index: 102 !important;
		margin-bottom: 0 0 2rem 0 !important;
	}

	.page-header.header-small 
	{
		height: 35vh;
		min-height: 35vh;
	}

	#ar-article
	{
		padding-top: 4rem;
		margin-top: -4rem;
	}

	#ar-listuser-load
	{
		padding-top: 5rem;
		margin-top: -5rem;
	}

	#ar-listphoto
	{
		padding-top: 5.5rem;
		margin-top: -5.5rem;
	}
}

@media (min-width: 576px) and (max-width: 767.98px)
{
	.text-article p
	{
		font-size: .9rem;
		line-height: 1.7;
	}

	.text-article ul
	{
		padding-left: 1.6rem;
	}

	.text-article ul li,
	.text-article ol li
	{
		font-size: .9rem;
		line-height: 1.7;
	}

	.ar-navbar .nav-link
	{
		margin: .15rem .25rem;
	}

	.ar-img
	{
		width: 100%;
		height: 250px;
	}
}

@media (min-width: 768px)
{
	.vw-md-25
	{
		width: 25vw;
	}

	.vw-md-50
	{
		width: 50vw;
	}
	.vw-md-75
	{
		width: 75vw;
	}

	.vh-md-25
	{
		width: 25vh;
	}

	.vh-md-50
	{
		width: 50vh;
	}
	.vh-md-75
	{
		width: 75vh;
	}

	.opacity-md-0 
	{
		opacity: 0;
	}
	
	.opacity-md-25 
	{
		opacity: .25;
	}
	
	.opacity-md-75 
	{
		opacity: .75;
	}
	
	.opacity-md-100 
	{
		opacity: 1;
	}

	.overflow-md-x
	{
		overflow-x: scroll;
	}

	.overflow-md-y
	{
		overflow-y: scroll;
	}

	.overflow-md-x-hidden
	{
		overflow-x: hidden;
	}

	.overflow-md-y-hidden
	{
		overflow-y: hidden;
	}

	.m-md-n1 
	{
		margin: -0.25rem !important;
	}

	.mt-md-n1,
	.my-md-n1 
	{
		margin-top: -0.25rem !important;
	}

	.me-md-n1,
	.mx-md-n1 
	{
		margin-right: -0.25rem !important;
	}

	.mb-md-n1,
	.my-md-n1 
	{
		margin-bottom: -0.25rem !important;
	}

	.ms-md-n1,
	.mx-md-n1 
	{
		margin-left: -0.25rem !important;
	}

	.m-md-n2 
	{
		margin: -0.5rem !important;
	}

	.mt-md-n2,
	.my-md-n2 
	{
		margin-top: -0.5rem !important;
	}

	.me-md-n2,
	.mx-md-n2 
	{
		margin-right: -0.5rem !important;
	}

	.mb-md-n2,
	.my-md-n2 
	{
		margin-bottom: -0.5rem !important;
	}

	.ms-md-n2,
	.mx-md-n2 
	{
		margin-left: -0.5rem !important;
	}

	.m-md-n3 
	{
		margin: -1rem !important;
	}

	.mt-md-n3,
	.my-md-n3 
	{
		margin-top: -1rem !important;
	}

	.me-md-n3,
	.mx-md-n3 
	{
		margin-right: -1rem !important;
	}

	.mb-md-n3,
	.my-md-n3 
	{
		margin-bottom: -1rem !important;
	}

	.ms-md-n3,
	.mx-md-n3 
	{
		margin-left: -1rem !important;
	}

	.m-md-n4 
	{
		margin: -1.5rem !important;
	}

	.mt-md-n4,
	.my-md-n4 
	{
		margin-top: -1.5rem !important;
	}

	.me-md-n4,
	.mx-md-n4 
	{
		margin-right: -1.5rem !important;
	}

	.mb-md-n4,
	.my-md-n4 
	{
		margin-bottom: -1.5rem !important;
	}

	.ms-md-n4,
	.mx-md-n4 
	{
		margin-left: -1.5rem !important;
	}

	.m-md-n5 
	{
		margin: -3rem !important;
	}

	.mt-md-n5,
	.my-md-n5 
	{
		margin-top: -3rem !important;
	}

	.me-md-n5,
	.mx-md-n5 
	{
		margin-right: -3rem !important;
	}

	.mb-md-n5,
	.my-md-n5 
	{
		margin-bottom: -3rem !important;
	}

	.ms-md-n5,
	.mx-md-n5 
	{
		margin-left: -3rem !important;
	}

	.border-md-0
	{
		border: 0 !important;
	}

	.border-top-md-0
	{
		border-top: 0 !important;
	}

	.border-left-md-0
	{
		border-left: 0 !important;
	}

	.border-bottom-md-0
	{
		border-bottom: 0 !important;
	}

	.border-right-md-0
	{
		border-right: 0 !important;
	}
}

@media (min-width: 992px)
{
	.vw-lg-25
	{
		width: 25vw;
	}

	.vw-lg-50
	{
		width: 50vw;
	}
	.vw-lg-75
	{
		width: 75vw;
	}

	.vh-lg-25
	{
		width: 25vh;
	}

	.vh-lg-50
	{
		width: 50vh;
	}

	.vh-lg-75
	{
		width: 75vh;
	}

	.opacity-lg-0 
	{
		opacity: 0;
	}
	
	.opacity-lg-25 
	{
		opacity: .25;
	}
	
	.opacity-lg-75 
	{
		opacity: .75;
	}
	
	.opacity-lg-100 
	{
		opacity: 1;
	}

	.overflow-lg-x
	{
		overflow-x: scroll;
	}

	.overflow-lg-y
	{
		overflow-y: scroll;
	}

	.overflow-lg-x-hidden
	{
		overflow-x: hidden;
	}

	.overflow-lg-y-hidden
	{
		overflow-y: hidden;
	}

	.m-lg-n1 
	{
		margin: -0.25rem !important;
	}

	.mt-lg-n1,
	.my-lg-n1 
	{
		margin-top: -0.25rem !important;
	}

	.me-lg-n1,
	.mx-lg-n1 
	{
		margin-right: -0.25rem !important;
	}

	.mb-lg-n1,
	.my-lg-n1 
	{
		margin-bottom: -0.25rem !important;
	}

	.ms-lg-n1,
	.mx-lg-n1 
	{
		margin-left: -0.25rem !important;
	}

	.m-lg-n2 
	{
		margin: -0.5rem !important;
	}

	.mt-lg-n2,
	.my-lg-n2 
	{
		margin-top: -0.5rem !important;
	}

	.me-lg-n2,
	.mx-lg-n2 
	{
		margin-right: -0.5rem !important;
	}

	.mb-lg-n2,
	.my-lg-n2 
	{
		margin-bottom: -0.5rem !important;
	}

	.ms-lg-n2,
	.mx-lg-n2 
	{
		margin-left: -0.5rem !important;
	}

	.m-lg-n3 
	{
		margin: -1rem !important;
	}

	.mt-lg-n3,
	.my-lg-n3 
	{
		margin-top: -1rem !important;
	}

	.me-lg-n3,
	.mx-lg-n3 
	{
		margin-right: -1rem !important;
	}

	.mb-lg-n3,
	.my-lg-n3 
	{
		margin-bottom: -1rem !important;
	}

	.ms-lg-n3,
	.mx-lg-n3 
	{
		margin-left: -1rem !important;
	}

	.m-lg-n4 
	{
		margin: -1.5rem !important;
	}

	.mt-lg-n4,
	.my-lg-n4 
	{
		margin-top: -1.5rem !important;
	}

	.me-lg-n4,
	.mx-lg-n4 
	{
		margin-right: -1.5rem !important;
	}

	.mb-lg-n4,
	.my-lg-n4 
	{
		margin-bottom: -1.5rem !important;
	}

	.ms-lg-n4,
	.mx-lg-n4 
	{
		margin-left: -1.5rem !important;
	}

	.m-lg-n5 
	{
		margin: -3rem !important;
	}

	.mt-lg-n5,
	.my-lg-n5 
	{
		margin-top: -3rem !important;
	}

	.me-lg-n5,
	.mx-lg-n5 
	{
		margin-right: -3rem !important;
	}

	.mb-lg-n5,
	.my-lg-n5 
	{
		margin-bottom: -3rem !important;
	}

	.ms-lg-n5,
	.mx-lg-n5 
	{
		margin-left: -3rem !important;
	}

	.border-lg-0
	{
		border: 0 !important;
	}

	.border-top-lg-0
	{
		border-top: 0 !important;
	}

	.border-left-lg-0
	{
		border-left: 0 !important;
	}

	.border-bottom-lg-0
	{
		border-bottom: 0 !important;
	}

	.border-right-lg-0
	{
		border-right: 0 !important;
	}

	/* Addon for Iratoc */

	.ar-img-shortdesc-homepage
	{
		width: 300px;
	}

	.ar-img-shortdesc-homepage.img-2
	{
		margin-top: -12rem;
	}
}

@media (min-width: 1200px)
{
	.vw-xl-25
	{
		width: 25vw;
	}

	.vw-xl-50
	{
		width: 50vw;
	}
	.vw-xl-75
	{
		width: 75vw;
	}

	.vh-xl-25
	{
		width: 25vh;
	}

	.vh-xl-50
	{
		width: 50vh;
	}

	.vh-xl-75
	{
		width: 75vh;
	}

	.opacity-xl-0 
	{
		opacity: 0;
	}
	
	.opacity-xl-25 
	{
		opacity: .25;
	}
	
	.opacity-xl-75 
	{
		opacity: .75;
	}
	
	.opacity-xl-100 
	{
		opacity: 1;
	}

	.overflow-xl-x
	{
		overflow-x: scroll;
	}

	.overflow-xl-y
	{
		overflow-y: scroll;
	}

	.overflow-xl-x-hidden
	{
		overflow-x: hidden;
	}

	.overflow-xl-y-hidden
	{
		overflow-y: hidden;
	}

	.m-xl-n1 
	{
		margin: -0.25rem !important;
	}

	.mt-xl-n1,
	.my-xl-n1 
	{
		margin-top: -0.25rem !important;
	}

	.me-xl-n1,
	.mx-xl-n1 
	{
		margin-right: -0.25rem !important;
	}

	.mb-xl-n1,
	.my-xl-n1 
	{
		margin-bottom: -0.25rem !important;
	}

	.ms-xl-n1,
	.mx-xl-n1 
	{
		margin-left: -0.25rem !important;
	}

	.m-xl-n2 
	{
		margin: -0.5rem !important;
	}

	.mt-xl-n2,
	.my-xl-n2 
	{
		margin-top: -0.5rem !important;
	}

	.me-xl-n2,
	.mx-xl-n2 
	{
		margin-right: -0.5rem !important;
	}

	.mb-xl-n2,
	.my-xl-n2 
	{
		margin-bottom: -0.5rem !important;
	}

	.ms-xl-n2,
	.mx-xl-n2 
	{
		margin-left: -0.5rem !important;
	}

	.m-xl-n3 
	{
		margin: -1rem !important;
	}

	.mt-xl-n3,
	.my-xl-n3 
	{
		margin-top: -1rem !important;
	}

	.me-xl-n3,
	.mx-xl-n3 
	{
		margin-right: -1rem !important;
	}

	.mb-xl-n3,
	.my-xl-n3 
	{
		margin-bottom: -1rem !important;
	}

	.ms-xl-n3,
	.mx-xl-n3 
	{
		margin-left: -1rem !important;
	}

	.m-xl-n4 
	{
		margin: -1.5rem !important;
	}

	.mt-xl-n4,
	.my-xl-n4 
	{
		margin-top: -1.5rem !important;
	}

	.me-xl-n4,
	.mx-xl-n4 
	{
		margin-right: -1.5rem !important;
	}

	.mb-xl-n4,
	.my-xl-n4 
	{
		margin-bottom: -1.5rem !important;
	}

	.ms-xl-n4,
	.mx-xl-n4 
	{
		margin-left: -1.5rem !important;
	}

	.m-xl-n5 
	{
		margin: -3rem !important;
	}

	.mt-xl-n5,
	.my-xl-n5 
	{
		margin-top: -3rem !important;
	}

	.me-xl-n5,
	.mx-xl-n5 
	{
		margin-right: -3rem !important;
	}

	.mb-xl-n5,
	.my-xl-n5 
	{
		margin-bottom: -3rem !important;
	}

	.ms-xl-n5,
	.mx-xl-n5 
	{
		margin-left: -3rem !important;
	}

	.border-xl-0
	{
		border: 0 !important;
	}

	.border-top-xl-0
	{
		border-top: 0 !important;
	}

	.border-left-xl-0
	{
		border-left: 0 !important;
	}

	.border-bottom-xl-0
	{
		border-bottom: 0 !important;
	}

	.border-right-xl-0
	{
		border-right: 0 !important;
	}
}

@media (min-width: 1400px)
{
	.vw-xxl-25
	{
		width: 25vw;
	}

	.vw-xxl-50
	{
		width: 50vw;
	}
	.vw-xxl-75
	{
		width: 75vw;
	}

	.vh-xxl-25
	{
		width: 25vh;
	}

	.vh-xxl-50
	{
		width: 50vh;
	}
	
	.vh-xxl-75
	{
		width: 75vh;
	}

	.opacity-xxl-0 
	{
		opacity: 0;
	}
	
	.opacity-xxl-25 
	{
		opacity: .25;
	}
	
	.opacity-xxl-75 
	{
		opacity: .75;
	}
	
	.opacity-xxl-100 
	{
		opacity: 1;
	}

	.overflow-xxl-x
	{
		overflow-x: scroll;
	}

	.overflow-xxl-y
	{
		overflow-y: scroll;
	}

	.overflow-xxl-x-hidden
	{
		overflow-x: hidden;
	}

	.overflow-xxl-y-hidden
	{
		overflow-y: hidden;
	}

	.m-xxl-n1 
	{
		margin: -0.25rem !important;
	}

	.mt-xxl-n1,
	.my-xxl-n1 
	{
		margin-top: -0.25rem !important;
	}

	.me-xxl-n1,
	.mx-xxl-n1 
	{
		margin-right: -0.25rem !important;
	}

	.mb-xxl-n1,
	.my-xxl-n1 
	{
		margin-bottom: -0.25rem !important;
	}

	.ms-xxl-n1,
	.mx-xxl-n1 
	{
		margin-left: -0.25rem !important;
	}

	.m-xxl-n2 
	{
		margin: -0.5rem !important;
	}

	.mt-xxl-n2,
	.my-xxl-n2 
	{
		margin-top: -0.5rem !important;
	}

	.me-xxl-n2,
	.mx-xxl-n2 
	{
		margin-right: -0.5rem !important;
	}

	.mb-xxl-n2,
	.my-xxl-n2 
	{
		margin-bottom: -0.5rem !important;
	}

	.ms-xxl-n2,
	.mx-xxl-n2 
	{
		margin-left: -0.5rem !important;
	}

	.m-xxl-n3 
	{
		margin: -1rem !important;
	}

	.mt-xxl-n3,
	.my-xxl-n3 
	{
		margin-top: -1rem !important;
	}

	.me-xxl-n3,
	.mx-xxl-n3 
	{
		margin-right: -1rem !important;
	}

	.mb-xxl-n3,
	.my-xxl-n3 
	{
		margin-bottom: -1rem !important;
	}

	.ms-xxl-n3,
	.mx-xxl-n3 
	{
		margin-left: -1rem !important;
	}

	.m-xxl-n4 
	{
		margin: -1.5rem !important;
	}

	.mt-xxl-n4,
	.my-xxl-n4 
	{
		margin-top: -1.5rem !important;
	}

	.me-xxl-n4,
	.mx-xxl-n4 
	{
		margin-right: -1.5rem !important;
	}

	.mb-xxl-n4,
	.my-xxl-n4 
	{
		margin-bottom: -1.5rem !important;
	}

	.ms-xxl-n4,
	.mx-xxl-n4 
	{
		margin-left: -1.5rem !important;
	}

	.m-xxl-n5 
	{
		margin: -3rem !important;
	}

	.mt-xxl-n5,
	.my-xxl-n5 
	{
		margin-top: -3rem !important;
	}

	.me-xxl-n5,
	.mx-xxl-n5 
	{
		margin-right: -3rem !important;
	}

	.mb-xxl-n5,
	.my-xxl-n5 
	{
		margin-bottom: -3rem !important;
	}

	.ms-xxl-n5,
	.mx-xxl-n5 
	{
		margin-left: -3rem !important;
	}

	.border-xxl-0
	{
		border: 0 !important;
	}

	.border-top-xxl-0
	{
		border-top: 0 !important;
	}

	.border-left-xxl-0
	{
		border-left: 0 !important;
	}

	.border-bottom-xxl-0
	{
		border-bottom: 0 !important;
	}

	.border-right-xxl-0
	{
		border-right: 0 !important;
	}
}