/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ======= NOTIFICATIONS, SUCCESS, ERRORS ======= */
.no-results{
	margin:30px; padding:5px 25px; text-align:center; background: #fedc00; color:#222; text-shadow:0 0 1px #ffa300;
	-webkit-box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8); box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8);
}

.message-error{ border:1px solid #ed5a10; padding: 5px 23px;}
	.message-error H1{ background:none; color:#ed5a10; text-align:center; padding: 0; }
		.message-error P{ background:none; color:#ed5a10; text-align:center; padding: 0; }
		.message-error H1:before, .message-error H1:after{ content:none; }
.message-success{ border:1px solid #97c227; padding:5px 23px; }
	.message-success H1{ background:none; color:#759f4c; text-align:center; padding: 0; }
		.message-success P{ background:none; color:#759f4c; text-align:center; padding: 0; }
		.message-success H1:before, .message-success H1:after{ content:none; }
INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js{ border: 1px solid #ed5a10; }


/* ======= COLORBOX ======= */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; }
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000;}
#colorbox{outline:0;}
	#cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ padding-top:30px; }
			#cboxLoadedContent > *{ margin:5px; }
        #cboxLoadingGraphic{background:url(../img/ajax-loader.gif) no-repeat center center;}
        #cboxTitle{position:absolute; top:100%; width:94%; padding:5px 3% 10px; font-weight:bold; background:#fff; color:#000; text-align:center; }
        #cboxCurrent{position:absolute; top:7px; right:32px; font-weight:bold; color:#7C7C7C;}
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; top:5px; background:url(../img/colorbox-controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxPrevious{left:5px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{margin-left:32px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:6px; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}

.colorbox{ outline:none !important; }


/* ======= TIPSY TOOLTIP ======= */
.tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; }
	.tipsy-inner { background-color: #172125; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; }

	.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #172125; }

	/* Rules to colour arrows */
	.tipsy-arrow-n { border-bottom-color: #172125; }
	.tipsy-arrow-s { border-top-color: #172125; }
	.tipsy-arrow-e { border-left-color: #172125; }
	.tipsy-arrow-w { border-right-color: #172125; }

	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
	.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
	.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*====================================================================================================================================*/
/* ======= SEARCHBOX ======= */
.ui-helper-hidden-accessible{ position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; border:0; }
.ui-autocomplete{ position:absolute; top:0; left:0; width:auto; padding:0; border:1px solid #424242; background:#fff; list-style-type:none; cursor:default; }
	.ui-autocomplete-category{ display:block; padding:5px 7px; color: #971748; }
	.ui-autocomplete LI.ui-menu-item{ padding:0; }
		.ui-autocomplete LI.ui-menu-item A{ display:block; padding:3px 10px; color:#222;  background: #fff; line-height: 30px; text-shadow: none;}
			.ui-autocomplete LI.ui-menu-item A:hover{ color:#7FBD8B; }
.highlight {
	padding:1px; background-color: #7FBD8B; color: #fff;
	-moz-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); -webkit-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7);
}

/*====================================================================================================================================*/
/* ======= ACCORDION ======= */
.accordion { margin-top: 50px;}
    .accordion H3 { padding:10px 0; }
        .accordion H3 A{ font-weight: 600; font-size: 14px; }
    .ui-collapsible { margin-bottom: 10px !important; margin-left: 0!important;}
        .ui-collapsible-heading{ border: 1px solid #e6e6e6; background-color: #f9f9f9; font-weight: 600;}
            .ui-collapsible-heading A{ padding:0; color: #272a2f; padding: 10px 25px; display: block;}
            .ui-collapsible-heading A:not(.ui-btn):after { content: "\f105";color: #2aaba9; border: 2px solid #2aaba9; border-radius: 50%;  padding: 0 3px 0 4px; font: normal normal normal 11px/1 FontAwesome; position: absolute; top: /*18px*/33px; right: 25px;}
            .ui-collapsible-heading .fa { color: #2aaba9; border: 2px solid #2aaba9; border-radius: 50%;  padding: 0 3px 0 4px; font: normal normal normal 11px/1 FontAwesome; position: absolute; top: 22px; right: 25px;}
    .ui-collapsible-themed-content .ui-collapsible-content { border: none;}

/*====================================================================================================================================*/

/* ======= ADMIRAL ======= */
.no-margin{ margin:0 !important; }
.no-margin-top{ margin-top:0 !important; }
.no-margin-right{ margin-right:0 !important; }
.no-margin-left{ margin-left:0 !important;}
.no-border-bottom{ border-bottom:0 !important; }
/*====================================================================================================================================*/

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.float-left { float: left;}
.float-right { float: right;}

.blue-button, .dark-blue-button, .red-button { border-radius: 3px; text-decoration: none; color: #fff; padding: 10px;}
    .blue-button:hover, .dark-blue-button:hover, .red-button:hover { color: #fff;}
    .blue-button .fa, .dark-blue-button .fa, .red-button .fa { margin-right: 15px;}
.blue-button { background-color: #2aaba9; border: 1px solid #1f9294;}
.dark-blue-button { background-color: #2d3e50; border: 1px solid #05454f;}
.red-button { background-color: #d60000; border: 1px solid #ad0000;}

.grey-button { border: 1px solid #e6e6e6;border-radius: 3px; text-decoration: none; color: #272a2f; padding: 10px; background-color: #f9f9f9;}

.bordered-link { color: #272a2f; text-decoration: underline;}
    .bordered-link .fa{ color: #272a2f; margin-right: 8px; }
.black-link { color: #272a2f;}
    .black-link:hover { color: #2aaba9;}

.bordered-title{ font-weight: 600; position: relative;}
    .bordered-title:before { content : ""; position: absolute; left: 0; bottom: -15px; height: 1px; width: 70px; border-bottom:3px solid #2aaba9; }

.bordered-box{ border-top: 1px solid #e6e6e6; padding-top: 30px;}

.text-semibold { font-weight: 600; color: #272a2f;}
.first-title { margin-top:0;}

.subtitle { font-weight: 600; color: #272a2f; margin: 20px 0; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}

.danger, .warning, .success{ font-weight: 600; color: #272a2f; text-align: center; margin: 10px 0; padding: 15px 35px 15px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
    .danger { border: 2px solid #e01f51;}
    .warning { border: 2px solid #fabd20;}
    .success { border: 2px solid #2aaba9;}
.danger:before, .warning:before, .success:before{ position: absolute; left: 15px; border-radius: 50%; top: 50%; transform: translateY(-50%);}
    .danger:before { content: "\f00d"; font-family: FontAwesome; color: #e01f51; border: 2px solid #e01f51;padding: 0px 6px;font-size: 18px;}
    .warning:before { content: "\f071"; font-family: FontAwesome; color: #fabd20; border:none; font-size: 22px;}
    .success:before { content: "\f00c"; font-family: FontAwesome; color: #2aaba9; border: 2px solid #2aaba9;padding: 2px 4px; font-size: 16px;}

.table-payment { width:100%;}
    .table-payment TR{ border: 1px solid #e6e6e6;}
    .table-payment TR TD{ padding: 5px 10px; text-align: center;}
    .table-payment TR TH{ padding: 5px 10px; background-color: #f9f9f9;}
        .table-payment .fa-check { color: #2aaba9;}
        .table-payment .fa-times { color: #e01f51;}
    .transaction-success {border: 2px solid #2aaba9;}
    .transaction-fail { border: 2px solid #e01f51;}
/* ==========================================================================
   Map
   ========================================================================== */
#map_div{ height:400px; width:100%;}

/* ==========================================================================
   PANELS
   ========================================================================== */
@media only screen and (max-width: 800px ){
    #header-panels{ background-color: #1c1c1c; text-align:center; padding: 10px 0;}
        #header-panels IMG { width: 20px; margin-right: 15px;}
        #left-panel-trigger { float: left; margin-left: 20px;font-size: 25px; color: #fff;}
        #right-panel-trigger { float: right; margin-right: 20px; font-size: 13px; color: #fff;margin-top: 9px;}
            #right-panel-trigger I { margin-left: 10px; }
    #left-panel {background-color: #fff;}
    #nav { margin: 0 0 15px; padding: 0;}
        #nav LI{ padding: 0;}
            #nav LI:before { width: 0; content: '';}
            #nav LI A{ display: block; padding: 10px 15px; font-size: 11px; color: #272a2f; text-shadow: none; border-bottom: 1px solid #e6e6e6;font-weight: 600;}
            #nav LI A.active{ color: #fff; background-color: #2aaba9; border-color: #2aaba9;}
                #nav UL LI A{ border-width: 0 0 1px 0;}
    #submenu { margin-top:0; display: block;}
    /* fixed page header & footer configuration */
    .ui-header-fixed,
    .ui-footer-fixed { left: 0;right: 0; width: 100%; position: fixed; z-index: 1000;}
    .ui-header-fixed { top: -1px; padding-top: 1px; }
    .ui-header-fixed.ui-fixed-hidden {top: 0; padding-top: 0;}
    .ui-header-fixed .ui-btn-left,
    .ui-header-fixed .ui-btn-right { margin-top: 1px;}
    .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
    .ui-header-fixed.ui-fixed-hidden .ui-btn-right { margin-top: 0;}
    .ui-panel-inner { padding: 0.4em;}
}
@media only screen and (min-width: 801px){
    #page { padding: 0 !important;}
    #header-panels,#left-panel, #right-panel{ display: none; }
}

/* ==========================================================================
   Custom styles
   ========================================================================== */
BODY { background-color: #fff;font-family: 'Open Sans', sans-serif; font-size: 14px; color: #696969; }
    BODY * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ui-content {background-color: #fff;}

/*  Media queries for wrapper */
.wrapper{margin:0 auto;}
@media only screen and (min-width: 1171px) { .wrapper{ width:1170px;}}
@media only screen and (max-width: 1170px) { .wrapper{ width:95%;}}

A { color: #2aaba9; text-decoration: none;}
A:hover { color: #272a2f;}
A:focus { outline: none;}

H1,H2,H3,H4,H5,H6 { color: #272a2f; font-weight: 400;}
H1 { font-size: 24px;}
H2 { font-size: 22px;}
H3 { font-size: 20px;}
H4 { font-size: 18px;}
H5 { font-size: 16px;}
H6 { font-size: 14px;}

UL { list-style-type: none; list-style-type: square !ie; /*IE 7- hack*/
    margin: 0; margin-left: 4em; padding: 0; counter-reset: li-counter; }
    UL > LI{ position: relative; padding: 1px 0 1px 0.5em; }
        UL > LI:before { position: absolute; top: 0; left: -0.8em; width: 1.2em; height: 1.2em;
            font-size: 1.4em; line-height: 1.2; text-align: center; color: #2aaba9; content: '\2022'; }
            UL UL { list-style-type: none; list-style-type: circle !ie; /*IE 7- hack*/
                margin: 0; margin-left: 2em; padding: 0; counter-reset: li-counter; margin-top: 10px;}
                UL UL > LI{ position: relative; padding-left: 0.5em; }
                    UL UL > LI:before { position: absolute; top: 0.15em; left: -0.5em;
                        width: 1.2em; height: 1.2em; font-weight: 600;
                        font-size: 1em; line-height: 1.2; text-align: center; color: #2aaba9;content: '\203A'; }
/* Media queries UL */
@media only screen and (max-width: 480px){ UL {margin-left: 2em;} }

.formatted-table { width: 100%;}
    .formatted-table TR {}
        .formatted-table TR:nth-of-type(odd){ background-color: #fff;}
        .formatted-table TR:nth-of-type(even){ background-color: #f9f9f9;}
        .formatted-table TR:hover{ background-color: rgba(42,171,169,0.7); color: #fff;}
        .formatted-table TR TD,.formatted-table TR TH{ padding: 8px 10px; border: 1px solid #e6e6e6; text-align: center;}
        .columns-width-set TR TD:nth-of-type(n),.columns-width-set TR TH:nth-of-type(n){width: 5%;}
        .columns-width-set TR TD:nth-of-type(2n),.columns-width-set TR TH:nth-of-type(2n){width: 25%;}
        .columns-width-set TR TD:nth-of-type(3n),.columns-width-set TR TH:nth-of-type(3n){width: 70%;}

#site-header {}
    #bar-gradient { height: 5px; background: rgb(6,86,99);
        background: -moz-linear-gradient(left,  rgba(6,86,99,1) 0%, rgba(48,185,180,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(6,86,99,1)), color-stop(100%,rgba(48,185,180,1)));
        background: -webkit-linear-gradient(left,  rgba(6,86,99,1) 0%,rgba(48,185,180,1) 100%);
        background: -o-linear-gradient(left,  rgba(6,86,99,1) 0%,rgba(48,185,180,1) 100%);
        background: -ms-linear-gradient(left,  rgba(6,86,99,1) 0%,rgba(48,185,180,1) 100%);
        background: linear-gradient(to right,  rgba(6,86,99,1) 0%,rgba(48,185,180,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065663', endColorstr='#30b9b4',GradientType=1 );
    }
    #bar-logo { padding: 10px 0; border-bottom: 1px solid #f1f1f1;}
		#logoJurnal {margin-left: 5vw;}
        #logo {float: left;max-width: 100%;}
        #bar-logo .blue-button, #bar-logo .dark-blue-button, #bar-logo .red-button { float: right; margin-left: 15px; margin-top: 21px;}
    /* Media queries #bar-logo */

    @media only screen and (min-width: 801px) and (max-width: 1000px){
        #logo { width: 50%;}
    }
    @media only screen and (max-width: 800px){
        #logo { float: none; margin-right: 2vw;}
        #logoJurnal { float: right;}
    }
    @media only screen and (max-width: 550px){
		#logo { margin: 0 40vw 0 0; height: 60px;}
        #bar-logo .blue-button, #bar-logo .dark-blue-button, #bar-logo .red-button { font-size: 12px; padding: 8px; margin-top: 10px; margin-left: 10px;}
	}
	@media only screen and (max-width: 480px){
        #logo { margin-right: 40vw;}
        #bar-logo .blue-button, #bar-logo .dark-blue-button { font-size: 13px; padding: 7px 5px;}
            #bar-logo .blue-button I, #bar-logo .dark-blue-button I { margin-right: 7px;}
            #bar-logo .blue-button { margin-left: 0; float: left;}
    }


    #box-login{display:none; background-color: rgba(0,3,22,0.8); position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 2000;}
        #content-box-login { position: relative; margin: 5% auto;  width: 1050px/*350px*/; border-radius: 3px; background-color: #ffffff; overflow: hidden; }
        #content-box-login .box3 {width: 33.33%; float:left; text-align: center;}
        #content-box-login .box3 img {max-width: 90%; padding: 20px;}
        #content-box-login .box3 img:hover { opacity: 0.6;}
        #content-box-login .box3:nth-of-type(2) { background-color: #f9f9f9;}
            #header-login { background-color: #2aaba9; color: #fff; padding: 15px 25px; margin: 0;/* border-top-left-radius: 3px;
                border-top-right-radius: 3px; border: 1px solid #1f9294; */ font-weight: 600; position: relative; text-align: left;}
                #header-login .fa-user-md {margin-right: 10px; font-size: 18px;}
                #header-login .fa-times { position: absolute; top: 15px; right: 25px; font-size: 18px; cursor: pointer;}
            #login-content {padding: 0 35px 25px; }
                #login-content P { font-size: 12px; line-height: 12px; margin-top: 20px;}
                #login-content P.error-message { color: #ff0000; text-align: center; }
                #form-login {margin: 30px 0;}
                    #form-login INPUT{ background-color: #fff; border: 1px solid #e6e6e6; border-radius: 3px; padding: 10px 20px;
                        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 15px;}
                    #form-login INPUT[type=submit] { margin-bottom: 0;border-radius: 3px; text-decoration: none; color: #fff; padding: 10px; background-color: #2aaba9; border:1px solid #1f9294; margin-top: 20px;}
                        #form-login INPUT::-webkit-input-placeholder { color: #828282;}
                        #form-login INPUT:-moz-placeholder {color: #828282;}
                        #form-login INPUT::-moz-placeholder {color: #828282;}
                        #form-login INPUT:-ms-input-placeholder { color: #828282; }
                    #links-login { text-align: center;}
                    #links-login A:hover{ color: #2aaba9;}
    /* Media queries #box-login */
    @media only screen and (max-width: 1200px){
        #content-box-login { width: 80%;}
    }
    @media only screen and (max-width: 960px){
        #content-box-login .box3:first-of-type {width: 60%;}
        #content-box-login .box3:nth-of-type(3) {width: 40%; position: absolute; top: 0; right: 0;}
        #content-box-login .box3:nth-of-type(2) {width: 100%;}
        #content-box-login .box3 img {max-width: 100%; padding: 10px;}
    }
    #bar-nav { background-color: #f9f9f9;}
        #nav-primary {}
            #nav-primary UL{ margin: 0; padding: 0;}
                #nav-primary UL LI { list-style-type: none; display: inline-block; padding:0; float: left;}
                    #nav-primary UL > LI:before { content: '';}
                    #nav-primary LI#li-submenu { position: relative;z-index: 2;}
                    #nav-primary UL#submenu { display: none;}
                        #li-submenu:hover #submenu { display: block; position:absolute; margin-left: 0; width: 250px;
                            margin-top: 0; background: #fff; padding:0; }
                        #li-submenu:hover #submenu { display: block; position: absolute; margin-top: 0; left:0; background-color: #fff;}
                    #nav-primary A{ font-size: 12px; font-weight: 600; text-decoration: none; color: #272a2f; padding: 17px 7px 20px; border-top: 3px solid transparent; display: block;}
                        #nav-primary A:hover{ border-color: #2aaba9;}
                        #nav-primary A.active {border-color: #2aaba9; background-color: #2aaba9; color: #fff;}
                    #submenu LI { display: block!important; width:100%;margin: 0;padding: 0;}
                        #submenu LI:before { content: '';}
                        #submenu A {border-top: 1px solid #e6e6e6; padding: 10px 15px; }
                        #submenu A:hover {border-top: 1px solid #2aaba9; background-color: #2aaba9; color: #fff; }
    /* Media queries #bar-nav */
    @media only screen and (max-width: 800px){#bar-nav { display: none;}}
    @media only screen and (min-width: 801px) and (max-width: 1000px){
        #nav-primary LI { width: 33%; }
            #nav-primary A { padding: 5px; display: inline-block; }
            #submenu LI {width: 100%;}
            #submenu LI A {display: block;}
    }
    @media only screen and (min-width: 1001px) and (max-width: 1200px){
        #nav-primary, #nav-primary UL { text-align: center;}
        #nav-primary A { padding: 17px 4px 20px;font-size: 10px;}
        #li-submenu:hover #submenu { width: 150px;}
    }

#main-content {}
    #bar-slider { position: relative; padding-top: 30px; background: #131627 url("../img/slider.jpg") no-repeat center center; background-size: cover; text-align: center;}
        #box-slider {}
            #box-slider #slider {height: 100%;}
            #box-slider .bx-wrapper .bx-viewport{ left: 0; border:none; box-shadow: none; background: transparent;}
            #box-slider .bx-wrapper .bx-pager { bottom: -60px; padding: 15px 30px 9px; background: #fff; border-top-left-radius: 3px;border-top-right-radius: 3px; width:auto; /*left: 45.5%; MM*/ left: 50%;
                -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); }
                #box-slider .bx-wrapper .bx-pager.bx-default-pager A { background: #2d3e50;}
                    #box-slider .bx-wrapper .bx-pager.bx-default-pager A:hover,
                    #box-slider .bx-wrapper .bx-pager.bx-default-pager A.active { background: #45c8c6;}
            .slide { color: #fff; text-align: center;  top: 50%;
                transform: translateY(-50%);}
                .h-caption{ font-size: 36px; font-weight: 600; position: relative;}
                    .h-caption:before { content : ""; position: absolute; left: 46.5%; bottom: -25px; height: 1px; width: 7%; border-bottom:3px solid #fff; }
                    .slide .dark-blue-button { display: inline-block; margin: 10px 0;}
            .bx-wrapper .imgSlideCustom { text-align: center;display: inline-block;}
        #slider-prev A,#slider-next A { position: absolute; top: 50%; transform: translateY(-50%); font-size: 26px; color: #fff; border-radius: 50%; border: 2px solid #fff;}
        #slider-prev A { padding: 0 15px 1px 13px; /*float: left;margin-left: -5%; margin-top: -50%;*/ left: 5%;}
        #slider-next A { padding: 0 13px 1px 15px; /*float: right; margin-right: -5%; margin-top: -50%;*/ right: 5%;}
        #slider-prev A:hover,#slider-next A:hover { border-color: #2aaba9; background-color: #2aaba9;}
    /* Media queries #bar-slider */
    @media only screen and (max-width: 800px){
        #box-slider .bx-wrapper .bx-pager { display: none;}
        #bar-slider .outside { display: none;}
        #bar-slider {  background-size: cover;}
        .h-caption{ font-size: 1.5em;}
        .h-caption:before { bottom: -13px;}
    }
    @media only screen and (min-width: 801px) and (max-width: 1000px){
        #box-slider .bx-wrapper .bx-pager { display: none;}
        #bar-slider .outside { display: none;}
        .h-caption{ font-size: 2em;}
    }
    @media only screen and (min-width: 1001px) and (max-width: 1200px){
        #slider-prev A {/*margin-left: 0%; margin-top: -23%;*/ left: 2px;}
        #slider-next A {/*margin-right: 0%; margin-top: -23%;*/ right: 2px;}
    }
    .bar-content { padding: 75px 0;}
    /* Media queries .bar-content */
    @media only screen and (max-width: 800px){.bar-content { padding: 25px 0;}}
        .box30 { width: 30%; margin-right: 30px; float: left; position: relative;}
            .box30 H1 { margin-top: 0;}
        .box70 { width: 67%; float: left;}
        /* Media queries BOXES */
        @media only screen and (max-width: 600px){.box30,.box70 { float: none; margin: 0; width: 100%;}}
        @media only screen and (min-width: 601px) and (max-width: 1100px){.box30{ margin-right: 2%;}}
            .box-text {}
            .box-featured-news { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 10px;}
                .news-date { color: #272a2f; font-weight: 600;}
                .box-featured-news A:not(.black-link) {font-weight: 600; position: relative;}
                    .box-featured-news A .fa { border: 2px solid #2aaba9; border-radius: 50%; padding: 0 3px 0 4px; font: normal normal normal 11px/1 FontAwesome; margin-left: 5px; position: absolute; top:2px;}
            .form {}
                .form .box48 {margin-bottom: 0;}
                .box-form-inputs {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 30px; background-color: #f9f9f9; border: 1px solid #e6e6e6; border-radius: 3px;}
                    .box-form-inputs P.text-semibold { margin: 20px 0;}
                    .box-form-inputs INPUT,.box-form-inputs SELECT { width: 100%; border: 1px solid #e6e6e6; border-radius: 3px; background-color: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                            padding: 10px 20px; margin-top: 15px; color: #272a2f; position: relative;}
                        .box-form-inputs INPUT::-webkit-input-placeholder { color: #828282;}
                        .box-form-inputs INPUT:-moz-placeholder {color: #828282;}
                        .box-form-inputs INPUT::-moz-placeholder {color: #828282;opacity: 1;}
                        .box-form-inputs INPUT:-ms-input-placeholder { color: #828282; }
                    .box-form-inputs SELECT { padding: 9px 20px;}
                    .form  SELECT{ background: #fff url("../img/arrow.png") no-repeat 93% 48%;-webkit-appearance: none;
                        cursor: pointer;  -moz-appearance: none; text-indent: 0.01px; text-overflow: '';}
                    .form  SELECT::-ms-expand {
                        display: none;
                    }
                    .form  INPUT.error, .form  SELECT.error, DIV.error {border: 1px solid #e01f51;}
                    .form INPUT.blue-button {margin-top: 20px;}
                    .inline-inputs {}
                        .inline-inputs INPUT { width: 42.9%; margin-right: 90px;  margin-top: 0;}
                        .inline-inputs.reset INPUT { width: 41%; margin-right: 1%; margin-top: 0;}
                        .inline-inputs INPUT[type=radio] { width: auto; margin-right: 5px; margin-top: 4px; float: left; border:none; padding: 0; }
                        INPUT[type="radio"] {display:none;}
                            INPUT[type="radio"] + label .input-radio {display:inline-block;border-radius: 50%; border: 1px solid #e6e6e6; padding:0 5px;background:#fff;cursor:pointer; margin-right: 8px;}
                                INPUT[type="radio"] + label span {display:inline-block; width:8px; height:8px; margin:-3px 0 0; border-radius: 50%; vertical-align:middle; background:#fff;cursor:pointer;}
                            INPUT[type="radio"]:checked + label span {background: #2aaba9;}
                        .inline-inputs LABEL { display: block; float:left;}
                    .radio-box { width: 45%; float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
                        .radio-box:nth-of-type(2){padding-left: 47px;}
                        .radio-box LABEL { cursor: pointer; }
                    #payment-select .radio-box {width: 71%;}
                    .box-border{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6;}
                        .box-border INPUT[type=submit]{background-color: #2aaba9; border: 1px solid #1f9294; width: auto; color: #fff; float: right;}
                    #payment-select INPUT[type=submit] {margin-top: 1% !important;}
                    .form .center-box { float: none; margin: 0 auto; width: 48%;}
            /* Media queries .form */
            @media only screen and (max-width: 970px){
                #payment-select .radio-box {width: 100%; float: none;}
                #payment-select .radio-box LABEL {float: none;}
                #payment-select INPUT[type=submit] {float: none; margin-top: 5% !important;}
            }
            @media only screen and (max-width: 800px){
                .form .box48,.form .center-box { width: 100%;}
                .box-form-inputs { margin-bottom: 10px !important;}
                #parola { margin-top: 15px;}
                .inline-inputs INPUT{ width: 100%; margin-right: 0; display: block;}
                .inline-inputs.reset INPUT{ width: 100%; margin-right: 0; display: block;}
                .box-border INPUT[type=submit] { float: inherit; margin: 15px 0 0; }
                INPUT[type="radio"] {display:none;}
                .radio-box { width: 50%;}
                .radio-box:nth-of-type(2){padding-left: 0;}
            }
            @media only screen and (min-width: 801px) and (max-width: 1000px){
                .inline-inputs INPUT{ width: 60%; margin-right: 20px;}
                .box-form-inputs { margin-bottom: 10px !important;}
                .box-form-inputs INPUT {width: 100%; margin-right: 0; display: block;}
                .box-form-inputs.reset INPUT {width: 100%; margin-right: 0; display: block;}
                #parola { margin-top: 15px;}
                INPUT[type="radio"] {display:none;}
                .radio-box { width: 50%;}
                .radio-box:nth-of-type(2){padding-left: 0;}
            }
        #box-despre {}
            #box-despre A.blue-button {display: inline-block; margin-top: 20px;}
        .page-description {background: #131627 url("../img/slider.jpg") no-repeat center center; font-size: 16px; text-align: center; color: #fff; padding: 45px 0;}
            .page-description .h-caption { margin-top: 0; margin-bottom: 55px;}
        .container-boxes {}
            .box48 { width:48%; margin-right: 30px; float: left; margin-bottom: 30px;}
                .picture-box { float: left; width: 26%; padding-right: 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
                    .picture-box .fa { color: #e1e1e1; font-size: 44px; padding: 15px; border: 1px solid #e7e7e7; background-color: #f2f2f2;}
                .info-box { float: left; width: 74%;}
                    .info-box .text-semibold { margin-top: 0;}
                .box48 IFRAME { max-width: 100%;}
            /* Media queries .box48 */
            @media only screen and (min-width: 1001px) and (max-width: 1200px){
                .box48 { margin-right: 25px;}
            }
            .contact-person { width:30%; margin-right:30px; float:left; border: 1px solid #e6e6e6; margin-bottom: 30px; padding: 15px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
                background-color: #f9f9f9; border-radius: 3px;}
                .contact-person:hover {background-color: #2aaba9; border-color: #1f9294; color: #fff; cursor: pointer; }
                    .contact-person:hover .text-semibold { color: #272a2f;}
         /* Media queries .container-boxes */
        @media only screen and (max-width: 600px){
            .box48 { width: 100%;}
            .contact-person { width: 100%; margin-right: 0; float: none;}
        }
        @media only screen and (min-width: 601px) and (max-width: 800px){
            .contact-person { width: 49%; margin-right: 2%!important;}
            .contact-person:nth-of-type(2n) {  margin-right: 0 !important;}
        }
        @media only screen and (min-width: 801px) and (max-width: 1000px){
            .box48 { width: 100%;}
        }
        #box-noutati {}
            .container-news { display: none;}
            .an H1 { margin-bottom: 30px; }
            .display-box {display: block;}
        #box-news_details {}
            /*#box-news_details IMG { margin: 0 30px 20px 0;}*/
        #box-educatie-medicala {}
            #box-educatie-medicala .text-semibold{ margin-top: 20px;}
            #box-educatie-medicala .container-boxes{ border-bottom: 1px solid #e6e6e6; margin-bottom: 30px;}
            #box-educatie-medicala .box48{ margin-bottom: 50px;}
        #box-alegeri-senat {}
            #box-alegeri-senat .blue-button:first-of-type{ display: inline-block;}

#site-footer {}
    #bar-partners {}
        #box-slider-partners { border-top: 1px solid #e3e3e3; padding: 30px 0;}
            #box-slider-partners .bx-wrapper .bx-viewport { left:0; border:none; box-shadow: none; background: transparent;}
            #slider-partners {}
                .slide-partner { display: table; height: 127px; }
                .slide-partner A{ display: table-cell; vertical-align: middle;}
            #slider-partners-prev A,#slider-partners-next A { font-size: 16px; color: #272a2f; border-radius: 50%; border: 2px solid #272a2f;}
            #slider-partners-prev A { padding: 0 10px 1px 8px; float: left;margin-left: -5%; margin-top: -6.5%;}
            #slider-partners-next A { padding: 0 8px 1px 10px; float: right; margin-right: -5%; margin-top: -6.5%;}
            #slider-partners-prev A:hover,#slider-partners-next A:hover { border-color: #2aaba9; background-color: #2aaba9; color: #fff;}
    /* Media queries #bar-partners */
    @media only screen and (max-width: 1000px){#bar-partners .outside { display: none;}}
    @media only screen and (min-width: 1001px) and (max-width: 1300px){
        #slider-partners-prev A {margin-left: 0; margin-top: -8%; }
        #slider-partners-next A {margin-right: 0; margin-top: -8%; }
    }
    #footer-links { padding: 15px 0; background: #181b2c url("../img/footer-background.jpg") no-repeat center center; background-size: cover;color: #fff;}
        .box-links { float: left; margin-top: 25px;}
        /*.box30 .box-links { width: 50%;}*/
        .box70 .box-links { /*width: 25%;*//*column-count:4;-moz-column-count:4; -webkit-column-count: 4;*/ display: block;}
            #linkuri{ margin-top: 35px;}
            #linkuri P { margin: 0;}
            .box-links A, #linkuri A { font-weight: 600; font-size: 12px; color: #fff; display: block; position: relative;}
                .box-links A:hover, #linkuri A:hover { color: #227176;}
        .tooltipImgDetails { display: none;}
    /* Media queries #bar-partners */
    @media only screen and (max-width: 600px){
        .box-links {float: left; width: 100%; margin-bottom: 20px;}
    }
    #bar-copyright {background-color: #2fb7b2; text-align: center; }
        #bar-copyright P,#bar-copyright A{ font-size: 13px; margin:30px 0; color: #fff;}

/* SIDEBARS */
.aside {}
    .sidebar-menu { margin: 0; padding: 0;}
        .sidebar-menu LI{ list-style-type: none;position:relative; padding:0;}
            .sidebar-menu LI:before { content: '';}
            .sidebar-menu LI .triangle {display: none;}
            .sidebar-menu LI A{ padding: 15px 25px; display: block; margin-right:20px; font-weight: 600; border-bottom: 1px solid #e6e6e6; color: #272a2f;}
                .sidebar-menu LI A:hover{ color: #2aaba9;}
                .sidebar-menu LI A.active{ color: #fff; background-color: #2aaba9;}
                .sidebar-menu LI.active .triangle { display: block; position: absolute; top:0;right: 0; width: 0; height: 0;border-style: solid;
                    border-width: 25px 0 24px 20px; border-color: transparent transparent transparent #2aaba9;}
#sidebar-noutati {}
    #sidebar-noutati.fixed { position: fixed; top: 10px; z-index: 3; width:350px;}
    #sidebar-noutati.absolute { position: absolute; bottom:0; z-index: 3; width:350px;}
    #sidebar-noutati LI A{ padding: 0; font-size: 35px; text-align: center;}
.text-menu { opacity: 0;}
@media only screen and (max-width: 800px){
    .aside { display: none;}
    .sidebar-menu LI.active .triangle { display: none;}
    .sidebar-menu LI A { margin-right: 0;}
    #sidebar-noutati LI A {font-size: 25px;}
}
@media only screen and (min-width: 801px) and (max-width: 1000px){
    .sidebar-menu LI A { margin-right: 19px;}
    #sidebar-noutati.fixed { width: 250px;}
}
@media only screen and (min-width: 1001px) and (max-width: 1200px){
    .sidebar-menu LI A { margin-right: 19px;}
    #sidebar-noutati.fixed { width: 300px;}
}

/* PAGINATION */
.pagination {}
    .pagination A { font-weight:600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
    .page-control,.pages { display: inline-block;}
    .page-control { width: 23%;}
    .pages { width: 53%; text-align: center;}
    .pagination .grey-button .fa-angle-right,
    .pagination .grey-button .fa-angle-left {font: normal normal normal 11px/1 FontAwesome;color: #2aaba9; border: 2px solid #2aaba9; border-radius: 50%; position: absolute; top: 12px;}
        .pagination .grey-button .fa-angle-right{ padding: 0 3px 0 4px; right: 6px;}
        .pagination .grey-button .fa-angle-left{ padding: 0 4px 0 3px; left:6px;}
    #page-prev {text-align: right;}
    #page-next {text-align: left;}
    #news-prev {text-align: right; width: 26.5%; float: left;}
    #news-next {text-align: left; width: 26.5%; float: right;}
    .pagination A.black-link { display: inline-block; padding: 0 5px;}
#box-prev-next { margin-top: 50px; border-top: 1px solid #e6e6e6; padding-top: 50px;}

.video-container { margin: 20px 0; }


#box-registre-nationale{ width:400px; margin:100px auto; /*border:1px solid #ccc;*/ text-align:center; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }
    #box-registre-nationale H4{ display:none; margin:0; padding:20px 40px; background:#8c0003; border-bottom:1px solid #666; color:#fff; font-size:28px; }
    #box-registre-nationale .butt-go2{ display:block; margin-bottom:10px; padding:15px 30px; font-size:17px; }
        #box-registre-nationale .butt-go2:hover{ background:#c00003; }
    #butt-rnpd{ background:#3e757e; color:#fff; }
    #butt-rnpa{ background:#296294; color:#fff; }
    #butt-rnh{ background:#219959; color:#fff; }

/* TOOLTIP */
.ui-tooltip { width: 180px;}
.ui-tooltip H4 { margin: 5px 0; font-size: 14px; font-weight:  600; text-align: center; }
.tooltipImgDetails IMG{ max-width: 100%; }

/* COLLAPSIBLE */
@media only screen and (max-width: 800px){
    .ui-collapsible-set .ui-collapsible { margin: 0;}
    .ui-collapsible-content { padding: 0.5em 0;}
}

/*POPUP*/
.popupBox { position: relative; width: 60vw; background-color: #FFFFFF; padding: 30px; margin: 0 auto;}
.popupBox  .mfp-close{ color: #d60000; right: 0;width: 50px;left: auto;}
.popupBox  .mfp-close:hover { color: #ad0000;}
.popupBox  img { max-width: 100%;}
.popupBox  iframe { max-width: 100%;}
@media only screen and (max-width: 600px){
    .popupBox { width: 96vw;}
}