html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

img {
    border: none
}

@font-face {
    font-family: 'metamorphousregular';
    src: url("./fonts/metamorphous-regular-webfont.eot");
    src: url("./fonts/metamorphous-regular-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/metamorphous-regular-webfont.woff2") format("woff2"), url("./fonts/metamorphous-regular-webfont.woff") format("woff"), url("./fonts/metamorphous-regular-webfont.ttf") format("truetype"), url("./fonts/metamorphous-regular-webfont.svg#metamorphousregular") format("svg");
    font-weight: normal;
    font-style: normal
}

div.iframe-container, div.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

div.iframe-container iframe, div.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

h1, h2, h3, h4, h5, h6 {
    color: #00003f
}

a {
    color: #003366;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none
}

a:hover {
    color: #b17c2c
}

body {
    font-family: "Arial MT Std";
    font-size: 13px;
    color: #6c6c6c;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden
}

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

/* div.container {
    width: 1064px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative
} */

div.top-bar {
    height: 40px;
    border-bottom: 1px #ebebeb solid;
    position: relative;
    background: #fff;
    padding-bottom: 7px;
    z-index: 1200
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.top-bar {
        padding-bottom: 3px
    }
}

div.top-bar h2 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    float: left
}

div.top-bar div.search-form {
    float: left;
    position: relative;
    width: 250px;
    padding-left: 24px
}

div.top-bar div.search-form:before {
    content: "\f4a4";
    font-family: "Ionicons";
    position: absolute;
    left: 0px;
    top: 0;
    font-size: 24px;
    color: #000
}

div.top-bar div.search-form input[type="text"] {
    height: 30px;
    line-height: 30px;
    border: none;
    padding: 0;
    margin: 0;
    width: 200px;
    float: left;
    color: #000;
    font-family: "Arial MT Std"
}

div.region-box {
    float: right;
    cursor: pointer;
    padding: 0;
    height: 30px;
    margin: 10px 0 0 25px
}

div.region-box span {
    font-size: 14px
}

div.region-box:after {
    content: "\f35f";
    font-family: "Ionicons";
    padding-left: 10px;
    font-size: 16px;
    float: right
}

#top-header {
    margin: 0;
    position: relative;
    display: block;
    height: 125px;
}

.clearfix {
    *zoom: 1
}

.clearfix:before {
    content: "";
    clear: both;
    display: table
}

.clearfix:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

#top-header a.logo {
    float: left;
    margin: 20px 10px 0 10px;
    margin-top: 0;
}

#top-header a.logo img {
    max-width: 460px;
    height: auto
}

nav.main-menu {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(./images/gradient-bg.png) left bottom repeat-x;
    font-family: "Arial MT Std";
    border-bottom: 1px #d7d7d7 solid;
    border-left: 1px #d7d7d7 solid;
    -webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.48);
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.48)
}

nav.main-menu ul.mm-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

nav.main-menu ul.mm-menu > li {
    float: left;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

nav.main-menu ul.mm-menu > li:hover ul.sub-menu {
    display: block;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
    opacity: 1
}

nav.main-menu ul.mm-menu > li > a {
    display: block;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    padding: 0 14px 0 14px;
    margin: 0 0 0 0;
    border-left: 1px #d7d7d7 solid;
    text-transform: uppercase;
    color: #141241;
    font-size: 11px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

nav.main-menu ul.mm-menu > li:first-child > a {
    border-left: none
}

nav.main-menu ul.mm-menu > li > a.parent-has-submenu:before {
    content: "\f35f";
    left: 5px;
    font-family: "Ionicons";
    font-size: 13px;
    position: absolute
}

nav.main-menu ul.mm-menu li a:hover {
    color: #b17c2c
}

li.current-item > a {
    color: #b17c2c !important;

}

nav.admin-menu {
    position: absolute;
    right: 0;
    bottom: 0
}

nav.admin-menu ul li a {
    font-size: 11px !important
}

div.region-selector {
    width: 100%;
    height: 510px;
    position: absolute;
    left: 0;
    top: -700px;
    background: #fff url(./images/world-map.jpg) center top no-repeat;
    -webkit-box-shadow: 0px 9px 16px -12px rgba(0, 0, 0, 0.53);
    -moz-box-shadow: 0px 9px 16px -12px rgba(0, 0, 0, 0.53);
    box-shadow: 0px 9px 16px -12px rgba(0, 0, 0, 0.53);
    z-index: 1000
}

div.region-selector div.inner-ctn {
    padding: 100px 0 0 0
}

div.region-selector div.inner-ctn div.col h4 {
    padding: 0 0 10px 30px;
    font-weight: bold
}

div.region-selector div.inner-ctn div.col ul {
    padding: 0 0 0 30px;
    list-style: none
}

div.region-selector div.inner-ctn div.col ul li {
    display: block
}

div.region-selector div.inner-ctn div.col ul li a {
    color: #6c6c6c;
    text-decoration: none;
    padding: 4px 0 4px 0;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.region-selector div.inner-ctn div.col ul li a:before {
    content: '\f30f';
    font-size: 12px;
    font-family: "Ionicons";
    padding-right: 5px
}

div.region-selector div.inner-ctn div.col ul li a:hover {
    color: #b17c2c;
    margin-left: 10px
}

nav.main-menu ul.mm-menu li ul.sub-menu {
    position: absolute;
    list-style: none;
    left: 0;
    width: 210px;
    border: 1px #ebebeb solid;
    background: #fff;
    -webkit-box-shadow: 0px 6px 5px -2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 6px 5px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 6px 5px -2px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: none;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

nav.main-menu ul.mm-menu li ul.sub-menu li {
    display: block
}

nav.main-menu ul.mm-menu li ul.sub-menu li a {
    display: block;
    text-transform: uppercase;
    color: #141241;
    font-size: 11px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-bottom: 1px #ebebeb solid;
    padding: 10px 0 10px 10px;
    text-decoration: none
}

nav.main-menu ul.mm-menu li ul.sub-menu li.current-item > a {
    color: #b17c2c
}

nav.main-menu ul.mm-menu li ul.sub-menu li a:hover {
    background: #f5f5f5;
    color: #b17c2c
}

#slider-wrap {
    position: relative;
    /* width: 1024px;
    height: 300px; */
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0px !important;
    /*     background: url(./images/shadow_img.png) left bottom repeat-x */
}

#slider-wrap2 {
    position: relative;
    width: 824px;
    height: 290px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 11px;
    background: url(./images/shadow_img.png) left bottom repeat-x
}

div.home-slider {
    width: 100%
}

div.home-slider img {
    /* width: 1024px !important;
    height: 300px !important */
}

div.home-slider img {
    display: none
}

div.home-slider img:first-child {
    display: block
}

.col {
    float: left;
    position: relative;
}

.col img {
    max-width: 100%;
    height: auto
}

.col1 {
    width: 80px
}

.col2 {
    width: 180px
}

.col3 {
    width: 280px
}

.col4 {
    width: 392px
}

.col5 {
    width: 504px
}

.col6 {
    width: 604px
}

.col7 {
    width: 704px
}

.col8 {
    width: 804px
}

.col9 {
    width: 904px
}

.col10 {
    width: 1004px
}

.col1.nullpad {
    width: 100px;
    padding-right: 0px !important
}

.col2.nullpad {
    width: 200px;
    padding-right: 0px !important
}

.col3.nullpad {
    width: 300px;
    padding-right: 0px !important
}

.col4.nullpad {
    width: 400px;
    padding-right: 0px !important
}

.col5.nullpad {
    width: 500px;
    padding-right: 0px !important
}

.col6.nullpad {
    width: 600px;
    padding-right: 0px !important
}

.col7.nullpad {
    width: 700px;
    padding-right: 0px !important
}

.col8.nullpad {
    width: 824px;
    padding-right: 0 !important
}

.company-image-container {
    display: flex;
    justify-content: space-between;
}

.company-image-container img {
    margin: 10px;
}

.col8.history-nullpad {
    width: 804px;
    padding-right: 0 !important;
}

.col9.nullpad {
    width: 900px;
    padding-right: 0px !important
}

.col10.nullpad {
    width: 1024px;
    padding-right: 0px !important
}

.col-even {
    width: 48%;
    padding-right: 2%
}

.col-6.offset2 {
    padding-left: 200px !important
}

.col-even.nullpad {
    width: 50%;
    padding-right: 0%
}

.columns {
    width: 100%;
    line-height: 1.5em;
    font-family: "Arial MT Std" !important;
    position: relative
}

h2.sub-title, div.sub-title {
    font-family: "Arial MT Std";
    font-size: 23px;
    font-weight: 300;
    padding-bottom: 4px;
    border-bottom: 1px #e2e2e2 dotted;
    margin-bottom: 30px;
    color: #00003f !important
}

.contact .col5.nullpad {
    width: 100% !important;
    max-width: 520px;
}

.mt-25 {
    margin-top: 25px;
    display: inline-block;
}

article.content {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.8em;
    margin: 0 0 10px 0
}

article.content p {
    margin: 10px 0 25px 0
}

article.content ul {
    list-style: none
}

article.content ul li {
    display: block;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px #e2e2e2 dotted
}

article.content ul li:before {
    content: "\f362";
    font-family: "Ionicons";
    float: left;
    padding-right: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

article.content ul li:hover:before {
    color: #b17c2c !important
}

article.content ul li:first-child {
    border-top: none
}

article.content ul li a {
    color: #6c6c6c;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-left: 30px
}

article.content ul li a:hover {
    color: #b17c2c
}

.firstcharacter {
    float: left;
    color: #00003f;
    font-size: 60px;
    line-height: 45px;
    padding-top: 4px;
    padding-right: 8px;
    font-family: "Times New Roman"
}

footer#main-footer {
    margin: 40px 0 40px 0;
    padding-top: 20px;
    font-size: 12px;
    border-top: 5px #ebebeb solid
}

div.border-wrap {
    padding: 10px 30px 30px 30px;
    border: 1px #e2e2e2 solid
}

footer#main-footer p.copyright {
    float: left
}

footer#main-footer a.email {
    color: #000;
    padding: 10px 0 10px 0;
    display: block;
    float: left;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

footer#main-footer a.email:before {
    content: "\f132";
    font-family: "Ionicons";
    font-size: 30px;
    position: absolute;
    left: -30px;
    top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

footer#main-footer a.email:hover {
    color: #b17c2c !important
}

