@charset "utf-8";

/*============================================================================================*/
/* GLOBAL CSS START */
/*============================================================================================*/
body { background: #ddd; font-family: 'Play', Arial, sans-serif; font-size: 13px; }

.no-padding-top { padding-top: 0; }

.hr { display: block; clear: both; width: 100%; height: 1px; background: #ddd; margin: 20px 0; }

.hidden { display: none; }

.admin-pagination { position: relative; margin: 20px 0 0 0; }

#view-news-button { display: block; position: fixed; z-index: 999; bottom: 10px; right: 10px; background: #222D32; color: #fff; font-size: 14px; padding: 7px 25px; border-radius: 4px; }

@media only screen and (max-width: 768px) {
	.btn-mobile { display: block; width: 100%; margin-bottom: 10px; }
	.m_hidden { display: none !important; }
}
/*============================================================================================*/
/* GLOBAL CSS END */
/*============================================================================================*/


/*============================================================================================*/
/* LOGIN FORM START */
/*============================================================================================*/
.signin-form { margin-top: 110px; }
.signin-form .login-form { max-width: 500px; padding: 10px 20px; margin: 0 auto; background: #2A3843; border: 1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 4px rgba(0,0,0,.2); box-shadow: 0 0px 4px rgba(0,0,0,.2); color: #990000; font-weight: lighter; }
.signin-form .login-form .horizontal { display: block; clear: both; margin: 10px 0; width: 100%; height: 1px; background: #666; }
.signin-form .login-form .login-form-heading { display: block; color: #fff; text-align: center; font-size: 36px; }
.signin-form .login-form .alert { font-size: 15px; }
.signin-form .login-form input[type="text"],
.signin-form .login-form input[type="password"],
.signin-form .login-form input[type="email"] { font-size: 15px; height: 45px; padding: 7px 9px; }
.signin-form .login-form .btn { font-size: 16px; }
/*============================================================================================*/
/* LOGIN FORM END */
/*============================================================================================*/



/*============================================================================================*/
/* HEADER START */
/*============================================================================================*/
.content-header { display: block; }
.content-header h1 i { display: inline; display: inline-block; vertical-align: middle; padding: 0; margin: 0; color: #222; }
.content-header h1 strong { display: inline; display: inline-block; vertical-align: middle; padding: 0; margin: 0 0 0 5px; color: #222; font-weight: 700; }

.breadcrumb li a:hover { text-decoration: underline; }

.box-subtitle { display: block; padding: 0; margin: 5px 0 15px 0; line-height: normal; font-size: 22px; font-weight: 700; color: #111; }

.box-header { margin: 0 0 5px 0; padding: 5px 10px; }
.box-header h4 { display: block; margin: 0; padding: 0; height: 40px; line-height: 40px; font-weight: 500; font-size: 18px; color: #111; }
.box-header h4 strong { color: green; }
.box-header .box-title { display: block; float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; font-weight: 600; font-size: 20px; }
.box-header .box-title i { margin: 0 10px 0 0; }
.box-header .box-tools { display: block; float: right; position: relative; right: auto; top: auto; margin: 0; padding: 0; height: 40px; line-height: 40px; }
.box-header .box-tools a { padding: 0; margin: 0; }
.box-header .box-tools .btn { display: block; height: 40px; line-height: 40px; padding: 0 20px; margin: 0; font-size: 15px; }
.box-header .box-tools .btn i { font-size: 15px; padding: 0; margin: 0 5px 0 0; }
/*============================================================================================*/
/* HEADER END */
/*============================================================================================*/


/*============================================================================================*/
/* FOOTER START */
/*============================================================================================*/
.box-footer { margin: 0; }
.box-footer .btn, .footer .btn { font-size: 17px; }
.box-footer .btn i, .footer .btn i { margin: 0 5px 0 0; }
.btn i { margin: 0 5px 0 0; }
/*============================================================================================*/
/* FOOTER END */
/*============================================================================================*/


/*============================================================================================*/
/* SIDEBAR START */
/*============================================================================================*/
.sidebar .user-panel { padding: 20px; }
.sidebar-menu { margin: 10px 0 0 0; }
.sidebar-menu li a { padding-top: 12px; padding-bottom: 12px; padding-left: 10px; font-size: 15px; }
.sidebar-menu li.sidebar-filemanager a { background: #0a1114; color: #fff; }
/*============================================================================================*/
/* SIDEBAR END */
/*============================================================================================*/


/*============================================================================================*/
/* MESAGGES START */
/*============================================================================================*/
#action-message { display: block; position: fixed; z-index: 999; top: 10px; width: 60%; left: 20%; right: 20%; text-align: center; }
#action-message p { display: inline-block; vertical-align: middle; background: #00a65a; color: #fff; font-size: 16px; padding: 12px 35px; border-radius: 4px; }
#action-message p i { margin: 0 5px 0 0; }

.alert h4 { margin: 0; font-weight: 500; font-size: 18px; }
/*============================================================================================*/
/* MESAGGES END */
/*============================================================================================*/


/*============================================================================================*/
/* TABS START */
/*============================================================================================*/
.nav-tabs { position: relative; z-index: 8; }
.nav-tabs li a { padding: 10px 25px; font-size: 15px; }
.nav-tabs > li.active > a {  }

.tab-content { position: relative; z-index: 7; margin: -1px 0 0 0; }
.tab-content .tab-pane { padding: 20px; background: #fff; border: 1px solid #ddd; }
.tab-content .tab-pane .form-group { margin: 0 0 15px 0; }
.tab-content .tab-pane .form-group .control-label { display: block; text-align: right; height: 30px; line-height: 30px; }
.tab-content .tab-pane .form-group .btn-helper { margin: 5px 0 0 0; padding: 4px 10px; }
.tab-content .tab-pane .form-group .btn-helper i { margin: 0 5px 0 0; }
/*============================================================================================*/
/* TABS END */
/*============================================================================================*/


/*==========================================  
	VIEW ORDER PAGE
==========================================*/
#order-view { position: relative; overflow-x: auto; }

#order-view .box-header { margin: 0 15px; padding: 0; }

#order-view .order-date { display: grid; grid-template-columns: auto auto; column-gap: 1em; justify-content: center; align-content: center; align-items: center; justify-items: center; margin: 0; padding: 20px 0; text-align: center; font-size: 20px; color: #222; }

#order-view .order-title { display: block; text-align: center; margin: 0px; padding: 20px 0 0 0; font-size: 26px; color: #df0000; font-weight: bold; }
#order-view .order-title code { color: #222; font-size: 32px; }

#order-view .box-tools { margin: 0 10px 10px 10px; clear: both; }
#order-view .box-tools .btn i { margin-right: 5px; }

#order-view .order-table { position: relative; margin-top: 20px; }
#order-view .order-table th, .order-table td { text-align: center; padding: 10px 5px !important; }
#order-view .order-table th { font-size: 15px; background: #222D32; color: #fff; border: 1px solid #666 !important; }
#order-view .order-table td { font-size: 14px; border: 1px solid #eee !important; }
#order-view .order-table td.order-info { background: #eee; color: #222; }
#order-view .order-table td.order-info strong { margin-right: 10px; }

#order-view .items-table { width: 100%; max-width: 100%; position: relative; margin: 20px 0; padding: 20px; }
#order-view .items-table td { height: auto; line-height: normal; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 16px; color: #222; text-align: center; }
#order-view .items-table td strong { color: #df0000; }
#order-view .items-table td.text-right { text-align: right !important; }
#order-view .items-table td a { color: #222; font-weight: bold; text-decoration: none; }
#order-view .items-table td a:hover { color: #df0000; font-weight: bold; text-decoration: none; }
#order-view .items-table td.item-image { width: 60px; height: 50px; text-align: center; }
#order-view .items-table td.item-image img { max-width: 60px; max-height: 50px; margin: 0; padding: 0; }
#order-view .items-table td label { display: block; font-size: 13px; font-weight: normal; padding: 2px; }
#order-view .items-table td input { display: block; float: none; width: auto; }
#order-view .items-table td.item-totalPrice { margin-left: 20px; font-weight: bold; font-size: 20px; color: #222; }
#order-view .items-table td .item-totalPrice strong { font-size: 22px; color: #df0000; }
#order-view .items-table td.item-delete { text-align: center; }
#order-view .items-table td.item-delete .btn { font-size: 18px; }

#order-view .order-logs { display: block; padding: 0; margin: 20px 0; }
#order-view .order-logs li { display: block; margin: 0; padding: 15px 20px; background: #fceded; color: #222; font-size: 14px; border-bottom: 1px solid #ccc; }
#order-view .order-logs li:last-child { border-bottom: 0; }
#order-view .order-logs li:nth-child(odd) { background: #fceded; }
#order-view .order-logs li:nth-child(even) { background: #fffbe2; }
#order-view .order-logs li .log-date { display: inline; display: inline-block; vertical-align: middle; margin: 0; font-weight: 600; color: #df0000; }
#order-view .order-logs li .log-date:after { display: inline; display: inline-block; vertical-align: middle; margin: 0 15px; padding: 0; font-size: 12px; font-family: "Font Awesome 5 Free"; content: "\f101"; }
#order-view .order-logs li .log-info { display: inline; display: inline-block; vertical-align: middle; margin: 0; font-weight: 500; color: #222; }
#order-view textarea { width: 100%; max-width: 100%; min-width: 100%; height: 100px !important; min-height: auto; }

@media only screen and (max-width: 768px) {
	#order-view .order-table { margin: 0; padding: 0; }
	#order-view .order-table th, .order-table td { margin: 0; padding: 10px 0 !important; }
}
/*==========================================
	VIEW ORDER PAGE
==========================================*/



/*============================================================================================*/
/* FORM STYLE START */
/*============================================================================================*/
.form-group { display: block; position: relative; margin: 3px 0; }
.form-group h4 { display: block; padding: 0 0 10px 0; margin: 0; font-weight: bold; }
.form-group .checkbox-inline { margin: 20px !important; cursor: pointer !important; }
.form-group .checkbox-news { margin: 10px 5px !important; cursor: pointer !important; }
.form-group input[type='checkbox'] { cursor: pointer !important; }
.form-group label { height: 24px; line-height: 24px; }
.form-group label .fa-star { margin: 0 0 0 3px; padding: 0; font-size: 11px; }
.form-group div.error { display: block; position: absolute; z-index: 999; left: 0; top: -18px; width: auto; height: 22px; line-height: 22px; background: #DD4B39; color: #fff; font-size: 13px; padding: 0 10px; border-radius: 4px; }
.form-group .btn-40 { height: 40px; font-size: 15px; }

.form-group .form-control { height: 40px; line-height: 38px; padding: 0 15px; font-size: 14px; }
.form-group .btn-helper { margin-left: 10px; }
.form-group img { max-width: 100%; width: auto; height: auto; margin: 0; padding: 0; }
.form-group .form-icon { font-size: 42px; }

.form-group .checkbox { margin: 0; padding: 0; }
.form-group .checkbox label { height: 24px; line-height: 24px; margin: 0; padding: 0; }
.form-group .checkbox label input { position: inherit; top: 0; left: 0; display: inline; display: inline-block; vertical-align: middle; margin: 0 6px 0 0; padding: 0; line-height: normal; }
.form-group .checkbox label strong { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; line-height: normal; }

.form-group .checkbox.checkbox-2 { margin: 10px; }
.form-group .checkbox.checkbox-2 label input { width: 22px; height: 22px; }
.form-group .checkbox.checkbox-2 label strong { margin: 10px; font-size: 14px; }

.form-group .popup-checkbox { display: inline; display: inline-block; vertical-align: middle; float: none; margin: 0 0 0 2px; padding: 0; }
.form-group .popup-checkbox label { height: auto; line-height: normal; font-size: 12px; font-weight: normal; }
.form-group .popup-checkbox label strong { height: auto; line-height: normal; font-size: 12px; font-weight: normal; }

.form-alert { display: block; padding: 7px; margin: 10px 0; background: #DD4B39; color: #fff; font-size: 13px; }
.form-alert i { margin-right: 5px; }

textarea { width: 100%; max-width: 100%; min-height: 450px; }
select { cursor: pointer; }

#file-upload-group .fileinput-preview { width: calc(100% - 20px); height: 38px; line-height: 38px; float: right; padding: 0; display: block; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#file-upload-group .input-group-btn { height: 40px; }
#file-upload-group .input-group-btn .btn { display: block; padding-top: 0; padding-bottom: 0; height: 40px; line-height: 38px; }

.btn-fixed { display: block; z-index: 999; position: fixed; right: -22px; top: 50%; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: normal; }

.select2-container { display: block; width: 100% !important; }
.select2-container .select2-selection--multiple { display: block; width: 100% !important; }
.select2-container .select2-search__field { display: block; width: 100% !important; }
/*============================================================================================*/
/* FORM STYLE END */
/*============================================================================================*/


/*============================================================================================*/
/* SORT NAV START */
/*============================================================================================*/
.sort-nav { margin: 0; padding: 0; float: left; }
.sort-nav > li { display: block; margin: 5px 0; padding: 0; height: 40px; }
.sort-nav > li > a { display: block; margin: 0; height: 40px; line-height: 40px; padding: 0 10px; background: #eee; border-right: 1px solid #ddd; color: #111; font-size: 15px; }
.sort-nav > li > a i { margin-right: 3px; }
.sort-nav > li:hover > a, .sort-nav li.active > a, .sort-nav li.open > a { background: #3C8DBC !important; color: #fff !important; }
.sort-nav > li:last-child > a { border-right: 0 none; }
.sort-nav > li .dropdown-menu {  }
.sort-nav > li .dropdown-menu li { display: block; margin: 0; padding: 0; line-height: normal; }
.sort-nav > li .dropdown-menu li a { display: block; margin: 0; padding: 10px 15px; line-height: normal; border-bottom: 1px solid #ddd; font-size: 15px; }
.sort-nav > li .dropdown-menu li.active-cat a { background: #3C8DBC !important; color: #fff !important; }

@media only screen and (max-width: 768px) {
	.sort-nav { float: none; }
}
/*============================================================================================*/
/* SORT NAV START */
/*============================================================================================*/


/*============================================================================================*/
/* TABLE START */
/*============================================================================================*/
.table { width: 100%; max-width: 100%; height: auto; overflow-x: scroll; }
.table .dropdown { position: relative; background: #fff; }
.table .dropdown .dropdown-menu { background: #fff; z-index: 9999 !important; }
.table .ion-eye { margin: 0; padding: 0; font-size: 18px; }
.table th { background: #222D32; color: #fff; border: 1px solid #888 !important; font-weight: normal; font-size: 14px; margin: 0; padding: 0; line-height: normal; vertical-align: middle !important; text-align: center; }
.table td { margin: 0; padding: 10px !important; border: 1px solid #eee !important; line-height: normal !important; vertical-align: middle !important; font-size: 14px; }
.table td .btn { margin: 0; padding: 0; line-height: normal; vertical-align: middle; }
.table td .btn.btn-status { padding: 1px 6px; font-size: 11px; opacity: .9; cursor: default; }
.table td.sort-hand { cursor: move; }
.table td.sort-hand i { color: #aaa; }
.table td i { display: inline; display: inline-block; vertical-align: middle; font-size: 15px; }
.table td a { color: #347faa; }
.table td span { display: inline; display: inline-block; vertical-align: middle; font-size: 14px; }
.table td .table-image { max-width: 70px; }
.table td .table-image-2 { width: 40px; margin: 0 10px; }
.table select { width: 100%; min-width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; }
.table .select2-container { width: 100% !important; }
.table h3 { display: block; font-weight: 700; font-size: 16px; margin: 0; padding: 0; line-height: normal; color: #222D32; }

.table td.folder i { display: block; width: 30px; text-align: center; float: left; padding: 0; margin: 0 5px 0 0; font-size: 16px; line-height: normal; color: #526273; }
.table td.folder a { margin: 0; padding: 0; font-size: 14px; font-weight: 500; line-height: normal; }
.table td.folder a strong { text-decoration: underline; font-weight: 600; }
.table td.folder a:hover strong { text-decoration: none; color: #111; }

.table td.file i { display: block; width: 30px; text-align: center; float: left; padding: 0; margin: 0 5px 0 0; font-size: 16px; line-height: normal; color: #526273; }
.table td.file strong { margin: 0; padding: 0; font-size: 14px; font-weight: 500; line-height: normal; }

.table td.type-icon a { cursor: default; }
.table td.type-icon a i { font-size: 13px; color: #526273; }

.table td.element-type { max-width: 700px; }
.table td.element-type .element-file { display: block; padding: 5px 10px; font-size: 14px; line-height: 22px !important; background: #e07300; color: #fff; border-radius: 3px; }
.table td.element-type .element-file:hover { text-decoration: underline; }

.table td.element-type .element-link { display: block; padding: 5px 10px; font-size: 14px; line-height: 20px !important; background: #3C8DBC; color: #fff; border-radius: 3px; }
.table td.element-type .element-link:hover { text-decoration: underline; }

.table td.element-type .element-image img { margin: 0; padding: 0; max-width: 150px !important; max-height: 100px !important; }

.table td.element-type .element-gallery { display: block; padding: 5px 10px; font-size: 14px; line-height: 22px !important; background: #aa01c4; color: #fff; border-radius: 3px; }
.table td.element-type .element-gallery:hover { text-decoration: underline; }

.table td.element-type .element-text { display: block; }
.table td.element-type .element-text h1 { font-size: 24px; font-weight: 600; color: #111; height: auto; margin: 0; padding: 0; line-height: normal; }
.table td.element-type .element-text h2 { font-size: 22px; font-weight: 600; color: #111; height: auto; margin: 0; padding: 0; line-height: normal; }
.table td.element-type .element-text h3 { font-size: 18px; font-weight: 600; color: #111; height: auto; margin: 0; padding: 0; line-height: normal; }
.table td.element-type .element-text h4 { font-size: 16px; font-weight: 600; color: #111; height: auto; margin: 0; padding: 0; line-height: normal; }
.table td.element-type .element-text p { display: block !important; font-size: 14px !important; font-weight: normal !important; color: #111 !important; height: auto !important; margin: 5px 0 !important; padding: 0 !important; line-height: normal !important; text-indent: inherit !important; }
/*============================================================================================*/
/* TABLE END */
/*============================================================================================*/


/*============================================================================================*/
/* PAGE 404 START */
/*============================================================================================*/
.page-404 { position: relative; text-align: center; margin: 30px 0 0 0; }
.page-404 h2 { display: block; text-align: center; font-size: 36px; font-weight: bold; padding: 20px 0; margin: 0; }
.page-404 h3 { display: block; text-align: center; font-size: 26px; font-weight: 400; padding: 20px 0; margin: 0; }
/*============================================================================================*/
/* PAGE 404 END */
/*============================================================================================*/


/*============================================================================================*/
/* GALLERY START */
/*============================================================================================*/
.box-images { text-align: left; }
.box-images .row > div { padding: 0 2px; }
.box-images .box-image { position: relative; display: block; width: 100%; text-align: center; border: 0; box-shadow: 0px 0px 2px #333; margin: 0 0 5px 0; padding: 0 0 1px 0; line-height: normal; }
.box-images .box-image .img { position: relative; overflow: hidden; width: 100%; display: block; padding: 0; line-height: normal; margin: 0; }
.box-images .box-image .img i { font-size: 60px; margin-top: 20px; }
.box-images .box-image .img img { width: 100%; height: auto !important; min-height: auto; display: block; margin: 0; padding: 0; }

.box-images .box-image .deleteSelectedImage { position: absolute; top: 10px; right: 10px; color: #fff; font-size: 18px; background: rgba(0, 0, 0, .7); padding: 1px 4px; line-height: normal; touch-action: manipulation; cursor: pointer; border-radius: 2px; -ms-transform: scale(1.6); /* IE */ -moz-transform: scale(1.6); /* FF */ -webkit-transform: scale(1.6); /* Safari and Chrome */ -o-transform: scale(1.6); /* Opera */ transform: scale(1.6); }
.box-images .box-image .deleteSelectedImage input { cursor: pointer; }

.box-images .box-image .form-group { display: block; margin: 5px; clear: both; }
.box-images .box-image .form-group:after { display: block; content: ""; clear: both; }
.box-images .box-image .form-group span { display: block; float: left; width: 25px; height: 34px; line-height: 34px; font-weight: 400; background: #222D32; color: #fff; text-align: center; font-size: 11px; }
.box-images .box-image .form-group .form-control { float: right; width: calc(100% - 25px); font-size: 12px; color: #111; padding: 0 5px; }

.sort-image { padding: 0 10px; margin: 0; background: transparent !important; border: 0 !important; }
/*============================================================================================*/
/* GALLERY END */
/*============================================================================================*/


/*============================================================================================*/
/* AJAX SEARCH START */
/*============================================================================================*/
.ajax-search { position: relative; width: 500px; height: 34px; background: #dce0e5; padding: 0; margin: 8px 0; float: left; display: block; z-index: 11; border-radius: 2px; }
.ajax-search .form-group { height: 34px !important; margin: 0; padding: 0; }
.ajax-search select { width: 200px !important; height: 34px !important; float: left !important; background: #fff; color: #222D32; border: 0; outline: 0; padding: 0 10px; margin: 0; line-height: 34px; cursor: pointer; }
.ajax-search select option { cursor: pointer; }
.ajax-search input { width: 300px; height: 34px !important; float: right; background: #fff; color: #222D32; border: 0; outline: 0; padding: 0 20px; margin: 0; border-radius: 0 2px 2px 0; }
.ajax-search select:hover, .ajax-search select:focus, .ajax-search input:hover, .ajax-search input:focus { border: 0; outline: 0; }

.ajax-search #search-result { position: fixed; z-index: 999; overflow-y: scroll; top: 50px; height: calc(100% - 100px); left: 50%; width: 600px; margin: 0 0 0 -300px; display: none; z-index: 10; background: #fff; border: 0; border-radius: 3px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 10px; }
.ajax-search #search-result .result_row { display: block; clear: both; padding: 5px 0; margin: 0; font-size: 14px; color: #222; }
.ajax-search #search-result .result_row:hover { display: block; text-decoration: none; }
.ajax-search #search-result .result_row span { display: inline; display: inline-block; vertical-align: middle; }

/*============================================================================================*/
/* AJAX SEARCH END */
/*============================================================================================*/


/*============================================================================================*/
/* ERRORS */
/*============================================================================================*/
.errors { display: block; margin: 30px 0 0 0; padding: 5px 10px; text-align: left; }
.errors span { display: block; margin: 0; padding: 2px 0; color: #dd4b39; font-size: 14px; font-weight: 500; font-style: italic; }
.errors i { margin: 0 5px 0 0; }
/*============================================================================================*/
/* ERRORS */
/*============================================================================================*/



/*============================================================================================*/
/* TABS */
/*============================================================================================*/
.tabs { display: block; height: 40px; margin: 0; padding: 0; }
.tabs li { position: relative; display: block; float: left; background: #222D32; color: #fff; height: 40px; line-height: 40px; padding: 0 40px; text-align: center; cursor: pointer; font-weight: 500; font-size: 16px; text-transform: none; border: 1px solid #ddd; }
.tabs li:first-child { border-right: 0; }
.tabs li i { position: absolute; z-index: 8; left: 0; right: 0; bottom: -22px; display: none; height: 20px; line-height: 20px; text-align: center; font-size: 24px; color: #dd4b39; background: transparent; }
.tabs li.current { background: #dd4b39; }
.tabs li.current i { display: block; }

.tabs.tabs-orders li { display: block; margin-bottom: 25px; padding: 0; color: #fff; }
.tabs.tabs-orders li a { display: block; padding: 0 40px; color: #fff; }

.tab-content { position: relative; display: none; margin: 0; padding: 30px 0 0 0; background: #fff; border: 0; }
.tab-content.current { display: inherit; }
/*============================================================================================*/
/* TABS */
/*============================================================================================*/



/*============================================================================================*/
/* CALENDAR */
/*============================================================================================*/
#calendar { width: 100%; margin: 0 auto; }
.response { height: 60px; }
.success { position: fixed; z-index: 9999; width: 40%; top: 40%; left: 30%; right: 30%; background: #cdf3cd; padding: 10px 60px; border: #c3e6c3 1px solid; display: block; font-size: 20px; text-align: center; }



/*============================================================================================*/
/* MAGNIFIC POPUP */
/*============================================================================================*/
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}


.modal .modal-dialog { max-width: 100%; }
.modal .modal-header, .modal .modal-body, .modal .modal-footer { padding: 15px; }
.modal .modal-content { border-radius: 3px; }
.modal .modal-footer { background: #ecf0f1; border-radius: 0 0 3px 3px; text-align: center; }
.modal .modal-footer a:hover { border: 1px solid transparent; }
.modal .modal-title { font-weight: 600; font-size: 22px; display: inline-block; }
.modal .modal-body { text-align: left; font-size: 15px; }
.modal .modal-body label { display: block; font-size: 14px; font-weight: 600; }

.modal #ajax-message p { display: block; text-align: center; color: #dd4b39; font-size: 17px; font-weight: 500; margin: 0; padding: 5px 0; }

.modal .close { top: 10px; right: 15px; margin: 0px; padding: 0px; font-size: 26px; line-height: normal; opacity: 1; color: #dd4b39; }
.modal .close:before { display: none; }


/*============================================================================================*/
/* SCROLL TO TOP */
/*============================================================================================*/
.scrollToTop { display: none; position: fixed; bottom: 60px; left: auto; right: 5px; width: auto; margin: 0; padding: 14px 22px; line-height: normal; z-index: 999; border: 0; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; background: #DD4B39; border-radius: 4px;  }
.scrollToTop i { display: inline; display: inline-block; vertical-align: middle; text-align: center; margin: 0; padding: 0; color: #fff; font-size: 22px; }
.scrollToTop:focus { background: #222D32; text-decoration: none; outline: 0; }
.scrollToTop:hover { background: #222D32; opacity: 1; text-decoration: none; outline: 0; }