/* CSS Document */
:root {
    --comp-color       : #0f447f;
    --comp-color-mild  : #1c5090;
    --comp-color-strong: #004484;
    --comp-color-dark  : #003260;
}

@charset "utf-8";

html,
body,
div,
p,
form,
ul,
li,
p,
label,
span,
img,
h1,
h2,
h3,
h4,
h5,
h6,
table,
section {
    margin : 0;
    padding: 0;
    border : none;
}

@font-face {
    font-family: 'Calibri';
    src        : url('../fonts/calibri.eot');
    /* IE9 Compat Modes */
    src        : url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/calibri.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/calibri.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/calibri.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight  : 400;
    font-style   : normal;
    font-stretch : normal;
    unicode-range: U+000D-25CA;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style : normal;
    font-weight: 400;
    src        : url('../fonts/lato.eot');
    /* IE9 Compat Modes */
    src        : url('../fonts/lato.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/lato.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/lato.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/lato.ttf') format('truetype');
    /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style : normal;
    font-weight: 400;
    src        : url('../fonts/opensans.eot');
    /* IE9 Compat Modes */
    src        : url('../fonts/opensans.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/opensans.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/opensans.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/opensans.ttf') format('truetype');
    /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style : normal;
    font-weight: 400;
    src        : url('../fonts/poppins.eot');
    /* IE9 Compat Modes */
    src        : url('../fonts/poppins.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/poppins.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/poppins.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/poppins.ttf') format('truetype');
    /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Oswald';
    font-style : normal;
    font-weight: 400;
    src        : url('../fonts/oswald.eot');
    /* IE9 Compat Modes */
    src        : url('../fonts/oswald.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/oswald.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/oswald.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/oswald.ttf') format('truetype');
    /* Safari, Android, iOS */
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html,
body {
    min-width  : 300px !important;
    height     : 100%;
    background : #fff;
    font-family: 'Calibri', sans-serif;
    font-weight: normal;
    text-shadow: none;
    text-align : left;
    overflow   : initial;
    /* Fix menu comming on top of the browser scroll bar*/
}

.poppins {
    font-family: 'Poppins', sans-serif !important;
}

.lato {
    font-family: 'Lato', sans-serif !important;
}

ul.listnone,
ol.listnone {
    list-style: none;
}

ul.list {
    margin : 10px 0 0 15px;
    display: inline-block;
}

ul.list.half li {
    width      : 47%;
    height     : auto;
    float      : left;
    margin-left: 3%;
}

a,
a:hover {
    text-decoration: none;
}

a.ttip {
    border-bottom  : #999 dashed 1px;
    text-decoration: none;
    cursor         : help;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.fixed {
    position: fixed;
    z-index : 999;
}

.relative {
    position: relative;
}

.fixed.top {
    top : 0;
    left: 0;
}

.absolute-top {
    position: absolute;
    z-index : 99;
    top     : 2px;
    left    : 4px;
}

.absolute-bottom {
    position: absolute;
    z-index : 99;
    bottom  : 10px;
    right   : 10px;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.square,
.square .btn {
    -webkit-border-radius: 0 !important;
    -moz-border-radius   : 0 !important;
    border-radius        : 0 !important;
}

/* Vertical text center */
.text-v-center {
    position: relative;
}

.text-v-center::before {
    content       : " ";
    display       : inline-block;
    height        : 100%;
    width         : 1%;
    vertical-align: middle;
}

.text-v-center p {
    display       : inline-block;
    vertical-align: middle;
}

.vertical-center {
    /* this class should be called in row or wrapper(outer) div.*/
    /* Make it a flex container */
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    /* Align the bootstrap's container vertically */
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -moz-box-align         : center;
    -ms-flex-align         : center;
    align-items            : center;
    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width                  : 100%;
    /* Also 'margin        : 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.
       Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack       : center;
    -moz-box-pack          : center;
    -ms-flex-pack          : center;
    -webkit-justify-content: center;
    justify-content        : center;
}

/* can be called inside the vertical-center class. this class haven't width property */
.vertical-c {
    /* Make it a flex container */
    display                : -webkit-box;
    display                : -moz-box;
    display                : -ms-flexbox;
    display                : -webkit-flex;
    display                : flex;
    /* Align the bootstrap's container vertically */
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -moz-box-align         : center;
    -ms-flex-align         : center;
    align-items            : center;
    /* Also 'margin        : 0 auto' doesn't have any effect on flex items in such web browsers
   hence the bootstrap's container won't be aligned to the center anymore.
   Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack       : center;
    -moz-box-pack          : center;
    -ms-flex-pack          : center;
    -webkit-justify-content: center;
    justify-content        : center;
}

.voffset-1 {
    margin-top: 1% !important;
}

.voffset-2 {
    margin-top: 2% !important;
}

.voffset-3 {
    margin-top: 3% !important;
}

.voffset-4 {
    margin-top: 4% !important;
}

.voffset-5 {
    margin-top: 5% !important;
}

.voffset-6 {
    margin-top: 6% !important;
}

.voffset-8 {
    margin-top: 8% !important;
}

.voffset-10 {
    margin-top: 10% !important;
}

.voffset-25 {
    margin-top: 25% !important;
}

.voffset-b-1 {
    margin-bottom: 1% !important;
}

.voffset-b-2 {
    margin-bottom: 2% !important;
}

.voffset-b-3 {
    margin-bottom: 3% !important;
}

.voffset-b-4 {
    margin-bottom: 4% !important;
}

.voffset-b-5 {
    margin-bottom: 5% !important;
}

.voffset-b-6 {
    margin-bottom: 6% !important;
}

.voffset-b-8 {
    margin-bottom: 8% !important;
}

.voffset-b-10 {
    margin-bottom: 10% !important;
}

.offset-al-1 {
    margin: 1% !important;
}

.offset-al-2 {
    margin: 2% !important;
}

.offset-al-3 {
    margin: 3% !important;
}

.offset-al-5 {
    margin: 5% !important;
}

.offset-r-1 {
    margin-right: 1% !important;
}

.offset-r-2 {
    margin-right: 2% !important;
}

.offset-r-3 {
    margin-right: 3% !important;
}

.offset-r-5 {
    margin-right: 5% !important;
}

.offset-l-1 {
    margin-left: 1% !important;
}

.offset-l-2 {
    margin-left: 2% !important;
}

.offset-l-3 {
    margin-left: 3% !important;
}

.offset-l-5 {
    margin-left: 5% !important;
}

.col-pdn-left-0 {
    padding-left: 0 !important;
}

.col-pdn-right-0 {
    padding-right: 0 !important;
}

.col-pdn-left-0 {
    padding-left: 0 !important;
}

.col-pdn-right-0 {
    padding-right: 0 !important;
}

.col-pdn-both-0 {
    padding-left : 0 !important;
    padding-right: 0 !important;
}

.pdn-0 {
    padding: 0 !important;
}

#vidwrap {
    cursor: pointer;
}

#wrapper #container.white,
#wrapper .others.white,
#wrapper .container-fluid.white,
#wrapper .container.white,
#wrapper [class*="col"].white {
    background: #fff;
}

#wrapper #container.color,
#wrapper .others.color,
#wrapper .container-fluid.color,
#wrapper .container.color,
#wrapper [class*="col"].color {
    background: #eee;
}

#wrapper #container.color2,
#wrapper .others.color2,
#wrapper .container-fluid.color2,
#wrapper .container.color2,
#wrapper [class*="col"].color2 {
    background: #0f1505;
}

#wrapper #container.color3,
#wrapper .others.color3,
#wrapper .container-fluid.color3,
#wrapper .container.color3,
#wrapper [class*="col"].color3 {
    background: rgba(0, 0, 0, 0.5);
}

#wrapper #container.color4,
#wrapper .others.color4,
#wrapper .container-fluid.color4,
#wrapper .container.color4,
#wrapper [class*="col"].color4 {
    background: rgba(255, 255, 255, 0.8);
}

#wrapper #container.color5,
#wrapper .others.color5,
#wrapper .container-fluid.color5,
#wrapper .container.color5,
#wrapper [class*="col"].color5 {
    background: rgba(43, 87, 160, 0.5);
}

#wrapper #container.bg1,
#wrapper .others.bg1,
#wrapper .container-fluid.bg1,
#wrapper .container.bg1 {
    background             : #fff url("../images/background1.jpg") center top no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    background-size        : cover;
}

#wrapper #container.bg2,
#wrapper .others.bg2,
#wrapper .container-fluid.bg2,
#wrapper .container.bg2 {
    background             : #fff url("../images/background2.jpg") center top no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    background-size        : cover;
}

.panel {
    border       : none;
    border-radius: 0;
}

.panel label {
    color: #444;
}

.panel .form-control,
.panel .panel-heading,
.panel .btn {
    border-radius     : 0;
    outline           : none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow   : none !important;
    box-shadow        : none !important;
    margin-bottom     : 10px;
}

.panel.panel-info .panel-title {
    color: #00508f;
}

.panel placeholder {
    color: #eee;
}

.modal-dialog input,
.modal-dialog textarea,
.modal-dialog .panel {
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
    border-color         : #ddd;
}

#toTop {
    display : none;
    position: fixed;
    bottom  : 80px;
    right   : 0;
    z-index : 9999;
}

.text-smallcaps {
    font-variant: small-caps;
}

.btn-warning.dark {
    background: #e48600;
}

.text-info {
    color      : #0555a0;
    font-size  : 15px;
    line-height: 20px;
}

.text-primary {
    color: #013d75;
}

.text-muted {
    color: #444;
}

.thumbnail .caption {
    overflow: hidden;
}

.no-padding {
    padding: 0 !important;
}

.img-center {
    display: block;
    margin : 0 auto;
}

.hvr-underline-from-center:before {
    background: #0a7bdc !important;
}

.hvr-underline-from-right:before {
    background: #0a7bdc !important;
}

hr.style-one {
    border          : 0;
    height          : 1px;
    background      : #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.style-two {
    border          : 0;
    height          : 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style-three {
    border       : 0;
    border-bottom: 1px dashed #ccc;
    background   : #999;
}

hr.style-four {
    border       : 0;
    height       : 0;
    border-top   : 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#wrapper {
    width     : 100%;
    max-width : 1920px;
    height    : auto;
    overflow  : hidden;
    margin    : 0 auto;
    background: #fff;
    position  : relative;
}

#wrapper #header {
    width             : 100%;
    display           : block;
    overflow          : visible;
    background        : #fff;
    background-size   : 100%;
    border-bottom     : #bcd4ef 1px solid;
    /* background     : url(../images/header-bg.jpg) right center no-repeat; */
    background-size   : auto 100%;
}

.top-abs-logo {
    width             : auto;
    height            : auto;
    overflow          : hidden;
    background        : #fff;
    display           : block;
    position          : absolute;
    top               : 0;
    left              : 15px;
    z-index           : 999;
    padding           : 30px 10px 30px 10px;
    border-top        : none;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow   : 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow        : 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

#wrapper #header .top-hd-layer {
    /* background: #1c5191; */
    background: var(--comp-color-mild);
}

#wrapper #header .top-hd-layer ul {
    margin : 0 auto;
    display: block;
}

#wrapper #header .top-hd-layer ul.float-right li {
    float: right;
}

#wrapper #header .top-hd-layer ul li {
    width       : auto;
    display     : inline-block;
    border-right: #3e6a9f 1px solid;
    padding     : 0 8px 0 8px;
    margin      : 3px 0 3px 0;
    font-size   : 14px;
}

#wrapper #header .top-hd-layer ul li,
#wrapper #header .top-hd-layer ul>li>a {
    color      : #abc0d9;
    text-shadow: 0 0 1px rgba(150, 150, 150, .3);
    line-height: 28px;
}

