#cnform textarea,
body {
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.subscribe-me h2 {
			color: #E73E41;
			margin: 0 0 10px 0;
			padding: 0;
			font-size: 29px;
		}

		body .sb form input[type='submit'] {
			background: #E73E41;
		}

		.subscribe-me p {
			color: #333;
		}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
body#privacy #wrap_sb_page div#content {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
body#privacy #wrap_sb_page {
    background: #FFF;
    border-right: 1px solid #E7EFF3;
}
.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#sidebar ul#sb_nav li div,
#summary,
#wv_back {
    display: none
}

#content ul,
#sidebar ul,
h2,
p {
    margin-bottom: 20px
}

#wv_back,
#wv_front {
    position: absolute;
    left: 200px;
    top: 0
}

#banner,
#wrap_all,
.wrap_page {
    position: relative
}

#content img,
#hm_ad img,
#tip_img,
ul#menu {
    border: 1px solid #FFF
}

.clear,
ul#index li {
    clear: both
}

#content ul li,
ul#index li {
    margin-left: 40px
}

#intro h2,
ul#index li h2 {
    margin-bottom: 10px
}

#content ul,
body#pj #content ul ul {
    list-style-type: disc
}

body#pj #content ul,
ul#index {
    list-style-type: none
}

#footer,
#hm_ad,
#menus {
    text-align: left
}

#sidebar a.sb_nav,
body#sm #content ul li a,
h1,
h2,
h3,
h4,
h5,
h6,
ul#menu li a {
    font-weight: 700
}

#content ul li,
#sidebar ul li {
    margin-top: 10px
}

#content a.summary,
#content a.summary:hover,
#ft_links a,
#intro div.intro h2 a,
#pns a,
#sidebar a.sb_nav,
a.on:hover,
a:hover,
body#sm #content ul li a,
div.hm_ad h3 a,
ul#menu li span a {
    text-decoration: none
}

html {
    font-size: 10px
}

body {
    font-size: 120%;
    line-height: 1.6;
    color: #26383E;
    text-align: justify;
    background: #EFF4F7
}

a {
    color: #4D88C4;
    text-decoration: underline
}

a:hover {
    color: #AC091D
}

a.on {
    color: #26383E
}

#sidebar a.sb_nav:hover,
#summary {
    color: #AC091D
}

h1 {
    font-size: 130%;
    margin-bottom: 30px
}

h2,
h3 {
    font-size: 120%
}

h4 {
    display: inline
}

#wrap_all {
    width: 1000px;
    margin: 0 auto
}

#banner {
    width: 998px;
    height: 88px;
    border: 1px solid #4D88C4;
    background: url(../images/banner_hm.jpg) top right no-repeat #FFF
}

.wrap_page {
    width: 998px;
    border-left: 1px solid #FFF;
    background: #FCFDFD
}

#ft_cr,
#ft_links,
ul#menu,
ul#menu li span {
    position: absolute
}

#footer,
#ft_bar,
#ft_txt,
#menus {
    width: 1000px;
    position: relative
}

#cnform select,
#cninfo,
#intro {
    border: 1px solid #DDE8EE
}

#wrap_full_page {
    border-right: 1px solid #FFF
}

#wrap_sb_page {
    background: url(../images/bg_pg_sb.gif) top right repeat-y;
    border-right: 1px solid #E7EFF3
}

#wrap_sb_page div#content {
    float: left;
    width: 710px
}

#content {
    position: relative;
    padding: 30px 30px 50px
}

#content img {
    padding: 4px;
    background: #DDE8EE
}

#summary {
    font-size: 90%
}

#ft_cr,
#ft_links,
#ft_links a,
#sidebar {
    font-size: 95%
}

#sidebar {
    float: right;
    width: 208px;
    height: 700px;
    padding: 20px 10px
}

#sidebar ul#sb_nav li div.on {
    display: block
}

#sidebar ul#sb_nav img {
    float: left;
    margin-right: 100px;
    border: 1px solid #4D88C4
}

#sidebar ul#sb_nav a:hover img {
    border-color: #FFF
}

.clear {
    height: 1px
}

#ft_bar {
    height: 30px;
    background: url(../images/bg_pg_line.jpg) center center no-repeat
}

#ft_cr {
    left: 0;
    top: 0
}

#ft_links {
    left: 400px;
    top: 0
}

#ft_links a {
    margin-right: 30px
}

