@import url(http://fonts.googleapis.com/css?family=Nunito:400,700,300);
.button,
.cancel,
.close,
a {
    text-decoration: none
}
body,
p {
    margin: 0;
    font-size: 14px;
    font-weight: 100
}
*,
body,
html,
p {
    margin: 0
}
.boxContact ul li,
.footMenu,
.footMenu ul,
.footMenu ul li,
span.backtotop {
    display: inline-block
}
#googlmap,
.clearfix:after {
    clear: both
}
*,
html {
    padding: 0
}
body {
    font-family: AvenirLTStd-Roman, sans-serif, Arial, Helvetica;
    line-height: 25px;
    text-align: center;
    background: #1a335f;
    color: #FFF
}
.fontBrnd,
.head-tabel li,
.tabel_ctn li span {
    font-family: AvenirLTStd-Medium, sans-serif, Arial, Helvetica
}
table {
    font-weight: 400
}
#holder {
    opacity: 0;
    transition: opacity .25s ease-in-out .5s;
    -moz-transition: opacity .25s ease-in-out .5s;
    -webkit-transition: opacity .25s ease-in-out .5s
}
a {
    color: #e8ad42
}
a:hover {
    color: #dddad8
}
p {
    text-align: left;
    line-height: 20px;
    color: #fff
}
.fontBrnd,
.topMenu ul li a {
    text-transform: uppercase;
    font-weight: 400
}
.box_center {
    max-width: 990px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 0 10px
}
.float-left {
    float: left
}
.float-right {
    float: right
}
.overflow {
    width: 115%
}
@font-face{font-family:droid_sansbold;src:url(fonts/DroidSans-Bold-webfont.eot);src:url(fonts/DroidSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/DroidSans-Bold-webfont.woff) format('woff'),
url(fonts/DroidSans-Bold-webfont.ttf) format('truetype'),
url(fonts/DroidSans-Bold-webfont.svg#droid_sansbold) format('svg');
font-weight:400;
font-style:normal
}
@font-face{font-family:droid_sansregular;src:url(fonts/droidsans-webfont.eot);src:url(fonts/droidsans-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/droidsans-webfont.woff) format('woff'),
url(fonts/droidsans-webfont.ttf) format('truetype'),
url(fonts/droidsans-webfont.svg#droid_sansregular) format('svg');
font-weight:400;
font-style:normal
}
@font-face{font-family:bebas_neueregular;src:url(fonts/bebasneue-webfont-webfont.eot);src:local("bebas_neueregular"),url(fonts/bebasneue-webfont-webfont.eot?#iefix) format('embedded-opentype'),
url(fonts/bebasneue-webfont-webfont.woff) format('woff'),
url(fonts/bebasneue-webfont-webfont.ttf) format('truetype'),
url(fonts/bebasneue-webfont-webfont.svg#museo_500regular) format('svg');
font-weight:400;
font-style:normal
}
button,
input,
textarea {
    font-family:inherit
}
#bg-header {
    width:100%;
    height:65px;
    float:left;
    background:#fff
}
.logo {
    margin:3px 0 0;
    width:auto;
    height:45px;
    float:left
}
.topMenu {
    float:right
}
.topMenu ul {
    width:100%;
    height:auto;
    float:left;
    margin-top:10px;
    list-style:none;
    font-family:AvenirLTStd-Roman
}
.topMenu ul li {
    float:left;
    position:relative;
    margin:0
}
.topMenu ul li a {
    float:left;
    padding:12px 2px 18px;
    font-size:12px;
    color:#1a335f;
    text-align:left
}
.topMenu ul li a.active,
.topMenu>ul>li:hover>a,
a.titleNews {
    font-weight:700
}
.topMenu>ul>li>a {
    width:85px;
    letter-spacing:1px;
    text-align:center;
    background:url(images/line_1.png) right no-repeat
}
.boxSubmenu {
    z-index:1001;
    width:843px;
    height:0;
    overflow:hidden;
    position:absolute;
    background:rgba(51,
    44,
    43,
    .9);
    transition:opacity 230ms;
    -moz-transition:opacity 230ms;
    -webkit-transition:opacity 230ms;
    -o-transition:opacity 230ms;
    left:auto;
    right:-495px!important
}
.chillMenu,
ul.subMenu {
    float:left;
    width:100%;
    height:auto
}
.topMenu ul li:hover .boxSubmenu {
    height:auto
}
ul.subMenu {
    margin:0;
    list-style:none
}
ul.subMenu li a {
    background:0 0;
    border-right:1px solid #fff;
    padding:5px 27px;
    font-size:13px;
    color:#fff;
    text-align:center
}
ul.subMenu li:last-child a {
    border-right:0!important
}
ul.subMenu li a:hover {
    background:rgba(182,
    182,
    183,
    .9);
    color:#fff
}
ul.subMenu li {
    float:left;
    margin:0;
    font-size:15px;
    text-align:center
}
ul.subMenu li:last-child {
    float:left
}
ul.subMenu li:hover {
    border-bottom:0
}
.chillMenu {
    margin:15px 0;
    text-transform:none
}
.chillMenu a {
    width:240px;
    float:left;
    font-size:13px!important;
    text-align:left!important;
    color:#fff!important;
    margin:0 0 0 18px!important;
    padding:5px 10px!important;
    text-transform:none!important;
    border-bottom:1px #fff solid
}
#boxdasar,
#boxdasarDetail,
.boxTracking,
.boxslider-bg {
    width:100%;
    height:auto;
    float:left
}
.chillMenu a:hover {
    background:rgba(182,
    182,
    183,
    .9);
    color:#fff!important
}
.boxTracking {
    padding:5px 0 20px;
    background:url(images/lineontoppic1.png) center bottom no-repeat;
    position:relative;
    z-index:9;
    background-size:100% 10px
}
.boxslider-bg {
    background:#1a335f
}
.tracking {
    height:40px;
    
    margin-top:3px
}
.tracking span {
    float:left;
    margin:8px 10px;
    text-align:left;
    text-transform:uppercase;
    color:#1a335f;
    font-size:14px
}
.boxMid-ctn p,
.services p,
.titlesCtn,
a.linkMore,
a.linkServices {
    text-align:center
}
.tracking input[type=text] {
    width:210px;
    height:auto;
    float:left;
    font-size:14px;
    color:#fff;
    margin-top:3px;
    padding:6px 42px 6px 10px;
    background:#1a335f;
    border:2px solid #1a335f;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px
}
.tracking input[type=submit] {
    cursor:pointer;
    width:40px;
    height:33px;
    float:right;
    margin:3px 5px;
    border:0;
    background:url(images/btnSubmit.png) 100% 0 no-repeat
}
.tracking input[type=submit]:hover {
    background-position:100% 100%
}
.boxHead-socmed{ width:auto; height:26px; margin:10px; margin-bottom:0; }
.boxHead-socmed a{ float:left; margin-right:5px; font-size:19px; background:#fff; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color:#035a90; padding:4px; }
.boxHead-socmed a.head_linkin:hover{ background:#0682bd; color:#fff; }
.boxHead-socmed a.head_fb .icon-facebook{ font-weight:bold; }
.boxHead-socmed a.head_fb:hover{ background:#416abf; color:#fff; }
.boxHead-socmed a.head_twiit{}
.boxHead-socmed a.head_twiit:hover{ background:#2aa9e0; color:#fff; }
.boxHead-socmed a.head_google:hover{ background:#dd4b39; color:#fff; }
.boxSlide {
    width:990px;
    height:auto;
    float:left;
    margin:0
}
.bgServices,
.boxServices,
.linegrey {
    float:left;
    width:100%
}
.bgServices {
    height:330px;
    background:#fff
}
.linegrey {
    height:2px;
    margin-top:20px;
    background:#e0e0e0
}
.boxServices {
    height:auto;
    overflow:hidden;
    margin-top:15px
}
.services {
    width:283px;
    height:276px;
    float:left;
    margin-right:70px
}
.services p {
    width:100%;
    height:auto;
    float:left;
    margin:5px 0 15px;
    font-size:14px;
    color:#525252
}
.imageServices {
    margin-bottom:8px;
    padding:4px;
    background:#dcdada;
    border-radius:3px
}
.imageServices,
.imageServices a {
    width:275px;
    height:165px;
    float:left;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px
}
.imageServices:hover {
    background:#bebebe
}
.imageServices a {
    overflow:hidden;
    border-radius:3px
}
.imageServices img {
    width:275px;
    height:auto;
    margin:0 auto;
    border:0
}
.boxMid-ctn,
.boxMid-ctn p,
.boxMiddle,
.titlesCtn {
    height:auto;
    width:100%;
    float:left
}
a.linkServices {
    font-size:16px;
    color:#1a335f
}
a.linkServices:hover {
    color:#1867e2
}
a.linkMore {
    padding:8px;
    font-size:14px;
    color:#fff;
    border:1px solid #02366c;
    background:#1a335f;
    -webkit-box-shadow:0 0 0 1px #0f5ba4 inset;
    -moz-box-shadow:0 0 0 1px #0f5ba4 inset;
    -o-box-shadow:0 0 0 1px #0f5ba4 inset;
    -khtml-box-shadow:0 0 0 1px #0f5ba4 inset;
    box-shadow:0 0 0 1px #0f5ba4 inset;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
}
.boxInfo-serve,
.boxList-news {
    -webkit-box-shadow:0 1px 0 0 #0D6DB4;
    -o-box-shadow:0 1px 0 0 #0D6DB4;
    -khtml-box-shadow:0 1px 0 0 #0D6DB4
}
a.linkMore:hover {
    background:#1559a0
}
.boxMiddle {
    /*min-height:460px*/
}
.boxMid-ctn {
    padding-bottom:20px
}
.titlesCtn {
    font-size:20px;
    color:#fff
}
.boxMid-ctn p {
    margin-top:15px;
    color:#fff
}
.boxNews {
    width:480px;
    height:auto;
    margin-top:30px;
    margin-bottom:40px
}
.imageNews,
.imageNews a {
    width:85px;
    float:left;
    height:85px
}
.boxNews p {
    width:385px!important;
    float:right!important;
    text-align:left!important;
    margin:0
}
.imageNews {
    margin-right:10px
}
.imageNews a {
    overflow:hidden
}
.imageNews img {
    width:85px;
    height:auto;
    margin:0 auto;
    border:0
}
#footer,
.boxBottom {
    float:left;
    width:100%;
    height:auto
}
a.titleNews {
    float:left;
    margin-bottom:5px;
    color:#fff;
    font-size:17px;
    text-align:left
}
a.titleNews:hover {
    color:#a4c1df
}
a.linkMore-news {
    text-align:center;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
}
a.linkDetail-news,
a.linkMore-news {
    font-size:14px;
    padding:8px;
    color:#fff;
    border:2px solid #fff
}
a.linkDetail-news {
    float:left;
    margin-top:8px;
    margin-left:3px;
    text-align:left;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
}
a.linkDetail-news:hover,
a.linkMore-news:hover {
    color:#a4c1df;
    border:2px solid #a4c1df
}
#footer {
    border-top:4px solid #bae2f6
}
.boxBottom {
    position:relative;
    background:#fff
}
span.backtotop {
    border:2px solid #A4C1DF;
    border-radius:3px;
    color:#A4C1DF;
    padding:5px;
    outline:0;
    width:18px;
    height:17px;
    position:absolute;
    top:38px;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer
}
.addres {
    float:left;
    margin-top:-20px;
    font-size:14px;
    line-height:22px;
    color:#132032;
    text-align:left
}
.addres p {
    color:#414042
}
.otherLogo_bottom {
    width:390px;
    height:90px;
    float:right;
    margin-top:-18px
}
.boxContact,
.boxContact ul {
    list-style:none;
    height:auto
}
.otherLogo_bottom span {
    float:right;
    margin-left:9px
}
.boxContact {
    width:683px;
    margin:0 auto;
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica
}
.boxContact ul {
    width:100%;
    float:left;
    margin:10px 0 5px
}
.boxContact ul li {
    margin-bottom:10px;
    margin-left:10px;
    font-size:18px;
    text-align:left;
    color:#1a335f
}
.boxContact ul li img {
    vertical-align:middle;
    margin-right:8px
}
.boxFooter {
    width:100%;
    height:45px;
    float:left;
    background:#1a335f
}
.logoFooter {
    float:left;
    margin-top:-6px
}
.footMenu {
    float:right;
    height:auto;
    margin:0 20px 0 0;
    text-transform:capitalize
}
.head-tabel li,
.titleChill-prod,
.titleOther {
    text-transform:uppercase
}
.footMenu ul {
    margin-top:15px;
    list-style:none
}
.footMenu ul li {
    font-size:14px;
    margin:0 0 0 80px;
    text-align:left
}
.footMenu ul li a {
    color:#fff;
    font-size:12px
}
.footMenu ul li a:hover {
    color:#2ac3fc
}
.copyright {
    float:right;
    margin-top:5px;
    font-size:12px;
    line-height:18px;
    text-align:right;
    color:#fff
}
.boxDetail {
    width:100%;
    height:auto;
    float:left;
    overflow:hidden;
    margin-top:0;
    text-align:left
}
.boxDetail ul {
    margin-left:20px
}
.titleDetail {
    max-width:620px;
	padding-bottom:13px;
    margin:0 auto;
    text-align:center;
    color:#fff;
    font-size:20px;
    background:url(images/bg-titleDetail.png) center bottom no-repeat;
    font-weight:400
}
ul.navServices {
    width:100%;
    height:auto;
    float:left;
    margin:0;
    list-style:none
}
ul.navServices li {
    float:left;
    font-size:16px;
    text-align:center;
    width:31%;
    margin-right:3.5%
}
ul.navServices li:last-child {
    margin:0
}
ul.navServices li a {
    font-family:AvenirLTStd-Medium;
    padding:7px 5px 4px;
    color:#b9e4f7;
    text-align:center;
    border:2px solid #74849e;
    display:block;
    font-weight:700;
    -moz-border-radius:0;
    -o-border-radius:0;
    -webkit-border-radius:0;
    -khtml-border-radius:0;
    border-radius:0;
    font-size:17px;
    background:#74849e
}
ul.navServices li a.activeServe,
ul.navServices li a:hover {
    background:#fff;
    border:2px solid #fff;
    color:#1a3163
}
.boxInfo-serve span,
a.linkServie-det {
    text-align:left;
    color:#fff;
    font-weight:400
}
.boxInfo-serve {
    width:100%;
    height:auto;
    float:left;
    margin:15px 0;
    padding-bottom:30px;
    -moz-box-shadow:0 1px 0 0 #0D6DB4
}
.boxInfo-serve span {
    font-family:AvenirLTStd-Medium;
    width:100%;
    height:auto;
    float:left;
    margin-bottom:5px;
    font-size:22px
}
.servicesDetail {
    width:283px;
    height:265px;
    float:left;
    margin-bottom:20px;
    margin-right:70px
}
.imageServe-det {
    margin-bottom:8px;
    padding:4px;
    background:#1a335f;
    border-radius:3px
}
.imageServe-det,
.imageServe-det a {
    float:left;
    width:275px;
    height:165px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px
}
.imageServe-det:hover {
    background:#0FB7E3
}
.imageServe-det a {
    overflow:hidden;
    border-radius:3px
}
.imageServe-det img {
    width:275px;
    height:auto;
    margin:0 auto;
    border:0
}
a.linkServie-det {
    float:left;
    font-size:16px
}
a.linkServie-det:hover {
    color:#0fb7e3
}
.boxLinkserve {
    width:100%;
    height:auto;
    float:left;
    font-size:14px;
    text-align:left
}
.boxLinkserve a.download,
.boxLinkserve a.downloadtwo,
.boxLinkserve a.notdownload {
    float:left;
    padding:10px 0;
    color:#fff
}
.boxLinkserve a.view {
    float:right;
    padding:10px 0;
    color:#fff
}
.boxDetail-isi,
.boxdetail-Prod,
.titleChill-prod {
    height:auto;
    width:100%;
    float:left
}
.boxLinkserve a:hover {
    color:#0f254c;
    background:#fff
}
.titleChill-prod,
.titleOther,
ul.boxFitur li {
    text-align:left;
    color:#fff
}
.boxDetail-isi {
    margin:0 0 60px
}
.boxdetail-Prod {
    position:relative;
    margin-bottom:25px
}
.titleChill-prod {
    font-family:AvenirLTStd-Roman;
    font-size:20px;
    margin:0 0 20px
}
ul.boxFitur {
    width:330px;
    height:auto;
    float:right;
    list-style:none;
    margin-top:20px
}
.boxDescp,
.boxdetail-Prod table,
.otherDesp,
.titleOther,
ul.boxFitur li {
    float:left;
    width:100%
}
ul.boxFitur li {
    height:auto;
    margin-bottom:10px;
    padding-left:20px;
    font-size:14px;
    background:url(images/bgList-ctn.png) 0 50% no-repeat;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.boxdetail-Prod thead,
.titleOther {
    font-weight:700;
    height:auto;
    font-size:16px
}
.otherDesp {
    height:auto;
    margin:20px 0
}
.boxCtc-info,
.boxDescp,
.imageMedium {
    margin-right:10px
}
.boxDescp {
    height:auto;
    margin-bottom:10px
}
.titleOther {
    margin-bottom:8px
}
.boxdetail-Prod table {
    height:auto;
    border-collapse:collapse
}
.boxdetail-Prod .table_wrap table {
    width:80%!important
}
.boxdetail-Prod thead {
    width:100%;
    color:#2AC3FC
}
.boxdetail-Prod tbody {
    width:100%;
    height:auto;
    font-size:14px;
    color:#fff
}
.boxdetail-Prod tbody td {
    padding:10px;
    border:5px solid #1a335f
}
.boxdetail-Prod tbody tr:nth-child(odd) {
    background:#03a3e5
}
.boxdetail-Prod tbody tr:nth-child(even) {
    background:#005da5
}
.boxdetail-Prod li {
    margin-left:20px
}
.headnews {
    border-bottom:2px solid #c1e5ff;
    box-sizing:border-box;
    float:left;
    height:auto;
    padding:0 15px 20px;
    width:100%;
    margin-bottom:20px
}
.headnews p {
    display:block;
    font-size:16px;
    height:122px;
    line-height:21px;
    overflow:hidden;
    text-align:left
}
.imagedetails .linkDetail-news {
    margin-left:auto
}
.imageMedium {
    width:36%;
    padding:4px;
    background:#1A335F;
    border-radius:3px
}
.imageMedium,
.imageMedium a {
    float:left;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px
}
.boxLeft,
.imageMedium:hover {
    background:#0FB7E3
}
.imageMedium a {
    overflow:hidden;
    border-radius:3px
}
.imageMedium img {
    width:100%;
    height:auto;
    margin:0 auto;
    border:0
}
.headnews .imagedetails {
    float:right;
    width:55%
}
.headTitle {
    display:block;
    font-size:18px;
    height:auto;
    margin-bottom:0;
    text-align:left
}
.headTitle a {
    color:#fff;
    font-weight:700
}
.headTitle a:hover {
    color:#2C394C
}
.boxList-news {
    width:480px;
    height:auto;
    padding:15px 0;
    border-bottom:1px #024A7F solid;
    -moz-box-shadow:0 1px 0 0 #0D6DB4;
    box-shadow:0 1px 0 0 #0D6DB4
}
.boxList-news p {
    width:385px!important;
    float:right!important;
    text-align:left!important;
    margin:0
}
.boxLeft {
    width:685px;
    padding:15px;
    border:1px solid #1293dd;
    -webkit-box-shadow:0 0 0 1px #014f7b;
    -moz-box-shadow:0 0 0 1px #014f7b;
    -o-box-shadow:0 0 0 1px #014f7b;
    -khtml-box-shadow:0 0 0 1px #014f7b;
    box-shadow:0 0 0 1px #014f7b;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.boxLeft,
.infoDate {
    float:left;
    height:auto;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box
}
h1 {
    font-size:24px;
    text-align:left;
    color:#fff
}
.infoDate {
    width:100%;
    font-size:13px;
    color:#fff;
    margin-bottom:10px;
    padding:7px 10px;
    margin-top:15px;
    background:#1a335f;
    border-bottom:1px #0b4481 solid;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.imagelarge {
    width:376px;
    height:220px;
    float:left;
    margin:0 10px 8px 0;
    padding:4px;
    background:#1A335F
}
.imagelarge span {
    width:376px;
    height:220px;
    float:left;
    overflow:hidden
}
.imagelarge img {
    width:376px;
    height:auto;
    margin:0 auto;
    border:0
}
.boxRight {
    width:285px;
    height:auto;
    float:right
}
.titleRight-ctn {
    width:100%;
    float:left;
    font-size:18px;
    text-align:left;
    color:#fff
}
.boxSide-news {
    float:left;
    overflow:hidden;
    padding:15px 0;
    -webkit-box-shadow:0 1px 0 0 #0D6DB4;
    -moz-box-shadow:0 1px 0 0 #0D6DB4;
    -o-box-shadow:0 1px 0 0 #0D6DB4;
    -khtml-box-shadow:0 1px 0 0 #0D6DB4
}
.barTitle {
    width:180px;
    float:left
}
.Sidemore {
    width:100%;
    height:auto;
    float:left;
    margin-top:20px
}
.formContact {
    width:470px;
    height:auto;
    float:left;
    margin-left:10px
}
.barForm,
.barForm label {
    float:left;
    width:100%;
    height:auto
}
.barForm {
    margin-bottom:10px
}
.barForm label {
    color:#fff;
    text-align:left
}
.barForm input[type=text] {
    float:left;
    font-size:14px;
    margin-top:3px;
    padding:6px 8px;
    border:2px solid #0fb7e3;
    -webkit-box-shadow:1px 1px 2px 1px #022d4c inset;
    -moz-box-shadow:1px 1px 2px 1px #022d4c inset;
    -o-box-shadow:1px 1px 2px 1px #022d4c inset;
    -khtml-box-shadow:1px 1px 2px 1px #022d4c inset;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.barForm input[type=text],
.barForm select {
    height:auto;
    width:100%;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box
}
.barForm select {
    color:#efefef;
    background:#023B65;
    box-shadow:1px 1px 2px 1px #022d4c inset;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.barForm select,
.barForm textarea {
    float:left;
    font-size:15px;
    margin-top:3px;
    padding:10px;
    border:2px solid #0fb7e3;
    -webkit-box-shadow:1px 1px 2px 1px #022d4c inset;
    -moz-box-shadow:1px 1px 2px 1px #022d4c inset;
    -o-box-shadow:1px 1px 2px 1px #022d4c inset;
    -khtml-box-shadow:1px 1px 2px 1px #022d4c inset
}
.barForm input[type=button],
.barForm input[type=reset],
.barForm input[type=submit] {
    cursor:pointer;
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica;
    font-size:15px;
    text-align:center;
    text-transform:uppercase
}
.boxCtc-info span,
.ctc {
    color:#fff;
    text-align:left
}
.barForm input[type=submit]:hover {
    background:#a9dcf1
}
.barForm textarea {
    max-width:100%;
    min-width:100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.barForm textarea,
.boxCtc-info {
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box
}
.boxCtc-info {
    margin-bottom:40px;
    width:470px;
    height:auto;
    float:right;
    padding:10px 15px;
    -webkit-box-shadow:0 0 0 1px #014f7b;
    -moz-box-shadow:0 0 0 1px #014f7b;
    -o-box-shadow:0 0 0 1px #014f7b;
    -khtml-box-shadow:0 0 0 1px #014f7b;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.boxCtc-info span,
.ctc,
.socmedCtc {
    height:auto;
    float:left;
    width:100%
}
.boxCtc-info span {
    margin-bottom:5px;
    font-size:16px
}
.ctc {
    margin:2px 0 18px;
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica
}
.ctc img {
    vertical-align:middle;
    margin-right:10px
}
.socmedCtc a {
    width:41px;
    height:41px;
    float:left;
    margin-right:5px
}
.boxCtn-full {
    width:100%;
    height:auto;
    padding:15px;
    background:#26364e;
    border:1px solid #2e3f5c;
    -webkit-box-shadow:0 0 0 1px #1b2639;
    -moz-box-shadow:0 0 0 1px #1b2639;
    -o-box-shadow:0 0 0 1px #1b2639;
    -khtml-box-shadow:0 0 0 1px #1b2639;
    box-shadow:0 0 0 1px #1b2639;
    box-sizing:border-box
}
.boxCtn-full,
.tabel_ctn li {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box
}
.head-tabel {
    width:100%;
    height:auto;
    float:left;
    list-style:none;
    margin-top:20px;
    border:1px solid #1b2639;
    border-bottom:2px #1b2639 solid;
    background:#094685;
    background:-moz-linear-gradient(top,
    #094685,
    #073769);
    background:-o-linear-gradient(top,
    #094685,
    #073769);
    background:-webkit-gradient(linear,
    0 0,
    0 100%,
    from(#094685),
    to(#073769));
    background:-khtml-gradient(linear,
    0 0,
    0 100%,
    from(#094685),
    to(#073769));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#094685',
    endColorstr='#073769');
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#094685',
    endColorstr='#073769');
    -webkit-box-shadow:0 0 0 1px #0f5196 inset;
    -moz-box-shadow:0 0 0 1px #0f5196 inset;
    -o-box-shadow:0 0 0 1px #0f5196 inset;
    -khtml-box-shadow:0 0 0 1px #0f5196 inset;
    box-shadow:0 0 0 1px #0f5196 inset
}
.head-tabel li {
    float:left;
    padding:12px 0;
    text-align:center;
    font-size:15px;
    color:#dedede;
    border-right:1px #1b2639 solid;
    -webkit-box-shadow:1px 0 0 0 #0f5196;
    -moz-box-shadow:1px 0 0 0 #0f5196;
    -o-box-shadow:1px 0 0 0 #0f5196;
    -khtml-box-shadow:1px 0 0 0 #0f5196;
    box-shadow:1px 0 0 0 #0f5196
}
.head-tabel li:last-child {
    border:0;
    -webkit-box-shadow:0 0 0 0 #711117;
    -moz-box-shadow:0 0 0 0 #711117;
    -o-box-shadow:0 0 0 0 #711117;
    -khtml-box-shadow:0 0 0 0 #711117;
    box-shadow:0 0 0 0 #711117
}
.tabel_ctn {
    width:100%;
    height:auto;
    float:left;
    list-style:none;
    padding:15px 0;
    border-bottom:1px #024A7F solid;
    -webkit-box-shadow:0 1px 0 0 #0D6DB4;
    -moz-box-shadow:0 1px 0 0 #0D6DB4;
    -o-box-shadow:0 1px 0 0 #0D6DB4;
    -khtml-box-shadow:0 1px 0 0 #0D6DB4;
    box-shadow:0 1px 0 0 #0D6DB4
}
.tabel_ctn:hover {
    background:#2e3f5a
}
.tabel_ctn li {
    padding:0 10px;
    text-align:center;
    box-sizing:border-box
}
.tabel_ctn li span {
    width:100%;
    float:left;
    font-size:22px;
    color:#fff
}
a.name-item,
a.name-item:hover {
    color:#2AC3FC
}
a.name-item {
    cursor:default;
    float:left;
    font-size:16px;
    text-align:left
}
.boxService h3,
.dlimit,
.envbtn,
.icon-arrow-right2,
.searchform .searchbtn i,
label.footerlink {
    cursor:pointer
}
a.downloadTracking {
    float:left;
    font-size:14px;
    text-align:left;
    padding:10px 35px 10px 0;
    color:#fff;
    background:url(images/icon-download.png) right no-repeat
}
a.downloadTracking:hover {
    color:#2AC3FC;
    background:url(images/icon-downloadHover.png) right no-repeat
}
.paging {
    width:100%;
    height:auto;
    float:left;
    margin:30px 0
}
.paging a {
    margin:0 2px;
    padding:5px 10px 7px;
    color:#fff;
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica;
    font-size:20px;
    text-align:center;
    border:2px solid #dedede;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px
}
.boxIntroItem h3,
.boxIntroItem h4,
.boxService h3 {
    font-family:AvenirLTStd-Medium,
    sans-serif,
    Arial,
    Helvetica;
    text-transform:uppercase
}
.paging a.active,
.paging a:hover {
    color:#a4c1df;
    border:2px solid #a4c1df
}
.paging a.btn {
    background:#b5e3f2;
    border:none;
    color:#1a3262;
    font-size:20px;
    font-weight:700;
    padding:2px 8px
}
.bgArrow-light {
    width:100%;
    height:30px;
    float:left;
    background:url(images/arrowCenter-white.png) top center no-repeat
}
.bgArrow-dark {
    width:100%;
    height:35px;
    float:left;
    margin-bottom:8px;
    margin-top:-4px;
    background:url(images/arrowCenter-blue.png) top center no-repeat
}
.divider {
    width:477px;
    height:4px;
    float:left;
    margin:15px 0 15px 26%;
    background:url(images/bg-divider.png) repeat-x
}
.boxHomeMiddle {
    width:100%;
    height:auto;
    min-height:220px;
    float:left;
    padding-bottom:20px
}
.boxOrnamentBg {
    width:100%;
    height:auto;
    float:left
}
.line {
    height:4px;
    width:100%;
    background:url(images/line.gif) repeat-x
}
.boxService {
    margin-left:18px;
    width:100%;
    height:48px;
    border:1px solid #00597e;
    background:#fff;
    background:-moz-linear-gradient(top,
    #fff 0,
    #e5e4e4 99%);
    background:-webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0,
    #fff),
    color-stop(99%,
    #e5e4e4));
    background:-webkit-linear-gradient(top,
    #fff 0,
    #e5e4e4 99%);
    background:-o-linear-gradient(top,
    #fff 0,
    #e5e4e4 99%);
    background:-ms-linear-gradient(top,
    #fff 0,
    #e5e4e4 99%);
    background:linear-gradient(to bottom,
    #fff 0,
    #e5e4e4 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#e5e4e4',
    GradientType=0);
    text-align:center;
    position:relative;
    float:left
}
.boxService h3 {
    color:#1a335f;
    font-weight:400;
    padding:13px 0
}
.boxService:hover {
    background:#1a335f;
    border-color:#022e5b;
    -moz-box-shadow:inset 0 0 1px rgba(255,
    255,
    255,
    .5);
    -webkit-box-shadow:inset 0 0 1px rgba(255,
    255,
    255,
    .5);
    -ms-box-shadow:inset 0 0 1px rgba(255,
    255,
    255,
    .5);
    -o-box-shadow:inset 0 0 1px rgba(255,
    255,
    255,
    .5);
    box-shadow:inset 0 0 1px rgba(255,
    255,
    255,
    .5)
}
.boxService:hover h3 {
    color:#fff!important;
    text-shadow:1px 1px 1px rgba(0,
    0,
    0,
    .5)
}
.boxIntroItem a.moreBtn,
.boxIntroItem h3,
.boxIntroItem h4,
.boxIntroItem p {
    text-shadow:1px 1px 1px rgba(0,
    0,
    0,
    .4)
}
.boxService:first-child {
    margin-left:0
}
.boxServiceContainer {
    float:left;
    height:auto;
    margin-right:2%;
    margin-top:13px;
    padding-bottom:40px;
    width:42%;
    position:relative
}
.serviceContentContainer {
    background:#e2f3fb;
    width:100%;
    height:auto;
    min-height:280px;
    border:1px solid #00597e;
    border-bottom:none;
    position:absolute;
    bottom:48px;
    left:0;
    z-index:-1;
    margin-left:-1px;
    -moz-box-shadow:0 0 5px 0 rgba(0,
    0,
    0,
    .5);
    -webkit-box-shadow:0 0 5px 0 rgba(0,
    0,
    0,
    .5);
    -ms-box-shadow:0 0 5px 0 rgba(0,
    0,
    0,
    .5);
    -o-box-shadow:0 0 5px 0 rgba(0,
    0,
    0,
    .5);
    box-shadow:0 0 5px 0 rgba(0,
    0,
    0,
    .5);
    opacity:0;
    transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -webkit-transition:opacity .25s ease-in-out
}
.boxService:hover .serviceContentContainer {
    opacity:1;
    z-index:999999999999999999999
}
.imageServicesContainer {
    width:455px;
    height:180px;
    margin:12px 12px 5px;
    overflow:hidden;
    float:left
}
.imageServicesContainer img {
    width:455px;
    height:auto
}
.bodyServicesContainer {
    overflow:hidden;
    float:left;
    padding:0 12px 12px;
    color:#333;
    font-size:14px
}
.bodyServicesContainer p {
    color:#414042
}
.bodyServicesContainer a {
    color:#d50101;
    text-transform:uppercase;
    margin-top:10px;
    float:left
}
.boxIntroContainer {
    float:right;
    margin-top:12px;
    min-height:205px;
    padding-bottom:40px;
    width:42%
}
.boxIntroItem,
.newsImageContainer {
    height:auto;
    float:left
}
.boxIntroItem.latest-news {
    width:100%;
    margin-left:0
}
.boxIntroItem.introduction {
    margin-right:10px;
    width:100%
}
.boxIntroItem h3,
.boxIntroItem h4 {
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin:17px 0 7px
}
.boxIntroItem h4 {
    font-size:15px;
    text-transform:none;
    font-weight:500
}
.boxIntroItem p {
    font-size:18px;
    font-weight:400;
    line-height:21px;
    margin-bottom:25px;
    padding:0;
    text-align:justify;
    word-break: break-all;
}
.boxdetail-Prod table a,
.button,
.cancel,
.close {
    font-weight:700
}
.boxIntroItem a.moreBtn {
    background:0 0;
    border:2px solid #A4BFDC;
    border-radius:7px;
    clear:both;
    color:#A4BFDC;
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica;
    line-height:22px;
    padding:4px 16px;
    text-transform:uppercase
}
.newsImageContainer {
    margin:7px 9px 10px 0;
    overflow:hidden;
    width:100%;
    background:url(images/lineontoppic1.png) center top/contain no-repeat;
    padding-top:5px
}
.newsImageContainer img {
    height:auto;
    width:100%
}
.clearfix:after,
.clearfix:before {
    content:" ";
    display:table
}
.unorderlist ul {
    float:right!important;
    width:44%;
    margin:0 0 40px!important
}
.small_thin_grey {
    background:#000
}
.button {
    width:150px;
    padding:10px;
    background-color:#FF8C00;
    box-shadow:-8px 8px 10px 3px rgba(0,
    0,
    0,
    .2)
}
#cover {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,
    0,
    0,
    .6);
    z-index:50;
    width:100%;
    height:100%
}
#loginScreen {
    height:380px;
    width:340px;
    margin:0 auto;
    position:relative;
    z-index:100;
    background:#fff;
    border:5px solid #ccc;
    border-radius:10px;
    color:#333;
    padding:10px;
    top:100px;
    bottom:0
}
.cancel {
    display:block;
    position:absolute;
    top:3px;
    right:2px;
    background:#f5f5f5;
    color:#000;
    height:30px;
    width:35px;
    font-size:30px;
    text-align:center
}
.modalDialog {
    position:fixed;
    font-family:Arial,
    Helvetica,
    sans-serif;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,
    0,
    0,
    .8);
    z-index:10;
    opacity:10;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
    transition:opacity 400ms ease-in;
    pointer-events:none
}
.modalDialog:target {
    opacity:1;
    pointer-events:auto
}
.fancy {
    width:450px
}
.fancy p {
    color:#333;
    font-size:14px;
    position:relative;
    z-index:999999;
    width: 96%;
}
.fancy label {
    width:100px;
    float:left;
    padding:5px;
    text-align:left
}
.fancy input {
    width:250px;
    float:right;
    padding:5px;
    border:2px solid #999;
    font-size:16px;
    margin-bottom:5px;
    z-index:5555555
}
.fancy input[type=submit] {
    width:264px
}
.close {
    background:#606061;
    color:#FFF;
    line-height:25px;
    position:absolute;
    right:-12px;
    text-align:center;
    top:-10px;
    width:24px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000
}
.close:hover {
    background:#00d9ff
}
.namagambar {
    float:left;
    margin:-50px 0 0
}
.boxdetail-Prod table a {
    color:#FFF;
    text-decoration:underline
}
.boxdetail-Prod table a:hover {
    color:red;
    font-weight:700;
    text-decoration:underline
}
#pushstat,
.accordion {
    display:none
}
.nav-mobile {
    background:url(images/menu.png) no-repeat;
    float:right;
    height:23px;
    text-indent:-99999px;
    width:30px;
    margin:20px 0 0
}
.nav-mobile:active,
.nav-mobile:focus,
.nav-mobile:hover {
    background:url(images/menuh.png) no-repeat
}
.heading.optimafont a {
    color:#fff!important
}
.mobileslide{display:none!important;}
@media screen and (min-width: 990px) {
    .nav-mobile {
        display:none
    }
    .accordion {
        display:block
    }
}
@media screen and (max-width: 1040px) {
    div.unorderlist li.calc {
        float:left;
        margin:20px 0;
        position:static
    }
    div.pikachoose {
        height:auto!important
    }
    .logo {
        margin:9px 0 0 -11px
    }
    .imageServicesContainer img {
        max-width:100%
    }
    .serviceContentContainer>a {
        float:left;
        width:100%
    }
    .imageServicesContainer {
        width:100%;
        padding:13px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        margin:0
    }
    .boxIntroItem.introduction,
    .boxSlide,
    .imageServicesContainer img {
        width:100%
    }
    .boxIntroItem.introduction {
        margin-right:0;
        width:100%
    }
    .boxIntroItem.latest-news {
        width:100%
    }
    .logo img {
        max-height:100%
    }
    .boxDetail {
        overflow:visible
    }
    .overflow {
        width:100%
    }
    .servicesDetail:nth-child(3n+3) {
        margin-right:0
    }
    .servicesDetail {
        margin-right:7.2%;
        width:28.5%
    }
    .imageServe-det {
        width:97%;
        height:auto
    }
    .imageServe-det a {
        width:100%;
        height:auto
    }
    .imageServe-det img {
        width:100%
    }
}
@media screen and (max-width: 990px) {
    body {
        padding-top:65px
    }
    #bg-header {
        position:fixed;
        top:0;
        z-index:500000
    }
    .topMenu ul.mobile_menu {
        position:absolute;
        right:0;
        top:55px;
        z-index:500;
        background:#fff;
        width:280px
    }
    .topMenu>ul.mobile_menu {
        height:416px;
        overflow:auto
    }
    .topMenu ul.mobile_menu li {
        border-bottom:1px solid #d0d0d0;
        clear:both;
        display:block;
        float:none;
        margin:0!important
    }
    .topMenu>ul>li:hover>a,
    .topMenu>ul>li>a {
        border-bottom:0
    }
    .topMenu ul.mobile_menu li::after {
        clear:both
    }
    .topMenu ul.mobile_menu li::after,
    .topMenu ul.mobile_menu li::before {
        content:" ";
        display:block
    }
    .topMenu ul.mobile_menu li:hover {
        border-bottom:1px solid #d0d0d0
    }
    .topMenu ul.mobile_menu li a.active,
    .topMenu ul.mobile_menu li a:hover {
        border-bottom:0;
        color:#0fb7e3!important
    }
    div.chillMenu a,
    div.chillMenu a:hover {
        border-bottom:1px solid #d0d0d0!important;
        box-shadow:none!important
    }
    .topMenu ul.mobile_menu li a {
        float:left!important;
        font-size:15px!important;
        padding:12px 12px 13px!important;
        background:0 0
    }
    .mobile_menu .boxSubmenu {
        left:0;
        position:static;
        top:51px;
        width:100%;
        clear:both;
        height:auto;
        background:0 0
    }
    .mobile_menu .boxSubmenu a {
        text-transform:capitalize!important
    }
    div.chillMenu a {
        width:100%;
        color:#1a335f!important;
        margin:0
    }
    div.chillMenu a:hover {
        color:#2ac3fc!important;
        background:0 0!important;
        padding:12px 12px 13px!important
    }
    .chillMenu {
        margin:0
    }
    .boxSubmenu ul {
        min-width:0;
        position:static;
        width:100%
    }
    ul.subMenu li:last-child {
        float:none
    }
    ul.subMenu li a.activeServe,
    ul.subMenu.fontBrnd li a {
        text-align:left;
        padding:12px 0 13px 32px!important;
        background:inherit;
        color:#1a335f;
        border-right:0
    }
    .boxTracking,
    .tracking span {
        text-align:center
    }
    ul.subMenu li a:hover {
        padding:12px 12px 13px
    }
    div.chillMenu a:last-child {
        border-bottom:0!important
    }
    .topMenu ul li .chillMenu a,
    .topMenu ul.mobile_menu .submenu a {
        padding:12px 32px 13px!important;
        margin-left:0!important
    }
    .boxHead-socmed,
    .tracking,
    .tracking input[type=submit],
    .tracking input[type=text],
    .tracking span {
        display:inline-block;
        float:none;
        vertical-align:top
    }
    .tracking {
        height:auto
    }
    .boxLinkserve a.download,
    .boxLinkserve a.downloadtwo,
    .boxLinkserve a.view {
        font-size:12px
    }
    .topMenu ul.accordion {
        width:auto;
        display:block
    }
    .topMenu ul.accordion li {
        display:none
    }
    .topMenu ul.accordion li.calbak,
    .topMenu ul.accordion li.calc,
    .topMenu ul.accordion li.google_translate_wrap,
    .topMenu ul.accordion li.newsletter,
    .topMenu ul.accordion li:last-of-type {
        display:block
    }
}
@media screen and (max-width: 800px) {
    .footMenu ul li {
        margin:0 10px
    }
    ul.navServices li {
        float:none!important;
        margin:0!important;
        min-height:50px;
        text-align:center;
        width:100%
    }
}
@media screen and (max-width: 768px) {
    .boxHead-socmed {
        margin:10px 0 0
    }
    .footMenu ul li {
        margin:0 7px
    }
    .addres,
    .otherLogo_bottom {
        width:47%
    }
    .flex-caption {
        bottom:25%!important
    }
}
@media screen and (max-width: 640px) {
    .boxIntroContainer,
    .boxServiceContainer {
        width:100%;
        margin-right:0
    }
    .boxContact ul li {
        float:none;
        text-align:center;
        margin-left:0;
        display:block
    }
    .boxContact {
        width:auto
    }
    .addres,
    .otherLogo_bottom {
        margin-bottom:20px;
        margin-top:20px;
        text-align:center;
        width:100%;
        height:auto
    }
    .bgArrow-dark {
        margin-bottom:40px
    }
    .addres p,
    .otherLogo_bottom span {
        text-align:center;
        float:none;
        margin-left:10px
    }
    .otherLogo_bottom a img {
        width:auto!important
    }
    .boxFooter {
        text-align:center
    }
    .logoFooter {
        float:none
    }
    .footMenu {
        width:100%;
        display:block;
        padding-bottom:50px;
        margin:0
    }
    .footMenu ul {
        float:none
    }
    .footMenu ul li {
        float:none;
        display:inline-block
    }
    .copyright {
        float:none;
        margin-top:10px;
        text-align:center;
        margin-bottom:10px
    }
    .servicesDetail:nth-child(3n+2),
    .servicesDetail:nth-child(3n+3) {
        margin-right:7.2%
    }
    .servicesDetail:nth-child(2n+2) {
        margin-right:0
    }
    .servicesDetail {
        width:46.2%
    }
    .btnquickquote,
    .titleChill-prod.fontBrnd .download,
    .titleChill-prod.fontBrnd .download2 {
        clear:both;
        margin:3px 0;
        text-align:center;
        width:100px
    }
    .formContact {
        float:left!important;
        margin:0 0 50px!important
    }
    .boxCtc-info {
        margin:0 0 40px!important
    }
    .socmedCtc {
        margin-bottom:55px!important
    }
    .topMenu ul li.calc {
        margin-left:0!important
    }
    .flex-caption {
        display:none
    }
	/*.flexslider .slides img{min-height:175px;}*/
	.mobileslide{display:block!important;}
	.slidedesktop{display:none!important;}
}
@media screen and (max-width: 590px) {
    .tracking {
        margin-top:10px
    }
    .servicesDetail {
        height:auto;
        margin-right:0;
        width:100%
    }
    .tracking span {
        clear:both;
        width:100%;
        text-align:center;
        margin:0
    }
    ul.navServices li a,
    ul.navServices li a:hover {
        padding:10px 0;
        color:#fff
    }
}
.boxDetail-isi .boxList-news {
    width:48%
}
.boxList-news .boxList-newsright a,
.boxList-news .boxList-newsright p {
    width:auto!important;
    float:none!important
}
.boxList-news .boxList-newsright {
    padding-left:95px
}
.gm-style .gm-style-iw {
    color:#000
}
.socmedCtc {
    margin-bottom:15px
}
#googlmap {
    overflow:hidden;
    height:400px;
    width:100%;
    max-width:100%
}
@media screen and (max-width: 1040px) {
    .boxDetail-isi .boxLeft {
        width:68%
    }
    .boxDetail-isi .boxRight {
        width:30%
    }
    .boxDetail-isi .boxLeft .imagelarge span,
    .boxDetail-isi .boxLeft .imagelarge span img {
        float:none;
        width:100%;
        height:auto
    }
    .boxDetail-isi .boxLeft .imagelarge {
        width:68%;
        height:auto;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .boxRight .boxSide-news {
        height:auto
    }
    .boxRight .boxSide-news .barTitle,
    .boxRight .boxSide-news .barTitle a,
    .boxRight .boxSide-news p {
        display:block;
        float:none;
        width:auto
    }
    .boxDetail .boxDetail-isi .boxCtc-info,
    .boxDetail .boxDetail-isi .formContact {
        width:48%
    }
    .boxdetail-Prod .pika-stage {
        width:74%;
        height:auto;
        float:right;
        position:static
    }
    .boxdetail-Prod .pikachoose {
        width:50%
    }
    .boxdetail-Prod .pikachoose .pika-stage,
    .jcarousel-skin-pika {
        width:100%!important;
        height:auto!important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        float:none
    }
    .boxdetail-Prod .pika-stage img {
        width:100%
    }
    .unorderlist ul {
        width:46%
    }
    .boxdetail-Prod table {
        width:100%!important;
        margin-top:10px
    }
    .boxdetail-Prod .pikachoose .pika-thumbs li img {
        width:100%;
        height:auto
    }
    .boxdetail-Prod .jcarousel-skin-pika {
        overflow:hidden
    }
    .flex-caption {
        bottom:16%!important
    }
}
@media screen and (max-width: 990px) {
    .boxDetail .boxDetail-isi .boxCtc-info,
    .boxDetail .boxDetail-isi .formContact {
        width:45%
    }
    .headnews .imagedetails p {
        height:auto
    }
    .boxDetail-isi .boxLeft .imagelarge {
        width:50%;
        height:auto
    }
    .boxRight .boxSide-news .imageNews,
    .boxRight .boxSide-news .imageNews a {
        float:none;
        width:auto;
        margin:auto;
        height:auto
    }
    .boxRight .boxSide-news .imageNews a img {
        float:none;
        width:100%;
        margin:auto;
        height:auto
    }
    .formContact .barForm input[type=submit] {
        float:none;
        width:100%;
        margin-top:15px
    }
    .boxDetail .boxDetail-isi .formContact .barForm .secure-codebox {
        max-width:58%
    }
    .boxDetail .boxDetail-isi .formContact .barForm .secure-codebox img {
        width:100%
    }
}
@media screen and (max-width: 640px) {
    .boxDetail-isi .boxList-news,
    .headnews .imageMedium,
    .headnews .imageMedium a {
        float:none;
        width:auto;
        margin:auto
    }
    .boxList-news.float-right,
    .headnews .imagedetails {
        float:none;
        width:auto;
        margin-top:10px;
        clear:both
    }
    .boxDetail-isi {
        margin-top:auto
    }
    .boxDetail-isi .imageNews,
    .boxDetail-isi .imageNews a,
    .boxDetail-isi .imageNews a img {
        float:none;
        width:100%;
        margin:auto;
        height:auto
    }
    .boxList-news .boxList-newsright {
        padding:0;
        margin-top:10px
    }
    .boxDetail .boxDetail-isi .boxCtc-info,
    .boxDetail .boxDetail-isi .formContact,
    .boxDetail-isi .boxLeft,
    .boxDetail-isi .boxLeft .imagelarge,
    .boxDetail-isi .boxLeft .infoDate,
    .boxDetail-isi .boxLeft .infoDate span,
    .boxDetail-isi .boxRight {
        float:none;
        width:100%;
        margin:auto;
        height:auto;
        clear:both
    }
    .boxDetail-isi .boxLeft,
    .boxDetail-isi .boxLeft .imagelarge {
        margin-bottom:10px
    }
    .boxDetail-isi .ctc {
        font-size:18px
    }
    .boxDetail-isi .boxLeft .infoDate {
        margin-top:10px
    }
    .unorderlist ul {
        float:none!important;
        width:auto;
        clear:both
    }
    .boxdetail-Prod .pikachoose {
        float:none;
        width:auto;
        margin:auto;
        clear:both
    }
    .boxdetail-Prod tbody td {
        padding:5px;
        font-size:11px
    }
    #googlmap {
        max-height:300px
    }
    .unorderlist ul {
        margin:0 auto auto!important
    }
    .table_wrap {
        overflow-x:auto;
        width:100%;
        margin-top:40px
    }
}
.boxslider-bg .boxTracking .tracking span,
.ctc span,
.tracking.fontBrnd a span {
    width:auto
}
#example li:hover>.boxSubmenu {
    display:block;
    right:0;
    opacity:1;
    top:93%
}
.boxSubmenu {
    display:block;
    opacity:0;
    top:50%
}
@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?-kwmcyp);src:url(fonts/icomoon.eot?#iefix-kwmcyp) format('embedded-opentype'),
url(fonts/icomoon.woff?-kwmcyp) format('woff'),
url(fonts/icomoon.ttf?-kwmcyp) format('truetype'),
url(fonts/icomoon.svg?-kwmcyp#icomoon) format('svg');
font-weight:400;
font-style:normal
}
[class*=" icon-"],
[class^=icon-] {
    font-family:icomoon;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-phone:before {
	content: "\e601";
}
.icon-printer:before {
	content: "\e602";
}
.icon-arrow-up2:before {
	content: "\e603";
}
.icon-arrow-right2:before {
	content: "\e604";
}
.icon-arrow-down2:before {
	content: "\e605";
}
.icon-arrow-left2:before {
	content: "\e606";
}
.icon-google:before {
	content: "\e600";
}
.icon-facebook:before {
	content: "\e607";
}
.icon-twitter:before {
	content: "\e608";
}
.icon-linkedin2:before {
	content: "\e609";
}
.icon-mail:before {
	content: "\e60a";
}
.boxContact ul li span {
    margin-right:5px;
    color:#A4C1DF;
    font-size:25px;
    vertical-align:middle
}
.ctc span {
    display:inline-block;
    font-size:24px;
    margin-right:10px
}
.socmedCtc a span {
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow:0 0 2px #333;
    font-size:28px;
    padding:6px;
    text-shadow:0 0 2px #000;
    width:auto
}
.socmedCtc a span.icon-linkedin2 {
    background:#0384c1
}
.socmedCtc a span.icon-facebook {
    background:#3d5fae;
    font-weight:700
}
.socmedCtc a span.icon-twitter {
    background:#3fbee0
}
.socmedCtc a:hover span.icon-linkedin2 {
    background:#0280bc
}
.socmedCtc a:hover span.icon-facebook {
    background:#3b5ca8
}
.socmedCtc a:hover span.icon-twitter {
    background:#46c5e7
}
.socmedCtc a:hover span.icon-google {
    background:#dd4b39
}
.boxLinkserve a span {
    border:1px solid #fff;
    border-radius:3px;
    margin-left:30px;
    padding:4px 5px
}
.boxLinkserve a:hover span {
    border:1px solid #A4C1DF
}
.boxInfo-serve img {
    height:auto!important;
    max-width:100%
}
.tracking[class*=" icon-"],
.tracking[class^=icon-] {
    background:#094686;
    border:1px solid #0d5ba0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    color:#e8e7e7;
    margin:3px 3px 3px 5px;
    padding:8px 12px
}
.tracking[class*=" icon-"]:hover,
.tracking[class^=icon-]:hover {
    background:#14569b;
    border:1px solid #1869b0
}
.boxHead-socmed a.head_fb {
    padding:2px 5px 6px 2px;
}
a.footerlink {
    color:#1a335f!important
}
a.footerlink:hover {
    color:#2ac3fc!important
}
a.contactlink {
    color:#fff!important
}
a.contactlink:hover {
    color:#A9DCF1!important
}
label.footerlink {
    color:#1a335f!important
}
label.footerlink:hover {
    color:#2ac3fc!important
}
@media screen and (max-width: 990px) {
    .topMenu ul.mobile_menu {
        display:block
    }
    .topMenu ul div.boxSubmenu {
        opacity:1!important
    }
    .topMenu ul li div.boxSubmenu a::before,
    .topMenu ul.mobile_menu .submenu a::before {
        content:"»";
        margin-left:-18px;
        margin-right:10px
    }
    ul.subMenu li a:hover {
        background-color:#fff
    }
    .tracking.iconResp span.icon-arrow-right2 {
        clear:none;
        display:inline-block;
        width:auto
    }
    .boxHead-socmed {
        display:inline-block;
        margin:10px auto 0;
        width:130px;
    }
}

.search-block .icon-arrow-right2::before {
    content:""
}
@media screen and (max-width: 640px) {
    .fancy {
        width:100%
    }
    .fancybox-inner .fancy label {
        display:block;
        float:none;
        margin:auto 0;
        box-sizing:border-box;
        width:100%
    }
    .fancybox-inner #fancy br {
        display:none;
        height:0;
        margin:auto
    }
    .fancybox-inner .fancy input {
        display:block;
        float:none;
        margin:auto 0;
        box-sizing:border-box;
        width:100%
    }
    .fancybox-inner .fancy input[type=submit] {
        margin-top:22px;
        width:auto
    }
    .fancybox-inner .fancy label.blanklabel {
        display:none
    }
    .boxSide-news .imageNews,
    .headnews .imageMedium {
        width:100%!important
    }
}
.searchform,
.topMenu ul.mobile_menu li.calbak,
.topMenu ul.mobile_menu li.calc,
.topMenu ul.mobile_menu li.google_translate_wrap,
.topMenu ul.mobile_menu li.newsletter,
.topMenu ul.mobile_menu li.search-ic {
    display:none
}
.google_translate_wrap i.fa.fa-language {
    font-size:26px
}
div#menu.topMenu {
    position:relative
}
div#menu.topMenu div#google_translate_element {
    position:absolute;
    top:65px;
    right:0;
    z-index:100
}
.goog-te-gadget-simple {
    border-top:none
}
.searchform {
    position:absolute;
    top:55px;
    right:0;
    background:#fff;
    overflow:hidden;
    padding:4px;
    z-index:100;
    width:218px
}
.searchform input {
    border:none;
    color:#666;
    height:35px;
    float:left;
    margin:0;
    padding:0;
    line-height:35px;
    box-sizing:border-box
}
.searchform .searchbtn,
.searchform input {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.searchform .search {
    width:184px;
    padding:0 10px;
    position:relative;
    background:url(images/newsbg.png) top right no-repeat #1a335f;
    color:#efefef
}
.frmcalbk,
.newsletter {
    right:0;
    position:absolute
}
.searchform .searchbtn {
    background:#fff;
    width:34px;
    height:33px;
    padding:0;
    overflow:hidden;
    box-sizing:border-box;
    text-align:center
}
.searchform .searchbtn i {
    line-height:35px;
    font-size:18px
}
.topMenu ul li a#searchlink {
    padding:18px 12px 17px
}
.searchform .search::-webkit-input-placeholder {
    color:#fff;
}
.searchform .search:-moz-placeholder {
    color:#fff;
}
.searchform .search::-moz-placeholder {
    color:#fff;
}
.searchform .search:-ms-input-placeholder {
    color:#fff;opacity: 1;
}

.search-block input::-webkit-input-placeholder {
    color:#fff;opacity: 1;
}
.search-block input:-moz-placeholder {
    color:#fff; opacity: 1;
}
.search-block input::-moz-placeholder {
    color:#fff;opacity: 1;
}
.search-block input:-ms-input-placeholder {
    color:#fff;opacity: 1;
}


.calbak .fa,
.calc .fa,
.newsletter .fa {
    font-size:22px
}
.topMenu ul li.calbak a,
.topMenu ul li.calc a,
.topMenu ul li.newsletter a {
    padding:14px 5px
}
.frmcalbk {
    background:#fff;
    display:block;
    padding:10px 15px;
    top:55px;
    z-index:9999
}
.frmcalbk .barForm label {
    color:#023b65
}
.newsletter {
    top:0
}
@media screen and (max-width: 480px) {
    .frmcalbk {
        top:65px
    }
    .topMenu ul.accordion li.calbak {
        position:static!important
    }
    .topMenu ul li {
        margin:0 4px
    }
    .newsletter .newsletterform {
        left:0;
        right:0;
        -moz-transform:translate(-50%,
        0);
        -webkit-transform:translate(-50%,
        0);
        -o-transform:translate(-50%,
        0);
        -ms-transform:translate(-50%,
        0);
        transform:translate(-50%,
        0)
    }
    .welcomeimage>img {
        padding:5px 0 0!important
    }
    .boxMiddle {
        min-height:auto!important
    }
    #slider .newssliders img {
        width:100%!important
    }
}
.newsletterform {
    background:#fff;
    display:none;
    overflow:hidden;
    padding:4px;
    position:absolute;
    /*left:0;*/
    top:55px;
    width:255px;
    z-index:100
}
.newsletterform #newsl {
    background:url(images/newsbg.png) right top no-repeat #1a335f;
    color:#efefef;
    position:relative;
    width:184px;
    border:none;
    box-sizing:border-box;
    float:left;
    height:35px;
    line-height:35px;
    margin:0;
    padding:0 10px
}
.newsletterform a {
    background:#fff;
    box-sizing:border-box;
    height:33px;
    overflow:hidden;
    padding:0 5px!important;
    text-align:center;
    width:34px
}
.newsletterform a i {
    font-size:18px;
    line-height:35px
}
.envbtn {
    background:#094686;
    border:1px solid #0d5ba0;
    border-radius:3px;
    color:#e8e7e7;
    float:right;
    padding:9px 5px 8px;
    font-size:12px
}
.topMenu ul .submenu {
    background:rgba(51,
    44,
    43,
    .9);
    left:0;
    position:absolute;
    top:75%;
    width:200px;
    z-index:999;
    display:none
}
.aboutLeftNavPane ul li a,
.ourteamimag li span,
.topMenu ul li:hover .submenu {
    display:block
}
.topMenu .submenu a {
    color:#fff;
    padding:5px 10px;
    text-transform:capitalize
}
.topMenu ul.submenu li:hover {
    border:none
}
.topMenu ul.mobile_menu .submenu {
    background:0 0;
    display:block;
    left:unset;
    position:relative;
    top:unset;
    width:100%
}
.topMenu ul.mobile_menu .submenu a {
    color:#1a335f;
    font-size:15px;
    font-weight:400
}
.aboutleft {
    float:left;
    padding-top:15px;
    text-align:left;
    width:25%
}
.aboutright {
    float:right;
    padding:15px 0;
    box-sizing:border-box;
    text-align:left;
    width:75%
}
.aboutLeftNavPane ul li {
    list-style:none
}
.aboutLeftNavPane ul li a {
    color:#fff;
    padding:0;
    letter-spacing:1px
}
.aboutLeftNavPane ul li.selected a {
    font-weight:700;
    color:#A9DCF1
}
.aboutleft .lefttitle,
.aboutright .abouttitle {
    font-size:18px;
    padding-bottom:10px;
    text-transform:uppercase
}
.ourteamcontent {
    margin-bottom:20px
}
.ourteamimag li {
    float:left;
    list-style:none;
    margin:0 17px 15px;
    text-align:center
}
@media screen and (max-width: 768px) {
    .aboutleft,
    .aboutright {
        float:none;
        width:100%;
        clear:both
    }
    .ourteamimag li {
        float:none;
        display:inline-block
    }
    .ourteamimag>ul {
        text-align:center
    }
}
.banneritem.divisions {
    background-color:#707072;
    border-top:2px solid #707072
}
.banneritem {
    background-color:#4E4F53;
    border-top:2px solid #4E4F53;
    float:left;
    color:#fff;
    display:block;
    width:100%;
    line-height:46px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.deviders,
.deviders div,
.tp-bullets.simplebullets.round .bullet {
    display:none
}
.banneritem:hover,
.flex-active-slide .banneritem {
    border-top:2px solid #0fb7e3;
    color:#0fb7e3;
    cursor:pointer
}
@media (max-width: 1040px) and (orientation: landscape) {
    .logo {
        margin:6px 0 0 -10px
    }
}
.banneritem a {
    color:#fff
}
.slidecap1 .heading.optimafont,
.slidecap14 .heading.optimafont,
.slidecap27 .heading.optimafont,
.slidecap28 .heading.optimafont {
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica;
    font-size:20px;
    font-weight:100;
    text-transform:uppercase
}
.slidecap1 .bannertext,
.slidecap14 .bannertext,
.slidecap27 .bannertext,
.slidecap28 .bannertext {
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica;
    font-size:13px;
    font-weight:100
}
.slidecap1,
.slidecap14,
.slidecap27,
.slidecap28 {
    bottom:0;
    left:166px!important;
    text-align:left;
    top:auto!important
}
.slidecap1 .continue a,
.slidecap14 .continue a,
.slidecap27 .continue a,
.slidecap28 .continue a {
    color:#000;
    float:right;
    font-family:AvenirLTStd-Roman,
    sans-serif,
    Arial,
    Helvetica;
    font-size:14px;
    font-weight:100;
    padding:0 20px 0 10px;
    text-transform:uppercase;
    line-height:1.4;
    background:url(images/black_right_arrow.png) 86px center no-repeat #fff;
    margin:10px 0 5px
}
.slidecap27 {
    left:486px!important
}
.slidecap28 {
    left:auto!important;
    right:0
}
.slidecap1 {
    left:0!important
}
.pikachoose {
    margin:0 20px 40px 0!important
}
.btnquickquote,
.titleChill-prod.fontBrnd .download,
.titleChill-prod.fontBrnd .download2 {
    float:right;
    font-weight:400;
    text-transform:capitalize
}
.unorderlist .calc {
    clear:both;
    float:right;
    list-style:none;
    position:relative;
    right:150px;
    top:-23px
}
.swoosh,
.swoosh1 {
    width:100%;
    float:left
}
.unorderlist .calc a {
    color:#fff
}
.swoosh1 {
    background:#fff;
    clear:both;
    color:#414042;
    height:55px;
    margin-top:1px;
    max-width:none;
    margin-bottom:30px
}
.swoosh {
    background:url(images/arrowCenter-white.png) center bottom no-repeat;
    padding-bottom:20px;
    line-height:2.8
}
.swoosh2 {
    background:0 0;
    border-bottom:1px solid #fff;
    color:#fff
}
.swoosh2 .swoosh {
    background:url(images/arrowCenter-blue1.png) center bottom no-repeat;
    line-height:3.6
}
.deviders {
    clear:both;
    height:14px;
    width:100%;
    position:relative;
    z-index:5
}
.topMenu ul .submenu li {
    float:none!important
}
.topMenu ul .submenu li a {
    display:block;
    float:none;
    font-size:13px
}
.topMenu ul .submenu li a:hover {
    background:rgba(182,
    182,
    183,
    .9)
}
.boxDetail .titleDetail {
    background:0 0
}
.cboxIframe body {
    padding:0!important
}
.cboxIframe iframe {
    min-height:0!important
}
@media screen and (max-width: 900px) {
    .slidecap27 {
        left:286px!important
    }
}
@media screen and (max-width: 640px) {
    #carousel,
    .optimafont,
    .tp-simpleresponsive .caption .bannertext,
    .tp-simpleresponsive .caption .continue,
    .tp-simpleresponsive .caption br,
    .tp-simpleresponsive .tp-caption .bannertext,
    .tp-simpleresponsive .tp-caption .continue,
    .tp-simpleresponsive .tp-caption br {
        display:none
    }
    .tp-simpleresponsive .caption .optimafont,
    .tp-simpleresponsive .tp-caption .optimafont {
        display:block
    }
    .slidecap1,
    .slidecap14,
    .slidecap27,
    .slidecap28 {
        left:0!important;
        right:0!important
    }
    .tp-caption.medium_thin_grey {
        padding:15px!important
    }
    .heading.optimafont a {
        font-size:13px
    }
}
@media screen and (max-width: 990px) {
    .topMenu ul .submenu li a:hover {
        background:0 0
    }
    .topMenu ul.submenu li:hover {
        border-bottom:1px solid #d0d0d0
    }
    .boxdetail-Prod .table_wrap table {
        width:100%!important
    }
    .unorderlist .calc {
        float:left;
        margin:20px 0;
        position:static
    }
}
@media screen and (min-width: 768px) {
    .copyright {
        float:none;
        text-align:left;
        position:absolute;
        top:0;
        left:20px
    }
}
.boxslider-bg .boxTracking .tracking,
.note-1 {
    position:relative
}
.certititle {
    margin-top:15px
}
@media screen and (max-width: 359px) {
    .frmcalbk .barForm textarea {
        height:100px
    }
    .frmcalbk .barForm input[type=text] {
        padding:5px
    }
    .frmcalbk .barForm input[type=button],
    .frmcalbk .barForm input[type=reset],
    .frmcalbk .barForm input[type=submit] {
        font-size:16px
    }
    .newsletter .newsletterform {
        left:0;
        right:0;
        -moz-transform:translate(-50%,
        0);
        -webkit-transform:translate(-50%,
        0);
        -o-transform:translate(-50%,
        0);
        -ms-transform:translate(-50%,
        0);
        transform:translate(-50%,
        0)
    }
}
.dlimit {
    text-decoration:underline
}
.note-1 {
    clear:both;
    top:-15px;
    float:left;
}
.captionBlack,
.captionOrange {
    color:#fff;
    font-size:20px;
    line-height:30px;
    text-align:center;
    border-radius:4px
}
.captionOrange {
    background:#EB5100;
    background:rgba(235,
    81,
    0,
    .6)
}
.captionBlack {
    font-size:16px;
    background:#000;
    background:rgba(0,
    0,
    0,
    .4)
}
A.captionOrange:active,
A.captionOrange:visited,
a.captionOrange {
    color:#fff;
    text-decoration:none
}
a.captionOrange:hover {
    color:#eb5100;
    text-decoration:underline;
    background-color:#eee;
    background-color:rgba(238,
    238,
    238,
    .7)
}
.bricon {
    background:url(../img/browser-icons.png)
}
.flex-caption {
    background:rgba(0,
    0,
    0,
    .6)!important;
    border-radius:15px;
    bottom:40%;
    left:10%!important;
    padding:15px!important;
    width:auto!important
}
.flex-caption a.continue {
    background:url(images/black_right_arrow.png) 70px center no-repeat #fff;
    clear:both;
    color:#000;
    float:right;
    margin-top:10px;
    padding:1px 18px 1px 8px;
    margin-bottom:5px;
    font-size:14px
}
.flex-caption a {
    color:#fff;
    display:block;
    font-size:22px;
    margin-bottom:15px;
    font-weight:700;
    margin-top:7px
}
.fcontacttitle,
.search-ic #searchlink i {
    font-size:18px
}
.slidecaption14 {
    left:170px!important
}
.slidecaption27 {
    left:400px!important
}
.slidecaption28 {
    right:0!important;
    left:auto!important
}
@media screen and (max-width: 768px) {
    .jssort14,
    .slidecaption {
        display:none
    }
    #slider .newssliders img {
        width:100%!important
    }
}
.download-pdf {
    list-style:none
}
.download-pdf li {
    border-bottom:1px solid #5f5f5f;
    float:left;
    padding:8px 0;
    width:100%
}
.download-pdf li a {
    color:#fff;
    line-height:2.2
}
.download-pdf li a img {
    float:left;
    margin-right:4px
}
.download-all-pdf {
    clear:both;
    float:left;
    margin-top:40px;
    width:100%
}
.download-all-pdf li {
    border:0
}
.mobile {
    display:none
}
.desktop {
    display:block
}
@media (max-width: 640px) {
    #slider .newssliders img,
    .flex-caption {
        width:100%!important
    }
    .barForm {
        margin-bottom:7px
    }
    .barForm label {
        margin-bottom:0
    }
    .barForm input[type=text] {
        margin-top:0;
        padding:5px 8px
    }
    .mobile {
        display:block
    }
    .desktop,
    .flex-caption a.continue,
    .flex-caption span {
        display:none
    }
    .mobile.aboutleft {
        margin-bottom:30px
    }
    .flex-caption a {
        margin-bottom:0
    }
    .flex-caption {
        left:0!important;
        right:0!important
    }
    .headnews .imageMedium {
        padding-top:.8%!important
    }
}
#carousel .slides {
    width:100%!important;
    transform:translate3d(0,
    0,
    0)!important
}
#carousel .slides>li {
    width:25%!important;
    margin-right:0!important;
    opacity:1!important
}
#carousel .flex-direction-nav {
    display:none
}
.privacycontent {
    margin-bottom:50px
}
.boxdetail-Prod.productdetails .titleChill-prod.fontBrnd .tooltip {
    display:none!important
}
.topMenu ul li.calbak a,
.topMenu ul li.calc a,
.topMenu ul li.google_translate_wrap a,
.topMenu ul li.newsletter a,
.topMenu ul li.search-ic a {
    background:0 0;
    width:auto
}
/*.boxHead-socmed a,
.icon-facebook,
.icon-google,
.icon-linkedin2,
.icon-twitter {
    height:25px;
    width:25px
}*/
.topMenu ul li.calbak,
.topMenu ul li.calc,
.topMenu ul li.google_translate_wrap,
.topMenu ul li.newsletter,
.topMenu ul li.search-ic {
    margin:0 6px
}
.topMenu ul li.calc {
    margin-left:20px
}
.boxHead-socmed a {
    display:inline-block;
    vertical-align:middle
}

.boxHead-socmed a.head_google {
    padding-left:3px
}
.search-block .icon-arrow-right2 {
    background:url(images/racarrow.png) center no-repeat;
    border:0;
    border-radius:0;
    display:block;
    height:18px;
    margin:0;
    padding:0;
    position:absolute;
    right:10px;
    top:10px;
    width:31px!important
}
.search-block .icon-arrow-right2:hover {
    background:url(images/racarrow_hover.png) center no-repeat;
    border:0
}
.aboutright .abouttitle,
.ourteamcontent,
.ourteamimag {
    border-bottom:2px solid #a9dcf1;
    float: left;
    width: 100%;
}
.search-block {
    display:inline-block;
    position:relative;
	vertical-align: top;
}
.tracking input[type=text]::-webkit-input-placeholder {
    color:#efefef
}
.tracking input[type=text]:-moz-placeholder {
    color:#efefef
}
.tracking input[type=text]::-moz-placeholder {
    color:#efefef
}
.tracking input[type=text]:-ms-input-placeholder {
    color:#efefef
}
.fcontacttitle {
    font-weight:700;
    margin-bottom:-15px;
    color:#1b345d
}
.aboutleft .lefttitle {
    font-size:20px;
    letter-spacing:2px;
    color:#A9DCF1
}
.aboutright .abouttitle {
    font-size:20px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:10px;
    padding-bottom:5px
}
.aboutright .abouttitle.titleChill-prod {
    margin-bottom:20px
}
.ourteamimag {
    margin-bottom:20px
}
.ourteamcontent {
    padding-bottom:15px
}
.ourteamcontent.nobr {
    border-bottom:0;
    padding-bottom:15px
}
@media (min-width: 1024px) {
    .ourteamimag li:nth-child(11),
    .ourteamimag li:nth-child(14),
    .ourteamimag li:nth-child(17),
    .ourteamimag li:nth-child(2),
    .ourteamimag li:nth-child(20),
    .ourteamimag li:nth-child(23),
    .ourteamimag li:nth-child(26),
    .ourteamimag li:nth-child(29),
    .ourteamimag li:nth-child(5),
    .ourteamimag li:nth-child(8) {
        margin:0 101px 15px
    }
    .ourteamimag li {
        margin:0 0 15px
    }
}
.qhseright {
    float:right;
    width:47%
}
.qhseleft {
    float:left;
    width:47%
}
.boxInfo-serve p {
    font-size:18px;
    line-height:22px
}
.qhseleft .boxInfo-serve,
.qhseright .boxInfo-serve {
    border-bottom:0;
    box-shadow:none
}
.spborder,
.spborder .titleDetail {
    border-bottom:2px solid #c1e5ff
}
.boxInfo-serve img {
    width:83%!important
}
@media (max-width: 800px) {
    .boxInfo-serve img {
        width:100%!important
    }
}
@media (max-width: 775px) {
    .qhseleft,
    .qhseright {
        float:none;
        width:auto
    }
}
.spborder .titleDetail {
    max-width:none;
    font-size:20px;
    font-weight:700;
    color:#c1e5ff
}
:focus {
    outline:0
}
.barForm input[type=text],
.barForm textarea {
    background:#fff;
    border-color:#fff;
    box-shadow:none;
    color:#1a335f
}
.clbackbg input[type=text],
.clbackbg textarea {
    background:#fff;
    border-color:#bfbfbf!important;
    box-shadow:none;
    color:#1a335f
}
.barForm textarea {
    height:299px
}
.barForm label {
    font-size:16px;
    font-weight:700;
    margin-bottom:0
}
.boxCtc-info span {
    font-weight:700
}
.boxCtc-info .fcontacttitle {
    font-size:14px;
    font-weight:400;
    margin-bottom:-25px
}
.barForm input[type=button],
.barForm input[type=reset],
.barForm input[type=submit] {
    background:#a4c1df;
    border:0;
    border-radius:5px;
    color:#1a335f;
    float:left;
    font-weight:700;
    letter-spacing:2px;
    padding:1px 10px;
	margin-right: 10px;
}
.google_map {
    clear:both;
    display:inline-block;
    margin-top:20px;
    width:100%
}
.ctc {
    font-size:15px;
    margin-bottom:0
}
.boxCtc-info .fcontacttitle {
    color:#fff
}
.boxCtc-info {
    background:0 0;
    border:0;
    box-shadow:none
}
.boxDetail .titleDetail {
    border-bottom:2px solid #c1e5ff;
    margin-bottom:20px;
    margin-top:15px;
    max-width:none;
    color:#fff;
    font-weight:700;
    font-size:22px;
    letter-spacing:2px
}
.lefttitle>a {
    color:#a9dcf1
}
.lightblue,
.lightblue p,
.skyblue,
.skyblue p {
    color:#1a335f
}
.darkblue {
    background:#2e6294
}
.lightblue {
    background:#bae3f7
}
.skyblue {
    background:#a4c1df
}
.boxLinkserve a {
    background:#74849e;
    float:left;
    padding:3px 0!important;
    text-align:center;
    width:50%;
    font-size:16px
}
.bxborder {
    border-bottom:2px solid #b9e4f7;
    margin-bottom:35px
}
.formContact::after {
    background:url(images/border_bg.png) no-repeat;
    background-size:17px 450px;
    content:" ";
    display:block;
    float:right;
    height:500px;
    margin-left:484px;
    margin-top:110px;
    position:absolute;
    width:10px
}
@media (max-width: 1000px) {
    .formContact::after {
        display:none
    }
}
.boxInfo-serve,
.boxdetail-Prod.productdetails,
.titleChill-prod {
    border-bottom:2px solid #bae3f7;
    box-shadow:none
}
.boxdetail-Prod.productdetails {
    padding-bottom:15px;
	margin-bottom:35px;
}
.boxInfo-serve {
    margin-bottom:10px
}
.titleChill-prod {
    padding-bottom:8px
}
.btnquickquote,
.titleChill-prod.fontBrnd .download,
.titleChill-prod.fontBrnd .download2 {
    background:#74849e;
    border-radius:0;
    color:#b9e4f7;
    font-size:16px;
    margin:-3px 0 0;
    padding:3px 12px
}
.btnquickquote:hover,
.titleChill-prod.fontBrnd .download2:hover,
.titleChill-prod.fontBrnd .download:hover {
    background:#fff;
    color:#1a3163
}
.boxInfo-serve.nobr {
    border-bottom:0
}
@media (max-width: 767px) {
    .btnquickquote,
    .titleChill-prod.fontBrnd .download,
    .titleChill-prod.fontBrnd .download2 {
        margin:3px 0
    }
    .boxSide-news {
        width:100%!important
    }
}
@media (min-width: 500px) and (max-width: 1024px) {
    .pika-thumbs li {
        width:20%!important;
        height:auto!important
    }
}
.boxdetail-Prod table p,
.boxdetail-Prod table td {
    font-size:16px;
    font-weight:700
}
.latest-news h4 {
    margin-bottom:20px;
    margin-top:0;
    font-size:20px;
    font-weight:700
}
.boxIntroItem.latest-news>p,
.latest-news p {
    margin-bottom:43px
}
.borderthickbottom {
    background:url(images/lineontoppic1.png) center bottom/contain no-repeat;
    padding-bottom:5px
}
.boxServiceContainer::after {
    background:url(images/line-1.png) right top no-repeat;
    content:"";
    height:425px;
    position:absolute;
    right:-75px;
    top:50px;
    transform:translate(-50%,
    0);
    width:2px
}
.welcomeimage>img {
    background:url(images/lineontoppic1.png) center top/contain repeat-y;
    padding:10px 0 0;
    width:100%
}
.nextslide {
    font-size:20px!important;
    font-weight:700;
    margin-bottom:3px!important;
    margin-top:10px
}
.removeborder {
    background:0 0;
    padding-bottom:7px
}
.welcomeimage {
    position:relative
}
.bannerbottomarrow {
    background:url(images/bannerbottomarrow.png) center bottom no-repeat;
    bottom:0;
    float:left;
    height:50px;
    left:0;
    position:absolute;
    width:100%;
    z-index:2
}
.flexslider,
.headnews .imageMedium {
    background:url(images/lineontoppic1.png) center top/contain no-repeat
}
.flexslider {
    clear:both;
    box-shadow:none!important;
    padding-top:1%!important
}
.flex-caption>span {
    font-size:18px;
    line-height:23px
}
.headnews .imageMedium {
    border-radius:0;
    padding:.5% 0 0;
    width:40%
}
.headnews .imageMedium img {
    background:url(images/lineontoppic1.png) center bottom/contain no-repeat;
    padding-bottom:1%
}
.headnews .imageMedium>a {
    border-radius:0;
    width:100%
}
.headnews .imageMedium>a:hover {
    border:none
}
.imagedetails .headTitle a:hover {
    color:#fff
}
.nnarrow,
.nparrow {
    margin:-2px 0
}
.boxSide-news>p {
    font-size:18px;
    line-height:24px;
    float:left
}
.boxSide-news .barTitle {
    width:100%
}
.boxSide-news .barTitle .titleNews {
    font-size:20px;
    margin-top:8px
}
.boxSide-news .imageNews {
    float:none;
    height:auto;
    margin:0 auto;
    max-width:100%;
    width:350px
}
.boxSide-news .imageNews>a {
    float:left;
    height:auto;
    width:100%;
    background:url(images/lineontoppic1.png) center top/contain no-repeat;
    padding-top:1.4%
}
.boxSide-news .imageNews img {
    background:url(images/lineontoppic1.png) center bottom/contain no-repeat;
    float:left;
    height:170px;
    padding-bottom:1.4%;
    width:100%
}
.boxSide-news {
    height:auto;
    width:45%;
    border-bottom:none;
    box-shadow:none
}
.boxSide-news:last-of-type {
    float:right
}
.newsproduct>h1 {
    margin-bottom:15px
}
.newsproduct>p {
    font-size:18px;
    margin-bottom:30px
}
.newssliders {
    background:#fff;
    float:left;
    height:auto;
    width:100%
}
#slider .newssliders img {
    margin:0 auto;
    width:800px
}
.box_fullwidth {
    max-width:100%
}
.box_center.box_fullwidth{padding-right:0px;}
@media all and (max-width: 480px) {
    .flexslider {
        min-height:125px
    }
    .preloader {
        background:#fff;
        height:100%;
        position:absolute;
        width:100%;
        z-index:999
    }
    .preloader img {
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,
        -50%);
        -webkit-transform:translate(-50%,
        -50%);
        display:block
    }


}
@media all and (max-width: 326px) {
.topMenu ul li.newsletter {
    width: 92px; }
.topMenu ul li.newsletter a {
    font-size: 9px;
    padding: 15px 0;  width: 92px;
    }
/*@-webkit-keyframes example {
    0%   {font-size:7px}
    25%  {font-size:8px}
    50%  {font-size:9px}
    100% {font-size:10px}
}

@keyframes example {
    0%   {font-size:7px}
    25%  {font-size:8px}
    50%  {font-size:9px}
    100% {font-size:10px}
}  */  
    
    
}


@media all and (min-width: 481px) and (max-width: 992px) {
    .flexslider {
        min-height:200px
    }
    .preloader {
        background:#fff;
        height:100%;
        position:absolute;
        width:100%;
        z-index:999
    }
    .preloader img {
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,
        -50%);
       @-webkit-keyframes example {
    0%   {font-size:10px}
    25%  {font-size:11px}
    50%  {font-size:12px}
    100% {font-size:13px}
}
/* Standard syntax */
@keyframes example {
    0%   {font-size:10px}
    25%  {font-size:11px}
    50%  {font-size:12px}
    100% {font-size:13px}
} -webkit-transform:translate(-50%,
        -50%);
        display:block
    }
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
    .flexslider {
        min-height:325px
    }
    .preloader {
        background:#fff;
        height:100%;
        position:absolute;
        width:100%;
        z-index:999
    }
    .preloader img {
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,
        -50%);
        -webkit-transform:translate(-50%,
        -50%);
        display:block
    }
}
@media all and (min-width: 1200px) {
    .flexslider {
        min-height:400px
    }
    .preloader {
        background:#fff;
        height:100%;
        position:absolute;http://tdenergyservices.jejo.digital/
        width:100%;
        z-index:999
    }
    .preloader img {
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,
        -50%);
        -webkit-transform:translate(-50%,
        -50%);
        display:block
    }
}
.corporateresul
{margin-left: 16px;	margin-top: 5px;}
.poverviewul{margin-left: 16px; margin-top: 5px;}
@media all and (min-width: 768px) and (max-width: 1350px){
    .boxFooter {
        height: 70px !important;
        padding: 15px 0 !important;
    }
}
.downpdftext {
    font-size: 12px;
    font-style: italic;
}
/* 
.blue-popup-block1 {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	background: #f9f9f9;
    border-radius: 4px;
    color: #444444;
    position: relative;
    text-shadow: none;
	padding: 15px;
}
.blue-popup-block1 .box_center { 
	padding:0;
}
.blue-popup-block1 .barForm label {
    color: #444444 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 6px 0 0;
    text-transform: capitalize;
    width: 35% !important;
}

.blue-popup-block1 .barForm {
    margin-bottom: 3px;
}
.blue-popup-block1 .barForm input[type="text"], .blue-popup-block1 .barForm select {
    float: right !important;
    width: 60% !important;
	color: #444 !important;
}
.blue-popup-block1 .barForm input[type="text"], .blue-popup-block1 .barForm textarea {
    border: 2px solid #999999 !important;
	color: #444 !important;
	font-size: 16px;
	padding: 5px;
}
.blue-popup-block1 .barForm textarea {
    float: right !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 60%;
}
.blue-popup-block1 .barForm input[type="button"], .blue-popup-block1 .barForm input[type="reset"], .blue-popup-block1 .barForm input[type="submit"] {
    float: right !important;
	border: 2px solid #999999;
    float: right;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 5px;
	background:#F0F0F0;
	border-radius:0;
	font-weight: normal;
	color:#444;
	margin: 3px 0 0 10px;
	text-transform: capitalize;
}
.blue-popup-block1 .boxDetail .titleDetail {
	border-bottom: 2px solid #999999 !important;
    color: #444 !important;
    text-transform: capitalize !important;
}
*/
.blue-popup-block1 .boxDetail-isi {
    margin: 0 0 10px 0;
} 
@media (max-width:640px) {
	/* .blue-popup-block1 .barForm label, .blue-popup-block1 .barForm input[type="text"], .blue-popup-block1 .barForm textarea {width:100%!important;} */
	.boxServiceContainer::after{ background:none; right:0px;}
}
/* .blue-popup-block1 .mfp-close {
    background: url("http://tdenergyservices.jejo.digital/template/tdenergy/js/fancybox/source/fancybox_sprite.png") no-repeat 0 -2px !important;
    height: 36px;
    opacity: 1;
    width: 34px;
	color: rgba(0, 0, 0, 0) !important;
} */
.qhsecertimage{width: 100%;}
.mrg35 {
    margin-bottom: 35px;
}
.topbar {
  float: right;
}
.topbar > li {
  float: left;
  list-style: outside none none;
}
.boxdetail-Prod ul.topbar li {margin-left: 0; text-align:right;}
.boxdetail-Prod ul.topbar li a{float:none!important;}
@media (max-width:800px) {
.topbar {
  float: none;
}
.topbar > li {
  float: none;
  display:inline-block;
}
.boxDetail ul.topbar {
  float: right;
  margin-left: 0;
}
.boxdetail-Prod ul.topbar li {
  display: block;
  margin-left: 0;
}
.boxdetail-Prod ul.topbar li a.btnquickquote {
  padding: 3px 20px 3px 19px;
}

}
.newslisttitle:hover{color:#a4c1df !important;}
.paging a.curnews{background:#fff;}

.blue-popup-block1 .barForm label{
	font-size: 13px;
    line-height: 20px;
}
.blue-popup-block1 .barForm input[type="button"], .blue-popup-block1 .barForm input[type="reset"], .blue-popup-block1 .barForm input[type="submit"] {
	float:none;
}
.blue-popup-block1 .barForm input[type="button"] {
	float:left;
}
.blue-popup-block1 .barForm textarea {
    height: 140px;
}
.table_wrap > table > tbody {
    max-width: 100%;
    width: 100%;
}
.table_wrap > table {
    max-width: 100%;
    width: 100%;
}
.table-responsive {
    float: left;
    overflow-x: auto;
    width: 95% !important;
}
.table-title {
    background: transparent none repeat scroll 0 0 !important;
    padding: 10px 0 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.note-2 {
    display: block;
    float: right;
    position: relative;
    right: 50px;
    top: -15px;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}
.topMenu ul li.newsletter a {  font-weight: 700 !important;padding-left: 0;}

.topbar #newsletters {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 10px;margin-right: 10px;
}
@media all and (min-width: 1040px) and (max-width: 1367px) {
.topMenu ul {width: auto; float: right;}
div#menu.topMenu {width: 88%;}
.newsletter {
    margin: 0 !important;
    width: 180px;
}
.tracking span {font-size: 12px;margin: 0;}
.tracking { margin-top: -10px;}
.tracking input[type="text"] {width: 128px;font-size: 13px;}

}

@media all and (min-width: 991px) and (max-width: 1039px) {
.topMenu ul {width: auto; float: right;}
div#menu.topMenu {width: 95%;}
.newsletter {
    margin: 0 !important;
    width: 200px;
}
.tracking span {font-size: 12px;margin: 0; text-align: center; width: 100%;}
.tracking { margin-top: -10px;}
.tracking input[type="text"] {width: 128px;font-size: 13px;}

}

@media all and (min-width: 768px) and (max-width: 990px) {
.tracking span {font-size: 13px;}
.topbar { float: right;}
.topbar > li {float: left;}

}

@media all and (min-width: 480px) and (max-width: 767px) {
#bg-header { height: 100px;}
div#menu.topMenu { width: 90%;display: inline-block; position: relative;}
.topMenu ul.accordion {float: right;float: right;}
.topMenu ul li.newsletter {  position: absolute ;  right: 0;  top: 50px ; width: 100%;}
.tracking { float: right;}
body {  padding-top: 100px; }
.boxHead-socmed { margin: 0; width: auto;}
.topbar #newsletters { margin-top: 2px;    margin-bottom: 0;}
.removeborder {padding-bottom: 10px;padding-top: 8px;}
.topbar > li {vertical-align: middle;}
}
@media all and (min-width: 601px) and (max-width: 767px) {
.tracking { float: right; }
.tracking input[type="text"] { width: 230px; }
}
@media all and (min-width: 480px) and (max-width: 600px) {
.tracking span { margin: 6px 0 0 0px;float: left;  width: auto;}
.search-block { float: right;}
.tracking input[type="text"] {width: 180px;}
.topMenu ul li.newsletter {width: 110%;}
.tracking { float: right;width: 100%;}
.topbar #newsletters { margin-top: 2px;    margin-bottom: 0;}
.removeborder {padding-bottom: 10px;padding-top: 8px;}
.topbar > li {vertical-align: middle;}
}
@media all and (min-width: 300px) and (max-width: 479px) {
#bg-header { height: 130px;}
div#menu.topMenu { width: 86%;display: inline-block; position: relative;}
.topMenu ul.accordion {float: right;float: right;}
.topMenu ul li.newsletter {  position: absolute ;  right: 0;  top: 50px ; width: 120%;  margin: 0;}
.tracking { float: right;}
body {  padding-top: 130px; }
.boxHead-socmed { margin: 0; width: auto;}
.topbar #newsletters { margin-top: 2px;    margin-bottom: 0;}
.removeborder {padding-bottom: 10px;padding-top: 8px;}
.topbar > li {vertical-align: middle;}
}
.corporate-social{
padding:0;
margin:10px 0px 10px 15px;
}
.corporate-social li {
    line-height: 16px;
    padding-bottom: 10px;
float: left;
    width: 100%;
}
.corporate-social-image img {
    max-width: 33.3%;
    float: left;
}
.corporate-social-image {
    padding: 10px 0 20px 0;
    width: 100%;
    float: left;
}
.corporate-social-image-lomboks {
    padding: 10px 0 20px 0;
    width: 100%;
    float: left;
}
.corporate-social-image-lomboks img{
 max-width: 100%;
 float: left;
}

@media (max-width: 767px) {
.corporate-social-image img {
    max-width: 50%;
}

}
@media (max-width: 479px) {
.corporate-social-image img {
    max-width: 100%;
}

}