#wrapper #header .top-hd-layer ul>li>a:hover {
    text-decoration: none;
    color          : #fff;
    border-bottom  : #fff 1px dotted;
}

#wrapper #header .top-hd-layer ul li .glyphicons {
    line-height: 28px;
}

#wrapper #header .top-hd-layer ul li.noborder {
    border: none;
}

#header .sitename {
    color         : #444;
    text-transform: uppercase;
    text-shadow   : 0 0 1px rgba(50, 50, 50, .5);
    font-size     : 30px;
    line-height   : 32px;
    font-weight   : bold;
}

#header .sitename span {
    color      : #777;
    text-shadow: 0 0 1px rgba(50, 50, 50, .3);
    font-size  : 22px;
}

#header .site-descp {
    color       : #666;
    text-shadow : 0 0 1px rgba(50, 50, 50, .2);
    font-size   : 20px;
    line-height : 22px;
    font-weight : normal;
    font-variant: small-caps;
}

.hotline {
    font-size     : 26px;
    line-height   : 30px;
    color         : #2062bd;
    text-transform: uppercase;
    font-weight   : bold;
    text-shadow   : 0 0 1px rgba(0, 55, 132, .3);
}

.hotline .text {
    color      : #0092cf;
    font-weight: normal;
    font-size  : 28px;
}

#menu-top {
    width         : 100%;
    min-height    : 50px;
    float         : left;
    background    : #da7a3a;
    display       : inline-block;
    text-transform: uppercase;
}

.navbar {
    position     : relative;
    min-height   : 50px;
    margin-bottom: 0;
    border       : none;
    font-size    : 15px;
}

.navbar-inverse {
    background-color: #da7a3a;
    border-color    : #2b1c4c;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color           : #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a {
    color       : #fff;
    border-right: #e88c4e 1px solid;
}

.navbar-inverse .navbar-nav>li.last>a {
    border-right: none;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color           : #fff;
    background-color: #53601e;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color           : #fff;
    background-color: #566225;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color           : #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #53601e;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color           : #fff;
    background-color: #53601e;
}

/* Social media start ---------------- */
.media-24,
.media-32,
.media-64 {
    text-align: center;
}

.media-24 li,
.media-32 li,
.media-64 li {
    display: inline-block;
}

#header .media-24,
#header .media-32 {
    text-align: right;
}

#contact-us .media-32 {
    text-align: left;
}

.media-24.theme-1 .media-icn {
    background: url(../images/social_icon_24x24_1.png);
}

.media-24.theme-2 .media-icn {
    background: url(../images/social_icon_24x24_2.png);
}

.media-24.theme-3 .media-icn {
    background: url(../images/social_icon_24x24_3.png);
}

.media-24.theme-4 .media-icn {
    background: url(../images/social_icon_24x24_4.png);
}

.media-24.theme-5 .media-icn {
    background: url(../images/social_icon_24x24_5.png);
}

.media-24 .media-icn {
    width   : 24px;
    height  : 24px;
    overflow: hidden;
    display : inline-block;
    margin  : 0 0 0 6px;
}

.media-24.withlabel a {
    width      : 100%;
    display    : block;
    text-align : left;
    line-height: 24px;
}

.media-24.withlabel .media-icn {
    width   : 24px;
    height  : 24px;
    overflow: hidden;
    display : block;
    margin  : 0 4px 0 4px;
    float   : left;
}

.media-24 .media-icn.fb {
    background-position: 0 0;
    background-repeat  : no-repeat;
}

.media-24.reverse .media-icn.fb {
    background-position: 0 -24px;
    background-repeat  : no-repeat;
}

.media-24 .media-icn.fb:hover,
.media-24 a:hover .media-icn.fb {
    background-position: 0 -24px;
}

.media-24.reverse .media-icn.fb:hover,
.media-24.reverse a:hover .media-icn.fb {
    background-position: 0 0;
}

.media-24 .media-icn.tw {
    background-position: -24px 0;
    background-repeat  : no-repeat;
}

.media-24.reverse .media-icn.tw {
    background-position: -24px -24px;
    background-repeat  : no-repeat;
}

.media-24 .media-icn.tw:hover,
.media-24 a:hover .media-icn.tw {
    background-position: -24px -24px;
}

.media-24.reverse .media-icn.tw:hover,
.media-24.reverse a:hover .media-icn.tw {
    background-position: -24px 0;
}

.media-24 .media-icn.gp {
    background-position: -48px 0;
    background-repeat  : no-repeat;
}

.media-24.reverse .media-icn.gp {
    background-position: -48px -24px;
    background-repeat  : no-repeat;
}

.media-24 .media-icn.gp:hover,
.media-24 a:hover .media-icn.gp {
    background-position: -48px -24px;
}

.media-24.reverse .media-icn.gp:hover,
.media-24.reverse a:hover .media-icn.gp {
    background-position: -48px 0;
}

