/*

div.page-row {}
div.page-section {}
div.section-content-block {}

---------------------

*/

header.header-default { position:fixed; z-index:1000; padding:10px 25px 16px; width:100%; top:0; box-sizing:border-box; background-color:#fff; -webkit-box-shadow: 0px 3px 3px 0px rgba(59,68,77,0.15); -moz-box-shadow: 0px 3px 3px 0px rgba(59,68,77,0.15); box-shadow: 0px 3px 3px 0px rgba(59,68,77,0.15); }
header.header-default.fixed-clear { position:relative; }

header.header-default div.wrapper { max-width:100%; }

header.header-default div.logo-main { height:60px; width:initial; box-sizing:border-box; text-align:center; float:left; margin-right:25px; height:55px; }
header.header-default div.logo-main a img { max-height:60px; max-width:225px; display:block; vertical-align:middle; position:relative; top:50%; transform: translate(0, -50%); }

header a#menu-mobile-open { display:none; }

header.header-default nav#menu-main-default { float:right; position:relative; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages { display:inline-block; position:relative; top:12px; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li { float:left; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li a { display:block; padding:12px 25px; box-sizing:border-box; font-weight:700; font-size:15px; text-decoration:none; color:#273f53; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li a:hover { background-color:#f5f5f5; border-radius:5px; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.sub-menu ul.menu-main-secondary-pages { display:none; padding:25px 10px 10px; min-width:200px; position:absolute; z-index:9999; margin-top:0; margin-left:2px; background-color:#fff; border-radius:0 0 7px 7px; -webkit-box-shadow: 0px 3px 3px 0px rgba(59,68,77,0.25); -moz-box-shadow: 0px 3px 3px 0px rgba(59,68,77,0.25); box-shadow: 0px 3px 3px 0px rgba(59,68,77,0.25); }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.sub-menu ul.menu-main-secondary-pages li { float:none; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.sub-menu ul.menu-main-secondary-pages li a { padding-right:35px; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.sub-menu:hover ul.menu-main-secondary-pages { display:inline-block; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout { position:relative; top:-9px; border:solid 3px #d8dde1; border-radius:10px; margin-left:20px; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout:hover { cursor:pointer; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout a { color:#ff6a00; border-radius:7px; }
header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout a:hover { background-color:#ff6a00; color:#fff; }

header a#menu-mobile-close { display:none; }

header.header-default div.options-main { width:125px; box-sizing:border-box; border: dashed 5px #ced9e0; border-radius:12px; padding:12px 0; text-align:center; float:right; }
header.header-default div.options-main b { font-size:18px; font-weight:900; color:#ced9e0; }


/* 
================================
    DEFAULT : LARGE SCREEN
================================
*/
@media (min-width: 1600px) and (max-width: 3200px) {

    header.header-default { zoom: 105%; }

}

/* 
================================
    DEFAULT : SMALL LAPTOP
================================
*/
@media (min-width: 1025px) and (max-width: 1366px) {
    
}

/* 
================================
    DEFAULT : SMALL LAPTOP
================================
*/
@media (min-width: 1025px) and (max-width: 1366px) {
    
}
 
/* 
================================
        MOBILE : TABLET
================================
*/
@media (min-width: 769px) and (max-width: 1024px) {
  
}

/* 
================================
      MOBILE : LARGE PHONE
================================
*/
@media (min-width: 451px) and (max-width: 768px) {

}

/* 
================================
     MOBILE : REGULAR PHONE
================================
*/

@media (min-width: 361px) and (max-width: 450px) {
    
    header.header-default { width:101%; padding:18px 0 22px; }
    
    header.header-default div.logo-main { height:50px; width:initial; text-align:left; float:none; margin-right:25px; }
    header.header-default div.logo-main img { max-height:50px; max-width:175px; display:block; vertical-align:middle; position:relative; top:50%; transform: translate(0, -50%); }

    header a#menu-mobile-open { float:right; display:block; top:20px; right:25px; position:absolute; }
    header a#menu-mobile-open span { font-size:48px; font-weight:900; }

    header.header-default nav#menu-main-default { float:none; display:none; top:30px; margin-bottom:40px; }
    header.header-default nav#menu-main-default ul.menu-main-primary-pages {}
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li { float:none; }
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li a { padding:12px 8px; box-sizing:border-box; font-weight:700; font-size:18px; text-decoration:none; color:#273f53; }
    
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout { position:relative; top:5px; border-radius:5px; margin-left:5px; width:100px; }
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout a { padding-top:7px; padding-bottom:7px; }

    header a#menu-mobile-close { text-align:center; display:block; margin-top:45px; margin-bottom:25px; }
    header a#menu-mobile-close span { font-size:36px; font-weight:900; color:#afbac1; }
}


/* 
================================
     MOBILE : SMALL PHONE
================================
*/

@media (min-width: 280px) and (max-width: 360px) {
    
    header.header-default { padding:18px 0 22px; }
    
    header.header-default div.logo-main { height:50px; width:initial; text-align:left; float:none; margin-right:25px; }
    header.header-default div.logo-main img { max-height:50px; max-width:175px; display:block; vertical-align:middle; position:relative; top:50%; transform: translate(0, -50%); }

    header a#menu-mobile-open { float:right; display:block; top:20px; right:25px; position:absolute; }
    header a#menu-mobile-open span { font-size:48px; font-weight:900; }

    header.header-default nav#menu-main-default { float:none; display:none; top:30px; margin-bottom:40px; }
    header.header-default nav#menu-main-default ul.menu-main-primary-pages {}
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li { float:none; }
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li a { padding:12px 8px; box-sizing:border-box; font-weight:700; font-size:18px; text-decoration:none; color:#273f53; }
    
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout { position:relative; top:5px; border-radius:5px; margin-left:5px; width:100px; }
    header.header-default nav#menu-main-default ul.menu-main-primary-pages li.logout a { padding-top:7px; padding-bottom:7px; }

    header a#menu-mobile-close { text-align:center; display:block; margin-top:45px; }
    header a#menu-mobile-close span { font-size:36px; font-weight:900; color:#afbac1; }
}