#ft_links a:hover {
    text-decoration: underline
}

#menus {
    height: 44px;
    font-size: 12px;
    background: #FFF;
    border-bottom: 1px solid #DDE8EE
}

ul#menu {
    left: 0;
    top: 0;
    width: 998px;
    height: 20px;
    background: #4D88C4
}

ul#menu li {
    float: left
}

ul#menu li a {
    display: block;
    line-height: 20px;
    color: #26383E;
    text-decoration: none;
    padding: 0 22px 0 10px
}

ul#menu li a.arrow {
    background: url(../images/menu_arrow.png) 100% 10px no-repeat;
    background-position: 100% 6px!important
}

ul#menu li a:hover {
    color: #FFF
}

ul#menu li a.arrow:hover {
    background-position: 100% -10px
}

ul#menu li span {
    display: none;
    left: 5px;
    top: 24px;
    white-space: nowrap
}

ul#menu li span.cr {
    left: 620px
}

ul#menu li span a {
    display: inline;
    color: #4D88C4;
    font-size: 11px;
    font-weight: 700;
    padding: 0
}

ul#menu li span a:hover {
    color: #AC091D;
    background: 0 0
}

#intro {
    position: relative;
    left: 8px;
    width: 920px;
    height: 310px;
    background: url(../images/bg_intro.jpg) top left repeat-x #FFF;
    margin: 0 0 40px
}

.intro,
a.slide {
    position: absolute
}

.intro {
    display: none;
    left: 20px;
    top: 10px;
    width: 880px;
    height: 300px
}

#intro div.hm {
    display: block
}

#intro img {
    padding: 4px;
    background: #DDE8EE
}

a.slide {
    top: 135px;
    width: 32px;
    height: 32px;
    line-height: 50px;
    text-indent: -9999px
}

#hm_ad,
.hm_ad {
    position: relative;
    height: 200px
}

#prev {
    left: -32px;
    background: url(../images/intro_prev.png) top left no-repeat
}

#next {
    left: 920px;
    background: url(../images/intro_next.png) top left no-repeat
}

#hm_ad {
    left: 32px;
    width: 940px;
    width: 880px;
    padding-bottom: 30px
}

.hm_ad {
    display: inline;
    float: left;
    width: 290px;
    background: url(../images/bg_hm_ad.jpg) 95% 0 no-repeat
}

div.hm_ad a.tip {
    cursor: default
}

#hm_ad img {
    float: left;
    margin-right: 6px;
    padding: 3px
}

#hm_ad ul {
    float: left;
    width: 135px
}

#hm_ad ul li {
    margin-left: 20px
}

#tip_img {
    position: absolute;
    padding: 4px;
    background: #DDE8EE
}

#loading,
.err,
.success {
    position: relative
}

ul#index {
    margin-right: 40px;
    margin-bottom: 50px
}

ul#index li img {
    padding: 2px;
    background: #4D88C4;
    float: left;
    margin: 0 20px 30px 0
}

ul#index li a:hover img {
    background: #FFF
}

body#pj #content ul ul ul {
    list-style-type: circle
}

body#sm #content ul li {
    float: left;
    width: 290px;
    list-style-type: none;
    text-align: left;
    margin-left: 20px;
    margin-top: 30px
}

body#sm #content ul ul li {
    float: none;
    width: 200px;
    margin-top: 10px
}

body#sm #content ul ul li a {
    font-weight: 400
}

#content ul.dec {
    list-style-type: decimal
}

#cninfo {
    float: right;
    width: 300px;
    background: url(../images/bg_intro.jpg) bottom left repeat-x #FFF;
    padding: 30px 20px 50px;
    margin: 0
}

#cnform {
    float: left;
    width: 310px
}

#cnform div {
    font-size: 12px;
    line-height: 14px
}

#cnform input,
#cnform input.button,
#cnform select,
#cnform textarea {
    font-size: 14px;
    line-height: 16px;
    background: #EFF4F7
}

#cnform input {
    display: block;
    height: 20px
}

#cnform select {
    display: block;
    width: 200px;
    margin: 4px 0 10px;
    padding: 0 0 0 2px
}

#cnform textarea {
    display: block;
    height: 140px
}

#cnform .err,
#cnform .success,
.hide {
    display: none
}