.media-24 .media-icn.ut {
    background-position: -72px 0;
    background-repeat  : no-repeat;
}

.media-24.reverse .media-icn.ut {
    background-position: -72px -24px;
    background-repeat  : no-repeat;
}

.media-24 .media-icn.ut:hover,
.media-24 a:hover .media-icn.ut {
    background-position: -72px -24px;
}

.media-24.reverse .media-icn.ut:hover,
.media-24.reverse a:hover .media-icn.ut {
    background-position: -72px 0;
}

.media-24 .media-icn.pr {
    background-position: -96px 0;
    background-repeat  : no-repeat;
}

.media-24.reverse .media-icn.pr {
    background-position: -96px -24px;
    background-repeat  : no-repeat;
}

.media-24 .media-icn.pr:hover,
.media-24 a:hover .media-icn.pr {
    background-position: -96px -24px;
}

.media-24.reverse .media-icn.pr:hover,
.media-24.reverse a:hover .media-icn.pr {
    background-position: -96px 0;
}

.media-24 .media-icn.li {
    background-position: -120px 0;
    background-repeat  : no-repeat;
}

.media-24.reverse .media-icn.li {
    background-position: -120px -24px;
    background-repeat  : no-repeat;
}

.media-24 .media-icn.li:hover,
.media-24 a:hover .media-icn.li {
    background-position: -120px -24px;
}

.media-24.reverse .media-icn.li:hover,
.media-24.reverse a:hover .media-icn.li {
    background-position: -120px 0;
}

.media-32.theme-1 .media-icn {
    background: url(../images/social_icon_32x32.png);
}

.media-32.theme-2 .media-icn {
    background: url(../images/social_icon_32x32_2.png);
}

.media-32.theme-3 .media-icn {
    background: url(../images/social_icon_32x32_3.png);
}

.media-32.theme-4 .media-icn {
    background: url(../images/social_icon_32x32_4.png);
}

.media-32.theme-5 .media-icn {
    background: url(../images/social_icon_32x32_5.png);
}

.media-32 .media-icn {
    width   : 32px;
    height  : 32px;
    overflow: hidden;
    display : inline-block;
    margin  : 0 0 0 6px;
}

.media-32.withlabel a {
    width      : 100%;
    display    : block;
    text-align : left;
    line-height: 32px;
}

.media-32.withlabel .media-icn {
    width   : 32px;
    height  : 32px;
    overflow: hidden;
    display : block;
    margin  : 0 6px 0 6px;
    float   : left;
}

.media-32 .media-icn.fb {
    background-position: 0 0;
    background-repeat  : no-repeat;
}

.media-32.reverse .media-icn.fb {
    background-position: 0 -32px;
    background-repeat  : no-repeat;
}

.media-32 .media-icn.fb:hover,
.media-32 a:hover .media-icn.fb {
    background-position: 0 -32px;
}

.media-32.reverse .media-icn.fb:hover,
.media-32.reverse a:hover .media-icn.fb {
    background-position: 0 0;
}

.media-32 .media-icn.tw {
    background-position: -32px 0;
    background-repeat  : no-repeat;
}

.media-32.reverse .media-icn.tw {
    background-position: -32px -32px;
    background-repeat  : no-repeat;
}

.media-32 .media-icn.tw:hover,
.media-32 a:hover .media-icn.tw {
    background-position: -32px -32px;
}

.media-32.reverse .media-icn.tw:hover,
.media-32.reverse a:hover .media-icn.tw {
    background-position: -32px 0;
}

.media-32 .media-icn.gp {
    background-position: -64px 0;
    background-repeat  : no-repeat;
}

.media-32.reverse .media-icn.gp {
    background-position: -64px -32px;
    background-repeat  : no-repeat;
}

.media-32 .media-icn.gp:hover,
.media-32 a:hover .media-icn.gp {
    background-position: -64px -32px;
}

.media-32.reverse .media-icn.gp:hover,
.media-32.reverse a:hover .media-icn.gp {
    background-position: -64px 0;
}

.media-32 .media-icn.ut {
    background-position: -96px 0;
    background-repeat  : no-repeat;
}

.media-32.reverse .media-icn.ut {
    background-position: -96px -32px;
    background-repeat  : no-repeat;
}

.media-32 .media-icn.ut:hover,
.media-32 a:hover .media-icn.ut {
    background-position: -96px -32px;
}

.media-32.reverse .media-icn.ut:hover,
.media-32.reverse a:hover .media-icn.ut {
    background-position: -96px 0;
}

.media-32 .media-icn.pr {
    background-position: -128px 0;
    background-repeat  : no-repeat;
}

.media-32.reverse .media-icn.pr {
    background-position: -128px -32px;
    background-repeat  : no-repeat;
}

.media-32 .media-icn.pr:hover,
.media-32 a:hover .media-icn.pr {
    background-position: -128px -32px;
}

.media-32.reverse .media-icn.pr:hover,
.media-32.reverse a:hover .media-icn.pr {
    background-position: -128px 0;
}

.media-32 .media-icn.li {
    background-position: -160px 0;
    background-repeat  : no-repeat;
}

.media-32.reverse .media-icn.li {
    background-position: -160px -32px;
    background-repeat  : no-repeat;
}

.media-32 .media-icn.li:hover,
.media-32 a:hover .media-icn.li {
    background-position: -160px -32px;
}

.media-32.reverse .media-icn.li:hover,
.media-32.reverse a:hover .media-icn.li {
    background-position: -160px 0;
}

.media-64.theme-1 .media-icn {
    background: url(../images/social_icon_64x64.png);
}

.media-64 .media-icn {
    width   : 64px;
    height  : 64px;
    overflow: hidden;
    display : inline-block;
    margin  : 0 0 0 6px;
}

.media-64.withlabel a {
    width      : 100%;
    display    : block;
    text-align : left;
    line-height: 64px;
}

.media-64.withlabel .media-icn {
    width   : 64px;
    height  : 64px;
    overflow: hidden;
    display : block;
    margin  : 0 4px 0 4px;
    float   : left;
}

.media-64 .media-icn.fb {
    background-position: 0 0;
    background-repeat  : no-repeat;
}

.media-64.reverse .media-icn.fb {
    background-position: 0 -64px;
    background-repeat  : no-repeat;
}

.media-64 .media-icn.fb:hover,
.media-64 a:hover .media-icn.fb {
    background-position: 0 -64px;
}

.media-64.reverse .media-icn.fb:hover,
.media-64.reverse a:hover .media-icn.fb {
    background-position: 0 0;
}

.media-64 .media-icn.tw {
    background-position: -64px 0;
    background-repeat  : no-repeat;
}

.media-64.reverse .media-icn.tw {
    background-position: -64px -64px;
    background-repeat  : no-repeat;
}

.media-64 .media-icn.tw:hover,
.media-64 a:hover .media-icn.tw {
    background-position: -64px -64px;
}

.media-64.reverse .media-icn.tw:hover,
.media-64.reverse a:hover .media-icn.tw {
    background-position: -64px 0;
}

.media-64 .media-icn.gp {
    background-position: -128px 0;
    background-repeat  : no-repeat;
}

.media-64.reverse .media-icn.gp {
    background-position: -128px -64px;
    background-repeat  : no-repeat;
}

.media-64 .media-icn.gp:hover,
.media-64 a:hover .media-icn.gp {
    background-position: -128px -64px;
}

.media-64.reverse .media-icn.gp:hover,
.media-64.reverse a:hover .media-icn.gp {
    background-position: -128px 0;
}

.media-64 .media-icn.ut {
    background-position: -192px 0;
    background-repeat  : no-repeat;
}

.media-64.reverse .media-icn.ut {
    background-position: -192px -64px;
    background-repeat  : no-repeat;
}

.media-64 .media-icn.ut:hover,
.media-64 a:hover .media-icn.ut {
    background-position: -192px -64px;
}

.media-64.reverse .media-icn.ut:hover,
.media-64.reverse a:hover .media-icn.ut {
    background-position: -192px 0;
}

.media-64 .media-icn.pr {
    background-position: -256px 0;
    background-repeat  : no-repeat;
}

.media-64.reverse .media-icn.pr {
    background-position: -256px -64px;
    background-repeat  : no-repeat;
}

.media-64 .media-icn.pr:hover,
.media-64 a:hover .media-icn.pr {
    background-position: -256px -64px;
}

