@charset "utf-8";
/* CSS Document */

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    margin-bottom: 25px;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */



/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
img { border: 0; }
a { text-decoration: none; color: #000;}
.clearfix:after, .clearfix:before { content: " "; display: table}
.clearfix:after { clear: both }
.clearfix{ *zoom: 1 }

html, body {
    background: #fff;
    color: #000;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    line-height: 19px;
}

h1 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    margin: 28px 0;
    color: #1caeae;
    font-family: "Open Sans", sans-serif;
}

.ecw_academy h1 {color: #4ea7d3;}
.about_us-cat h1{color: #e83b34;}
.portfolio h1{color: #ff9933;}
.contact-us-cat h1{color: #000000;}
.news h1{color: #4ea7d3;}
.disclaimer-cat h1 {color: #6f4896;}

sup {    vertical-align: super;
  font-size: smaller;}
p.supsmall { float: left;
    width: 100%;
    font-size: 11px;
    line-height: 17px;
  margin-bottom: 5px;  }

p.contact-us-title {font-family: "Open Sans", sans-serif; font-weight: 500; margin-bottom: 5px;}


p {margin: 10px 0; text-align: justify;}

.img-center { text-align: center;  }
p.first { margin-top: 0; }

.wrapper { width:100%; margin: 0 auto; position: relative; background-color: #ffffff; min-width: 1000px;}
header { min-width: 1000px;}

#home, .subpage {
    border-collapse: collapse;
    margin: 0;
    }
.home header {
    position: relative;
    z-index: 1;
    }

.top-banner {
    height: 100px;
    position: relative;
    margin: 0 auto;
}
.home-banner {
    height: calc(100vh - 100px);
    width: 100%;
    position: relative;
    z-index: 0;
}
.fullWidth {
    width: 100%;
    height: calc(100vh - 100px);
}
#full-width-slider {
    width: 100%;
    height: calc(100vh - 100px) !important;
}

/* Background */
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
    background: #000;
    color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsMinW .rsArrow {
    height: 32px;
    width: 32px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }
.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }

.rsMinW .rsArrowIcn {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    cursor: pointer;
    background: url('rs-minimal-white.png') transparent;

    border-radius: 2px;
}
/*.rsMinW .rsArrowIcn:hover {

}*/


.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsMinW .rsBullets {
    position: absolute;
    top: 45%;
    right: 25px;
    z-index: 35;
    padding-top: 0px;
    height: auto;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    width: 26px;
}
.rsMinW .rsBullet {
    width: 26px;
    height: 26px;
    display: inline-block;
    *display:inline;
    *zoom:1;
}
.rsMinW .rsBullet span {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: transparent url(../images/bullet.png) no-repeat center center;
}
.rsMinW .rsBullet.rsNavSelected span {
    background: transparent url(../images/bullet-active.png) no-repeat center center;
    width: 26px;
    height: 26px;
}

/***************
*
*  5. Fullscreen button
*
****************/

.rsMinW .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;

}
.rsMinW .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;

    background: url('rs-minimal-white.png') 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
    opacity: 0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0;
}
.rsABlock {
    top: 30%;
    text-align: left;
    left: 25%;
}
.rsABlock h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
    font-size: 72px;
    color: #000;
}
.rsABlock .sub-header-title {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
    font-size: 34px;
    color: #000;
    line-height: 1;
}

.banner-slider-item {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

/*banner text*/
.home-banner-desc { position: absolute; right: 279px; bottom: 103px; background:url(/images/tagline-bg.png); /*width: 427px; height: 120px; */ z-index:10; color: #fff; }
.home-banner-desc .data { padding: 33px; text-align: center; color: #fff; font-family: open_sanssemibold; font-weight: 400;}
.banner-slider-text {
    position: absolute;
    font-size: 32px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    line-height: 95px;
    text-transform:capitalize;
    font-weight:400;
    right: 296px;
    bottom: 103px;
    background:url(/images/tagline-bg.png);
    height: 95px;
    width: 472px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
x-h1.banner-text { font-size: 32px; font-family: "Open Sans", sans-serif;
  font-weight: 500; margin: 0; padding: 0; line-height: 36px; text-transform:capitalize;}
.about_us-cat .top-banner {
    /*background-image: url('/images/about-top-banner.jpg');*/
    background-image: url('/images/about-top-banner-042018.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.portfolio .top-banner {
    background-image: url('/images/home-banner-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.hengde-logistic .top-banner {
    background-image: url('/images/hengde-logistic-banner.jpg');
}

.contact-us-cat .top-banner {
    /*background-image: url('/images/contact-top-banner.jpg');*/
    background-image: url('/images/contact-top-banner-042018.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.news .top-banner {
    background-image: url('/images/news-banner1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.search-cat .top-banner {
    background-image: url('/images/search-top-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.disclaimer-cat .top-banner {
    background-image: url('/images/disclaimer-top-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.ecw_academy .top-banner{
    background-image: url('/images/banner-ecw-academy.jpg');
    background-size: cover;
  background-repeat: no-repeat;
}
.header_content, .content {
    max-width:1000px;
    margin: 0 auto;
    background-color: #ffffff;
    height:100%;

}

.header_content {
    height:108px;
}

.content-inner {
        padding:0px 0px 0px 50px;
    }

.content-inner ul{
        padding:0px 0px 0px 0px;
    }

.main-wrap {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    height: 100px;
    z-index: 10;
    position: relative;
    }
section .top-banner {
        height: 280px;
    }

section.subpage .fullWidth {
        width: 100%;
        height: inherit;
    }

.main-wrap-inner {
    background: #fff;
    padding: 0 20px;
    height: 100px;
    box-shadow: 7px 10px 0px -13px rgb(0, 0, 0);
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    }

.homepage-banner {z-index: -1; top: 0; position: absolute;}
h1.logo { margin: 0; float: left; padding-top: 10px; /*padding-left: 10px; padding: 11px 54px 0 0;*/}

.language { margin: 0; padding: 0; }
.language li { list-style: none; float: left; }
.language li a { padding: 3px 5px; margin: 0 5px; font-size: 12px; line-height: 12px; color: #000;}
.language li.last a { padding-right: 0; margin-right: 0; color: #5b6770; }
.language li a.selected { background: #f4f4f4; color: #000; }
.language-nav { float: right; z-index: 100; position: relative;}
select {
    height: 35px;
    width: 120px;
    color: #323232;
    border: none;
    background: #f2f2f2;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
font-weight: 400;
}


div.right { height: 21px; text-align: right; overflow: hidden; padding: 18px 6px 0 0; }
.search > img {
    display: inline-block;
    position:relative;
    z-index:99999;
    width: 42px;
    height: 35px;
    cursor: pointer;
}
.search > label {
    display: inline-block;
position: absolute;
right: 50px;
width: 200px;
height: 35px;
margin: auto;
background: #cccccc;
z-index: -1;
text-align: left;
}
.search > label.expanded { z-index:0; }
.search input {
    height: 29px;
padding: 2px 5px;
width: 190px;
border: transparent;
background-color: #cccccc;
font-size: 12px;
outline: none;
}

.main-nav-wrap { float: right; padding-top: 21px; font-size: 12px; letter-spacing: 0.3px;}
.main-nav { margin: 0; padding: 0; list-style: none; }
.main-nav li { float: left; padding: 5px 30px 16px 0; }
.main-nav li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
    text-transform: uppercase;
    color: #5b6770;
    display: block;
    font-size: 14px;
    }
.main-nav li a:hover.menu-about, .main-nav li a.menu-about.selected { color: #e83b34; }
.main-nav li a:hover.menu-portfolio, .main-nav li a.menu-portfolio.selected { color: #ff9933; }
.main-nav li a:hover.menu-ir, .main-nav li a.menu-ir.selected { color: #1caeae; }
.main-nav li a:hover.menu-news { color: #4ea7d3; }
.main-nav li a:hover.menu-contact{ color: #000000; }
.main-nav li a.menu-contact.selected { color: #000000;}
.main-nav li.last { padding-right: 0; }
.main-nav li a:hover.menu-investor {color: #1caeae;}
.main-nav li a:hover.menu-academy {color: #4ea7d3;}
.main-nav ul {
    list-style: none;
    }
.main-nav ul.ir { background: #1caeae; }
.main-nav ul.portfolio { background: #ff9933; }
/*.main-nav ul.portfolio li.selected { background: #2e2113; color: #fff;  }*/
.main-nav ul.about { background: #e83b34; }
/*.main-nav ul.about li.selected { background: #2e2113; color: #fff; }*/
.main-nav ul.contact { background: #1caeae; }
/*.main-nav ul.contact a.selected { background: #2e2113; color: #fff;  }*/
.main-nav ul.academy { background: #4ea7d3; }

.main-nav ul li a { margin: 0; text-transform: uppercase; padding: 5px 0 5px 15px; color: #fff; }
/*.main-nav ul li a:hover { background: #2e2113; color: #fff; }*/
.main-nav ul li { padding: 0; float: none;  }

.main-nav a.menu-about.rollOver { color: #e83b34; }
.main-nav a.menu-portfolio.rollOver { color: #ff9933; }
.main-nav a.menu-ir.rollOver { color: #1caeae; }
.main-nav a.menu-news.rollOver { color: #4ea7d3; }
.main-nav a.menu-contact.rollOver { color: #4ea7d3; }

.menu-col-wrap {
    position: absolute;
    background: #e83b34;
    height: 100%;
    top: 100%;
    width: 100%;
    left: 0;
    height: 157px;
    display: none;
}
.submenu-portfolio {
    background: #ff9933;
}
.submenu-ir {
    background: #1caeae;
}
.submenu-academy {
    background: #4ea7d3;
}

.submenu-contact {
    background: #000;
}

.menu-col-inner-wrap {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.menu-col {
    float: left;
    height: 100%;
    box-sizing: border-box;
}
.submenu-mainTitle {
    width: 315px;
}
.submenu-mainTitle span {
    line-height: 157px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}
.submenu-item {
    padding: 20px 10px;
}
.menu-col ul {
    border-left: 2px solid #fff;
    height: 100%;
}
.main-nav .submenu-item ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
    font-size: 13px;
}

#ir_container {font-size: 1em; width: 1000px; margin: 181px auto 0; clear: both;}
#ir_sidebar { float: left; width: 260px; padding: 0 0 50px 0; background: #f4f4f4;
    -webkit-box-shadow: 15px 10px 10px -13px rgba(215,215,215,1);
    -moz-box-shadow: 15px 10px 10px -13px rgba(215,215,215,1);
    box-shadow: 15px 10px 10px -13px rgba(215,215,215,1);
     }
.ir-title { margin: 0; padding: 18px 0 16px 20px; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 19px; text-transform: uppercase; background-color: #1caeae; color: #fff; font-weight: normal; }
.ir-title a { color: #fff}

.left-menu-wrap { padding: 15px 0 0 20px; }

.accordionButton { width: 98%; cursor: pointer; margin: 0; padding: 0; background: url(/images/icon-plus.png) no-repeat 90% center; clear:both; color: #5b6770;  }
.accordionButton.no-images {
    width: 98%;
    cursor: pointer;
    margin: 0;
    padding: 0; background: url(/images/icon-minus.png) no-repeat 90% center; clear:both; color: #5b6770; }
.accordionButton h2 { font-weight: normal; margin: 0; padding: 10px 0; font-size: 14px; line-height: 14px; }
.accordionContent {width: 100%; float: left; padding: 0; text-align: justify; margin-bottom: 2px; }
.on { background: url(/images/icon-minus.png) no-repeat 90% center; color: #1caeae;  }

.portfolio-nav .accordionButton { width: 100%; cursor: pointer; margin: 0; padding: 0; background: url(/images/icon-plus-portfolio.png) no-repeat 90% center; clear:both; color: #ff9933; }
.portfolio-nav .on { background: url(/images/icon-minus-portfolio.png) no-repeat 90% center; color: #ff9933;  }

.left-menu { margin: 0; padding: 0;  }
.left-menu li { list-style: none; clear: both;  }
.left-menu li ul li {list-style-type: square; padding: 5px 0; margin: 0; }
.left-menu li ul { padding: 0 0 0 25px; }
.left-menu li a { color: #5b6770; font-family: "Open Sans", sans-serif; font-weight: 400; }
/*.left-menu li a:hover { color: #1caeae; }*/


.left-menu h2 {
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 14px;
}

.portfolio-nav .on h2 a { color: #ff9933; font-family: "Open Sans", sans-serif;font-weight: 400;}
.portfolio-nav .left-menu li.selected a {color: #ff9933; font-family: "Open Sans", sans-serif;
font-weight: 400;}
.portfolio-nav .left-menu li a:hover {color: #ff9933; font-family: "Open Sans", sans-serif;
font-weight: 400;}
.portfolio-nav .accordionContent li.selected, .portfolio-nav .accordionContent li.selected a {color: #ff9933;}
.portfolio-nav .ir-title {background-color: #ff9933;}
.portfolio-nav .left-menu li h2 a.selected { color: #ff9933; }


.about-us-nav .on h2 a { color: #e83b34;}
.ecw_academy .ir-title {background-color: #4ea7d3;}
.about-us-nav .ir-title {background-color: #e83b34;}
.about-us-nav .left-menu  li a:hover   {color: #e83b34;}
.about-us-nav .left-menu li.selected a { color: #e83b34; }
.about-us-nav .left-menu li h2 a.selected { color: #e83b34; }

p.about-us-reit-bold {font-family: "Open Sans", sans-serif;
font-weight: 500; margin-bottom: 5px;}
.about-us-reit li {padding-left: 18px; line-height: 24px; background: url(/images/bullet-red.png) no-repeat left 10px; margin-left: 20px;}


.contact-nav .ir-title {background-color: #000;}
.contact-nav .left-menu li.selected a { color: #000; }
.contact-nav .left-menu  li a:hover   {color: #000;}
.contact-nav .left-menu li h2 a.selected {color: #000;}

.disclaimer-nav .ir-title {background-color: #6f4896;}
.disclaimer-nav .left-menu li.selected a { color: #6f4896; }

.terms-of-use li {padding-left: 18px; line-height: 24px; background: url(/images/bullet-purple.png) no-repeat left 10px; margin-left: 20px;}

.news-nav .ir-title {background-color: #4ea7d3;}
.news-nav .left-menu li.selected a { color: #4ea7d3; }

#ir_content {float: right; width: 705px; margin: 0; color: #323232; padding-bottom: 50px; min-height: 500px;}
.breadcrumb-wrap { border-bottom: 1px solid #2cb4b4; padding: 20px 0; }
.breadcrumb { margin: 0; padding: 0; }
.breadcrumb li { list-style: none; float: left; padding: 0 5px; font-size: 11px; color: #999999; }
.breadcrumb li:first-child { padding-left: 0; }
.breadcrumb li a { color: #999999; }
.breadcrumb li.selected { color: #1caeae; }

.breadcrumb-about-us.breadcrumb-wrap { border-bottom: 1px solid #e83b34; }
.breadcrumb-about-us .breadcrumb li.selected { color: #e83b34; }
.breadcrumb-portfolio.breadcrumb-wrap { border-bottom: 1px solid #ff9933; }
.breadcrumb-portfolio .breadcrumb li.selected { color: #ff9933; }
.breadcrumb-contact-us.breadcrumb-wrap { border-bottom: 1px solid #000; }
.breadcrumb-contact-us .breadcrumb li.selected { color: #000; }
.breadcrumb-news.breadcrumb-wrap { border-bottom: 1px solid #4ea7d3 }
.breadcrumb-news .breadcrumb li.selected { color: #4ea7d3; }
.breadcrumb-disclaimer.breadcrumb-wrap { border-bottom: 1px solid #6f4896 }
.breadcrumb-disclaimer .breadcrumb li.selected { color: #6f4896; }
.breadcrumb-ecw-academy.breadcrumb-wrap { border-bottom: 1px solid #4ea7d3; }
.breadcrumb-ecw-academy .breadcrumb li.selected { color: #4ea7d3; }



#ir_footer {
    font-size: 11px;
    width: 100%;
    padding: 10px 0;
    clear: both;
    background: #5b6770;
    color: #a6a4a4;
    height: 20px;
}
.corp_home #ir_footer {
    position: fixed;
    bottom: 0;
    z-index: 15;
}

#ir_footer a { color: #a6a4a4; }
#ir_footer a:hover { color: #fff; }

.footer-inner { margin: 0 auto; width: 1000px; }
.policy { float: left; width: 750px; }
.design { float: right; }

footer.home_footer{background-image:none; padding: 10px 0;background-color: #000000;}
.footer-wrap { background: #000000; margin: 0 auto; }
.footer-inner { max-width: 1000px; margin: 0 auto; font-size: 11px; /*padding: 11px 20px;*/ color: #e7e6e4; }
.policy { float: left; /*width: 500px;*/ }
.policy a { color: #7b7b7b; }
.design { float: right; }
.design a { color: #fff; /*font-weight: 600;*/}

.content-wrapper {min-width:1200px; text-align: justify; /*border-top: 3px solid #fba100*/; }
.content-wrapper .content { min-height: 500px; }
.content-wrapper .wrap_1000{ background: #ffffff; /*padding: 150px 0px 0px 0px*/}

.main-title { color: #ffa300; font-size: 25px; text-transform:uppercase;line-height:1; font-family:'RobotoBold', Verdana, Arial, sans-serif; }
#asidefix{ float: left; width: 200px; border: solid 1px #000; height: 400px;}
.main_content{float: right; width: 700px;}

/*
.main-nav ul{margin: 0; padding: 0; }
.main-nav ul li { float: left; list-style: none; }
.main-nav ul li a { display: table-cell; width: 115px; height: 81px; text-align: center; text-transform: uppercase; color: #000; font-weight: 300; font-size: 16px; vertical-align: middle; line-height: 1.2; font-family:'RobotoBold', Verdana, Arial, sans-serif; letter-spacing: 0.3px; }
.main-nav ul li:hover a,
.main-nav ul li:hover ul li:hover a,
.main-nav ul li.selected a,
.main-nav ul li.selected ul li.selected a { color: #f9b233; }
.nav-1:hover a, .nav-1 div,.nav-1 ul li a,.nav-1.selected a { background: #f4f4f4; color: #e83b34}
.nav-2:hover a, .nav-2 div,.nav-2 ul li a,.nav-2.selected a { background: #f4f4f4; color: #e83b34}
.nav-3:hover a, .nav-3 div,.nav-3 ul li a,.nav-3.selected a { background: #f4f4f4; }
.nav-4:hover a, .nav-4 div,.nav-4 ul li a,.nav-4.selected a { background: #f4f4f4; }
.nav-5:hover a, .nav-5 div,.nav-5 ul li a,.nav-5.selected a { background: #f4f4f4; }
.nav-6:hover a, .nav-6.selected a { background: #f4f4f4; }*/
/* Second level  */
/*
.main-nav ul li div{opacity: 0;position: absolute;z-index:-99; width: 100%;left: -100000px; min-width:1000px;
-webkit-transition: opacity 0.3s linear;
 -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
   -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
}
.main-nav ul li:hover div { opacity: 1;z-index:999; left: 0px;}
.main-nav ul li ul { position: relative; width: 1000px; margin: 0 auto;}
.main-nav ul li ul li { padding-left: 25px;}
.main-nav ul li ul li a { color: #a3a2a2;display: block; float: left; height:58px;line-height:58px;width: auto; font-size: 15px; }
.main-nav ul li:hover ul li a,.main-nav ul li.selected ul li a{color:#646464}
.nav-1 ul li:first-child { padding-left: 216px; }
.nav-2 ul li:first-child { padding-left: 73px; }
.nav-3 ul li:first-child { padding-left: 330px; color: #e83b34 }
.nav-4 ul li:first-child { padding-left: 200px; }
.nav-5 ul li:first-child { padding-left: 770px; } */


/* ==========================================================================
   IE fix
   ========================================================================== */
.lt-ie10 .showbiz-title.go-to-top{width:92%;}
.lt-ie9 .wrapper{width: 1440px;}
.lt-ie9 .main-nav ul li div{display:none;}
.lt-ie9 .main-nav ul li:hover div {display:block;z-index:999}
.lt-ie9 .main-nav ul li.selected div  {display:block;z-index:99}
.lt-ie9 .home_box{background: url(ie-home-bg.png) repeat;}
.lt-ie9 .showbiz-title.go-to-top{background: url(ie-property-bg1.png) repeat;}
.lt-ie9 .revactive .showbiz-title.go-to-top{background: none;}
.lt-ie9 .reveal_container.revactive{background: url(ie-property-bg2.png) repeat;}

.lt-ie8 .nav_3 ul li:first-child{padding-left: 0px;}
.lt-ie8 .main-nav ul li a{display: block; line-height: 100px;}
.lt-ie8 .main-nav ul li.nav_2 a, .lt-ie8 .main-nav ul li.nav_3 a{line-height: 1.4; padding-top: 30px; height: 70px;}
.lt-ie8 .main-nav ul li ul li a{line-height: 58px !important; height:58px !important; padding-top:0px !important;}
.lt-ie8 #prevslide, .lt-ie8 #nextslide{height:40px; padding: 35px 0 35px 0;}
.lt-ie8 .property_gallery{bottom:100px;}


/* slideshow 1 */
.ss1_wrapper { position: relative; width: 100%; /*height: 440px; padding-top: 81px;*/}
.ss1_wrapper .slideshow { position: relative; width: 100%; height: 443px; }
.ss1_wrapper .slideshow_item { width: 100%; height: 440px; }
.ss1_wrapper .slideshow_item .data { display: none; }
.ss1_wrapper a.slideshow_prev { position: absolute; left: 239px; bottom: 213px; z-index: 10; outline:none; background:url(/images/arrow-prev.png) no-repeat; width: 27px; height: 51px; }
.ss1_wrapper a.slideshow_prev span { display:block;  text-indent:-9999px; }
.ss1_wrapper a.slideshow_next { position:absolute; right: 239px; bottom: 213px; z-index:10; outline:none; background:url(/images/arrow-next.png) no-repeat; width: 27px; height: 51px; }
.ss1_wrapper a.slideshow_next span { display:block; text-indent:-9999px; }
.ss1_wrapper .slideshow_paging { position: absolute; top: 5px; right: 5px; z-index:11; font-size:12px; background:url(/images/trans_black_70.png); padding: 3px 2px; }
.ss1_wrapper .slideshow_box { position: absolute; right: 200px; bottom: -50px; background:url(/images/tagline-bg.png); width: 600px; /*height: 150px;*/ z-index:10; color: #fff; }
.ss1_wrapper .slideshow_box .data { padding: 33px; text-align: center; color: #fff; }
.ss1_wrapper .slideshow_item .image { /*border-bottom: 3px solid #fba100; */display: block; }

.detail-text { font-size: 14px; }
.detail-text span { font-family:'RobotoBold', Verdana, Arial, sans-serif;  }
.button-read { border: none; background: transparent; border: 1px solid #fff; color: #fff; font-size: 14px; padding: 3px 10px; }


.wrap_1000.home-wrap h1.main-title { display: none;}
.home-about {float: left; width:215px; height:260px; padding: 10px 20px 8px 20px; background-color:#f4f4f4; margin: 0px 5px 14px 0px; text-align:left; line-height: 18px;}
.home-about p {text-align: left;}
.home-results { float: left; width: 195px; height:260px; padding: 10px 20px 8px 20px;  background-color:#1caeae; color: #fff; margin: 0px 7px 14px 7px;}
.home-news { float: left; width: 195px; height:260px; padding: 10px 20px 8px 20px;  background-color:#4ea7d3; color: #fff; margin: 0px 7px 14px 7px;}
.home-ipo { float: right; width: 194px; height:260px; padding: 10px 20px 8px 20px; border: 1px solid #f4f4f4; margin: 0px 0px 14px 0px;}
.home-email { float: right; width: 194px; height:260px; padding: 10px 20px 8px 20px; border: 1px solid #ebebeb; margin: 0px 0px 14px 0px; background-color:#f4f4f4;}
x-.home-ar { float: left; width: 205px; padding-left: 5px; top: 100px;}


.latest-news { width: 100%; padding: 10px 5px 5px 0; margin: 0; list-style: none; text-align: left; }
.latest-news li { margin-bottom: 10px; height: 64px; }
.latest-news li.num_1 p  { margin-top: 0; }
.latest-news li p.latest-news-title { padding-top: 0; margin-top: 3px; font-size: 13px; text-align: left;}
.latest-news li p { padding: 13px 1px 6px 1px;}
.latest-news-date { width: 30%; float: left; margin: 0; text-align: center; font-size: 30px; line-height: 18px; background: #257fab;}
.latest-news li a .latest-news-date { color: #fff; font-size: 23px; font-family: "Open Sans", sans-serif;
font-weight: 500;}
.latest-news li a:hover .latest-news-date { color: #257FAB; background: #fff; transition-duration: 0.3s;}
.latest-news-date span { font-size: 11px; font-family: "Open Sans", sans-serif;
font-weight: 400; text-transform: uppercase; }
.latest-news-title {width: 125px; float: right; margin: 1em 0; color: #fff; font-size: 13px; line-height: 1.4;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; height: 45px; display: block; display: -webkit-box;}
.latest-news li a:hover .latest-news-title { text-decoration: none; }
.latest-news li a { color: #000; }
.more-btn { margin-top: 38px; }
.more-btn span { color: #000; }
.more-btn a { color: #fff; text-transform: capitalize; font-size: 12px; /*text-shadow:0.2px 0.2px #000;*/}
.more-btn a:hover { color: #fff; transition-duration: 0.3s; }
.home-news .more-btn { margin-top: 0; }
.results-date { font-size: 13px; color: #fff;  }
.financial { padding: 0 0 0 15px;  }
.financial li { list-style: none; color: #ffa300; line-height:29px;}
.financial li a { color: #fff; }

.portfolio-row {
    margin: 10px 0;
}
.more-btn {
    display: inline-block;
    padding: /*5px 10px;*/10px 0px;
    font-size: 13px; color: #fff;
   /* border: 1px solid #ff9933;
    background-color: #ff9933;*/
    text-decoration: none;
    transition: 0.4s;

}
.more-btn:hover {
    background-color: transparent;
    color: #ff9933;
    transition: 0.4s;
}


.portfolio-more-btn {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px; color: #fff;
    border: 1px solid #ff9933;
    background-color: #ff9933;
    text-decoration: none;
    transition: 0.4s;
    margin-top: 13px;

}
.portfolio-more-btn:hover {
    background-color: transparent;
    color: #ff9933;
    transition: 0.4s;
}


.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%;}

.download-ipo
{float: right; margin-top: 65px;}


.download-ipo-img {
margin-top:17px; }


.portfolio-item {
    float: left;
    margin: 10px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.portfolio-item .text-desc {
    opacity: 0.9;
    top: auto;
    bottom: -100%;
    transition: 0.5s;
    color: #fff;
}
.portfolio-item .text-desc h3 {
    padding-top: 50px;
}
.portfolio-item .text-desc1 {
    opacity: 1;
    /*top: auto;*/
    /*bottom: -100%;*/
    /*transition: 0.5s;*/
    color: #fff;
    /*position:absolute;*/
    bottom:5px;
    width:100%;
    background-color:#ff9900;
    transition: all 1s ease-in-out;
}
.portfolio-item .text-desc1 h3 {
    padding: 14px 0;
    color:#fff;
    font-size:13px;
    font-family: "Open Sans", sans-serif;
font-weight: 500;
}
/*.portfolio-item img {transition: 0.5s;}*/
/*.portfolio-item:hover img {transform: scale(1.2);}*/

.portfolio-item:hover .text-desc {bottom: 0;}

.portfolio-item:hover .text-desc1{
    background-color:#000;
}

.portfolio-item .text-desc1 a{
    color:#fff;
}

.portfolio-item.first {
    margin-left: 0px;
}
.portfolio-item.last {
    margin-right: 0px;
    float: right;
}

.second-line-italic {
    font-weight: normal;
    font-style: italic;
}

.home .content-wrapper .wrap_1000 { padding-bottom: 20px; }
.ar-img img { -webkit-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);
box-shadow: 0px 0px 5px 2px rgba(217,217,217,1); }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f4f4f4;
    margin-top: 30px;
  padding: 0;}

h2 { font-size: 19px; font-family: "Open Sans", sans-serif;
font-weight: 700;  letter-spacing: 0.2px; padding-top: 15px; padding-bottom: /*10px;*/5px;}
h3 { color: #ff9900; font-size: 14px; font-weight: normal; }
h3 span { font-family:'open_sansregular', Verdana, Arial, sans-serif;  }
h4 { color: #ffa300; font-size: 15px; font-family:'open_sansregular', Verdana, Arial, sans-serif; text-transform: uppercase; margin-bottom: 0;  }
h5 {font-size: 15px; font-family:'open_sansregular', Verdana, Arial, sans-serif; margin-top: -4px; margin-bottom: 16px;}
h6 { font-size: 19px; font-family: "Open Sans", sans-serif;
font-weight: 700;  letter-spacing: 0.2px;  padding-bottom: 10px;}


.profile-img { padding: 30px 0; }
.director-wrap { border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.director-wrap.last { border: none; }
.director-wrap h2 { color: #ffa300; font-size: 20px; font-family:'open_sansregular', Verdana, Arial, sans-serif; text-transform:capitalize; margin-bottom: 0; }
.director-wrap .designation { font-family:'open_sansregular'; color: #666666; }

h2.property { padding: 15px 0 10px 0; }
.property-list { margin: 0; padding: 0; }
.property-list li { list-style: none; float: left; width: 307px; padding-left: 20px; }
.property-list li:first-child { padding-left: 0; }

.thumb-images img { display: block; }
.thumb-detail { background: #ff9900; color: #fff; padding: 10px 15px; text-align: center;  }
.thumb-detail div { font-family:'open_sansregular', Verdana, Arial, sans-serif; }
.thumb-detail a { color: #fff; }

blockquote { font-size: 16px; font-style: italic; display: block; padding: 25px 0 45px 0; }
blockquote:before, blockquote:after { font-size: 90px; color: #000; position: relative; }
blockquote:before { content: open-quote; float: left; margin-left: -45px; top: -43px; }
blockquote:after { content: close-quote; float: right; margin-bottom: 0; top: 0; }
blockquote:first-line { text-indent: -50px; }

.fote-note { font-style: italic; font-size: 11px; }

.committee-left { width: 440px; float: left; }
.committee-left .first { margin-top: 0; padding: 0; }
.committee-left .bold { font-family:'open_sansregular', Verdana, Arial, sans-serif; }
.committee-left span { font-family: "Open Sans", sans-serif;
font-weight: 400; color: #666666;  }
.divider-line { border-bottom: 1px solid #dedede; clear: both; margin-bottom: 24px; padding-top: 24px; }

.committee-right { width: 440px; float: right; }
.committee-right .first { margin-top: 0; padding: 0; }
.committee-right .bold { font-family:'open_sansregular', Verdana, Arial, sans-serif; }
.committee-right span { font-family:'open_sansregular', Verdana, Arial, sans-serif;  }

a.corporate-url { color: #666; text-decoration: underline; }




/* Country selection  */
.country_selection {
        float:right;
        padding-top:10px;
}

.country_selection span.active a {
        color: #25548d;
}
.country_selection span a {
        font-size: 0.875em; /* 14px */
        font-weight: normal;
    color: #b6b6b6;
    padding: 10px;
}
.country_selection span.en a {
        padding: 10px 15px 10px 15px;
}
.country_selection span a:hover, .country_selection span a.active {
    color: #25548d;
}

.country_selection span.ch a {
    font-family: Georgia, "Times New Roman", "KaiTi", "¿¬Ìå", STKaiti, "»ªÎÄ¿¬Ìå", serif;
}

/*Accordian side menu*/
#accordian-menu{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
#accordian-menu li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    color: #222;
    font-size: 14px;
    text-transform: normal;
}


#accordian-menu li.active{
    color: #fff;
    background: #0f4786 url(/images/white-logo-bullet.png) no-repeat 12px 10px;
}
x-#accordian-menu li.dropdown{
    background: #fff url(/images/logo-bullet.png) no-repeat 12px 10px;
}
#accordian-menu li div {
    float: left;
    width: 82%;
    margin-left: 15%;
    padding: 9px 0 9px 3%;
    cursor: pointer;
}

#accordian-menu a:hover{
    color: #ff9933;
}

#accordian-menu li.active div{
    border: none;
}
#accordian-menu li.active a{
    color: #fff;
}
#accordian-menu li li{
    border: none;
    margin: 0;
    width: 180px;
    padding: 6px 0 6px 55px;
    background: none;
}
#accordian-menu li li.selected{
    background: url(/images/green-bullet.gif) no-repeat left 13px;
}
#accordian-menu li a{
    color: #222;
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 0;
    text-transform: normal;
}
#accordian-menu ul li a {
    color: #4f4e4e;
    text-decoration: none;
    display: block;
    font-size: 13px;
    padding: 0;
    text-transform: none;
}
/*hover effect on links*/
#accordian-menu ul li a:hover{
    color: #ff9933;
}

/*Lets hide the non active LIs by default*/
#accordian-menu ul {
    display: none;
    float: left;
    padding: 6px 0 10px 0;
}
#accordian-menu li.active ul {
    display: block;
}

/*
.left-menu {
    float: left;
    width: 280px;
    background: #f4f4f4;
    }

.left-menu ul { list-style-type: none; }
.left-menu ul li a { color:#848d93;}
.left-menu ul li a:hover { color:#ff9933;}
.left-menu h2 { background-color: #ff9933;
    color:#fff;
    font-family: 'open_sansbold',Verdana, Arial, sans-serif;
    margin:0px; padding: 15px 0px 15px 20px;
    text-transform:uppercase;
    font-weight: normal;
    }*/
.content-inner { float: left; width: 700px; padding-right: 20px; }
.content-inner ul li{display: inline; list-style-type:none; padding-right: 10px;}
/*.content-inner ul li:before{content: "\00BB \0020";}*/

.tabpanel {
  margin: 20px;
  padding: 0;
}
.tablist {
  margin: 0 0px;
  padding: 0;
  list-style: none;
}

.tab {
  margin: .2em 1px 0 0;
  padding: 10px;
  height: 1em;
  font-weight: bold;
  background-color: #ec9;

  border: 1px solid black;
  -webkit-border-radius-topright: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-radius-topright: 5px;
  border-radius-topleft: 5px;

  float: left;
}

.panel {
  clear: both;
  margin: 0 0 0 0;
  padding: 10px;
  width: 600px;
  border: 1px solid black;

  -webkit-border-radius-topright: 10px;
  -webkit-border-radius-bottomleft: 10px;
  -webkit-border-radius-bottomright: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-radius-topright: 10px;
  border-radius-bottomleft: 10px;
  border-radius-bottomright: 10px;
}

ul.controlList {
  list-style-type: none;
}

h3.selected {
  background-color: #fc5;
}

.focus {
  color: black;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  background-color: #fff !important;
  margin-top: 0;
}

.accordian {
  margin: 0;
  float: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 600px;
}

.hidden {
  position: absolute;
  left: -300em;
  top: -30em;
}

/* Language selector */
.select7,
.select7 * {
  box-sizing: border-box;
  position: relative;
}
.select7_native_dropdown .select7__current {
  cursor: default !important;
}
.select7_native_dropdown .select7__caret {
  border-color: #222 transparent transparent !important;
}
.select7_dropdown {
  display: inline-block;
  margin: 0 -5px;
}
.select7_dropdown .select7__current {
  height: auto;
  padding: 0 15px 0 10px;
  border: 0 none;
  position: relative;
  cursor: pointer;
  background-color: transparent;
}
.select7_dropdown .select7__current:hover .select7__current-value {
  color: #25972a;
}
.select7_dropdown .select7__current:hover .select7__caret {
  border-color: #25972a transparent transparent;
}
.select7_dropdown .select7__drop {
  z-index: 1000;
  top: 0;
  left: 0;
  min-width: 100%;
  padding: 35px 0 5px;
  margin-top: -6px;
  border-width: 1px;
  border-radius: 4px;
  background-clip: padding-box;
}
.select7_dropdown .select7__current-value {
  overflow: visible;
  display: inline-block;
  border-bottom: 1px dotted;
}
.select7_dropdown .select7__caret {
  position: static;
  margin-top: 0;
  border-color: #222 transparent transparent;
}
.select7_dropdown .select7__option {
  padding: 5px 10px;
}
.select7_noopts .select7__caret {
  display: none;
}
.select7_noopts .select7__current {
  cursor: default;
}
.select7_noopts .select7__current:hover .select7__current-value {
  color: inherit;
}
.select7_noopts .select7__current-value {
  border-bottom-color: transparent;
}
.select7_position_right .select7__drop {
  left: auto;
  right: 0;
}
.select7_position_right .select7__option {
  text-align: right;
}
.select7__current {
  position: relative;
  color: #323232;
  background-color: #f2f2f2;
  padding: 5px 30px 5px 20px;
  cursor: pointer;
  height: 35px;
}
.select7__current-value {
  overflow: ellipsis;
  display: block;
}
.select7__current:hover .select7__caret {
  border-color: #e83b34 transparent transparent;
}
.select7__drop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  padding: 35px 0 0px;
  margin: 0;
  font-size: 12px;
  background-color: #f2f2f2;
  box-shadow: 0 3px 4px rgba(0,0,0,0.1);
  background-clip: padding-box;
  color: #323232;
}
.select7__drop-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 168px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.select7__caret {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 9px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: middle;
  border-width: 6px 4px 0 4px;
  border-style: solid;
  border-color: #222 transparent transparent;
  transition: border-color 0.1s linear;
}
.select7__option,
.select7__optgroup {
  display: block;
  overflow: hidden;
  padding: 5px 10px;
  clear: both;
  text-decoration: none;
  font-weight: normal;
  color: #383838;
  white-space: nowrap;
}
.select7__option {
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  font-weight: normal;
}
.select7__option_disabled {
  background-color: #fbfbfb !important;
  color: #a7a7a7 !important;
  cursor: default !important;
}
.select7__option:hover {
  color: #222;
  background-color: #f4f4f4;
}
.select7__option_current:before {
  content: "✓ ";
}
.select7__optgroup {
  cursor: default;
  font-weight: bold;
}
.select7__optgroup:hover {
  background-color: #fdfdfd;
}
.select7__optgroup_collapse .select7__optgroup-label:after {
  content: " ↓";
}
.select7__optgroup_collapse .select7__optgroup-items {
  display: none;
}
.select7__optgroup_collapse_open .select7__optgroup-label:after {
  content: " ↑";
}
.select7__optgroup_collapse_open .select7__optgroup-items {
  display: block;
}
.select7__optgroup-items {
  padding: 0;
}
.select7__placeholder {
  color: #a7a7a7 !important;
}
.select7__icon {
  display: inline-block;
  height: 24px;
  margin-right: 5px;
  vertical-align: text-top;
  text-align: center;
  letter-spacing: 0;
  font-size: 0;
}
.select7__icon:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.select7__icon > img {
  letter-spacing: normal;
  font-size: 12px;
  border: 0 none;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.select7_open .select7__current {
  z-index: 1001;
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
}
.select7_open .select7__current:hover .select7__current-value {
  border-color: transparent;
}
.select7_open .select7__current:hover .select7__caret {
  border-color: transparent transparent #25972a;
}
.select7_open .select7__caret {
  border-color: transparent transparent #222;
  border-width: 0 4px 6px 4px;
}
.select7_open .select7__drop {
  display: block;
}
.select7_open.select7_dropdown .select7__current {
  box-shadow: none;
}
.select7_open.select7_dropdown .select7__current:hover .select7__caret {
  border-color: transparent transparent #25972a;
}
.select7_open.select7_dropdown .select7__caret {
  border-color: transparent transparent #222;
}

/*Search Bar*/
.search-box {
  -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  /*border-radius: 20px;*/
  border: none;
  cursor: pointer;
  background: #ebebeb;
  float:right;
}
.search-box + label .search-icon {
  color: black;
  float:right;
}
.search-box:hover {
  color: white;
  background: #c8c8c8;
  box-shadow: 0 0 0 5px #3d4752;
}
.search-box:hover + label .search-icon {
  color: white;
   float:right;
}
.search-box:focus {
  -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 300px;
  border-radius: auto;
  background: #ebebeb;
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
   float:right;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}

#search-submit {
  position: relative;
  left: -5000px;
}

.search-icon {
  position: absolute;
  /*left: 25px;*/
  top: 15px;
  color: white;
  cursor: pointer;
  right:14px;
}

.search-container{
    float:right;
    position:relative;
}

.wrapper-accordion {
    width: 280px;
    padding-top: 10px;
    }

.accordionContent {
    width: 100%;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    margin-top: -2px;
    }

.accordionContent-inner {
    padding: 0 40px 30px 40px;
    text-transform: uppercase;
    text-align: left;

    }
.accordionContent-inner h1 {
    text-transform: uppercase;
    font-size: 25px;
}
.accordionContent-inner .deatil-left h1 {
    font-family: "Open Sans", sans-serif;
font-weight: 400;
    font-size: 25px;
    line-height: 25px;
}
.accordionContent-inner .deatil-left h2 {
    text-align: left;
    font-size: 13px;
    line-height: 14px;
    font-weight: normal;
    font-family:'open_sansregular', Verdana, Arial, sans-serif;
    margin-bottom: 2px;
    padding-top:15px;
}
.deatil-left {
    color: #000000;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
font-weight: 400;
    border-top: 3px solid #e5e5e5;
    float: left;
    width: 225px;

}
.deatil-left p, .deatil-right p {
    line-height: 20px;
    padding-bottom: 15px;
}
.accordionContent-inner .deatil-right h2 {
    text-align: left;
    color: #ffa300;
    font-size: 13px;
    line-height: 13px;
    font-weight: normal;
    font-family: "Open Sans", sans-serif;
font-weight: 400;
    margin-bottom: 2px;
    padding-top:15px;
}
.accordionContent-inner .deatil-right p {
     text-transform: none;

}
.accordionContent-inner .deatil-right {
    color: #000000;
    font-size: 15px;
    line-height: 16px;
    border-top: 3px solid #e5e5e5;
    float: right;
    width: 320px;
}
.detail-right {
    color: #000000;
    font-size: 15px;
    border-top: 3px solid #e5e5e5;
    float: right;
    width: 320px;
}


/*portfolio table*/
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

.asset-portfolio-intro {
    float:left;
    width:64%;
    text-align:justify;
    position:relative;
    padding-top: 20px;
}

.asset-portfolio-details {
    float:right;
    text-align:justify;
    position:relative;
    background: #5b6770;
    width: 235px;
    top:35px;
    padding-bottom: 17px;
}

.asset-portfolio-details .inner{
    padding: 20px 0 0 20px;
    width: 193px;

}

.asset-portfolio-details .inner hr{
    width:100%;
    margin-top: 10px;
  margin-bottom: 15px;
}

.asset-portfolio-details .inner p.title{
    color:orange;
    font-size:12px;
    margin: 0 auto;
    text-transform: uppercase;
}

.asset-portfolio-details .inner p.desc{
    color:#fff;
    font-size:14px;
    margin: 0 auto;
/*  font-weight: bold;*/
  font-family: "Open Sans", sans-serif;
font-weight: 500;
  text-align: left;
}

.portfolio-slider-img {
    height: auto!important;
}


/* Slider */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: #ff9933;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 270px;
    bottom: -33px;
    top: inherit;
    z-index: 999;
    width: 10px;
    height: 10px;
    background: url("../images/prev.png") no-repeat center center;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: ' ';
    background: url("../images/prev.png") no-repeat center center;
    text-indent: -9999px;

}
[dir='rtl'] .slick-prev:before
{
    content: ' ';

    text-indent: -9999px;
}

.slick-next
{
    right: 270px;
    bottom: -33px;
    top: inherit;
    z-index: 999;
    width: 10px;
    height: 10px;
    background: url("../images/next.png") no-repeat center center;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: ' ';
    background: url("../images/next.png") no-repeat center center;
    text-indent: -9999px;
}
[dir='rtl'] .slick-next:before
{
    content: ' ';
    background: url("../images/next.png") no-repeat center center;
    text-indent: -9999px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 15px;
}

.slick-dots
{
    position: absolute;
    /*bottom: 0px;*/
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.homepage-banner-slider .slick-dots {
    bottom: 10px;
    right: -8px;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    /*margin: 0 3px;*/
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;
    background: url("../images/dot-normal.png") no-repeat center center;
    text-indent: -9999px;
    opacity: 1;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #e83b34;
    background: url("../images/dot-active-orange.png") no-repeat center center;

}


.ir_directorContainer a {float: left; margin: 1em 0; width: 146px; height: 30px; background: url(/images/btn_closeview.gif) no-repeat left top; text-indent: -1000em; outline: none;} /* view - close profile */
.ir_directorContainer.hide a {background-position: left bottom;}
.ir_directorContainer .ir_directorDescription {display: block; }
.ir_directorContainer.hide .ir_directorDescription {display: none;}
h2.bod { /*font-weight: bold;*/ font-size: 19px; color: #323234; margin-bottom: 2px; }
.clear-0 { clear: both; }
.ir_textDivider {border-bottom: 1px solid #f4f4f4; margin: 1em 0;}

#email.home-email form input {
  height: 33px;
  width: 176px;
  padding-left: 15px;
  overflow: hidden;
  border-color:#ebebeb;
  border-style: solid;
  border-width: 1px;
  font-family: "Open Sans", sans-serif;
font-weight: 400;
  font-size: 13px;

}

#email.home-email form .more-btn a{ color: #000; }
#email.home-email form .more-btn a:hover { color: #000; }

input.more-btn {
    background-color: transparent;
    border: medium none;
    box-shadow: none;
    font-family: "Open Sans", sans-serif;
font-weight: 400;
    font-size: 15px;
}

.email-alerts input.submit-btn { font-size:15px; background-color:#fff; font-family: "Open Sans", sans-serif;
font-weight: 400; color:#000;  box-shadow: none;  border:none;}
.email-alerts input.submit-btn:hover { background-color:#fff; color: #000;font-size:15px; font-family: "Open Sans", sans-serif;
font-weight: 400;}

.email-page input.submit-btn {font-size:15px; font-family: "Open Sans", sans-serif;
font-weight: 400; color:#000;  box-shadow: none;  border:none;}
.email-page input.submit-btn:hover { color: #000;font-size:15px; font-family: "Open Sans", sans-serif;
font-weight: 400;}

.email-unsubscribe input.submit-btn {font-size:15px; font-family: "Open Sans", sans-serif;
font-weight: 400; color:#000;  box-shadow: none;  border:none;}
.email-unsubscribe input.submit-btn:hover { color: #FFF;font-size:15px; font-family: "Open Sans", sans-serif;
font-weight: 400;}

#email_alerts .sub-content, { padding-top: 0; }

div.readmore {clear:both; float:left;font-size:15px; font-family: "Open Sans", sans-serif;
font-weight: 400; color:#fff; min-width:83px; text-align:center; }
div.readmore a {font-size:15px;color:#000;}
div.readmore:hover {color:#000;}
div.readmore:hover a{color:#000; text-decoration:none;}

.image-box {height:159px;}


.slick-slide img{
    width:100%;
}

.home-contacts { float: right; width: 200px; height:260px; padding: 10px 20px 8px 20px; border: 1px solid #ebebeb; margin: 0px 0px 14px 0px; background-color:#f4f4f4;}
.home-contacts p { text-align:left;}

.home-about-temp {width:450px; height:180px; padding: 10px 20px 8px 20px; background-color:#1caeae; margin: 0px 5px 14px 0px; text-align:left; line-height: 18px; float:left;}
.home-about-temp p {text-align: left; color:#fff}

.home-about-temp h2 {color:#fff}

.home-contacts-temp { width: 450px; height:180px; padding: 10px 20px 8px 20px; border: 1px solid #ebebeb; margin: 0px 0px 14px 0px; background-color:#4ea7d3; float: right; }
.home-contacts-temp p { text-align:left; color: #fff}

.home-contacts-temp h2 {color: #fff}

.home-contacts-temp p a {text-align: left; color:#fff}

.home-contacts-temp h2 a {text-align: left; color:#fff}

.home-about-temp h2 a {color:#fff}

.home-stocks { float: left; width: 235px; height:278px; /*padding: 10px 20px 8px 20px;*/  background-color:#1caeae; color: #fff; margin: 0px 7px 14px 7px;}

.home-stocks ul li .price { font-size: 50px; color: lime; font-family: "Open Sans", sans-serif;
font-weight: 400; margin-top: 10px; padding: 10px 20px 8px 20px;}

.home-stocks ul li .date {width: 100%; font-size: 11px; clear: both; font-family: "Open Sans", sans-serif;
font-weight: 400; padding: 0px 20px 5px 20px;/*border-bottom: 1px solid #f4f4f4;*/ }

.home-stocks ul li.text { float: left; width: 100%; font-size: 12px; clear: both; font-family: "Open Sans", sans-serif;
font-weight: 400; padding: 5px 0px 8px 20px; border-bottom: 1px solid #f4f4f4; }

.home-stocks h2 {font-size: 19px; font-family: "Open Sans", sans-serif;
font-weight: 700; letter-spacing: 0.2px; padding-top: 15px; padding-bottom: 5px; padding: 10px 20px 8px 20px; margin-top: 17px;}

.home-stocks hr {margin: 0 auto;}

.home-stocks ul li.text .left {float: left; width:50%;}

.home-stocks ul li.text .right {float: right; width:50%; text-align: left;}

.home-stocks ul li.last.text {border-bottom: none;}

button.more-btn {background: none; border: none; color: #000; margin-top: 30px;}

.home .content {
    max-width: inherit;
}

.home-footer-content-wrap {
    width: 100%;
    position: fixed;
    z-index: 15;
    bottom: 40px;
}
.home-footer-row1-bg {
    background: #e8e7e7;
    background: rgba(232,231,231,0.7);
}
.home-footer-row2-bg {
    background: #e8e7e7;
    background: rgba(232,231,231,0.5);
}
.home-footer-row2-bg::before {
    content: '';
    display: table;
}
.home-footer-row1-bg::after {
    content: '';
    display: table;
    clear: both;
}
.home-footer-content-row {
    max-width: 1000px;
    margin: 0 auto;
    height: auto;
}
.welcome-text p {
    padding: 10px 0px;
    margin: 0px;
    font-family: "Roboto", sans-serif;
font-weight: 500;
    font-size: 18px;
    float: left;
}
.ir-info {
    padding: 10px 0px;
}
.ir-info::after {
    content: '';
    display: table;
    clear: both;
}
.home-footer-stock {
    float: left;
    width: 250px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 15px;
}
.home-footer-news {
    float: left;
    max-width: 360px;
    background: #fff;
    box-sizing: border-box;
    margin-right: 15px;
}
.home-footer-publication {
    float: left;
    max-width: 360px;
    background: #fff;
    box-sizing: border-box;
}
.home-footer-news img, .home-footer-publication img {
    float: left;
}
.news-content, .publication-content {
    float: left;
    padding: 0px 10px;
    width: 200px;
    box-sizing: border-box;
    overflow: hidden;
}
.home-footer-news .more-btn {
    margin: 0px;
    padding: 0px;
}
.home-footer-stock p {
    margin: 0px 0px 5px 0px;
    color: #666;
    font-family: "Roboto", sans-serif;
font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
}

.home-footer-stock .price {
    font-size: 28px;
    color: #1caeae;
    font-family: "Roboto", sans-serif;
font-weight: 700;
}
.home-footer-stock .change, .home-footer-stock .percent-change,
.home-footer-stock .volume, .home-footer-stock .day-range {
    font-family: "Roboto", sans-serif;
font-weight: 700;
    color: #333;
}
.news-date, .ipo-label {
    font-size: 12px;
    color: #2db4b4;
    font-family: "Roboto", sans-serif;
font-weight: 300;
}
.news-desc, .news-content .more-btn a, .ipo, .ipo-download, .ipo-download a {
    color: #999;
    font-family: "Roboto", sans-serif;
font-weight: 400;
    font-size: 14px;
}
.news-desc {
    height: 38px;
    overflow: hidden;
    text-align: left;
}

div.right.search {
    height: 35px;
    top: 0px;
    padding: 0px;
}
.toggle-btn {
    float: right;
    width: 30px;
    padding: 10px 0px;
}

span.toggle-btn.Up {
    background-image: url(/images/arrow-down.png);
    background-repeat: no-repeat;
    padding: 10px 0px;
    margin-top: 14px;
    cursor: pointer;
}

span.toggle-btn.Up.selected {
    background-image: url(/images/arrow-up.png);
    background-repeat: no-repeat;
    padding: 10px 0px;
    margin-top: 14px;
    cursor: pointer;
}

span.search1{
    background-image: url(/images/search1.jpg);
}
span.search1:hover{
    background-image: url(/images/search_hover1.png);
}

form.search-form-wrap{
    position: relative;
}

.blue-academy{
    background:#4ea7d3;
}

.ruyi{
    background-color: #f4f4f4;
    padding: 18px;
    top: 50px;
  position: relative;
  margin-bottom: 50px;
}

.ruyi-text {
    float: right;
    position: relative;
    vertical-align: middle;
    top: -100px;
    right: 125px;
    font-family: "Roboto", sans-serif;
font-weight: 500;
}

.ir_news {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news li {border-bottom: 1px solid #e6e6e6;}
.ir_newsDate {width: 20%; float: left; margin: 1em 0;}
.ir_newsTitle {width: 80%; float: right; margin: 1em 0;}
.ir_newsTitle a:hover { color: #4ea7d3; }

.ir_news_content {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news_content li { border-bottom: 1px dotted #666; padding: 15px 0; }
.ir_date_box { float: left; background: url("/images/news_box.gif") no-repeat; color: #FAFFFF; font-size: 10px; height: 35px; text-align: center; text-transform: uppercase; width: 32px; }
.ir_date_box span { color: #000; font-size: 12px; font-weight: bold; }
.ir_news_title {width: 90%; float: right; }

.si_tableBorderAll {border-collapse:collapse;}
.si_tableBorderAll td {border:1px solid #000;}

.si_floatRight {float:right;}
.si_floatLeft {float:left;}
.si_clearRight {clear:right;}
.si_clearLeft {clear:left;}
.si_clearBoth {clear:both;}
.si_center {text-align:center;}
.si_left {text-align:left;}
.si_right {text-align:right;}
.si_top {vertical-align:top; display:table-cell;}
.si_bottom {vertical-align:bottom; display:table-cell;}
.si_justify {text-align:justify;}
.si_textCapitalize {text-transform:capitalize;}
.si_textUppercase {text-transform:uppercase;}
.si_textBold {font-weight:bold;}

.si_fullWidth {width:100%; clear:both;}

.si_halfWidth {width:48%; float:left;}


.si_marginTop {margin-top:1em;}
.si_marginBottom {margin-bottom:1em;}
.si_marginLeft {margin-left:1em;}
.si_marginRight {margin-right:1em;}

.si_marginTop0 {margin-top:0;}
.si_marginBottom0 {margin-bottom:0;}
.si_marginLeft0 {margin-left:0;}
.si_marginRight0 {margin-right:0;}

.si_fixed:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
.si_fixed{
    display:block;
    }
/*  \*/
.si_fixed{
    min-height:1%;
    }
* html .si_fixed{
    height:1%;
    }


.portfolio-slider .slick-dots li button {
    font-size: 15px;
    color: #5b6770;
    /* margin-top: 5px; */
    font-weight: bold;
}

.portfolio-slider .slick-dots li button:before {
    text-indent: 0;
    background: none;
    content: none;
}

.portfolio-slider .slick-dots li.slick-active button {
    color: #ff9933;
}

.portfolio-slider .slick-dots li {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.social-media {
    position: absolute;
    right: 39px;
    top: 0;
    font-size: 34px;
    padding-top: 1px;
    /* max-width: 1000px; */
    width: 1000px;
    left: 0;
    margin: auto;
    text-align: right;
}

.fa-facebook-square {
    color: #3b5999;
}

.fa-linkedin {
    color: #007bb6;
}

.social-media > a:first-child {
    padding-right: 5px;
}

.language-nav {
    margin-right: 100px;
}


.check_form > *:nth-child(2n+1) {
    width: 10%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

.check_form > *:nth-child(2n+2) {
    width: 85%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
.g-recaptcha {
    display: block !important;
    width: 100% !important;
    margin-left: 10%;
    margin-top: 20px;
}

.corbtn {
    width: 100% !important;
    display: block;
    position: relative;
    margin-top: 20px;
    margin-left: 10%;
}
span.msg-error.error {
    display: block !important;
    width: 100% !important;
    margin-left: 10%;
    color: hsl(0, 72%, 52%);
    font-style: italic;
}

.corporate-info-title, .corporate-info-title a{
color: #3e5945;
text-align: left;
font-size: 12px;
}

.corporate-info-title span {
	color: #d9b868;
	font-weight: bold;
}

.corporate-info-title strong {
	font-weight: bold;
}

@media (max-width: 400px) {
    @-ms-viewport {
        width: 320px;
    }
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


[class*="col-fixed-"] {
  float: left;
  width: 100%;
}
.col-group {
  padding: 0 30px;
}

.col-offset{
	margin:0 -30px;
}


.col-group:after {
  display: table;
  clear: both;
  content: " ";
}
.col-group .col-group {
  padding: 0;
}
.col-group [class*="col-"] {
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col-group [class*="push-"],
.col-group [class*="pull-"] {
  position: relative;
}

.col-mb-12, .col-mb-11, .col-mb-10, .col-mb-9, .col-mb-8, .col-mb-7, .col-mb-6, .col-mb-5, .col-mb-4, .col-mb-3, .col-mb-2, .col-mb-1,
.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1,
.col-dt-12, .col-dt-11, .col-dt-10, .col-dt-9, .col-dt-8, .col-dt-7, .col-dt-6, .col-dt-5, .col-dt-4, .col-dt-3, .col-dt-2, .col-dt-1,
.col-ld-12, .col-ld-11, .col-ld-10, .col-ld-9, .col-ld-8, .col-ld-7, .col-ld-6, .col-ld-5, .col-ld-4, .col-ld-3, .col-ld-2, .col-ld-1 {
  padding-right: 30px;
  padding-left: 30px;
}

.col-mb-12 {
  width: 100%;
  float: left;

}
.col-mb-11 {
  width: 91.66666667%;
  float: left;
}
.col-mb-10 {
  width: 83.33333333%;
  float: left;
}
.col-mb-9 {
  width: 75%;
  float: left;
}
.col-mb-8 {
  width: 66.66666667%;
  float: left;
}
.col-mb-7 {
  width: 58.33333333%;
  float: left;
}
.col-mb-6 {
  width: 50%;
  float: left;
}
.col-mb-5 {
  width: 41.66666667%;
  float: left;
}
.col-mb-4 {
  width: 33.33333333%;
  float: left;
}
.col-mb-3 {
  width: 25%;
  float: left;
}
.col-mb-2 {
  width: 16.66666667%;
  float: left;
}
.col-mb-1 {
  width: 8.33333333%;
  float: left;
}

@media (min-width: 768px) {
    .container {
        max-width: 696px;
        margin: 0 auto;
    }
   
  .col-12 {
    width: 100%;
    float: left;
  }
  .col-11 {
    width: 91.66666667%;
    float: left;
  }
  .col-10 {
    width: 83.33333333%;
    float: left;
  }
  .col-9 {
    width: 75%;
    float: left;
  }
  .col-8 {
    width: 66.66666667%;
    float: left;
  }
  .col-7 {
    width: 58.33333333%;
    float: left;
  }
  .col-6 {
    width: 50%;
    float: left;
  }
  .col-5 {
    width: 41.66666667%;
    float: left;
  }
  .col-4 {
    width: 33.33333333%;
    float: left;
  }
  .col-3 {
    width: 25%;
    float: left;
  }
  .col-2 {
    width: 16.66666667%;
    float: left;
  }
  .col-1 {
    width: 8.33333333%;
    float: left;
  }
  .col-offset-12 {
    margin-left: 100%;
  }
  .col-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-offset-9 {
    margin-left: 75%;
  }
  .col-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-offset-6 {
    margin-left: 50%;
  }
  .col-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-offset-3 {
    margin-left: 25%;
  }
  .col-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-offset-0 {
    margin-left: 0%;
  }
  .col-pull-12 {
    right: 100%;
  }
  .col-pull-11 {
    right: 91.66666667%;
  }
  .col-pull-10 {
    right: 83.33333333%;
  }
  .col-pull-9 {
    right: 75%;
  }
  .col-pull-8 {
    right: 66.66666667%;
  }
  .col-pull-7 {
    right: 58.33333333%;
  }
  .col-pull-6 {
    right: 50%;
  }
  .col-pull-5 {
    right: 41.66666667%;
  }
  .col-pull-4 {
    right: 33.33333333%;
  }
  .col-pull-3 {
    right: 25%;
  }
  .col-pull-2 {
    right: 16.66666667%;
  }
  .col-pull-1 {
    right: 8.33333333%;
  }
  .col-pull-0 {
    right: 0%;
  }
  .col-push-12 {
    left: 100%;
  }
  .col-push-11 {
    left: 91.66666667%;
  }
  .col-push-10 {
    left: 83.33333333%;
  }
  .col-push-9 {
    left: 75%;
  }
  .col-push-8 {
    left: 66.66666667%;
  }
  .col-push-7 {
    left: 58.33333333%;
  }
  .col-push-6 {
    left: 50%;
  }
  .col-push-5 {
    left: 41.66666667%;
  }
  .col-push-4 {
    left: 33.33333333%;
  }
  .col-push-3 {
    left: 25%;
  }
  .col-push-2 {
    left: 16.66666667%;
  }
  .col-push-1 {
    left: 8.33333333%;
  }
  .col-push-0 {
    left: 0%;
  }
  .col-group {
    /*margin-right: -30px;
    margin-left: -30px;
    padding: 0;*/
  }
  .col-group:after {
    display: table;
    clear: both;
    content: " ";
  }
}


@media (min-width: 992px) {
    .container {
        max-width: 920px;
        margin: 0 auto;
    }
  
  .col-dt-12 {
    width: 100%;
    float: left;
  }
  .col-dt-11 {
    width: 91.66666667%;
    float: left;
  }
  .col-dt-10 {
    width: 83.33333333%;
    float: left;
  }
  .col-dt-9 {
    width: 75%;
    float: left;
  }
  .col-dt-8 {
    width: 66.66666667%;
    float: left;
  }
  .col-dt-7 {
    width: 58.33333333%;
    float: left;
  }
  .col-dt-6 {
    width: 50%;
    float: left;
  }
  .col-dt-5 {
    width: 41.66666667%;
    float: left;
  }
  .col-dt-4 {
    width: 33.33333333%;
    float: left;
  }
  .col-dt-3 {
    width: 25%;
    float: left;
  }
  .col-dt-2 {
    width: 16.66666667%;
    float: left;
  }
  .col-dt-1 {
    width: 8.33333333%;
    float: left;
  }
  .col-dt-offset-12 {
    margin-left: 100%;
  }
  .col-dt-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-dt-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-dt-offset-9 {
    margin-left: 75%;
  }
  .col-dt-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-dt-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-dt-offset-6 {
    margin-left: 50%;
  }
  .col-dt-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-dt-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-dt-offset-3 {
    margin-left: 25%;
  }
  .col-dt-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-dt-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-dt-offset-0 {
    margin-left: 0%;
  }
  .col-dt-pull-12 {
    right: 100%;
  }
  .col-dt-pull-11 {
    right: 91.66666667%;
  }
  .col-dt-pull-10 {
    right: 83.33333333%;
  }
  .col-dt-pull-9 {
    right: 75%;
  }
  .col-dt-pull-8 {
    right: 66.66666667%;
  }
  .col-dt-pull-7 {
    right: 58.33333333%;
  }
  .col-dt-pull-6 {
    right: 50%;
  }
  .col-dt-pull-5 {
    right: 41.66666667%;
  }
  .col-dt-pull-4 {
    right: 33.33333333%;
  }
  .col-dt-pull-3 {
    right: 25%;
  }
  .col-dt-pull-2 {
    right: 16.66666667%;
  }
  .col-dt-pull-1 {
    right: 8.33333333%;
  }
  .col-dt-pull-0 {
    right: 0%;
  }
  .col-dt-push-12 {
    left: 100%;
  }
  .col-dt-push-11 {
    left: 91.66666667%;
  }
  .col-dt-push-10 {
    left: 83.33333333%;
  }
  .col-dt-push-9 {
    left: 75%;
  }
  .col-dt-push-8 {
    left: 66.66666667%;
  }
  .col-dt-push-7 {
    left: 58.33333333%;
  }
  .col-dt-push-6 {
    left: 50%;
  }
  .col-dt-push-5 {
    left: 41.66666667%;
  }
  .col-dt-push-4 {
    left: 33.33333333%;
  }
  .col-dt-push-3 {
    left: 25%;
  }
  .col-dt-push-2 {
    left: 16.66666667%;
  }
  .col-dt-push-1 {
    left: 8.33333333%;
  }
  .col-dt-push-0 {
    left: 0%;
  }
}

@media (min-width: 1200px) {
  .container {
        max-width: 1170px;
        margin: 0 auto;
  }
  
  .col-ld-12 {
    width: 100%;
    float: left;
  }
  .col-ld-11 {
    width: 91.66666667%;
    float: left;
  }
  .col-ld-10 {
    width: 83.33333333%;
    float: left;
  }
  .col-ld-9 {
    width: 75%;
    float: left;
  }
  .col-ld-8 {
    width: 66.66666667%;
    float: left;
  }
  .col-ld-7 {
    width: 58.33333333%;
    float: left;
  }
  .col-ld-6 {
    width: 50%;
    float: left;
  }
  .col-ld-5 {
    width: 41.66666667%;
    float: left;
  }
  .col-ld-4 {
    width: 33.33333333%;
    float: left;
  }
  .col-ld-3 {
    width: 25%;
    float: left;
  }
  .col-ld-2 {
    width: 16.66666667%;
    float: left;
  }
  .col-ld-1 {
    width: 8.33333333%;
    float: left;
  }
  .col-ld-offset-12 {
    margin-left: 100%;
  }
  .col-ld-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-ld-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-ld-offset-9 {
    margin-left: 75%;
  }
  .col-ld-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-ld-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-ld-offset-6 {
    margin-left: 50%;
  }
  .col-ld-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-ld-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-ld-offset-3 {
    margin-left: 25%;
  }
  .col-ld-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-ld-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-ld-offset-0 {
    margin-left: 0%;
  }
  .col-ld-pull-12 {
    right: 100%;
  }
  .col-ld-pull-11 {
    right: 91.66666667%;
  }
  .col-ld-pull-10 {
    right: 83.33333333%;
  }
  .col-ld-pull-9 {
    right: 75%;
  }
  .col-ld-pull-8 {
    right: 66.66666667%;
  }
  .col-ld-pull-7 {
    right: 58.33333333%;
  }
  .col-ld-pull-6 {
    right: 50%;
  }
  .col-ld-pull-5 {
    right: 41.66666667%;
  }
  .col-ld-pull-4 {
    right: 33.33333333%;
  }
  .col-ld-pull-3 {
    right: 25%;
  }
  .col-ld-pull-2 {
    right: 16.66666667%;
  }
  .col-ld-pull-1 {
    right: 8.33333333%;
  }
  .col-ld-pull-0 {
    right: 0%;
  }
  .col-ld-push-12 {
    left: 100%;
  }
  .col-ld-push-11 {
    left: 91.66666667%;
  }
  .col-ld-push-10 {
    left: 83.33333333%;
  }
  .col-ld-push-9 {
    left: 75%;
  }
  .col-ld-push-8 {
    left: 66.66666667%;
  }
  .col-ld-push-7 {
    left: 58.33333333%;
  }
  .col-ld-push-6 {
    left: 50%;
  }
  .col-ld-push-5 {
    left: 41.66666667%;
  }
  .col-ld-push-4 {
    left: 33.33333333%;
  }
  .col-ld-push-3 {
    left: 25%;
  }
  .col-ld-push-2 {
    left: 16.66666667%;
  }
  .col-ld-push-1 {
    left: 8.33333333%;
  }
  .col-ld-push-0 {
    left: 0%;
  }
}
.col-fixed-hd,
.col-fixed-landscape,
.col-fixed-square,
.col-fixed-portrait {
  position: relative;
}
.col-fixed-hd:before,
.col-fixed-landscape:before,
.col-fixed-square:before,
.col-fixed-portrait:before {
  content: "";
  display: block;
}
.col-fixed-hd .col-content,
.col-fixed-landscape .col-content,
.col-fixed-square .col-content,
.col-fixed-portrait .col-content {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  left: 40px;
  padding: 0;
}
.col-fixed-hd:before {
  margin-top: 56.25%;
}
.col-fixed-landscape:before {
  margin-top: 75%;
}
.col-fixed-square:before {
  margin-top: 100%;
}
.col-fixed-portrait:before {
  margin-top: 133.33333333%;
}
.center-block {
  margin: 0 auto;
}
.clear:after {
  display: table;
  clear: both;
  content: " ";
}


.pd-0 {
	padding: 0;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