footer#main-footer a.email:hover:before {
    color: #b17c2c !important
}

nav.footer-nav {
    float: right
}

nav.footer-nav ul {
    list-style: none
}

nav.footer-nav ul li {
    float: left
}

nav.footer-nav ul li a {
    display: block;
    color: #6c6c6c;
    text-decoration: none;
    padding: 0 5px 0 5px;
    border-left: 1px #6c6c6c solid;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

nav.footer-nav ul li a:hover {
    color: #b17c2c !important
}

nav.footer-nav ul li:first-child a {
    border-left: none
}

h1.page-title {
    padding: 10px 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px #ebebeb solid;
    font-size: 30px;
    font-family: "Arial MT Std";
    color: #00003f
}

h1.page-title:before {
    content: "";
    clear: both;
    display: table
}

h1.page-title:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

nav.side-nav ul {
    list-style: none
}

nav.side-nav ul li {
    display: block
}

nav.side-nav > ul > li, ul.side-sub-menu > li {
    border-bottom: 1px #EBEBEB solid !important
}

nav.side-nav > ul > li > ul.side-sub-menu > li:last-child {
    border-bottom: none !important;
}

nav.side-nav ul li a i {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-right: 10px
}

nav.side-nav ul li a {
    display: block;
    padding: 4px 0 4px 0;
    text-decoration: none;
    color: #6c6c6c;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

nav.side-nav ul li a:hover {
    color: #b17c2c
}

nav.side-nav ul li a:hover i {
    padding-right: 15px
}

nav.side-nav ul li.current-item > a {
    color: #b17c2c !important
}

article.content-block {
    padding: 20px 0 20px 0;
    text-align: justify
}

div.col article.content-block:first-child {
    padding-top: 0 !important
}

article.content-block.pad-bot0, .pad-bot0 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

article.content-block h3 {
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 1px #e2e2e2 solid
}

h3.decorative-heading {
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 1px #e2e2e2 solid;
    line-height: 0.9em
}

.pad-top0 {
    padding-top: 0 !important
}

.marg-top0 {
    margin-top: 0 !important
}

article.content-block h4 {
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    border-bottom: 1px #e2e2e2 solid
}

article.content-block ul {
    list-style: none
}

article.content-block ul li {
    display: block;
    padding: 4px 0 4px 20px;
    position: relative
}

article.content-block ul li:before {
    content: "\f362";
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

article.content-block ol {
    padding-left: 14px
}

article.content-block p {
    margin: 15px 0 15px 0
}

article.content-block p:first-child {
    margin: 0 0 15px 0
}

div.text-block {
    padding: 5px 5px 0 5px;
    border: 1px #6c6c6c solid
}

div.text-block h3 {
    padding: 10px 5px 10px 10px;
    background: #2356c8 url(./images/title-gradient.png) left top repeat-x;
    color: #fff
}

div.text-block h3 a {
    color: #fff;
    text-decoration: none
}

div.text-block ul {
    list-style: none;
    padding: 10px 10px 0 10px
}

div.text-block ul li {
    display: block;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px #6c6c6c solid;
    margin-bottom: 4px
}

div.text-block ul li:last-child {
    border-bottom: none
}

div.text-block ul li a {
    color: #6c6c6c;
    display: block;
    text-decoration: none;
    padding-left: 18px;
    font-size: 11px;
    line-height: 1.2em;
    text-align: justify;
    background: none !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.text-block ul li a:before {
    content: "\f362";
    position: absolute;
    left: 0;
    font-family: "Ionicons";
    font-size: 16px;
    top: 0px
}

div.text-block ul li a:hover {
    color: #b17c2c
}

div.text-block ul li a:hover i {
    padding-right: 15px
}

div.login-form {
    float: right;
    padding: 30px 20px 0 0
}

div.login-form div.form-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    font-family: "Arial MT Std"
}

div.login-form div.form-row.null-pad {
    margin-bottom: 0
}

div.login-form input[type="text"], div.login-form input[type="password"] {
    float: left;
    width: 198px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block;
    font-family: "Arial MT Std"
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder {
    font-family: "Ionicons";
    font-size: 18px
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder {
    font-family: "Ionicons";
    font-size: 18px
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder {
    font-family: "Ionicons";
    font-size: 18px
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder {
    font-family: "Ionicons";
    font-size: 18px
}

div.login-form label {
    float: left;
    width: 80px;
    height: 28px;
    line-height: 32px;
    display: block;
    font-family: "Arial MT Std"
}

div.login-form input[type="submit"] {
    display: block;
    width: 198px;
    height: 28px;
    margin-left: 80px;
    float: left;
    background: #121041;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.login-form input[type="submit"]:hover {
    background: #b2b2b2
}

.fancy-btn {
    display: block;
    width: 206px;
    height: 40px;
    line-height: 40px;
    margin-left: 0 !important;
    margin-right: 40px !important;
    margin-top: 0 !important;
    float: left;
    background: #121041;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.fancy-btn:hover {
    background: #b2b2b2
}

input[type="submit"] {
    cursor: pointer !important
}

div.login-form div.form-links {
    padding-left: 80px
}

div.login-form div.form-links a {
    float: left;
    color: #121041;
    text-decoration: underline;
    display: block;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.login-form div.form-links a:first-child {
    margin-right: 24px
}

div.login-form div.form-links a:hover {
    color: #b17c2c
}

div.errors {
    color: #ae0101;
    clear: both;
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 110px;
    padding-right: 5px;
    font-size: 12px;
    cursor: pointer;
    height: 28px;
    line-height: 20px
}

div.errors div, div.invalid-login div {
    display: block;
    position: relative;
    padding-left: 25px;
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
    font-size: 12px
}

div.invalid-login {
    color: #ae0101;
    clear: both;
    overflow: hidden;
    display: block;
    position: relative;
    padding-left: 80px;
    display: block
}

div.login-form div.errors {
    top: 5px
}

div.errors div:before, div.invalid-login div:before {
    content: "\f12a";
    position: absolute;
    left: 0;
    font-family: "Ionicons"
}

div.user-links {
    float: right;
    padding-left: 28px;
    padding-right: 28px;
    border-left: 1px #efefef solid;
    border-right: 1px #efefef solid;
    padding-bottom: 0px;
    margin-top: -45px;
    margin-bottom: 45px;
    position: relative;
    z-index: 1400;
}

div.public-bar {
    border-right: 1px #efefef solid !important;
    border-left: 1px #efefef solid !important
}

div.public-bar div.world-clock span {
    float: left;
    text-align: right;
    padding: 3px 0 14px 6px;
    width: 74px !important;
    margin: 0 4px 0 0;
    border-left: 1px #ebebeb solid
}

div.public-bar div.world-clock span:first-child {
    border-left: none !important
}

/*
a.profile-link {
    display: block;
    clear: both;
    overflow: hidden;
    border-bottom: 1px #efefef solid;
    font-size: 11px;
    color: #00003f;
    margin-top: 2px;
    padding: 3px 0 3px 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

a.profile-link:hover {
    color: #b17c2c
}

a.profile-link:before {
    content: "\f2bf";
    position: absolute;
    left: 3px;
    top: 2px;
    font-family: "Ionicons";
    font-size: 14px
}
a.intranet-link {
    display: block;
    clear: both;
    overflow: hidden;
    border-bottom: 1px #efefef solid;
    font-size: 11px;
    color: #00003f;
    margin-top: 2px;
    padding: 3px 0 3px 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

a.intranet-link:hover {
    color: #b17c2c
}

a.intranet-link:before {
    content: "\f13e";
    position: absolute;
    left: 3px;
    top: 0;
    font-family: "Ionicons";
    font-size: 17px
}

a.home-link {
    display: block;
    clear: both;
    overflow: hidden;
    border-bottom: 1px #efefef solid;
    font-size: 11px;
    color: #00003f;
    margin-top: 2px;
    padding: 3px 0 3px 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

a.home-link:hover {
    color: #b17c2c
}

a.home-link:before {
    content: "\f38f";
    position: absolute;
    left: 3px;
    top: 0;
    font-family: "Ionicons";
    font-size: 17px
}

a.logout-link {
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 11px;
    color: #00003f;
    padding: 3px 0 3px 20px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

a.logout-link:hover {
    color: #b17c2c
}

a.logout-link:before {
    content: "\f29f";
    position: absolute;
    left: 3px;
    top: 2px;
    font-family: "Ionicons";
    font-size: 14px
}
 */

div.form-wrapper {
    margin-bottom: 50px
}

div.form-wrapper form {
    display: block
}

div.form-wrapper div.form-row {
    display: block;
    padding: 15px 0 15px 10px;
    *zoom: 1
}

div.form-wrapper div.form-row:before {
    content: "";
    clear: both;
    display: table
}

div.form-wrapper div.form-row:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

div.form-wrapper div.form-row:nth-child(even) {
    background: #fcfcfc
}

div.form-wrapper div.form-row:nth-child(odd) {
    background: #f1f1f1
}

div.form-wrapper div.form-row {
    position: relative
}

div.form-wrapper label {
    float: left;
    width: 150px;
    height: 35px;
    line-height: 38px;
    display: block
}

div.form-wrapper input[type="text"], div.form-wrapper input[type="password"], div.form-wrapper input[type="email"] {
    float: left;
    width: 100%;
    max-width: 310px;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block
}

div.form-wrapper textarea {
    float: left;
    width: 100%;
    max-width: 310px;
    height: 150px;
    padding: 0 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block
}

div.form-wrapper select {
    float: left;
    width: 317px;
    padding: 10px 0 10px 0;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block
}

div.form-wrapper input[type="text"]::-webkit-input-placeholder, div.form-wrapper input[type="password"]::-webkit-input-placeholder {
    font-family: "Ionicons";
    font-size: 18px
}

div.form-wrapper input[type="submit"] {
    display: block;
    width: 157px;
    height: 40px;
    line-height: 40px;
    margin-left: 150px;
    float: left;
    margin-top: 15px;
    background: #0d113f;
    color: #fff;
    border: none;
    padding: 0 35px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.form-wrapper input[type="submit"]:hover {
    background: #b2b2b2
}

div.form-wrapper div.errors {
    position: relative;
    padding-left: 150px;
    padding-right: 0px
}

div.success-msg {
    width: 100%;
    padding: 10px 0 10px 10px;
    background: #adadad;
    color: #0d113f;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
    margin-bottom: 10px
}

table {
    width: 100%;
    border-collapse: collapse
}

table tbody tr:nth-child(even) td {
    background: #ffffff
}

table tbody tr:nth-child(odd) td {
    background: #f2f2f2
}

table tr td {
    border: 1px #E7E7E7 solid;
    padding: 10px;
    vertical-align: middle
}

table tr td a {
    color: #141241
}

div.chkx {
    margin-bottom: 0px !important;
    padding-bottom: 0 !important
}

span.ss-icon, span.er-icon {
    font-family: "Ionicons";
    font-size: 24px
}

span.ss-icon {
    color: #009932
}

span.er-icon {
    color: #c60000
}

div.right-aligned {
    float: right;
    margin: 20px 0 25px 25px
}

h3.mmright470px {
    margin-right: 470px
}

img.img-aligned-center {
    display: block;
    margin: 20px auto
}

img.img-aligned-left {
    float: left;
    margin: 0 25px 10px 0
}

img.img-aligned-left.pad-less {
    margin: 0 15px 0 0 !important
}

img.img-aligned-right {
    float: right;
    margin: 0 0 10px 25px
}

img.img-aligned-right2 {
    float: right;
    margin: 3px 0 10px 10px
}

h3.margin-left-add {
    margin-left: 250px !important;
    margin-bottom: 3px !important;
    padding-bottom: 2px !important;
    border-color: #f2f2f2 !important;
    font-size: 15px !important;
    line-height: 0.9em
}

h3.margin-left-add a {
    text-decoration: none
}

div.terms {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 20px 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px #eaeaea dotted
}

div.terms.pad-top0 {
    margin: 0 0 20px 0 !important
}

div.terms div.qq {
    float: left;
    width: 170px;
    font-weight: bold;
    color: #666666;
    text-align: left !important
}

div.terms div.an {
    float: left;
    width: 68%
}

div.terms div.an p {
    margin: 0 0 10px 0
}

div.legal-notices {
    text-align: justify
}

article.contact-info div.cc-img-holder {
    float: left;
    margin: 0 30px 0 0;
    width: 100px
}

article.contact-info div.cc-img-holder a {
    display: block;
    margin-top: 0;
    text-decoration: none
}

article.contact-info ul {
    list-style: none;
    margin-left: 130px
}

article.contact-info ul li {
    padding-top: 0;
    line-height: 1.2em;
    font-size: 13px
}

article.contact-info ul li:before {
    content: "";
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

article.iframe-inner {
    padding-top: 0 !important;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

article.iframe-inner div.iframe-container {
    margin-top: 30px;
    padding-bottom: 30% !important
}

article.iframe-inner:first-child {
    margin-top: 41px
}

article.iframe-inner:nth-child(2), article.iframe-inner:nth-child(3) {
    margin-top: 41px !important
}

a.block-link {
    display: block;
    float: left;
    width: 49%;
    margin-right: 1%;
    text-align: center;
    text-decoration: none;
    background: #b2b2b2;
    color: #fff;
    font-size: 20px;
    padding-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 10px
}

a.block-link:hover {
    background: #141241
}

a.full-block {
    width: 100% !important;
    float: none !important;
    clear: both;
    overflow: hidden
}

a.block-link.second-block {
    margin-right: 0;
    margin-left: 1%
}

a.block-link span {
    display: block;
    padding: 20px 20px 10px 20px;
    line-height: 1.4em
}

a.block-link.second-block span {
    padding: 10px 20px 20px 20px
}

aside img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto
}

.align-left {
    float: left
}

div.rm-contact {
    text-align: center
}

div.rm-contact i {
    font-size: 96px !important;
    display: block;
    clear: both;
    overflow: hidden
}

.justify-text {
    text-align: justify
}

#video-container1 {
    width: 100% !important;
    margin: 23px 0 5px 0;
    zoom: 1
}

#video-container1_wrapper {
    width: 100% !important;
    margin: 50px auto;
    zoom: 1
}

#video-container2 {
    margin: 23px 0 5px 0;
    width: 100% !important;
    zoom: 1
}

#video-container2_wrapper {
    width: 100% !important;
    margin: 50px auto;
    zoom: 1
}

span.jwvideo {
    width: 100%;
    display: block !important
}

span.jwvideo video {
    display: block
}

div.form-row textarea.excerpt_editor {
    width: 99% !important;
    height: 200px
}

div.form-row textarea.content_editor {
    max-width: 98% !important;
    height: 500px
}

div.officers {
    display: block
}

div.officers div.officer {
    display: block;
    *zoom: 1;
    overflow: hidden;
    margin: 0 0 25px 0;
    padding-bottom: 15px;
    border-bottom: 1px #d8ddf6 dotted;
    text-align: justify
}

div.officers div.officer:before {
    content: "";
    clear: both;
    display: table
}

div.officers div.officer:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

div.officers div.officer img {
    float: left;
    margin: 0 15px 15px 0
}

div.officers div.officer h3 {
    display: block;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    font-size: 16px
}

div.officers div.officer h3 a {
    text-decoration: none;
    font-style: italic;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.officers div.officer h3 a:hover {
    color: #b17c2c
}

h3.off-cat {
    display: block;
    margin: 30px 0 15px 0;
    font-size: 18px;
    border-bottom: 1px #0f1b53 dotted;
    padding-bottom: 10px
}

a.read-more {
    float: right;
    display: block;
    clear: both;
    margin: 5px 0 0 0;
    padding-left: 25px;
    text-decoration: none;
    position: relative
}

a.read-more:before {
    content: "\f362";
    font-size: 18px;
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

a.back-link {
    float: right;
    display: block;
    clear: both;
    margin: 5px 0 0 0;
    padding-left: 25px;
    text-decoration: none;
    position: relative
}

a.back-link:before {
    content: "\f360";
    font-size: 18px;
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

a.read-more2 {
    float: right;
    margin: 5px 20px 0 0 !important;
    padding-left: 25px;
    text-decoration: none;
    position: relative
}

a.read-more2:before {
    content: "\f362";
    font-size: 18px;
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

a.read-more3 {
    display: block;
    margin: 5px 0 0 0;
    padding-left: 25px;
    text-decoration: none;
    position: relative
}

a.read-more3:before {
    content: "\f362";
    font-size: 18px;
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

a.go-back {
    float: right;
    padding-left: 25px;
    text-decoration: none;
    position: relative;
    color: #6c6c6c;
    text-decoration: none;
}
a.go-back:hover {
    color: #b17c2c
}

a.go-back:before {
    content: "\f360";
    font-size: 18px;
    font-family: "Ionicons";
    position: absolute;
    left: -40px;
    top: 60px;
}


div.officer-biography div.profile-image {
    float: left;
    margin: 0 15px 15px 0
}

div.officer-content {
    margin-left: 100px
}

div.officer-content ul {
    list-style: none
}

div.officer-content ul li {
    display: block;
    padding: 0px 0 18px 20px;
    position: relative
}

div.officer-content ul li:before {
    content: "\f362";
    font-size: 14px;
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

div.officer-content ul li ul {
    padding: 10px 0 10px 10px
}

div.officer-content ul li ul li {
    display: block;
    padding: 2px 0 2px 10px;
    position: relative
}

div.officer-content ul li ul li:before {
    content: "\f30f";
    font-size: 10px;
    font-family: "Ionicons";
    position: absolute;
    left: 0
}

div.world-clock {
    font-size: 9px;
    float: left;
    font-family: "Arial MT Std";
    *zoom: 1
}

div.world-clock:before {
    content: "";
    clear: both;
    display: table
}

div.world-clock:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

div.world-clock span {
    float: left;
    text-align: right;
    padding: 3px 0 13px 6px;
    width: 72px;
    margin: 0 4px 0 0;
    border-left: 1px #ebebeb solid
}

div.world-clock span:first-child {
    padding-bottom: 13px !important
}

div.world-clock span:last-child {
    margin: 0 !important
}

div.world-clock em {
    font-style: normal;
    font-weight: 700
}

h1.page-title span {
    font-size: 11px;
    display: none
}

img.table-img {
    max-width: 150px;
    height: auto
}

div.admin-top-bar {
    border-left: 1px #ebebeb solid
}

h3.admin-bar-title {
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    line-height: 44px;
    font-family: "Arial MT Std";
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 10px
}

div.news-item {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 4px 0
}

img.news-img {
    max-width: 300px
}

div.news-item img {
    float: left;
    max-width: 150px;
    height: auto;
    margin: 0 25px 25px 0
}

div.news-item h3.news-title, div.news-item h3.news-title a {
    font-size: 14px;
    color: #2f2f4b;
    font-style: italic;
    text-decoration: none;
    display: block;
    float: left;
    width: 85%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-overflow: ellipsis;
}

div.news-item h3.news-title span {
    display: block;
    float: left;
    width: 15%;
    padding: 0 40px 0 0;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*div.news-item h3.news-title a:before {*/
/*content: "\f362";*/
/*position: absolute;*/
/*left: 0;*/
/*font-family: "Ionicons";*/
/*font-style: normal*/
/*}*/

div.news-item h3.news-title a:hover {
    color: #b17c2c
}

div.news-item h3.news-title {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px #0f1b53 dotted;
    position: relative;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.news-item .news-content {
    text-align: justify
}

.single-news-content {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #ebebeb solid !important
}

article.news-content p:first-child {
    margin-top: 0;
    padding-top: 0
}

article.news-content img.img-aligned-left {
    margin: 0 5px 5px 0 !important
}

article.news-content img.img-aligned-right {
    margin: 0 0 0 5px !important
}

div.news-item a.read-more {
    float: right;
    margin: 10px 0 0 0
}

img.responsive-img {
    max-width: 100%;
    height: auto
}

div.white-paper {
    display: block;
    margin: 10px 0 20px 0;
    border-bottom: 1px #d8ddf6 dotted;
    padding-bottom: 20px
}

div.white-paper h3.pp-title {
    margin: 0 0 5px 0
}

div.white-paper h3.pp-title a {
    font-size: 15px;
    color: #2f2f4b;
    font-style: italic;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 8px 0 8px 35px;
    display: block;
    text-align: justify;
    background: url(./images/adobe-icon.png) left center no-repeat
}

div.white-paper h3.pp-title a:hover {
    color: #b17c2c
}

h4.author {
    padding: 0 0 0 35px;
    color: #2f2f4b;
    font-style: italic
}

h2.cat-title {
    padding: 10px 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px #ebebeb solid;
    font-size: 24px
}

input.selected-url {
    display: block;
    margin: 5px 0 0 0;
    padding: 5px;
    background: #333;
    color: #fff;
    cursor: default;
    width: 90% !important;
    max-width: 100% !important;
    display: block
}

.bot-no-border {
    border-bottom: none !important
}

div.register-form div.form-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 8px 0 8px 0;
    position: relative
}

div.register-form div.form-row label {
    float: left;
    width: 250px;
    margin-right: 40px
}

div.register-form div.form-row div.radio-group {
    margin: 10px 0 0 0
}

div.register-form div.form-row div.radio-group label {
    float: none !important;
    width: auto;
    margin-right: 0px
}

div.register-form div.form-row input[type="text"], div.register-form div.form-row input[type="email"], div.register-form div.form-row input[type="password"] {
    float: left;
    width: 300px;
    height: 28px;
    line-height: 28px
}

div.register-form div.form-row select {
    float: left;
    width: 306px;
    padding: 8px 0 8px 0
}

div.register-form h3.block-title {
    font-style: italic;
    font-size: 16px;
    margin: 20px 0 20px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px #ebebeb solid;
    width: 592px
}

div.register-form input[type='submit'] {
    float: left;
    padding: 8px 0 8px 0;
    width: 150px;
    background: #141241 url(./images/arrow-continue.png) 90% center no-repeat;
    color: #fff;
    border: none;
    display: block;
    margin-left: 290px;
    position: relative;
    font-size: 16px
}

button.back-btn {
    float: left;
    padding: 8px 0 8px 0;
    width: 150px;
    background: #141241 url(./images/arrow-back.png) 10% center no-repeat;
    color: #fff;
    border: none;
    display: block;
    margin-left: 40px;
    position: relative;
    font-size: 16px
}

.mebutton {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 5px;
    border: none;
    background: none;
    opacity: 0.5;
}

.mebutton:hover {
    cursor: pointer
}

div.register-form div.form-row div.errors {
    color: #ae0101;
    clear: both;
    overflow: hidden;
    display: block;
    position: relative;
    padding-left: 290px;
    padding-right: 0px;
    cursor: pointer;
    height: 28px;
    line-height: 20px
}

div.register-form div.form-row.chk-row > label {
    float: none;
    width: auto;
    margin-right: 0;
    clear: both;
    overflow: hidden;
    border-bottom: 1px #f2f2f2 solid;
    padding-bottom: 10px;
    display: block
}

div.register-form div.form-row.chk-row label input[type='checkbox'] {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px
}

h3.block-field-title {
    margin: 15px 0 15px 0
}

div.subform-row {
    padding: 10px 0 10px 40px;
    background: #f2f2f2;
    clear: both;
    overflow: hidden
}

div.subform-row label {
    float: left;
    width: auto !important;
    margin-right: 0;
    clear: both;
    overflow: hidden;
    padding-top: 10px
}

div.padd-left-lab label input[type='checkbox'] {
    margin-right: 22px !important
}

div.padd-left-lab {
    padding-left: 54px
}

div.rad-row h3 {
    margin-top: 25px;
    margin-bottom: 10px
}

div.rad-row label {
    display: block;
    clear: both;
    overflow: hidden;
    width: 100% !important;
    margin: 3px 0 3px 0
}

div.agreement-block {
    text-align: justify
}

label.required:after {
    padding-left: 5px;
    content: '*';
    color: #c70013
}

ul.dir-struct ul {
    list-style: none;
    display: none
}

ul.dir-struct li a, ul.dir-struct2 li a {
    color: #888888
}

article.content-block ul.dir-struct li:before, article.content-block ul.dir-struct2 li:before {
    content: "";
    font-family: "Arial MT Std";
    position: relative;
    left: 0
}

ul.dir-struct ul, ul.dir-struct2 ul {
    padding-left: 10px;
    background: url(images/border-repeater.png) 43px top repeat-y
}

ul.dir-struct li, ul.dir-struct2 li {
    display: block
}

ul.dir-struct li a, ul.dir-struct2 li a {
    display: block;
    padding: 8px 0 8px 35px;
    background: url(./images/folder-icon-plus.png) left top no-repeat;
    background-size: 30px auto;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

#dataroom-tree-intranet ul li {
    position: relative;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 0 5px 0
}

h3.catin-title {
    display: block;
    font-size: 18px;
    margin: 40px 0 20px 0;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 1px #ebebeb solid
}

#dataroom-tree-intranet ul.dir-struct li a.edit-cat {
    width: 20px !important;
    height: 20px !important;
    background: url(./images/edit-icon.png) no-repeat !important;
    position: absolute;
    right: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 4px;
    display: block !important
}

#dataroom-tree-intranet ul.dir-struct a.edit-file-title {
    width: 20px !important;
    height: 20px !important;
    background: url(./images/edit-icon.png) no-repeat !important;
    position: absolute;
    right: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 3px;
    display: block !important
}

#dataroom-tree-intranet ul.dir-struct ul {
    padding-left: 30px
}

#dataroom-tree-intranet ul.dir-struct li a.tree-link {
    border-bottom: 1px #dcdcdc solid
}

#dataroom-tree-intranet ul.dir-struct li a.delete-user {
    width: 20px;
    height: 20px;
    background: url(./images/trash-icon.png) no-repeat !important;
    position: absolute;
    right: 0;
    top: 3px;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important
}

#dataroom-tree-intranet ul.dir-struct li.file-list {
    border-bottom: 1px #dcdcdc solid
}

#dataroom-tree-intranet ul.dir-struct li a.file-del-link {
    width: 20px;
    height: 20px;
    background: url(./images/delete-file-icon.png) no-repeat !important;
    position: absolute;
    right: 0;
    top: 3px;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important
}

ul.dir-struct li a:hover, ul.dir-struct2 li a:hover {
    color: #b17c2c
}

ul.file-list li a {
    background: url(./images/icon-file.png) left top no-repeat !important;
    background-size: 20px auto !important
}

a.file-link {
    background: url(./images/icon-file.png) left top no-repeat !important;
    background-size: 20px auto !important
}

ul.dir-struct ul.sub-dirs ul, ul.dir-struct ul.sub-dir-list, ul.dir-struct ul.sub-dirs {
    display: none
}

ul.dir-struct2 ul.sub-dirs ul, ul.dir-struct2 ul.sub-dir-list, ul.dir-struct2 ul.sub-dirs {
    display: none
}

.txt-right {
    text-align: right !important
}

div.border-sep {
    display: block;
    height: 25px;
    margin-bottom: 10px;
    border-bottom: 1px #ebebeb solid
}

ul.sitemap {
    display: block
}

ul.sitemap li {
    display: block
}

ul.sitemap li a {
    padding: 5px 0 5px 0;
    margin: 0 0 10px 0;
    display: block;
    text-decoration: none;
    font-size: 14px
}

ul.sitemap li a:before {
    content: "\f362";
    font-size: 12px;
    font-family: "Ionicons";
    padding-right: 5px
}

ul.sitemap li a:hover {
    color: #b17c2c
}

ul.sitemap li ul {
    padding-left: 30px
}

article.petroleum-data {
    clear: both;
    overflow: hidden
}

article.petroleum-data div.ptr-pp {
    display: block;
    *zoom: 1;
    width: 100%;
    padding: 10px;
    margin: 0 0 25px 0;
    background: #ebebeb;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    clear: both;
    overflow: hidden
}

article.petroleum-data div.ptr-pp:before {
    content: "";
    clear: both;
    display: table
}

article.petroleum-data div.ptr-pp:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

article.petroleum-data div.ptr-pp img {
    float: left;
    margin: 0 20px 0 0
}

article.petroleum-data div.ptr-pp h3 {
    margin: 0 0 15px 0
}

article.petroleum-data div.ptr-pp p.desc {
    padding: 0 25px 15px 0;
    font-size: 14px !important
}

article.petroleum-data div.ptr-pp h3 a {
    font-size: 20px;
    font-style: italic;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

article.petroleum-data div.clear-row {
    *zoom: 1;
    width: 100%;
    overflow: hidden
}

article.petroleum-data div.clear-row:before {
    content: "";
    clear: both;
    display: table
}

article.petroleum-data div.clear-row:after {
    content: "";
    clear: both;
    overflow: hidden;
    display: table
}

article.petro-content {
    text-align: justify
}

article.petro-content ul {
    padding-left: 15px
}

article.petro-content p:first-child {
    margin: 0 !important;
    padding: 0 !important
}

div.chart-wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    height: 719px;
    background: url(./images/chart-bg.jpg) no-repeat;
    background-size: cover;
    margin: 0 auto
}

div.chart-wrap div.block-item {
    position: absolute;
    width: 210px;
    padding: 14px;
    color: #fff;
    text-align: center;
    font-size: 12px
}

div.chart-wrap div.block-item h3 {
    font-size: 13px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600
}

div.chart-wrap div.block-item a {
    color: #fff;
    display: block;
    padding: 1px 0 1px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.chart-wrap div.block-item a:hover {
    color: #b17c2c
}

div.chart-wrap div.block1 {
    height: 140px
}

div.chart-wrap div.block1.pos1 {
    left: 54px;
    top: 106px
}

div.chart-wrap div.block1.pos1 h3 {
    padding-top: 10px !important
}

div.chart-wrap div.block1.pos2 h3 {
    padding-top: 40px !important
}

div.chart-wrap div.block1.pos3 h3 {
    padding-top: 20px !important
}

div.chart-wrap div.block1.pos2 {
    left: 402px;
    top: 106px
}

div.chart-wrap div.block1.pos3 {
    left: 750px;
    top: 106px
}

div.chart-wrap div.block2.pos1 {
    left: 56px;
    top: 417px
}

div.chart-wrap div.block2, div.chart-wrap div.block3, div.chart-wrap div.block4 {
    height: 102px
}

div.chart-wrap div.block2.pos2 {
    left: 751px;
    top: 417px
}

div.chart-wrap div.block3.pos1 {
    left: 291px;
    top: 356px
}

div.chart-wrap div.block3.pos2 {
    left: 519px;
    top: 356px
}

div.chart-wrap div.block3.pos1 h3, div.chart-wrap div.block3.pos2 h3 {
    padding-top: 26px !important
}

div.chart-wrap div.block4.pos1 {
    left: 174px;
    top: 576px
}

div.chart-wrap div.block4.pos2 {
    left: 633px;
    top: 576px
}

div.chart-wrap div.block4.pos1 h3, div.chart-wrap div.block4.pos2 h3 {
    padding-top: 20px !important
}

div.border-around {
    padding: 20px;
    border: 1px #cccccc solid
}

.hidden-on-start {
    display: none
}

a.selected-dir {
    color: #00cc04;
    font-weight: bold
}

.visible-block {
    display: block !important
}

article.disclaimer-section {
    margin-top: 0 !important;
    padding-top: 0 !important
}

h1.pad-bot-disclaimer {
    margin-bottom: 0 !important
}

article.disclaimer-section h3 {
    text-align: center;
    margin: 25px 0 25px 0
}

article.disclaimer-section form {
    text-align: center
}

article.disclaimer-section input[type='submit'] {
    display: inline-block;
    background: #0d113f !important;
    color: #fff;
    border: none;
    padding: 8px 35px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

article.disclaimer-section input[type='submit']:hover {
    background: #b2b2b2 !important
}

article.top-pad-empty {
    padding-top: 0;
    margin-top: 0
}

article.top-pad-empty p:first-child {
    margin-top: 0;
    padding-top: 0
}

h3.chart-title {
    width: 100%;
    left: 0;
    top: 15px;
    position: absolute;
    text-align: center;
    font-size: 20px;
    z-index: 9999
}

div.chart-txt {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    font-family: "Arial MT Std";
    font-size: 15px;
    color: #00003f;
    text-align: center;
    z-index: 9999
}

#video-home1 {
    width: 100% !important;
    min-height: 280px !important;
    margin-top: 15px
}

img.jwlogo {
    display: none !important
}

#video-press {
    width: 512px !important;
    float: right !important;
    height: 280px !important;
    margin: 0 0 0 10px !important
}

form.profile-form div.form-row {
    margin-bottom: 10px;
    position: relative
}

form.profile-form div.form-row input[type="file"] {
    display: block;
    padding: 8px 0 5px 0 !important
}

form.profile-form label {
    width: 140px;
    float: left;
    padding-top: 10px
}

form.profile-form input[type='text'], form.profile-form input[type='email'], form.profile-form input[type='password'] {
    width: 100%;
    max-width: 310px;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block
}

form.profile-form select {
    width: 317px;
    padding: 10px 0 10px 0;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block
}

form.profile-form input[type='submit'] {
    display: block;
    width: 157px;
    height: 40px;
    line-height: 40px;
    margin-left: 140px;
    float: left;
    margin-top: 15px;
    background: #0d113f;
    color: #fff;
    border: none;
    padding: 0 35px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

form.profile-form input[type='submit']:hover {
    background: #b2b2b2
}

form.profile-form div.errors {
    display: block;
    clear: both;
    position: relative !important;
    padding-left: 141px
}

div.error-label {
    position: relative;
    color: #ae0101;
    clear: both;
    overflow: hidden;
    display: block;
    margin-left: 140px;
    padding-left: 15px;
    font-size: 12px;
    cursor: pointer
}

div.error-label:before {
    content: "\f12a";
    position: absolute;
    left: 0;
    font-family: "Ionicons"
}

div.lang-chooser {
    width: 150px !important;
    margin: 50px auto !important;
    float: none !important
}

div.slides {
    overflow: hidden;
    width: 450px;
    height: auto;
    position: relative;
    margin-top: 0 !important
}

div.slides img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

div.slides img {
    display: none
}

div.slides img:first-child {
    display: block
}

div.slides p.smallclass {
    display: block;
    height: 55px !important;
}

.align-center {
    text-align: center;
    border-bottom: none !important
}

article.petro-content1 img.featured-thumb {
    display: none
}

div.sitemap-img {
    display: block;
    margin-bottom: 0;
    text-align: right
}

div.sitemap-img img {
    width: 370px !important;
    height: auto
}

div.sitemap-img h3 {
    margin-top: 0;
    font-size: 11px;
    margin-bottom: 3px;
    line-height: 1.2em;
    color: #666666
}

ul.side-sub-menu {
    /* display: none; */
    border-top: 1px #EBEBEB solid;
}

ul.side-sub-menu li a {
    padding-left: 15px !important;
}

ul.side-sub-menu li ul.side-sub-menu li a {
    padding-left: 30px !important;
    border-bottom: 1px #EBEBEB solid !important
}

img.company-img {
    width: 100%;
    height: auto;
    padding-bottom: 11px;
    background: url(./images/shadow_img.png) left bottom repeat-x
}

img.img135px {
    height: 135px;
    width: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-right: 10px !important;
    border: 1px #CCC solid
}

.products_list {
    padding-left: 15px;
}

div.breadcrumbs {
    clear: both;
    overflow: hidden;
    margin: 15px 0 5px 0;
    border-bottom: 1px #ebebeb solid;
    padding-bottom: 4px
}

div.breadcrumbs ul {
    list-style: none
}

div.breadcrumbs ul li {
    float: left;
    position: relative
}

div.breadcrumbs ul li a {
    display: block;
    text-decoration: none;
    color: #094981;
    padding: 0 8px 0 0
}

div.breadcrumbs ul li span {
    display: block
}

div.slide-animation {
    position: absolute;
    width: 1320px;
    height: 452px;
    left: 0;
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    display: none;
    z-index: 1000
}

div.slide-animation2 {
    width: 824px
}

div.left-gray-part, div.right-gray-part {
    position: absolute;
    width: 512px;
    height: 300px;
    z-index: 1;
    background: #000;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=0.4);
    opacity: 0.4
}

div.left-gray-part {
    left: -512px;
    top: 0
}

div.right-gray-part {
    right: -512px;
    top: 0
}

h3.text-line {
    position: absolute;
    padding: 20px;
    color: #fff;
    z-index: 10;
    font-family: Arial !important;
    text-decoration: none;
    font-size: 30px;
    font-weight: normal !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

div.slide-animation2 h3.text-line {
    font-size: 26px;
    font-weight: 400 !important;
    line-height: 1.1em
}

h3.text-line2 {
    text-align: right;
    right: 512px;
    bottom: 0px
}

div.bluebg-part {
    position: absolute;
    /* width: 1024px;
    height: 300px; */
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000000;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=0.3);
    opacity: 0.3;
    left: -100%;
    top: 0
}

div.bluebg-part2 {
    height: 291px !important
}

div.light-gray-part {
    position: absolute;
    width: 1024px;
    height: 300px;
    z-index: 1;
    background: #000000;
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    filter: alpha(opacity=0.1);
    opacity: 0.1;
    left: -1024px;
    top: 0;
    z-index: 1
}

h3.text-line-top-left {
    left: -1000px;
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 500px;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

h3.text-line-top-right {
    right: -1000px;
    top: 0;
    width: 500px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

h3.text-line-bottom-left {
    left: -1000px;
    bottom: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    width: 500px
}

h3.text-line-bottom-right {
    left: auto;
    right: -1000px;
    bottom: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    width: 500px
}

h3.text-line-center-center {
    left: 0;
    top: 108px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: center;
    width: 100%;
    font-size: 35px !important;
    font-weight: normal !important;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

/*
div.slide5 h3.text-line1 {
    left: 0;
    bottom: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

div.slide5 h3.text-line2 {
    right: 0;
    top: 0;
    text-align: right;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
} */

/* div.slide6 h3.text-line1 {
    left: -600px;
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: left;
    width: 800px;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

div.slide6 h3.text-line2 {
    right: -600px;
    bottom: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
    width: 800px;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
} */

img.auto-width {
    max-width: 225px !important;
    height: auto !important
}

div.slide7 h3.text-line1 {
    left: 0;
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: left;
    width: 800px;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    -ms-transform: scale(4);
    -webkit-transform: scale(4);
    transform: scale(4)
}

div.slide7 h3.text-line2 {
    right: 0;
    bottom: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: right;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    -ms-transform: scale(4);
    -webkit-transform: scale(4);
    transform: scale(4)
}

div.slide8 h3.text-line1 {
    left: -1024px;
    top: 0;
    text-align: left;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

div.slide8 h3.text-line2 {
    right: -1024px;
    bottom: 0;
    text-align: right;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31)
}

.petro-content a.pdf-link-enabled {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 8px 0 8px 35px;
    display: block;
    border: none !important;
    background: url(./images/adobe-icon.png) left center no-repeat
}

.petro-content a.pdf-link-enabled:hover {
    color: #b17c2c
}

.petro-content a.docx-link-enabled {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 8px 0 8px 35px;
    display: block;
    border: none !important;
    background: url(./images/docx-icon.png) left center no-repeat
}

.petro-content a.docx-link-enabled:hover {
    color: #b17c2c
}

a.pdf-link-disabled {
    background: none !important;
    padding: 0 !important;
    display: inline !important
}

span.italic {
    font-style: italic !important
}

h3.mgrtop1 {
    margin-top: 3px !important
}

div.video-title h3 {
    font-size: 13px !important;
    margin-bottom: 4px !important
}

.password-reset-form input[type="text"] {
    float: left;
    width: 240px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block;
    font-family: "Arial MT Std"
}

.password-reset-form label {
    float: left;
    width: 80px;
    height: 28px;
    line-height: 32px;
    display: block;
    font-family: "Arial MT Std"
}

.password-reset-form input[type="submit"] {
    display: block;
    width: 100px;
    height: 30px;
    margin-left: 10px;
    float: left;
    background: #121041;
    color: #fff;
    border: none;
    font-weight: normal;
    font-family: "Arial MT Std";
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.password-reset-form input[type="submit"]:hover {
    background: #b2b2b2
}

table.list-users {
    width: 100% !important
}

table.list-users img {
    max-width: 150px;
    height: auto
}

table.list-users thead tr td {
    background: #818181 !important;
    color: #fff
}

table.list-users tbody tr td:first-child {
    word-break: keep-all !important
}

table.list-users tbody tr td.date-col {
    min-width: 70px !important
}

div.innerpad-all {
    margin: 0 20px 0 20px;
    position: relative;
    display: block
}

.pad-bot10 {
    display: block;
    padding-bottom: 8px;
    margin: 0 0 0 0 !important
}

.pad-bot20 {
    display: block;
    margin-bottom: 20px !important
}

#sortable-element tr td {
    cursor: move
}

#sortable-element .ui-sortable-helper {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    background: #fff
}

ul.job-list li {
    display: block;
    padding-left: 0 !important;
    margin-left: 0 !important
}

ul.job-list li:before {
    content: "" !important
}

ul.job-list li a {
    background: #f4f4f4;
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: normal !important;
    text-decoration: none;
    border: 1px #bbbbbb solid;
    color: #545454;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

ul.job-list li a:hover {
    background: #e0e0e0
}

a.print-link {
    display: block;
    text-decoration: none
}

a.print-link i {
    font-size: 18px
}

span.red-color {
    color: firebrick
}

h3.add-info {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 20px
}

div.petro-slideshow {
    position: relative;
    width: 824px
}

div.petro-slideshow img {
    display: none
}

div.petro-slideshow img:first-child {
    display: block
}

div.slajd9 span {
    position: absolute;
    display: block;
    padding: 5px;
    color: #fff;
    z-index: 10;
    font-family: Arial !important;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.slajd9 span.txt1 {
    width: 100%;
    text-align: center
}

div.slajd9 span.txt2 {
    width: 400px;
    right: 0;
    top: 100px
}

div.slajd9 span.txt3 {
    width: 300px;
    right: 20px;
    top: 160px
}

div.slajd9 span.txt4 {
    width: 360px;
    right: 0;
    top: 220px
}

div.slajd9 span.txt5 {
    width: 360px;
    left: 4px;
    top: 170px;
    text-align: center
}

div.slajd9 span.txt6 {
    width: 220px;
    left: 110px;
    top: 110px;
    text-align: center
}

div.slajd9 span.bluebg-part2 {
    width: 100%;
    height: 282px;
    z-index: 1;
    background: #000000;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=0.3);
    opacity: 0.3;
    left: -1024px;
    top: 0
}

div.slajd9 span.left-txt {
    font-size: 28px !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    left: 0;
    top: 0;
    width: 700px;
    padding: 20px;
    line-height: 1.1em
}

div.slajd9 span.right-txt {
    font-size: 28px !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    right: 0;
    bottom: 0;
    padding: 20px;
    width: 700px;
    text-align: right;
    line-height: 1.1em
}

span.center-txt {
    font-size: 28px !important;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.31);
    right: 0;
    top: 140px !important;
    width: 100%;
    text-align: center !important;
    line-height: 1.1em
}

div.slajd7 h3.text-line-bottom-right strong {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    font-weight: normal
}

span.border-line {
    width: 281px;
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    left: -500px;
    top: 48px;
    z-index: 10
}

span.refinery-fresh-border {
    width: 170px;
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    left: -500px;
    top: 48px;
    z-index: 10
}

span.long-border {
    width: 601px;
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    left: -700px;
    top: 174px;
    z-index: 10
}

div.risk-slides {
    position: relative;
    width: 100%;
    height: 500px;
    color: #4d4d4d
}

h3.risk-title {
    font-size: 26px;
    color: #737373;
    position: relative;
    line-height: 1.1em;
    left: 0;
    width: 500px;
    top: 0
}

div.risk-slides div.circle {
    width: 190px;
    height: 190px;
    background: url(./images/circle.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides div.circle-top {
    left: 300px;
    top: 33px
}

div.risk-slides div.circle-left {
    left: 220px;
    top: 153px
}

div.risk-slides div.circle-right {
    left: 370px;
    top: 153px
}

div.risk-slides span.label-business {
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    width: 100px;
    text-align: center;
    left: 345px;
    top: 112px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides span.label-operations {
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    width: 100px;
    text-align: center;
    left: 430px;
    top: 238px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides span.label-technology {
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    width: 100px;
    text-align: center;
    left: 240px;
    top: 238px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides div.business-sec {
    position: absolute;
    right: 50px;
    top: 20px;
    font-size: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides div.business-sec ul, div.risk-slides div.operations-sec ul {
    padding-left: 12px
}

div.risk-slides div.business-sec ul li, div.risk-slides div.operations-sec ul li {
    display: list-item;
    list-style: disc;
    position: relative;
    line-height: 1.2em;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.operations-sec {
    position: absolute;
    right: 20px;
    bottom: 150px;
    font-size: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides div.business-sec h4 {
    text-decoration: underline;
    position: relative;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides div.technology-sec {
    position: absolute;
    left: 3px;
    width: 94%;
    bottom: 50px;
    font-size: 12px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.risk-slides div.technology-sec h4 {
    text-align: center;
    position: relative;
    display: block
}

div.risk-slides h4 {
    font-weight: bold;
    color: #232323
}

div.risk-slides div.technology-sec ul {
    margin-left: 30%
}

div.risk-slides div.technology-sec ul li {
    display: list-item;
    list-style: disc;
    position: relative;
    line-height: 1.2em
}

div.technology-sec2 {
    position: absolute;
    left: 2px;
    width: 200px;
    bottom: 10px;
    font-size: 12px;
    line-height: 1.2em;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.technology-sec2 ul {
    padding-left: 11px
}

span.critical-rikstxt1 {
    background: url(./images/critical-risk1.png) no-repeat;
    background-size: 80% auto;
    width: 66px;
    height: 51px;
    display: block;
    position: absolute;
    left: 320px;
    top: 165px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.critical-rikstxt2 {
    background: url(./images/critical-risk2.png) no-repeat;
    background-size: 80% auto;
    width: 66px;
    height: 51px;
    display: block;
    position: absolute;
    left: 410px;
    top: 165px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.critical-rikstxt3 {
    background: url(./images/critical-risk3.png) no-repeat;
    background-size: 80% auto;
    width: 15px;
    height: 78px;
    display: block;
    position: absolute;
    left: 383px;
    top: 224px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.red-center {
    width: 34px;
    height: 34px;
    background: url(./images/red-center.png) no-repeat;
    display: block;
    position: absolute;
    left: 372px;
    top: 190px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.mission-txt-end {
    color: #990000;
    font-family: "Arial MT Std";
    font-size: 13px;
    position: absolute;
    font-weight: bold;
    display: block;
    width: 200px;
    left: 550px;
    top: 130px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.horiz-line {
    background: #737577;
    width: 0;
    padding-left: 0;
    height: 1px;
    position: absolute;
    z-index: 100;
    left: 548px;
    top: 139px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.arrow-line {
    background: url(./images/arrow-line.png) no-repeat;
    width: 31px;
    height: 0;
    padding-bottom: 0;
    display: block;
    position: absolute;
    left: 386px;
    top: 138px;
    z-index: 10;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

h3.typer {
    display: block;
    margin-left: 214px;
    font-family: "Times New Roman";
    color: #010039;
    position: absolute;
    left: 0;
    bottom: 80px;
    z-index: 100;
    font-size: 23px !important;
    letter-spacing: 6px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}


h3.barontitle {
    display: block;
    margin-left: 208px;
    font-family: "Times New Roman";
    color: #010039;
    font-weight: 400;
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 100;
    font-size: 23px !important;
    letter-spacing: 6px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

h3.typer span, h3.barontitle span {
    font-size: 28px !important
}

span.typed-cursor {
    display: none !important
}

.underlined {
    border-bottom: 2px transparent solid
}

em.underlined {
    font-style: normal
}

div.slide12anims {
    width: 100%;
    color: #05054b;
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 100
}

div.slide12anims h3 {
    line-height: 1.4em;
    padding-left: 25%;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

span.replay-btn {
    position: absolute;
    color: #fff;
    font-size: 12px;
    right: 15px;
    bottom: 20px;
    z-index: 20000;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: right;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

div.cat-popup, #editfile-popup {
    width: 700px;
    height: 300px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -350px;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    display: none;
    z-index: 100
}

div.inner-c {
    padding: 25px
}

div.inner-c h3 {
    font-size: 22px;
    padding-bottom: 5px;
    border-bottom: 1px #ededed solid
}

div.cat-popup div.form-row, #editfile-popup div.form-row {
    margin: 25px 0;
    clear: both;
    overflow: hidden
}

div.cat-popup div.form-row label, #editfile-popup div.form-row label {
    float: left;
    width: 180px;
    height: 32px;
    line-height: 32px
}

div.cat-popup div.form-row input[type="text"], #editfile-popup div.form-row input[type="text"] {
    width: 250px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    float: left
}

div.cat-popup div.form-row select, #editfile-popup div.form-row select {
    width: 258px;
    height: 34px;
    padding-left: 5px;
    float: left
}

div.cat-popup div.form-row input[type="button"], #editfile-popup div.form-row input[type="button"] {
    display: block;
    width: 258px;
    height: 32px;
    margin-left: 180px;
    float: left;
    background: #121041;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.cat-popup div.form-row input[type="button"]:hover, #editfile-popup div.form-row input[type="button"]:hover {
    background: #b2b2b2
}

span.close-popup {
    display: block;
    width: 30px;
    height: 30px;
    background: url(./images/close-btn.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

div.pagination {
    margin: 15px auto;
    width: 100%;
    text-align: center
}

div.pagination ul {
    list-style: none;
    display: block;
    width: 100%
}

div.pagination ul li {
    display: inline-block
}

div.pagination ul li a, div.pagination ul li span {
    display: block;
    text-decoration: none;
    padding: 2px 6px;
    margin: 0 4px 0 4px;
    border: 1px #000 solid;
    color: #000;
    font-size: 14px
}

div.pagination ul li span {
    border: 1px #ebebeb solid !important;
    color: #999
}

div.footnote {
    font-size: 11px;
    margin: 60px 0 0 0;
    padding: 10px;
    border: 1px #ebebeb solid;
    background: #fafafa
}

sup {
    font-size: 11px
}

@media print {
    div.top-bar, nav.main-menu {
        display: none
    }
}

div.lto {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000000;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=0.4);
    opacity: 0.4;
    z-index: 20000;
    display: none
}

div.ltp {
    width: 500px;
    height: 230px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -115px;
    z-index: 21000;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.44);
    display: none
}

div.ltp h3 {
    font-size: 22px;
    padding: 15px 15px 10px 15px;
    color: #585858;
    border-bottom: 1px #ebebeb solid;
    background: #f2f2f2;
    margin-bottom: 30px
}

div.ltp h3:before {
    content: "\f100";
    color: #fab600;
    font-size: 25px;
    margin-right: 10px;
    font-family: "Ionicons"
}

div.ltp p {
    margin: 0 15px 0 15px;
    font-size: 15px;
    line-height: 1.5em
}

div.ltp button.ok-btn {
    display: block;
    padding: 10px 50px;
    margin: 30px auto;
    background: #121041;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.ltp button.ok-btn:hover {
    background: #b2b2b2
}

#cp-presentation {
    width: 100%;
    max-width: 390px;
    height: 510px;
    position: absolute;
    right: 0;
    top: 30px;
    margin: 0 auto;
    z-index: 9000;
    background: #fff
}

#cp-presentation span.center-aligned {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 48%;
    margin-top: -10px;
    font-size: 12px;
    font-weight: normal;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

#cp-presentation span em {
    font-weight: bold;
    font-style: italic
}

#cp-presentation img.sld2, #cp-presentation img.sld4, #cp-presentation img.sld6, #cp-presentation img.sld8 {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -75px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

#cp-presentation h3.type-efect {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
    position: absolute;
    left: 44px;
    top: 65%;
    font-family: "Times New Roman";
    color: #010039;
    font-size: 19px !important;
    letter-spacing: 0.167em;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-transform: uppercase
}

#cp-presentation h3.type-efect em {
    font-size: 22px !important;
    font-style: normal !important
}

span.bred-color {
    color: #990000
}

h3.user-heading {
    display: block;
    width: 100%;
    margin: 30px 0 15px 0;
    font-size: 22px
}

span.disabled-link {
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=0.2);
    opacity: 0.2
}

.marg-left0 {
    margin-left: 0 !important;
    margin-top: 0 !important
}

a.new-user-btn {
    display: block;
    float: right;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #121041;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center
}

a.new-user-btn:hover {
    background: #b2b2b2
}

a.new-user-btn i {
    font-size: 18px !important
}

.construction-link {
    color: black !important;
    font-size: 12px !important;

}

a.add-files-dt {
    display: block;
    float: right;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #121041;
    margin-top: 10px;
    margin-left: 10px;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-family: "Arial MT Std";
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center
}

a.add-files-dt:hover {
    background: #b2b2b2
}

a.add-files-dt i {
    font-size: 18px !important
}

span.note {
    font-size: 12px;
    color: #990000
}

h3.client-upload-info {
    font-size: 18px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 3px;
    padding-right: 10px;
    border-bottom: 1px #333 solid
}

#client-dir-struct h3 {
    margin: 0 10px 0 0;
    cursor: pointer;
    color: #454545;
    padding: 3px 10px 3px 3px;
    line-height: 1em;
    border: 1px transparent solid;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

#client-dir-struct h3:hover {
    color: #000 !important;
    border: 1px #333 solid;
    background: #b0b0b0
}

#client-dir-struct span {
    display: block;
    padding: 3px 10px 3px 20px;
    border: 1px transparent solid;
    cursor: pointer;
    margin: 0 10px 0 0;
    line-height: 1em;
    color: #454545;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

#client-dir-struct span:hover {
    color: #000 !important;
    background: #b0b0b0;
    border: 1px #333 solid
}

#client-dir-struct .selectedCat {
    color: #000 !important;
    background: #b0b0b0 !important;
    border: 1px #333 solid !important
}

div.form-wrapper div.client-select {
    display: none
}

div.form-wrapper div.client-dir-struct-select {
    display: none
}

div.profile-info div.info-row {
    clear: both;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    border-bottom: 1px #fbfbfb solid;
    background: #f5f5f5
}

div.profile-info div.info-row span.label {
    float: left;
    width: 150px;
    font-size: 14px
}

div.profile-info div.info-row span.value {
    float: left;
    font-weight: bold;
    font-size: 14px
}

a.edit-profile-btn, a.cancel-profile-btn, a.cancel-profile {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    float: left;
    background: #121041;
    color: #fff;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 9999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

a.edit-profile-btn:hover, a.cancel-profile-btn:hover, a.cancel-profile:hover {
    background: #b2b2b2
}

a.pad-cancel {
    margin: 15px 0 0 10px !important
}

div.form-edit-profile {
    display: none
}

.dataroom-select-block {
    width: 99% !important;
    background: #f7f8ec
}

span.select-all, span.select-none {
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

span.select-all:hover, span.select-none:hover {
    color: #000
}

h3.dat-access {
    font-size: 18px;
    margin: 15px 0 15px 0
}

ul.datarooms-list {
    display: block;
    padding-left: 10px;
    float: left
}

ul.datarooms-list li {
    font-weight: bold;
    padding: 3px 0 3px 0;
    display: block
}

ul.datarooms-list.small-list {
    padding-left: 0
}

ul.datarooms-list.small-list li {
    font-weight: normal;
    padding: 1px 0 1px 0;
    font-size: 11px
}

h3.typeof-req {
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 3px 0 3px 0
}

h3.req-title {
    font-size: 16px;
    margin: 10px 0 10px 0;
    border-bottom: 1px #fdfdfd solid
}

h3.req-title.marg-top {
    margin: 40px 0 10px 0
}

a.intr-logout {
    display: block;
    margin-top: 15px
}

tr.nowrap td, tr.nowrap td a {
    word-break: keep-all !important
}

#dataroom-collapser {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 100;
    padding: 5px;
    font-size: 13px
}

#dataroom-collapser:hover {
    color: #b17c2c
}

a.tree-link.expanded {
    background: url(./images/folder-icon-minus.png) left top no-repeat;
    background-size: 30px auto
}

.width60px {
    width: 60px !important
}

tr.rejected-element td {
    background: #f6c8c8 !important
}

tr.rejected-element td.rejected-element {
    color: #ac0000 !important
}

span.login-indicator {
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto
}

span.gray-indikator {
    background: #747474
}

span.green-indicator {
    background: #18bf02;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

span.green-indicator:hover {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5)
}

table.fixed-table {
    width: 100% !important
}

table.fixed-table tr td:nth-child(1) {
    width: 22% !important
}

table.fixed-table tr td:nth-child(2) {
    width: 20% !important
}

table.fixed-table tr td:nth-child(3) {
    width: 8% !important
}

table.fixed-table tr td:nth-child(4) {
    width: 10% !important
}

table.fixed-table tr td:nth-child(5) {
    width: 10% !important
}

table.fixed-table tr td:nth-child(6) {
    width: 10% !important
}

table.fixed-table tr td:nth-child(7) {
    width: 10% !important
}

table.fixed-table tr td:nth-child(8) {
    width: 10% !important
}

#ordering-tbl {
    display: none
}

#ordering-trigger {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 40px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px #ebebeb solid;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

#ordering-trigger:hover {
    color: #b17c2c
}

div.contact-form-wrap {
    margin: 20px 0 0
}

div.contact-form-wrap div.form-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 0 10px 0
}

div.contact-form-wrap div.left-col {
    float: left;
    width: 485px;
    margin-right: 15px
}

div.contact-form-wrap div.left-col div.form-row {
    margin-bottom: 30px
}

div.contact-form-wrap div.right-col {
    float: left;
    width: 524px
}

div.contact-form-wrap div.form-row label {
    display: block;
    padding: 0 0 3px 0
}

div.contact-form-wrap div.form-row input[type="text"], div.contact-form-wrap div.form-row input[type="email"] {
    width: 470px;
    height: 46px;
    line-height: 46px;
    padding: 0 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block;
    font-family: Arial;
    font-size: 14px
}

div.contact-form-wrap div.form-row textarea {
    width: 517px;
    height: 141px;
    padding: 5px 0 0 5px;
    margin: 0;
    position: relative;
    border: 1px #dedede solid;
    display: block;
    font-family: "Arial MT Std";
    font-size: 14px
}

div.contact-form-wrap div.form-row input[type="submit"] {
    display: block;
    width: 190px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-top: 15px;
    background: #0d113f;
    color: #fff;
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.contact-form-wrap div.form-row input[type="submit"]:hover {
    background: #b2b2b2
}

div.contact-form-wrap a.cancel-form {
    display: block;
    padding: 0 !important;
    width: 190px;
    height: 40px;
    line-height: 40px;
    float: right;
    text-align: center;
    margin-top: 15px;
    background: #0d113f;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

div.contact-form-wrap a.cancel-form:hover {
    background: #b2b2b2
}

div.contact-form-wrap div.errors {
    color: #ae0101;
    clear: both;
    overflow: hidden;
    display: block;
    position: relative;
    padding-left: 0;
    padding-right: 5px;
    margin-top: 10px
}

td.smtd-width {
    width: 100px !important
}

a.emrg-link {
    display: block;
    position: absolute;
    left: 220px;
    top: 50%;
    width: 180px;
    height: 34px;
    line-height: 34px;
    background: #0d113f;
    text-align: center;
    color: #fff;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

a.emrg-link:hover {
    background: #b2b2b2
}

a.emrg-link i {
    font-size: 18px !important;
    height: 34px;
    line-height: 34px
}

h3.title404 {
    font-size: 40px !important;
    padding: 80px 0 15px 0;
    text-transform: uppercase
}

div.info404 {
    font-size: 15px;
    margin-bottom: 20px
}

ul.pad-left {
    padding-left: 30px
}

article.h4short h4 {
    width: 75% !important
}

img.pad-top10 {
    padding-top: 15px !important
}

div.slajd10new h3.text-line-center-center, div.slajd10new h3.text-line-center-center span {
    font-size: 29px !important;
    font-weight: normal !important;
    color: #fff
}

div.logo-row {
    width: 200px;
    float: right;
    clear: both;
    overflow: hidden;
    margin: 20px 0 20px 0
}

div.logo-row img {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 90px;
    height: auto
}

div.logo-row img:first-child {
    margin-right: 16px
}

div.logo-row img.img-middle {
    margin-bottom: 30px
}

span.img-lightbox {
    z-index: 9999;
    position: relative
}

article.dataroom-legal-info {
    font-size: 10px;
    padding-bottom: 30px;
    border-bottom: 1px #ebebeb solid;
    margin-bottom: 20px
}

img.stamp-10years {
    position: absolute;
    right: 5px;
    top: 25px;
    max-width: 110px;
    height: auto;
    display: block
}

/*# sourceMappingURL=style.css.map */

/********* hover effect for photos *********/
.slikata:hover .slika {
    opacity: 0.7;
}

.slika {
    opacity: 1;
    display: block;
    transition: .5s ease;
    backface-visibility: hidden;
}