.media-64.reverse .media-icn.pr:hover,
.media-64.reverse a:hover .media-icn.pr {
    background-position: -256px 0;
}

.media-64 .media-icn.li {
    background-position: -320px 0;
    background-repeat  : no-repeat;
}

.media-64.reverse .media-icn.li {
    background-position: -320px -64px;
    background-repeat  : no-repeat;
}

.media-64 .media-icn.li:hover,
.media-64 a:hover .media-icn.li {
    background-position: -320px -64px;
}

.media-64.reverse .media-icn.li:hover,
.media-64.reverse a:hover .media-icn.li {
    background-position: -320px 0;
}

/* Social media END ---------------- */

#header .contact {
    height     : auto;
    float      : right;
    text-align : right;
    display    : block;
    margin     : 8px 0 0 0;
    overflow   : hidden;
    display    : inline-block;
    font-size  : 16px;
    text-shadow: 0 0 1px rgba(20, 20, 20, .3);
    color      : #3d5682;
    line-height: 26px;
}

#header .contact span {
    font-size  : 24px !important;
    line-height: 26px;
    color      : #224586;
}

#short-links {
    width     : 100%;
    min-height: 15px;
    display   : block;
}

#short-links ul li {
    display: inline-block;
    color  : #c4c8b5;
}

#short-links ul li a {
    margin         : 0 4px 0 4px;
    color          : #c4c8b5;
    text-decoration: none;
    font-variant   : small-caps;
}

#short-links ul li a:hover {
    color: #9bac57;
}

#top-search input[type=text] {
    background        : #253b16;
    border-color      : #253b16;
    color             : #fff;
    -webkit-box-shadow: none;
    box-shadow        : none;
}

#top-search .form-group {
    margin-bottom: 5px;
}

#top-search input[type=text]:hover,
#top-search input[type=text]:focus {
    background: #2c451b;
}

#top-search .btn-default {
    background  : #1e3213;
    border-color: #1e3213;
    color       : #fff;
}

#wrapper #front-slider {
    width   : 100%;
    height  : auto;
    overflow: hidden;
    display : block;
    margin  : 0 auto;
    position: relative;
}

#wrapper #front-slider.padding {
    padding-bottom: 110px;
}


#front-slider .newsouter {
    width                : 38%;
    height               : 96% !important;
    overflow             : hidden;
    display              : block;
    position             : absolute;
    z-index              : 3;
    top                  : 2%;
    right                : 0;
    padding              : 1%;
    background           : url(../images/news_back.png) 0 0 repeat;
    border               : #bfddf0 1px solid;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius   : 3px 0 0 3px;
    border-radius        : 3px 0 0 3px;
    padding-left         : 40px;
}

.newsouter .news-close {
    width     : 40px;
    height    : 40px;
    position  : absolute;
    z-index   : 4;
    left      : 0;
    top       : 50%;
    margin-top: -20px;
    display   : block;
}

.news-open {
    width     : 40px;
    height    : 40px;
    position  : absolute;
    z-index   : 2;
    right     : -6px;
    top       : 50%;
    margin-top: -20px;
    display   : none;
}

.news-close .btn-primary,
.news-open .btn-primary {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius   : 0 3px 3px 0;
    border-radius        : 0 3px 3px 0;
    background           : #143656;
    border-color         : #143656;
    float                : left;
}

.news-open .btn-primary {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius   : 3px 0 0 3px;
    border-radius        : 3px 0 0 3px;
}

.news-close .btn-primary:hover,
.news-open .btn-primary:hover {
    background  : #0a4a84;
    border-color: #0a4a84;
}

#wrapper #container,
#wrapper .others {
    width   : 100%;
    height  : auto;
    overflow: hidden;
    display : block;
    position: relative;
}

#wrapper #container {
    min-height: 250px;
}

.container h1,
.container-fluid h1 {
    width         : 100%;
    height        : auto;
    overflow      : hidden;
    margin        : 0 auto;
    font-size     : 27px;
    line-height   : 30px;
    /* color      : #0f447f; */
    color         : var(--comp-color);
    text-shadow   : 0px 0px 1px rgba(15, 68, 127, 0.4);
}

.container h2,
.container-fluid h2 {
    color      : #0f447f;
    text-shadow: 0px 0px 1px rgba(15, 68, 127, 0.4);
}

.container h1 span.color,
.container-fluid h1 span.color,
.container h2 span.color,
.container-fluid h2 span.color {
    color: #333;
}

.container h1 span.white,
.container-fluid h1 span.white,
.container h2 span.white,
.container-fluid h2 span.white {
    color: #fff;
}

.container .text-bold,
.container-fluid .text-bold {
    font-weight: bold;
}

.container .text-small-caps,
.container-fluid .text-small-caps {
    font-variant: small-caps;
}

#vidwrap {
    cursor: pointer;
}

/* arrow-box START ------------ */
.arrow-box {
    width         : 100%;
    height        : auto;
    border-top    : 2px solid #836a59;
    background    : #745c4d;
    padding       : 60px 35px 60px 25px;
    font-size     : 42px;
    color         : #fff;
    line-height   : 52px;
    text-align    : center;
    text-transform: uppercase;
    text-shadow   : 0 0 1px rgba(42, 55, 0, .3);
    position      : relative;
}

.arrow-box.plain:after {
    border: none !important;
}

.arrow-box:after {
    left             : 100%;
    top              : 50%;
    border           : solid transparent;
    content          : " ";
    height           : 0;
    width            : 0;
    position         : absolute;
    pointer-events   : none;
    border-color     : rgba(136, 183, 213, 0);
    border-left-color: #2d1f4d;
    border-width     : 21px;
    margin-top       : -21px;
}

.front-items {
    width     : 100%;
    height    : auto;
    overflow  : hidden;
    background: #eee;
    border    : #e4e4e4 1px solid;
    padding   : 15px 10px 15px 10px;
    text-align: justify;
}

.front-items.sp {
    background   : none;
    border       : none;
    border-bottom: #0a7bdc 1px solid;
}

.front-items h1 {
    min-height : 40px;
    color      : #525252;
    font-size  : 15px;
    line-height: 18px;
    text-shadow: 0 0 1px rgba(61, 80, 106, .3);
    text-align : center;
    font-weight: bold;
}

.front-items.sp h1 {
    height     : 22px;
    color      : #555;
    font-size  : 17px;
    line-height: 22px;
}

.front-items .btn {
    background: #ce540d;
    color     : #fff;
    border    : #d65b13 1px solid;
}

.front-items .btn:hover {
    background: #de6219;
}

.front-items img {
    margin: 0 auto;
}

.front-items.sp img {
    /* border-bottom: #9ac9f1 1px solid; */
    width       : 100vw;
    aspect-ratio: 1 / 1;
}

/* Carousel STRAT -------------- */
/* carousel control & button */
.carousel-control {
    width: 25px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    filter          : none;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left : 0;
    color: #2b1b67;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 0;
    color: #2b1b67;
}

/* END */
#container .btn.cfb {
    background: #335408;
    border    : #344209 1px solid;
}

#container .btn.cfb:hover {
    background: #3c6309;
}

#container .front-pro-items {
    width   : 100%;
    height  : auto;
    overflow: hidden;
    position: relative;
    display : block;
}

#container .front-pro-items img {
    margin: 0 auto;
    border: #ddd 1px solid;
}

#container .front-pro-items .itm-name {
    font-size   : 17px;
    line-height : 22px;
    padding     : 6px 0 6px 0;
    color       : #444;
    font-variant: small-caps;
    text-shadow : 0px 0px 1px rgba(30, 30, 30, 0.3);
    font-weight : bold;
}

.front-pro-items .img-outer {
    position: relative;
}