#cnform input.button {
    position: relative;
    top: 10px;
    left: 230px;
    padding: 0;
    width: 80px;
    height: 26px;
    border: 2px solid;
    cursor: pointer;
    border-color: #F7FAFB #DDE8EE #DDE8EE #F7FAFB
}

#cnform input,
#cnform textarea {
    width: 300px;
    border: 1px solid;
    margin: 4px 0 10px;
    padding: 4px 0 0 6px;
    outline: 0;
    border-color: #DDE8EE #F7FAFB #F7FAFB #DDE8EE
}

body#cn #content img {
    border: none;
    padding: 0
}

#loading {
    left: 280px
}

.success {
    color: #4D88C4;
    font-weight: 700
}

.err {
    color: red
}

.mrgn1 {
    margin-bottom: 20px
}

.rfloat {
    float: right;
    margin: 0 0 0 10px
}

.lfloat {
    float: left;
    margin: 0 10px 0 0
}

.lsub {
    margin-left: 10px;
    margin-top: 10px
}

.top {
    text-align: right;
    font-size: 90%
}

#pns {
    float: right
}

#pns a {
    font-size: 95%
}

#pns a:hover {
    text-decoration: underline
}

#sb_nav span {
	display: none;
}

#ba #sb_nav span.ba { display: block; }
#eg #sb_nav span.eg { display: block; }
#ab #sb_nav span.ab { display: block; }

#rc .wrap_page {
    height: auto !important;
}

#rc table {
    max-width: 100% !important;
}

#rc table td, #rc table th {
    max-width: 50% !important;
}

#rc table img {
    max-width: 460px;
    height: auto;
    display: block;
}

#prev, #next {
    display: none !important;
}

#home-slide {
    position: relative;
    width: 870px;
    margin: 0 auto;
    height: 280px;
    margin-bottom: 20px;
    border: 4px solid #DDE8EE;
}

#hs_back, #hs_front {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

#content #home-slide img {
    padding: 0px;
    background: transparent;;
    border:none;
}

ul#menu {
    height: 47px;
    background: #2E94F3;
    border: none;
    width: 100%;
}

#banner {
    width: 100%;
    border: none;
}

ul#menu li a {
    margin-top: 13px;
    padding: 0px 36px 0 10px;
    color: #AC091D;
}

ul#menu li a:hover {
    color: #26383E;
}

#menus {
    height: 78px;
}

ul#menu li span {
    top: 51px;
}

ul#menu li span a {
    color: #2E94F3;
}

#hm_ad, .hm_ad {
    height: 140px;
}

#sb_nav li div, #sb_nav li div.on {
    display: none !important;
}  

#rc span.cy {
    display: inline;
    opacity: 1;
}

#hm_ad ul li {
    display: inline-block;
    padding: 0px 30px;
    font-weight: bold;
}

#hm_ad, .hm_ad {
    height: auto;
}

.recent-jobs {
    width: 870px;
}

.nav-icon {
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 52;
  position: absolute;
  right: 7%;
  display: none;
  top: 30px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.nav-icon span {
  width: 100%;
  height: 3px;
  background: #AC091D;
  display: block;
  position: absolute;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  top: 0px;
}

.nav-icon.open span {
    background:#AC091D;
}

.nav-icon.open {
    z-index: 1002;
}

.nav-icon span.second {
  top: 9px;
}

.nav-icon span.third {
  top: 18px;
}

.nav-icon.open span.second {
  filter:alpha(opacity=0);
  opacity: 0;
}

.nav-icon.open span.first {
  -moz-transform: scale(1) rotate(-45deg);
  -webkit-transform: scale(1) rotate(-45deg);
  -o-transform: scale(1) rotate(-45deg);
  -ms-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg);
  top: 11px;
}

.nav-icon.open span.third {
  -moz-transform: scale(1) rotate(45deg);
  -webkit-transform: scale(1) rotate(45deg);
  -o-transform: scale(1) rotate(45deg);
  -ms-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
  top: 11px;
}

#footer, #ft_txt {   
    position: static;;
}


.mobile-gallery {
    display: none;
}
.logo {
    float:left;
    margin-left:20px;
    margin-top:15px;
}
ul.contact-header {
    position: relative;
    z-index: 999;
    background:rgba(255, 255, 255, 0.72);
    float:right;
    margin-top:10px;
    margin-right:10px;
    padding:6px 10px 12px;
}
ul.contact-header a{
    color:#ab0916;
    font-weight:900;
    font-size:13px;
    text-decoration:none;
}