.img-outer .property-type {
    position             : absolute;
    left                 : 50px;
    top                  : 0;
    width                : auto;
    height               : auto;
    overflow             : hidden;
    display              : block;
    text-align           : center;
    text-transform       : uppercase;
    font-size            : 13px;
    line-height          : 14px;
    letter-spacing       : 3px;
    padding              : 8px 10px 8px 10px;
    z-index              : 99;
    background           : url(../images/prop_back.png) 0 0 repeat;
    color                : #fff;
    word-break           : break-all;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius   : 0 3px 3px 0;
    border-radius        : 0 3px 3px 0;
    border               : #001d3b 1px solid;

    -webkit-transform: rotate(90deg);
    -moz-transform   : rotate(90deg);
    -ms-transform    : rotate(90deg);
    -o-transform     : rotate(90deg);
    transform        : rotate(90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */

    transform-origin: 0 0;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#container .front-pro-items p {
    width        : 100%;
    height       : auto;
    overflow     : hidden;
    display      : block;
    white-space  : nowrap;
    overflow     : hidden !important;
    text-overflow: ellipsis;
    color        : #555;
}

#container .front-pro-items h4 {
    font-size    : 15px;
    line-height  : 20px;
    color        : #1e2f44;
    text-shadow  : 0px 0px 1px rgba(12, 38, 122, 0.2);
    margin-bottom: 5px;
}

#container .front-pro-items .btn {
    float: right;
}

/* Front Carousel END ----------- */

/* front-jumbo-box START ------------ */
.front-jumbo-box {
    width                  : 100%;
    height                 : auto;
    -webkit-background-size: cover;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    background-size        : cover;
    padding                : 35px 20px 35px 20px;
    font-size              : 16px;
    color                  : #333;
    line-height            : 20px;
    text-align             : justify;
    text-shadow            : 0 0 1px rgba(60, 60, 60, .3);
    margin                 : 0;
}

.front-jumbo-box ul {
    padding-left: 15px;
    margin-left : 10px;
}

.front-jumbo-box.downarrow:before {
    content     : "";
    border-color: #ed1c24 transparent transparent transparent;
    border-style: solid;
    border-width: 15px;
    width       : 0;
    height      : 0;
    position    : absolute;
    bottom      : -29px;
    left        : 50%;
    margin-left : -7.5px;
    z-index     : 1;
}

.front-jumbo-box.downarrow:after {
    content     : "";
    border-color: #d0b9ab transparent transparent transparent;
    border-style: solid;
    border-width: 15px;
    width       : 0;
    height      : 0;
    position    : absolute;
    bottom      : -30px;
    left        : 50%;
    margin-left : -7.5px;
}

.front-jumbo-box ul.large {
    font-size   : 20px;
    font-weight : bold;
    font-variant: small-caps;
}

.front-jumbo-box ul li {
    margin-bottom: 8px
}

.front-jumbo-box h1 {
    color      : #ed030d;
    font-size  : 40px;
    line-height: 44px;
    text-align : center;
    text-shadow: 0 0 1px rgba(40, 40, 40, .3);
}

.front-jumbo-box h1 span.span,
.front-jumbo-box h1 span.span {
    color: #fff;
}

.front-jumbo-box .btn-danger {
    background    : #222;
    border        : #333 1px solid;
    text-transform: uppercase;
}

.front-jumbo-box .btn-danger:hover {
    background: #111;
}

.front-jumbo-box p {
    margin-top: 10px;
}

.front-jumbo-box .carousel-control {
    width : 40px;
    height: 30px;
    margin: 5px 5px 0 0;
}

.front-jumbo-box .carousel-control.left,
.front-jumbo-box .carousel-control.right {
    background: url(../images/boosttrap-slider-popup.png) 0 0 repeat;
    filter    : none;
}

.front-jumbo-box .carousel-control.left {
    right: 42px;
    left : auto;
}

.front-jumbo-box .carousel-control .icon-prev,
.front-jumbo-box .carousel-control .glyphicon-chevron-left {
    left     : 15px;
    color    : #fff;
    font-size: 20px;
}

.front-jumbo-box .carousel-control .icon-next,
.front-jumbo-box .carousel-control .glyphicon-chevron-right {
    right    : 15px;
    color    : #fff;
    font-size: 20px;
}

/* front-jumbo-box END ------------ */

/* front-contact-box START ------------ */
#front-contact-box {
    width        : 100%;
    height       : auto;
    border-bottom: 1px solid #d1d1d1;
    background   : #dbdada;
    padding      : 35px 20px 35px 20px;
    font-size    : 26px;
    color        : #252525;
    line-height  : 32px;
    text-align   : center;
    text-shadow  : 0 0 1px rgba(60, 60, 60, .3);
}

#front-contact-box:before {
    content     : "";
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 15px;
    width       : 0;
    height      : 0;
    position    : absolute;
    top         : 0;
    left        : 50%;
    margin-left : -12px;
    z-index     : 1;
}

#front-contact-box:after {
    content     : "";
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 15px;
    width       : 0;
    height      : 0;
    position    : absolute;
    top         : 0;
    left        : 50%;
    margin-left : -12px;
}

#front-contact-box .cont-icon {
    width                : 70px;
    height               : 70px;
    font-size            : 32px;
    line-height          : 32px;
    display              : inline-block;
    text-align           : center;
    color                : #fff;
    background           : #252525;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    /* Rotate div */
    -ms-transform        : rotate(45deg);
    /* IE 9 */
    -webkit-transform    : rotate(45deg);
    /* Chrome, Safari, Opera */
    transform            : rotate(45deg);
    position             : relative;
    float                : left;
}

#front-contact-box .cont-icon span {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    margin-top : -16px;
    margin-left: -16px;
}

#front-contact-box .cont-icon span.normal {
    /* Rotate div */
    -ms-transform    : rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    transform        : rotate(-45deg);
}

#front-contact-box .cont-data {
    width      : auto;
    height     : auto;
    overflow   : hidden;
    float      : left;
    display    : inline-block;
    margin-left: 30px;
}

#front-contact-box h2 {
    width         : 100%;
    color         : #252525;
    font-size     : 21px;
    line-height   : 24px;
    font-weight   : bold;
    text-transform: uppercase;
    text-shadow   : 0 0 1px rgba(30, 30, 30, .4);
    text-align    : left;
}

#front-contact-box ul {
    color      : #252525;
    font-size  : 16px;
    line-height: 20px;
    text-shadow: 0 0 1px rgba(30, 30, 30, .2);
    text-align : left;
    margin     : 0;
    padding    : 0;
}

/* Front welcome STRAT ----------- */
.front-welcome {
    color       : #333;
    font-size   : 16px;
    line-height : 22px;
    text-align  : justify;
    border-width: 0;
    border-color: #ffd384 !important;
}

.front-welcome.left-border {
    border-left: 3px solid;
}

.front-welcome.top-border {
    border-top: 3px solid;
}

.front-welcome.bottom-border {
    border-bottom: 3px solid;
}

.front-welcome p,
.front-welcome br {
    margin-bottom: 10px;
}

.front-welcome h3 {
    color      : #333;
    font-size  : 20px;
    line-height: 24px;
    text-shadow: 0 0 1px rgba(50, 50, 50, .3);
}

.front-welcome a,
.front-img-box a {
    font-size      : 15px;
    color          : #ed7d11;
    text-decoration: none;
    text-shadow    : 0 0 1px rgba(255, 255, 255, .3);
}

.front-welcome a:hover,
.front-img-box a:hover {
    color: #fe9027;
}

.front-welcome ul {
    margin-left : 15px;
    padding-left: 15px;
    text-align  : left;
}

/* Front welcome END ----------- */

.front-img-box {
    position: relative;
}

.front-img-box .label-name {
    min-width   : 30%;
    position    : absolute;
    left        : 10px;
    top         : 15px;
    z-index     : 3;
    background  : url(../images/img-box-back.png) 0 0 repeat;
    padding     : 8px 10px 8px 15px;
    color       : #fff;
    font-variant: small-caps;
    font-size   : 18px;
}

.front-img-box .dscp-box {
    text-align : justify;
    font-size  : 15px;
    line-height: 20px;
}

.panel-prd-box {
    width     : 100%;
    height    : auto;
    overflow  : hidden;
    position  : relative;
    display   : block;
    border    : #d9d9d9 1px solid;
    background: #fff;
}

.panel-prd-box .dscp {
    width      : 100%;
    height     : 54px;
    overflow   : hidden;
    display    : block;
    font-size  : 15px;
    line-height: 18px;
    color      : #555;
}

.panel-prd-box img {
    margin: 0 auto;
}

.panel-prd-box .itm-name {
    font-size  : 17px;
    line-height: 22px;
    padding    : 6px 0 6px 0;
    color      : #484848;
    font-weight: bold;
    text-shadow: 0px 0px 1px rgba(30, 30, 30, 0.3);
    font-weight: bold;
}

.panel-prd-box .itm-name a {
    color          : #484848;
    text-decoration: none;
}

.panel-prd-box .itm-name a:hover {
    color: #332754;
}

.panel-prd-box h4 {
    font-size    : 15px;
    line-height  : 20px;
    color        : #312e37;
    text-shadow  : 0px 0px 1px rgba(12, 38, 122, 0.2);
    margin-bottom: 5px;
}

.panel-prd-box h3.label {
    font-size  : 13px;
    line-height: 18px;
}

.panel-prd-box .btn {
    background  : #4c3689;
    border-color: #493974;
    color       : #fff;
}

.panel-prd-box .btn:hover {
    background  : #36275f;
    border-color: #493974;
    color       : #fff;
}

.panel-prd-box .img-outer {
    position: relative;
}

/** itmdetails ----------------------------------------- */
#container #itmdetails {
    position: relative;
}

#itmdetails h1 {
    font-size: 20px;
    color    : #334f7c;
}

#itmdetails img {
    border               : #ddd 1px solid;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    border-radius        : 2px;
}

#itmdetails img.featured {
    border               : #ccc 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
}

#itmdetails .descp {
    color      : #444;
    line-height: 20px;
    font-size  : 15px;
    font-family: Arial, Helvetica, sans-serif;
}

#itmdetails .descp p,
#itmdetails .descp br {
    margin-bottom: 15px;
}

#itmdetails .descp table {
    border-collapse: collapse;
}

#itmdetails .descp img {
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
    display              : inline-block;
    margin               : 5px;
}

#itmdetails .descp a {
    color: #333;
}

#itmdetails .descp ul,
#itmdetails .descp ol {
    width : 96%;
    margin: 0 0 2% 4%;
}

#itmdetails .leftside .label {
    overflow: visible;
}

#itmdetails .leftside .label span {
    font-size: 20px;
    top      : -10px;
    left     : -2px;
    color    : #222;
}

#itmdetails .leftside .btn {
    background: #371c70;
    color     : #fff;
    border    : #411e8a 1px solid;
}

#itmdetails .leftside .btn:hover {
    background: #462093;
}

#itmdetails .leftside h2 {
    padding  : 10px 0 5px 0;
    font-size: 16px;
    color    : #444;
}

#itmdetails .leftside h3 {
    font-size: 14px;
}

#itmdetails .leftside h4 {
    font-size: 15px;
    color    : #203978;
    margin   : 4px 0 9px 0;
}

/*  --------------------------------------- */
/* common-block STRAT ----------- */
.common-block {
    color      : #444;
    font-size  : 16px;
    line-height: 22px;
    text-align : justify;
}

.common-block p,
.common-block br {
    margin-bottom: 10px;
}

.common-block p.no-margin,
.common-block br.no-margin {
    margin-bottom: 2px;
}

.common-block.about-us p {
    padding: 10px;
}

.common-block p.quote:before {
    content    : open-quote;
    font-family: "Times New Roman", Times, serif !important;
    font-size  : 150%;
    color      : #666;
    font-weight: bold;
}

.common-block p.quote:after {
    content    : close-quote;
    font-family: "Times New Roman", Times, serif !important;
    font-size  : 150%;
    line-height: 75%;
    color      : #666;
    font-weight: bold;
}

.common-block ul {
    margin     : 10px;
    padding    : 0 0 0 10px;
    font-weight: bold;
    color      : #343c50;
}

.common-block h1 {
    color         : #191c40;
    font-size     : 24px;
    text-transform: uppercase;
    font-weight   : bold;
}

.common-block h3 {
    color       : #193805;
    font-size   : 20px;
    font-variant: small-caps;
    font-weight : bold;
}

.common-block .cop-family {
    text-align: center;
}

/* common-block END ----------- */
/** news-events ------------------- */
.stButton .chicklets,
.stButton .chicklets.email {
    color: #888;
}

.news-events {}

.news-events .newsbox {
    padding-bottom: 25px;
    border        : #fff 1px solid;
    border-bottom : #ccc 1px dashed;
}

.news-events .newsbox:hover {
    background: #eee;
    border    : #ddd 1px solid;
}

.news-events .newsbox h2 {
    font-size  : 17px;
    text-align : left;
    font-weight: bold;
    color      : #555;
}

.newsbox .news-content {
    width      : 98%;
    height     : auto;
    overflow   : hidden;
    display    : block;
    margin     : 0 auto;
    font-size  : 15px;
    line-height: 20px;
    color      : #666;
    text-align : justify;
}

.newsbox .news-content br {
    margin-bottom: 10px;
}

.newsbox .news-content .datetag {
    font-size   : 11px;
    color       : #999;
    font-style  : italic;
    text-align  : right;
    margin-right: 2px;
}

.newsbox .news-content ul,
.newsbox .news-content ol {
    padding-left: 15px;
    margin-left : 10px;
}

.newsbox .img {
    margin: 10px 0 10px 0;
}

/*  --------------------------------------- */
/** Contact Start */

#contact-us h1,
#contact-us h2 {
    color      : #352457;
    text-shadow: 0px 0px 1px rgba(50, 50, 50, 0.6);
}

#contact-us .contact-info ul {}

#contact-us .contact-info ul li {
    margin-bottom: 2%;
}

#contact-us .contact-info ul li label {
    width      : 100%;
    height     : auto;
    display    : block;
    font-size  : 14px;
    color      : #444;
    font-weight: bold;
}

#contact-us .contact-info ul li.h1 {
    font-size: 16px;
    color    : #2b264b;
}

#contact-us .contact-info ul li label>span {
    width  : 20px;
    display: inline-block;
    margin : 0 0 0 12px;
}

#contact-us .contact-info ul li>span {
    width    : 100%;
    height   : auto;
    display  : block;
    font-size: 14px;
    display  : inline-block;
    color    : #5f5f5f;
    font-size: 14px;
    margin   : 0 0 0 32px;
}

#contact-us .contact-info ul li>span>a {
    text-decoration: none;
    color          : #5f5f5f;
    font-weight    : 500;
}

#contact-us .contact-info ul li>span>a:hover {
    color: #333;
}

#map {
    width   : 100%;
    height  : auto;
    overflow: hidden;
    display : block;
    margin  : 0 auto;
    border  : #EEE 2px solid;
}

#contact-us .form-control {
    border                   : #d6cfe5 1px solid;
    /*    border-radius      : 0;
        -webkit-border-radius: 0;
        -moz-border-radius   : 0;*/
}

#contact-us .input-group-addon {
    background               : #d9d1ea;
    border                   : #d6cfe5 1px solid;
    color                    : #524e5c;
    /*    border-radius      : 0;
        -webkit-border-radius: 0;
        -moz-border-radius   : 0;*/
}

#contact-us textarea {
    min-height: 140px;
    /* resize :none;*/
}

#contact-us .btn-success {
    background: #2c1a55;
    border    : #362069 1px solid;
}

#contact-us .btn-success:hover {
    background: #3c2277;
}

p#SkypeButton_Call_paraElement {
    width   : 100% !important;
    height  : 40px;
    position: relative;
}

#SkypeButton_Call img {
    margin        : 0 !important;
    padding       : 0 !important;
    vertical-align: 0 !important;
}

/* front-jumbo-box START ------------ */
.contact-about {
    width        : 100%;
    height       : auto;
    border-bottom: 1px solid #ccc;
    background   : #fff;
    padding      : 25px 20px 0 20px;
    font-size    : 25px;
    color        : #666;
    line-height  : 31px;
    text-align   : justify;
    font-variant : small-caps;
}

.contact-about:before {
    content     : "";
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 12px;
    width       : 0;
    height      : 0;
    position    : absolute;
    bottom      : -23px;
    left        : 50%;
    margin-left : -6px;
    z-index     : 1;
}

.contact-about:after {
    content     : "";
    border-color: #ccc transparent transparent transparent;
    border-style: solid;
    border-width: 12px;
    width       : 0;
    height      : 0;
    position    : absolute;
    bottom      : -24px;
    left        : 50%;
    margin-left : -6px;
}

.contact-about h1 {
    text-align : center;
    font-weight: bold;
    color      : #0f447f;
    text-shadow: 0px 0px 1px rgba(15, 68, 127, 0.4);
}