.contact-header img {
    max-width: 18px;
    position: relative;
    top: 6px;
    margin-right: 10px;
}


/* Cookie Dialog */
:root {
    --purple: #3B3646;
    --red: #EE4B5A;
}
button#ihavecookiesBtn {
    margin-left: 0px !important;
}
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
/*cookie dialog end */
/* ======================================================================
    RESPONSIVE STYLES
====================================================================== */


@media only screen and (max-width: 800px) {
#banner .logo img {
    display: block !important;
    max-width: 150px;
}
ul.contact-header {
    float:left;
    width:100%;
	background:#ffffff;
    text-align:center

}
#banner .contact-header img {
    display: inline !important;
}

}


/* iPHONE SIZES */
@media only screen and (min-width : 250px) and (max-width : 800px) {

    #wrap_all, #footer, #ft_bar, #ft_txt, #menus, .wrap_page, #home-slide, #hm_ad, .recent-jobs, #wrap_sb_page div#content {
        max-width: 100%;
    }

    #banner img     { display: none !important; }
    #wrap_full_page { border: none; }
    #banner         { background: url(../images/banner_hm.jpg) top left no-repeat #FFF;}
    #content #home-slide img { max-width: 100%; height: auto; }
    #home-slide     { height: 90px; }
    #hm_ad, .hm_ad  { float: none; left: 0px; width: 100%; }
    .fotorama       { max-width: 100%; }

    .nav-icon       { display: block; }

    #menus          { height: 4px; background:#2E94F3; }
    ul#menu {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 1001;
        opacity: 1;
        background:#2E94F3;
        top: 0px;
        left: -300%;
        bottom: 0px;
        right: 0px;
        overflow: scroll;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    ul#menu.open {
        left: 0px;
    }

    ul#menu li {
        float: none;
        display: block;
    }

    ul#menu li a {
        color: #fff;
        margin-top: 0px;
        padding: 15px 0px;
        width: 90%;
        margin:0px 5%;
        font-size: 16px;
    }

    ul#menu li span {
        position: static;
        display: block !important;
        line-height: 0px;
        color: #2E94F3;
        margin-top: -10px;
    }

    ul#menu li span a {
        color: #fff;
        display: block;
        line-height: 29px;
        width: 90%;
        margin: 0px 0px 0px 10%;
        font-size: 15px;
    }

    ul#menu li a.arrow { background:none; }
    #wrap_full_page     { height: auto !important; } 
    ul#index { margin-right: 0px; margin-top: -45px; }
    ul#index li {
        margin: 0px;
        width: 100%;
        margin-bottom: 35px;
        float: none;
        display: block;
    }

    ul#index li img { margin-bottom: 5px; }

    #content {
        padding: 20px 20px 30px;
    }

    #wrap_sb_page div#content {
        float: none;
        width: 90%;
        margin: 0px 5%;
        padding: 20px 0px 0px 0px;
    }

    #eg #wrap_sb_page div#content ul {
        width: 100%;
        max-width: 100%;
    }

    ul#index li h2 {
        text-align: left;
    }

    #eg ul#index, #ba ul#index, #rc ul#index {
        margin-top: 40px;
    }

    #wrap_sb_page {
        border:none;
        background:#FCFDFD;
    }

    #sidebar {
        max-width: 100%;
        float: none;
        height: auto;
    }

    #rc table, #rc table tbody, #rc table td, #rc table tr {
        display: block;
        float: none;
        width: 100% !important;
        max-width: 100% !important;
    }

    #ft_cr {
        width: 90% !important;
        position: static !important;
        margin: 0px 5%;
    }

    #cnform, #cninfo {
        width: 100%;
        float: none;
    }

    #cninfo {
        width: 85%;
    }

    #cnform {
        margin-bottom: 40px;
    }

    #rc table img {
        display: block;
        max-width: 100%;
        height: auto;
        float: none;
    }

    body#sm #content ul li {
        float: none;
        display: block;
        max-width: 100% !important;
    }

    #rc #content img {
        max-width: 100%;
        height: auto;
    }

    .mobile-gallery {display: block !important;}
    
    .mobile-gallery a {
        font-weight:700; font-size:11px; line-height:18px; margin-bottom:10px; text-decoration:none; display: block;
    }
}

/* iPAD SIZES */
@media only screen and (min-width : 740px) and (max-width : 800px) { 

}