.contact-about h3,
.contact-about h4 {
    text-align : center;
    text-shadow: 0px 0px 1px rgba(40, 40, 40, 0.5);
}

.contact-about h4 {
    font-weight: bold;
}

.contact-about a {
    color          : #666;
    text-decoration: none;
}

.contact-about .btn {
    float  : none;
    margin : 0 auto;
    display: block;
}

/** Contact End */
/* Registration START --------------------------------------- */
#registration {
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

#registration h1 {
    font-size     : 18px;
    color         : #082e73;
    font-weight   : bold;
    text-transform: uppercase;
    text-align    : left;
    text-shadow   : 0 0 1px rgba(5, 51, 130, .3);
    position      : relative;
}

#registration h1 .viewopt {
    width    : auto;
    height   : auto;
    position : absolute;
    top      : 10px;
    right    : 10px;
    font-size: 12px;
    color    : #666;
}

#registration fieldset {
    border-top: #eee 2px solid;
    margin-top: 20px;
}

#registration fieldset legend {
    font-size: 14px;
    color    : #516478;
}

#registration .form-group {
    margin-bottom: 20px;
}

#registration .form-group label {
    color: #444;
}

.form-group select .disable {
    color: #999 !important;
}

/* Registration END --------------------------------------- */
/* footer --------------------------------------- */
#footer {
    width        : 100%;
    min-height   : 50px;
    overflow     : hidden;
    display      : block;
    margin       : 0 auto;
    /* background: #004484; */
    background   : var(--comp-color-strong);
}

#footer .side-menu ul {
    width   : 100%;
    height  : auto;
    overflow: hidden;
    margin  : 2% 0 2% 0;
    display : block;
}

#footer .side-menu ul.dark-color,
#footer .side-menu.dark-color {
    /* background: #003260; */
    background: var(--comp-color-dark);

}

#footer .side-menu ul.last {
    border-right: none;
    margin      : 10px 0 10px 0.5%;
}

#footer .side-menu ul li {
    width        : 96%;
    height       : auto;
    overflow     : hidden;
    margin       : 0 auto;
    margin-bottom: 5px;
    padding-left : 4%;
    font-size    : 15px;
    line-height  : 20px;
    color        : #eee;
    text-shadow  : 0 0 1px rgba(50, 50, 50, .1);
}

#footer .side-menu ul li a {
    color          : #eee;
    text-decoration: none;
}

#footer .side-menu ul li a:hover {
    color: #daedff;
}

#footer .side-menu ul li.h1 {
    font-size   : 18px;
    line-height : 22px;
    color       : #fff;
    text-shadow : 0 0 1px rgba(50, 50, 50, .2);
    padding-left: 0;
    font-weight : bold;
    margin-top  : 30px;
}

#footer .side-menu ul li.h2 {
    font-size   : 16px;
    line-height : 20px;
    color       : #a4d3ff;
    text-shadow : 0 0 1px rgba(50, 50, 50, .2);
    padding-left: 0;
    font-weight : bold;
}

#footer .side-menu ul li span {
    font-size  : 15px;
    line-height: 18px;
    width      : 18px;
    height     : 18px;
    float      : left;
}

#footer .side-menu ul li span.d-line {
    height: 36px;
}

#footer .copyright {
    width         : 100%;
    /* background : #003260; */
    background    : var(--comp-color-mild);
    overflow      : hidden;
    font-size     : 15px;
    color         : #aaa;
    text-shadow   : 0 0 1px rgba(50, 50, 50, .1);
    line-height   : 25px;
}

#footer .copyright .text-right {
    text-align: right;
}

#footer .copyright a {
    color          : #ff0000;
    text-shadow    : 0 0 1px rgba(236, 0, 0, .1);
    text-decoration: none;
}

#footer .copyright a:hover {
    color: #ff1919;
}

/* --------------------------------------- */

@media (min-width: 1200px) {
    .col-lg-pdn-left-0 {
        padding-left: 0 !important;
    }

    .col-lg-pdn-right-0 {
        padding-right: 0 !important;
    }

    .col-lg-pdn-both-0 {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    .container {
        width: 1140px;
    }

    #wrapper {
        background-size: 100%;
    }

    #wrapper #front-slider.padding {
        padding-bottom: 100px;
    }
}

@media (min-width: 992px) {
    .col-md-offset-1-5 {
        margin-left: 12.5%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-pdn-left-0 {
        padding-left: 0 !important;
    }

    .col-md-pdn-right-0 {
        padding-right: 0 !important;
    }

    .col-md-pdn-both-0 {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    #header .sitename {
        font-size  : 24px;
        line-height: 26px;
    }

    #wrapper #front-slider.padding {
        padding-bottom: 90px;
    }



    #front-contact-box .cont-icon {
        width      : 64px;
        height     : 64px;
        font-size  : 34px;
        line-height: 34px;
    }

    #front-contact-box .cont-icon span {
        margin-top : -17px;
        margin-left: -17px;
    }

    #front-contact-box .cont-data {
        margin-left: 25px;
    }

    #front-contact-box h2 {
        font-size  : 19px;
        line-height: 22px;
    }

    #front-contact-box ul {
        color      : #252525;
        font-size  : 16px;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-pdn-left-0 {
        padding-left: 0 !important;
    }

    .col-sm-pdn-right-0 {
        padding-right: 0 !important;
    }

    .col-sm-pdn-both-0 {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    .navbar {
        font-size: 14px;
    }

    #header .sitename {
        font-size  : 22px;
        line-height: 24px;
    }

    .one .leftcontent {
        line-height: 32px;
        font-size  : 30px;
    }

    #wrapper #front-slider.padding {
        padding-bottom: 60px;
    }

    .arrow-box:after {
        top              : 100% !important;
        left             : 50% !important;
        border-top-color : #2d1f4d !important;
        border-width     : 17px !important;
        margin-left      : -17px !important;
        margin-top       : 0 !important;
        border-left-color: transparent !important;
    }

    .front-items {
        min-height: 300px;
    }

    .front-items h1 {
        font-size  : 17px;
        line-height: 22px;
    }

    #front-contact-box .cont-icon {
        width      : 50px;
        height     : 50px;
        font-size  : 26px;
        line-height: 26px;
    }

    #front-contact-box .cont-icon span {
        margin-top : -13px;
        margin-left: -13px;
    }

    #front-contact-box .cont-data {
        margin-left: 15px;
    }

    #front-contact-box h2 {
        font-size  : 18px;
        line-height: 22px;
    }

    #front-contact-box ul {
        color      : #252525;
        font-size  : 15px;
        line-height: 20px;
    }

    .panel-prd-box .itm-name {
        font-size  : 15px;
        line-height: 21px;
    }

    .panel-prd-box h4 {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .navbar-collapse {
        padding-left: 0;
    }

    .one .all-wrapper {
        top: 85% !important;
    }

}

@media (max-width: 767px) {

    #wrapper #container.blue,
    #wrapper .others.blue {
        background: #fff;
    }

    .navbar-inverse .navbar-nav>li>a {
        border-right: none;
    }

    .navbar {
        font-size: 13px;
    }

    #header .sitename {
        font-size  : 22px;
        line-height: 25px;
    }

    .hotline {
        font-size  : 20px;
        line-height: 24px;
    }

    .hotline .text {
        font-size: 22px;
    }

    #short-links ul li a {
        font-size: 12px;
    }

    .one .all-wrapper {
        top: 75% !important;
    }

    .one .lefttitle {
        height     : 100px !important;
        line-height: 100px !important;
        font-size  : 60px !important;
    }

    .one .btn {
        height     : 100px !important;
        font-size  : 42px !important;
        line-height: 90px !important;
    }

    #wrapper #front-slider.padding {
        padding-bottom: 40px;
    }

    .arrow-box {
        padding    : 20px 10px 20px 10px;
        font-size  : 24px;
        line-height: 36px;
    }

    .arrow-box:after {
        top              : 100% !important;
        left             : 50% !important;
        border-top-color : #2d1f4d !important;
        border-width     : 21px !important;
        margin-left      : -21px !important;
        margin-top       : 0 !important;
        border-left-color: transparent !important;
    }

    .front-items {
        margin-top: 20px;
    }

    .front-items h1 {
        font-size  : 15px !important;
        line-height: 20px !important;
    }

    .front-jumbo-box {
        font-size  : 20px;
        line-height: 24px;
    }

    .common-block h1,
    .front-welcome h3 {
        font-size : 22px;
        text-align: left;
    }

    #front-contact-box {
        text-align: center;
    }

    #front-contact-box .cont-icon {
        width      : 56px;
        height     : 56px;
        font-size  : 24px;
        line-height: 24px;
        float      : none;
    }

    #front-contact-box .cont-icon span {
        margin-top : -12px;
        margin-left: -12px;
    }

    #front-contact-box .cont-data {
        width      : 200px;
        margin-left: 20px;
        float      : none;
    }

    #front-contact-box h2 {
        font-size  : 19px;
        line-height: 22px;
    }

    #front-contact-box ul {
        color       : #252525;
        font-size   : 15px;
        line-height : 19px;
        padding-left: 25px
    }

    #footer .side-menu ul {
        margin-top: 5%;
    }

    #footer .side-menu ul li {
        text-align: center;
    }

    #footer .side-menu ul li span {
        display: none;
    }

    #footer .side-menu ul li {
        padding-left: 0;
    }

    #footer .media-32,
    #footer .media-24 {
        text-align: center;
    }

    .media-24.withlabel a {
        text-align: center;
    }

    .media-24.withlabel .media-icn {
        float : none;
        margin: 0 auto;
    }

}

@media (min-width: 481px) and (max-width: 767px) {
    .col-xs-pdn-left-0 {
        padding-left: 0 !important;
    }

    .col-xs-pdn-right-0 {
        padding-right: 0 !important;
    }

    .col-xs-pdn-both-0 {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    .col-xs-text-center {
        text-align: center !important;
    }

    .col-xs-text-center img {
        display: block;
        margin : 0 auto;
    }

}

@media (max-width: 480px) {
    .col-xxs-pdn-left-0 {
        padding-left: 0 !important;
    }

    .col-xxs-pdn-right-0 {
        padding-right: 0 !important;
    }

    .col-xxs-pdn-both-0 {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    .col-xxs-full-width {
        width: 100% !important;
    }

    .hidden-xss {
        display: none !important;
    }

    .visible-xss {
        display: block !important;
    }

    .col-xxs-text-center {
        text-align: center !important;
    }

    .col-xxs-text-center img {
        display: block;
        margin : 0 auto;
    }

    #wrapper #container.bg1,
    #wrapper .container-fluid.bg1 {
        background-size: auto 40%;

    }

    .navbar-brand {
        display: block;
    }

    #short-links {
        text-align: center;
        margin    : 15px 0 10px 0 !important;
    }

    #header .sitename {
        font-size  : 19px;
        line-height: 22px;
    }

    .hotline {
        font-size  : 18px;
        line-height: 22px;
    }

    .hotline .text {
        font-size: 20px;
    }

    #header .media-32 {
        text-align: center;
    }

    #wrapper #front-slider.padding {
        padding-bottom: 30px;
    }

    .front-jumbo-box h1 {
        font-size  : 26px;
        line-height: 30px;
    }

    .front-jumbo-box {
        font-size  : 18px;
        line-height: 22px;
    }

    #front-contact-box .cont-data {
        width      : 100%;
        margin-top : 10px;
        margin-left: 0;
        float      : none;
    }

    #front-contact-box h2 {
        font-size  : 19px;
        line-height: 22px;
        text-align : center;
    }

    #front-contact-box ul {
        color       : #252525;
        font-size   : 15px;
        line-height : 19px;
        padding-left: 0;
        text-align  : center;
    }

    .contact-about h1 {
        font-size  : 26px !important;
        text-shadow: 0px 0px 1px rgba(50, 50, 50, 0.3);
    }

    .contact-about h3,
    .contact-about h4 {
        font-size : 19px;
        text-align: center;
    }

    .contact-about h4 {
        font-size  : 16px;
        color      : #3a4d26;
        font-weight: bold;
    }

    .media-64.theme-1 .media-icn {
        background: url(../images/social_icon_48x48.png);
    }

    .media-64 .media-icn {
        width : 48px;
        height: 48px;
    }

    .media-64.withlabel a {
        width      : 100%;
        display    : block;
        text-align : left;
        line-height: 48px;
    }

    .media-64.withlabel .media-icn {
        width : 48px;
        height: 48px;
    }

    .media-64 .media-icn.fb {
        background-position: 0 0;
        background-repeat  : no-repeat;
    }

    .media-64.reverse .media-icn.fb {
        background-position: 0 -48px;
        background-repeat  : no-repeat;
    }

    .media-64 .media-icn.fb:hover,
    .media-64 a:hover .media-icn.fb {
        background-position: 0 -48px;
    }

    .media-64.reverse .media-icn.fb:hover,
    .media-64.reverse a:hover .media-icn.fb {
        background-position: 0 0;
    }

    .media-64 .media-icn.tw {
        background-position: -48px 0;
        background-repeat  : no-repeat;
    }

    .media-64.reverse .media-icn.tw {
        background-position: -48px -48px;
        background-repeat  : no-repeat;
    }

    .media-64 .media-icn.tw:hover,
    .media-64 a:hover .media-icn.tw {
        background-position: -48px -48px;
    }

    .media-64.reverse .media-icn.tw:hover,
    .media-64.reverse a:hover .media-icn.tw {
        background-position: -48px 0;
    }

    .media-64 .media-icn.gp {
        background-position: -96px 0;
        background-repeat  : no-repeat;
    }

    .media-64.reverse .media-icn.gp {
        background-position: -96px -48px;
        background-repeat  : no-repeat;
    }

    .media-64 .media-icn.gp:hover,
    .media-64 a:hover .media-icn.gp {
        background-position: -96px -48px;
    }

    .media-64.reverse .media-icn.gp:hover,
    .media-64.reverse a:hover .media-icn.gp {
        background-position: -96px 0;
    }

    .media-64 .media-icn.ut {
        background-position: -144px 0;
        background-repeat  : no-repeat;
    }

    .media-64.reverse .media-icn.ut {
        background-position: -144px -48px;
        background-repeat  : no-repeat;
    }

    .media-64 .media-icn.ut:hover,
    .media-64 a:hover .media-icn.ut {
        background-position: -144px -48px;
    }

    .media-64.reverse .media-icn.ut:hover,
    .media-64.reverse a:hover .media-icn.ut {
        background-position: -144px 0;
    }

    .media-64 .media-icn.pr {
        background-position: -192px 0;
        background-repeat  : no-repeat;
    }

    .media-64.reverse .media-icn.pr {
        background-position: -192px -48px;
        background-repeat  : no-repeat;
    }

    .media-64 .media-icn.pr:hover,
    .media-64 a:hover .media-icn.pr {
        background-position: -192px -48px;
    }

    .media-64.reverse .media-icn.pr:hover,
    .media-64.reverse a:hover .media-icn.pr {
        background-position: -192px 0;
    }

    .media-64 .media-icn.li {
        background-position: -240px 0;
        background-repeat  : no-repeat;
    }

    .media-64.reverse .media-icn.li {
        background-position: -240px -48px;
        background-repeat  : no-repeat;
    }

    .media-64 .media-icn.li:hover,
    .media-64 a:hover .media-icn.li {
        background-position: -240px -48px;
    }

    .media-64.reverse .media-icn.li:hover,
    .media-64.reverse a:hover .media-icn.li {
        background-position: -240px 0;
    }

    .common-block {
        font-size  : 15px;
        line-height: 20px;
    }

    .common-block h1 {
        font-size : 20px;
        text-align: center;
    }

    /* media share button */
    .stButton .chicklets {
        font-size: 0px !important;
    }

    .stButton .chicklets.email {
        display: none;
    }
}

/* code for bootstrap level 2 and 3 menu --------------------------- */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top                  : 0;
    left                 : 100%;
    margin-top           : -6px;
    margin-left          : -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius   : 0 6px 6px;
    border-radius        : 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display          : block;
    content          : " ";
    float            : right;
    width            : 0;
    height           : 0;
    border-color     : transparent;
    border-style     : solid;
    border-width     : 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top       : 5px;
    margin-right     : -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left                 : -100%;
    margin-left          : 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius   : 6px 0 6px 6px;
    border-radius        : 6px 0 6px 6px;
}

/* ---------------------- END --------------------------- */

.comp-logo {
    background-color   : var(--comp-color);
    /* border          : 2px solid red; */
}