@charset "UTF-8";caption,fieldset,table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0}
ins,mark{color:#000}
dfn,mark{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{display:block}
a,ins{text-decoration:none}
a,a:visited,body{color:#282828}
.hide,.invisible{visibility:hidden}
.slick-slider,html{-webkit-tap-highlight-color:transparent}
.slick-list:focus,:focus{outline:0}
.dropdown .btn-dropdown,.error-mess,.thumbnails .caption .title{text-overflow:ellipsis;white-space:nowrap}
.clearfix:after,.form-group:after,.grid-fluid:after,.grid:after,.heading-filter:after,.row-10:after,.row:after,.slick-track:after{clear:both}
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,samp,section,small,span,strong,sub,summary,sup,time,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0;font-weight:400}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
body{background:#fff;font-family:ITCFranklinGothicStdBook,Helvetica,Arial,sans-serif;font-size:14px;line-height:1;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:1px solid silver}
textarea{overflow:auto;vertical-align:top;resize:none}
.carousel,.freeze,.slick-list,.slider,.thumbnails .image,.yt-embed-16by9{overflow:hidden}
input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
button,input,optgroup,select,textarea{color:inherit;font-family:inherit}
input,select{vertical-align:middle}
button,select{text-transform:none}
.clickable,button,input[type=button],input[type=checkbox],input[type=file],input[type=radio],input[type=reset],input[type=submit],label,select{cursor:pointer}
button,input[type=button],input[type=reset],input[type=submit]{appearance:button}
input[type=search]{box-sizing:content-box;appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
sub,sup{position:relative;line-height:0;font-size:75%;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}
b,optgroup,strong{font-weight:500}
small{font-size:80%}
ins{background-color:#ff9}
mark{background-color:#ff0}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
code,kbd,pre,samp{font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:1em}
.link-4,.title-2,.title-3{font-family:ITCFranklinGothicStdMed}
hr{margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #e1e3e4}
a:active,a:hover{color:#0d79a0}
noscript{position:fixed;top:0;width:100%;padding:5px;text-align:center;color:#fff;background:gray}
.grid,.grid-fluid{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}
#CQ input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
#CQ input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
@media(min-width:768px){.grid{width:760px}
}
@media(min-width:992px){.grid{width:980px}
}
@media(min-width:1200px){.grid{width:1180px}
}
.grid-fluid{max-width:1180px}
.row{margin-left:-20px;margin-right:-20px}
.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-md-1,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9,.row>.col-sm-1,.row>.col-sm-10,.row>.col-sm-11,.row>.col-sm-12,.row>.col-sm-2,.row>.col-sm-3,.row>.col-sm-4,.row>.col-sm-5,.row>.col-sm-6,.row>.col-sm-7,.row>.col-sm-8,.row>.col-sm-9,.row>.col-xs-1,.row>.col-xs-10,.row>.col-xs-11,.row>.col-xs-12,.row>.col-xs-2,.row>.col-xs-3,.row>.col-xs-4,.row>.col-xs-5,.row>.col-xs-6,.row>.col-xs-7,.row>.col-xs-8,.row>.col-xs-9{position:relative;min-height:1px;padding-left:20px;padding-right:20px}
.row-10{margin-left:-5px;margin-right:-5px}
.row-10>.col-lg-1,.row-10>.col-lg-10,.row-10>.col-lg-11,.row-10>.col-lg-12,.row-10>.col-lg-2,.row-10>.col-lg-3,.row-10>.col-lg-4,.row-10>.col-lg-5,.row-10>.col-lg-6,.row-10>.col-lg-7,.row-10>.col-lg-8,.row-10>.col-lg-9,.row-10>.col-md-1,.row-10>.col-md-10,.row-10>.col-md-11,.row-10>.col-md-12,.row-10>.col-md-2,.row-10>.col-md-3,.row-10>.col-md-4,.row-10>.col-md-5,.row-10>.col-md-6,.row-10>.col-md-7,.row-10>.col-md-8,.row-10>.col-md-9,.row-10>.col-sm-1,.row-10>.col-sm-10,.row-10>.col-sm-11,.row-10>.col-sm-12,.row-10>.col-sm-2,.row-10>.col-sm-3,.row-10>.col-sm-4,.row-10>.col-sm-5,.row-10>.col-sm-6,.row-10>.col-sm-7,.row-10>.col-sm-8,.row-10>.col-sm-9,.row-10>.col-xs-1,.row-10>.col-xs-10,.row-10>.col-xs-11,.row-10>.col-xs-12,.row-10>.col-xs-2,.row-10>.col-xs-3,.row-10>.col-xs-4,.row-10>.col-xs-5,.row-10>.col-xs-6,.row-10>.col-xs-7,.row-10>.col-xs-8,.row-10>.col-xs-9{position:relative;min-height:1px;padding-left:5px;padding-right:5px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media(min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media(min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none !important}
@media(max-width:767px){.visible-xs{display:block !important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row !important}
td.visible-xs,th.visible-xs{display:table-cell !important}
}
@media(min-width:768px) and (max-width:991px){.visible-sm{display:block !important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row !important}
td.visible-sm,th.visible-sm{display:table-cell !important}
}
@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}
table.visible-md{display:table}
tr.visible-md{display:table-row !important}
td.visible-md,th.visible-md{display:table-cell !important}
}
@media(min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
.visible-lg{display:block !important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row !important}
td.visible-lg,th.visible-lg{display:table-cell !important}
.hidden-lg{display:none !important}
}
@media(max-width:767px){.hidden-xs{display:none !important}
.col-md-3 hidden-sm hidden-xs{display:block !important}
}
@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}
}
@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}
}
.clearfix:after,.clearfix:before,.grid-fluid:after,.grid-fluid:before,.grid:after,.grid:before,.row-10:after,.row-10:before,.row:after,.row:before{display:table;content:""}
.center{display:block;margin-left:auto;margin-right:auto}
.hidden,.hide{display:none !important}
.right{float:right !important}
.left{float:left !important}
.hidden{visibility:hidden !important}
.slick-loading .slick-slide,.slick-loading .slick-track,.slider{visibility:hidden}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.text-justify{text-align:justify !important}
@font-face{font-family:ITCFranklinGothicStdBook;src:url(headlibs/fonts/ITCFranklinGothicStdBook.woff2) format('woff2'),url(headlibs/fonts/ITCFranklinGothicStdBook.woff) format('woff'),url(headlibs/fonts/ITCFranklinGothicStdBook.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:ITCFranklinGothicStdDemi;src:url(headlibs/fonts/ITCFranklinGothicStdDemi.woff2) format('woff2'),url(headlibs/fonts/ITCFranklinGothicStdDemi.woff) format('woff'),url(headlibs/fonts/ITCFranklinGothicStdDemi.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:ITCFranklinGothicStdMed;src:url(headlibs/fonts/ITCFranklinGothicStdMed.woff2) format('woff2'),url(headlibs/fonts/ITCFranklinGothicStdMed.woff) format('woff'),url(headlibs/fonts/ITCFranklinGothicStdMed.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:ITCFranklinGothicStdBkCd;src:url(headlibs/fonts/ITCFranklinGothicStdBkCd.woff2) format('woff2'),url(headlibs/fonts/ITCFranklinGothicStdBkCd.woff) format('woff'),url(headlibs/fonts/ITCFranklinGothicStdBkCd.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:ITCFranklinGothicStdBkCp;src:url(headlibs/fonts/ITCFranklinGothicStdBkCp.woff2) format('woff2'),url(headlibs/fonts/ITCFranklinGothicStdBkCp.woff) format('woff'),url(headlibs/fonts/ITCFranklinGothicStdBkCp.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:DBSathornX;src:url(headlibs/fonts/DBSathornX.woff2) format('woff2'),url(headlibs/fonts/DBSathornX.woff) format('woff'),url(headlibs/fonts/DBSathornX.ttf) format('truetype');font-weight:400;font-style:normal}
.icon,.slick-arrow{display:inline-block;font-size:0;color:transparent;background-size:100%;background-repeat:no-repeat}
.link-4,.link-4:active,.link-4:visited{color:#01526d}
.icon-tw{width:22px;height:17px;background-image:url(headlibs/images/icon-twitter.png)}
.icon-yt{width:23px;height:20px;background-image:url(headlibs/images/icon-youtube.png)}
.icon-fb{width:10px;height:20px;background-image:url(headlibs/images/icon-facebook.png)}
.icon-clock{width:15px;height:15px;background-image:url(headlibs/images/icon-clock.png)}
.icon-print{width:19px;height:19px;background-image:url(headlibs/images/icon-print.png)}
.icon-move{width:14px;height:19px;background-image:url(headlibs/images/icon-move.png)}
.icon-remove{width:13px;height:13px;background-image:url(headlibs/images/icon-add.png);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.icon-sunshine{width:23px;height:18px;background-image:url(headlibs/images/bg-weather.png);background-position:0 0;background-size:cover}
.icon-close{width:37px;height:37px;background-image:url(headlibs/images/close-btn.png)}
.slick-arrow{position:absolute;border:0;background-color:transparent;background-image:url(headlibs/images/arrow.png);background-position:0 0;z-index:99;transition:background-color .3s linear}
.carousel,.carousel>.carousel-inner,.container,.link-4{position:relative}
.no-touch .slick-arrow:hover{background-color:rgba(0,0,0,.5)}
.slick-next{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}
@-webkit-keyframes hvr-pulse-grow{from{-webkit-transform:scale(1,1);transform:scale(1,1)}
to{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
}
@keyframes hvr-pulse-grow{from{-webkit-transform:scale(1,1);transform:scale(1,1)}
to{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
}
@-webkit-keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
body,html{height:100%}
body>.page>.container{max-width:1400px;margin:0 auto;min-height:100%;padding:0}
body>.container{max-width:1400px;margin:0 auto;min-height:100%;padding:0}
.sizmek-script img{display:none}
.slick-list,.slick-slider,.slick-track{display:block;position:relative}
.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}
.slick-list{margin:0;padding:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{left:0;top:0}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.link-1,.link-4{display:inline-block;text-transform:uppercase}
.carousel>.carousel-inner>.item>img{width:100%;height:auto}
.carousel>.carousel-inner>.item{float:left;height:100%}
.grayscale{-webkit-filter:gray;filter:gray}
.grayscale.grayscale-fade{transition:-webkit-filter .5s,filter .5s}
@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{transition:-webkit-filter .5s}
}
.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}
.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}
.grayscale.grayscale-replaced>svg{transition:opacity .5s ease;opacity:1}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
progress::-webkit-progress-bar{background:#d6d1b4}
progress::-webkit-progress-value{background:#035a85}
progress::-moz-progress-bar{background:#035a85}
.link-4{font-size:.929em;padding-left:8px;transition:color .3s linear;line-height:1.2}
.link-4:before{content:'›';position:absolute;left:0;top:50%;height:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:2px}
.title-1,.title-2,.title-3{line-height:1.5}
.no-touch .link-4:hover{color:#282828}
.link-4.red{color:#e62f46}
.link-4.red:before{border-left-color:#e62f46}
.title-2{color:#01526d}
.title-3{font-size:2.143em;color:#19516c}
.link-1,.link-1:active,.link-1:visited{color:#fff}
.link-1{min-width:185px;height:3.214em;line-height:3.214em;padding:0 20px;border:1px solid #fff;text-align:center;transition:all .3s linear;font-family:ITCFranklinGothicStdDemi;margin-right:.714em;margin-bottom:.714em;letter-spacing:2px;border-radius:25px}
.no-touch .link-1:hover{background-color:#fff;color:#056881}
.link-1.blue,.link-1.red{min-width:14.5em;height:3.75em;line-height:3.75em;font-size:.857em;letter-spacing:1px}
.link-1.red{border:1px solid #e62f46;background-color:#e62f46;font-size:.857em}
.no-touch .link-1.red:hover{background-color:transparent;color:#f13945}
.link-1.blue{border:1px solid #056881;background-color:#056881}
.no-touch .link-1.blue:hover{background-color:transparent;color:#056881}
.link-1.blue-1{border:1px solid #003740;background-color:#003740}
.no-touch .link-1.blue-1:hover{background-color:transparent;color:#003740}
.link-1.blue-2{font-size:1.286em;text-transform:uppercase;height:2.778em;line-height:2.778em;min-width:170px;border:1px solid #003740;background-color:#fff;color:#003740}
.no-touch .link-1.blue-2:hover{background-color:#003740;color:#fff}
.link-1.gray{border:1px solid #e5e5e5;color:#999}
.link-1.gray-1{border:1px solid #dadcdd;background-color:#dadcdd;color:#fff}
.no-touch .link-1.gray-1:hover{background-color:transparent;color:#003740}
.sub-title{font-size:1.286em;color:#282828}
.freeze{height:100%}
#loading{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(5,104,129,.9);z-index:100}
#loading .loader{position:absolute;top:50%;left:50%;border-radius:50%;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}
#loading .loader:first-child{width:70px;height:70px;margin-top:-35px;margin-left:-35px;box-shadow:0 5px 3px #fff}
#loading .loader:last-child{width:60px;height:60px;margin-top:-30px;margin-left:-30px;box-shadow:5px 0 3px #fff}
.yt-embed-16by9{padding:0 0 56.25%;position:relative;display:block;height:0}
.yt-embed-16by9 iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.thumbnails-1 .image{margin-bottom:1.357em;text-align:center}
.thumbnails-1 .image img{width:100%;display:inline-block;border-radius:5px}
.thumbnails-1 .caption .title{margin-bottom:.75em;font-size:1.143em;color:#333;font-family:ITCFranklinGothicStdMed;font-weight:400}
.thumbnails-1 .caption .desc{margin-bottom:1.286em;font-size:1em;line-height:1.429em}
.thumbnails-1 .caption .link-4{color:#0d79a0;font-size:.929em}
.no-touch .thumbnails-1 .caption .link-4:hover,.no-touch .thumbnails-1 .thumb-link:hover{color:#282828}
.thumbnails-1 .caption .link-4:before{border-left-color:#0d79a0}
.thumbnails{border:1px solid #e5e5e5;border-radius:5px}
.thumbnails .date,.thumbnails .label{position:absolute;top:20px;left:0;height:30px;line-height:30px;color:#fff;text-transform:uppercase;font-family:ITCFranklinGothicStdMed}
.thumbnails .date:before,.thumbnails .label:before{content:"";position:absolute;display:block;top:0;bottom:0}
.thumbnails .date{padding:0 15px;background-color:#f13945;font-size:.786em}
.thumbnails .date:before{right:-15px;border:15px solid #f13945;border-right-color:transparent}
.thumbnails .date .icon-clock{position:absolute;top:50%;margin-top:-7.5px;left:12px}
.thumbnails .label{padding:0 10px 0 12px;background-color:#fe1d0c;font-size:.714em}
.thumbnails .label:before{right:-22px;border:15px solid #fe1d0c;border-right-color:transparent}
.thumbnails .image{position:relative;height:16.429em}
.thumbnails .image img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}
.thumbnails .caption{padding:1.429em 1.429em .714em}
.thumbnails .caption .desc,.thumbnails .caption .title{font-size:1.143em}
.thumbnails .caption .title{color:#000;font-family:ITCFranklinGothicStdMed;overflow:hidden;line-height:1.5}
.thumbnails .caption .link-4{margin:2.308em 0}
.thumbnails .caption .desc{padding:.357em 0 0;color:#000}
.thumbnails .caption .desc p{line-height:1.8}
.thumbnails .caption .category-label{display:block;color:#b5b9bb;font-size:.786em}
.load-more{width:100%;display:none}
.heading-filter{margin-top:2.143em}
.heading-filter:after,.heading-filter:before{display:table;content:""}
.heading-filter .title-3{margin-bottom:.667em}
.heading-filter .dropdown-filter{margin-bottom:2.857em}
.list-filter{margin-bottom:2.143em}
.list-filter .item{margin-bottom:3.214em}
.form-group,.list-filter+.load-more{margin-bottom:2.5em}
.hongkong-lang{font-family:Hei}
.custom-radio{margin-right:20px}
.custom-radio label{font-size:1.143em}
.custom-radio label>span{display:inline-block;width:25px;height:25px;border:1px solid #ccc;margin-right:12px;vertical-align:middle;cursor:pointer;transition:all .3s linear;border-radius:50%}
.custom-radio input[type=radio]{display:none}
.custom-radio input[type=radio]:checked+label>span{background-color:#e42f46;border:1px solid #e42f46}
.accordion{color:#282828}
.accordion .item{margin-bottom:10px}
.accordion .item.active{background-color:#f2f2f2;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-bottom:18px}
.accordion .item.active .toggle-btn{font-family:ITCFranklinGothicStdMed;color:#e42f46}
.accordion .item.active .toggle-btn:before{background-position:-40px 0}
.accordion .toggle-content{display:none;padding:.714em 1.786em .071em}
.accordion .toggle-btn{display:block;font-size:1.143em;padding:.5em 2.188em .5em 1.563em;border-bottom:1px solid #e2e2e2;transition:color .3s linear;position:relative}
.accordion .toggle-btn:hover{color:#e42f46}
.accordion .toggle-btn:hover:before{background-position:-20px 0}
.accordion .toggle-btn:before{content:"";display:block;position:absolute;right:12px;bottom:8px;width:16px;height:10px;background:url(headlibs/images/arrow-toggle-history.png) no-repeat}
.divider hr{margin:0}
.accordion.accordion-1 .item{margin-bottom:13px}
.accordion.accordion-1 .toggle-content{padding:1em 1.286em .071em 1.214em}
.accordion.accordion-1 .toggle-btn{padding:1em 2.188em .625em 1.063em}
.accordion.accordion-1 .toggle-btn:before{bottom:13px}
.accordion.accordion-1 .rich-editor p{margin-bottom:1.5em}
.title-comp{padding:4.571em 0 0}
.title-comp .title-3{font-family:ITCFranklinGothicStdDemi;line-height:1.5}
.external-link-icon{display:inline-block}
.external-link-icon:after{content:'';display:inline-block;width:15px;height:15px;margin-left:5px;background:url(headlibs/images/caltex-newtab-icon.png) no-repeat;background-size:cover;vertical-align:middle}
.slider.slick-initialized{visibility:visible;overflow:visible}
.image-video-gallery .slider{visibility:visible;height:760px}
.image-video-gallery .slider.slick-initialized{height:auto}
.checkbox{margin-bottom:.786em}
.checkbox input[type=checkbox]{opacity:0;position:absolute;left:-9999px;z-index:12;width:18px;height:18px;cursor:pointer}
.checkbox input[type=checkbox]:checked,.checkbox input[type=checkbox]:focus{outline:0 !important}
.checkbox input[type=checkbox]:checked+.text:before{content:'';display:inline-block;background-color:#ef3843;border-color:#ef3843}
.checkbox input[type=checkbox]+.text{display:inline-block;position:relative;z-index:11;margin:0;min-height:18px;min-width:18px;padding-left:2.063em;padding-top:.125em;font-size:1.143em;line-height:1.125em;color:#003740;letter-spacing:-1px}
.checkbox input[type=checkbox]+.text:before{content:"";position:absolute;top:50%;left:0;border:1px solid #ccc;vertical-align:middle;width:18px;height:18px;margin-top:-9px;line-height:16px;transition:all .3s ease;border-radius:3px;background-color:#fff}
.dropdown,.dropdown .btn-dropdown{position:relative;width:100%}
.checkbox-1{margin-bottom:1.429em;padding-top:.214em}
.checkbox-1 input[type=checkbox]+.text{min-height:20px;min-width:20px;font-family:ITCFranklinGothicStdBook;font-size:.929em;color:#282828;display:table-cell}
.checkbox-1 input[type=checkbox]+.text:before{min-width:20px;height:20px;margin-top:-10px;transition:none}
.checkbox-1 input[type=checkbox]:checked+.text:before{border-color:#ccc;background:url(headlibs/images/icon-checked.png) 2px 3px no-repeat}
.checkbox-1.red input[type=checkbox]:checked+.text:before{border-color:#ccc;background:url(headlibs/images/icon-checked-red.png) 2px 3px no-repeat}
.dropdown .btn-dropdown{display:block;outline:0;background-color:#fff;height:2.938em;padding:0 2.188em 0 1.563em;font-size:1.143em;border:1px solid #d0d0d0;font-family:ITCFranklinGothicStdBook;color:#999;text-align:left;overflow:hidden;border-radius:25px}
.dropdown .btn-dropdown:before{content:'';display:block;-moz-transform:scale(.9999);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #01526d;position:absolute;top:50%;margin-top:-4px;right:20px;width:12px;height:6px}
.dropdown .btn-dropdown.text-select{color:#003740;font-family:ITCFranklinGothicStdMed}
.dropdown .btn-dropdown.focus{border-bottom-color:transparent;border-radius:20px 20px 0 0}
.dropdown .form-control{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:3.357em;padding:0 1.786em}
.dropdown .dropdown-select{display:none;position:absolute;top:100%;left:0;z-index:12;width:100%;padding:.357em 0 .714em;background:#fff;border:1px solid #d0d0d0;border-top:0;max-height:200px;overflow-y:auto;margin-top:-1px}
.dropdown .dropdown-select li{padding:.714em 1.429em;cursor:pointer;font-family:ITCFranklinGothicStdBook;color:#003740;font-size:1.143em}
.no-touch .dropdown .dropdown-select li.selected,.no-touch .dropdown .dropdown-select li:hover{background-color:#ef3843;color:#fff}
.form-group:after,.form-group:before{display:table;content:""}
.form-group .form-control{border:1px solid #d0d0d0;width:99%;height:2.938em;padding:0 2.5em 0 1.875em;line-height:2.813em;font-size:1.143em;color:#010101;font-family:ITCFranklinGothicStdBook;background-color:#fff;border-radius:20px}
.rich-editor,.rich-editor ol li,.rich-editor ul li,.rich-editor-3{line-height:1.4}
.form-group .form-control:-moz-placeholder{color:#999;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:-1px}
.form-group .form-control::-moz-placeholder{color:#999;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:-1px}
.form-group .form-control:-ms-input-placeholder{color:#999;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:-1px}
.form-group .form-control::-webkit-input-placeholder{color:#999;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:-1px}
.form-group .form-control.form-control-small{padding:0 1.25em}
.form-group .form-control:focus{border-color:#0d79a0}
.form-group .label-1,.form-group .label-2{display:inline-block;padding-right:1.429em;font-size:1em;font-family:ITCFranklinGothicStdBook}
.form-group .group-element{position:relative}
.form-group .group-element>*{margin-top:10px}
.form-group.has-success .group-element:before{content:'';position:absolute;top:50%;right:25px;width:16px;height:12px;background:url(headlibs/images/icon-success.png) no-repeat}
.form-group.has-success .form-control{border-color:#49da64}
.form-group.has-success.txtarea .group-element:before{display:none}
.form-group.has-error .form-control{border-color:#e62f46}
.form-group.has-error .dropdown .btn-dropdown,.form-group.has-error .dropdown .dropdown-select{border-color:#ef3843;background-color:#f0f0f0}
.form-group.has-error .dropdown .focus.btn-dropdown{border-bottom-color:transparent}
.form-group.has-info .group-element .icon-info{position:absolute;top:-40px;right:0;width:20px;height:20px;background:url(headlibs/images/icon-info.png) no-repeat}
.form-group .textarea{height:5.75em;line-height:1.4;padding-top:10px;padding-bottom:10px}
.form-group .textarea-1{height:5.625em}
.error-mess{position:relative;padding-left:2.857em;font-family:ITCFranklinGothicStdMed;color:#ef3843;overflow:hidden}
.rich-editor b,.rich-editor h1,.rich-editor h2,.rich-editor h3,.rich-editor h4,.rich-editor optgroup,.rich-editor strong{font-family:ITCFranklinGothicStdDemi}
.error-mess:before{content:'';position:absolute;top:50%;left:1.429em;width:12px;height:11px;margin-top:-6px;background:url(headlibs/images/icon-error.png) no-repeat}
.fieldset-1{border:0}
.fieldset-1 .legend{border-top:1px solid #e5e5e5;font-size:1.714em;color:#19516c;padding-top:1.458em;margin-bottom:1.25em;width:100%}
button:disabled,button[disabled=disabled]{background-color:#eaebed !important;border:1px solid #eaebed !important;color:#fff !important;cursor:default !important}
.rich-editor ol li,.rich-editor p,.rich-editor ul li{margin-bottom:1.571em}
.rich-editor ul{list-style-type:disc;margin-left:30px}
.rich-editor ol{list-style-type:decimal}
.rich-editor a,.rich-editor a:active,.rich-editor a:visited{color:#0d79a0}
.no-touch .rich-editor a:hover{text-decoration:underline}
.rich-editor sub,.rich-editor sup{font-size:60%}
.rich-editor sub{bottom:-.3em}
.rich-editor sup{top:-.6em}
.rich-editor .external-link-icon{display:inline-block}
.rich-editor .external-link-icon:after{content:'';display:inline-block;width:15px;height:15px;margin-left:2px;background:url(headlibs/images/caltex-newtab-icon.png) no-repeat;background-size:cover;vertical-align:middle}
.rich-editor-1 ol li,.rich-editor-1 ul li,.rich-editor-4 ol li,.rich-editor-4 ul li{margin-left:25px}
.rich-editor-1{color:#282828}
.rich-editor-1 h1,.rich-editor-1 h2,.rich-editor-1 h3,.rich-editor-1 h4,.rich-editor-2{color:#333}
.rich-editor-1 ol li,.rich-editor-1 p,.rich-editor-1 ul li{margin-bottom:1.786em}
.rich-editor-1 h1{font-size:1.643em;margin-bottom:.783em}
.rich-editor-1 h2{font-size:1.5em;margin-bottom:.857em}
.rich-editor-1 h3{font-size:1.357em;margin-bottom:.947em}
.rich-editor-1 h4{font-size:1.214em;margin-bottom:1.059em}
.rich-editor-2 ol li,.rich-editor-2 p,.rich-editor-2 ul li{margin-bottom:.714em}
.rich-editor-2 ol li,.rich-editor-2 ul li{list-style-position:inside}
.rich-editor-3{color:#282828}
.rich-editor-3 p{margin-bottom:1.786em}
.rich-editor-3 ol,.rich-editor-3 ul{line-height:15px}
.rich-editor-3 ol li,.rich-editor-3 ul li{margin-left:25px;margin-bottom:1.071em}
.rich-editor-3 h1,.rich-editor-3 h2,.rich-editor-3 h3,.rich-editor-3 h4{color:#19516c}
.rich-editor-3 h1{font-size:1.714em;margin-bottom:.625em}
.rich-editor-3 h2{margin-bottom:.625em;font-size:2.5em}
.rich-editor-3 h3{font-size:1.429em;color:#333}
.rich-editor-3 h4{font-size:1.286em;color:#333}
.rich-editor-3 table{border:1px solid #e0e0e0;max-width:100%;border-collapse:separate;border-radius:8px}
.rich-editor-3 table tr:nth-child(even){background-color:#f9f9f9}
.rich-editor-3 table tr:last-child>td:first-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.rich-editor-3 table tr>td,.rich-editor-3 table tr>th{border:0;border-left:1px solid #e0e0e0;padding:0 5px}
.rich-editor-3 table tr>td:first-child,.rich-editor-3 table tr>th:first-child{border-left:0}
.rich-editor-4{color:#282828}
.rich-editor-5{color:#333}
.rich-editor-5 ol li,.rich-editor-5 p,.rich-editor-5 ul li{margin-bottom:1.071em}
.rich-editor-6 ol li,.rich-editor-6 p,.rich-editor-6 ul li{margin-bottom:1.429em}
.rich-editor-7 ol li,.rich-editor-7 ul li{margin-bottom:.714em}
.rich-editor-7 p,.rich-editor-8 ol li,.rich-editor-8 p,.rich-editor-8 ul li{margin-bottom:0}
.rich-editor-8{font-size:.857em;color:#333}
@media only screen and (min-width:768px){body{font-size:14px}
}
@media only screen and (max-width:991px){.heading-filter .dropdown-filter{margin:1.286em 0 2.643em}
.no-border{border:0 !important}
}
@media only screen and (min-width:992px){body{font-size:14px}
.title-2{font-size:2.857em;color:#01526d}
.rich-editor-1{font-size:1.143em;line-height:1.5}
.rich-editor-1 ol li,.rich-editor-1 p,.rich-editor-1 ul li{margin-bottom:1.563em}
.rich-editor-1 h1{margin-bottom:.962em;font-size:1.625em}
.rich-editor-1 h2{margin-bottom:1.042em;font-size:1.5em}
.rich-editor-1 h3{margin-bottom:1.136em;font-size:1.375em}
.rich-editor-1 h4{margin-bottom:1.25em;font-size:1.25em}
.desc .rich-editor-1 ol li,.desc .rich-editor-1 p,.desc .rich-editor-1 ul li{margin-bottom:.714em}
.rich-editor-3{font-size:1.143em;line-height:1.5}
.rich-editor-3 p{margin-bottom:1.563em}
.rich-editor-3 ol li,.rich-editor-3 ul li{margin-bottom:.938em}
.rich-editor-3 h1{margin-bottom:.625em;font-size:2.5em}
.rich-editor-3 h2{font-size:2.5em}
.rich-editor-3 h3{font-size:1.375em}
.rich-editor-3 h4{font-size:1.25em}
.rich-editor-3 table td,.rich-editor-3 table th{padding:0 30px}
.rich-editor-3 table tr>th{letter-spacing:1px}
.rich-editor-6,.rich-editor-7{font-size:16px}
.thumbnails-1 .image{margin-bottom:2em}
.thumbnails-1 .caption .desc{margin-bottom:2.188em;font-size:1.143em;line-height:1.25em}
.thumbnails .caption .category-label,.thumbnails-1 .caption .link-4{font-size:1em}
.thumbnails .image img{border-radius:5px 5px 0 0}
.thumbnails .caption{padding:2.143em 1.571em .714em}
.thumbnails .caption .desc{padding:.929em 0}
.thumbnails .caption .desc p{line-height:1.25}
.title-3{font-size:2.857em}
.heading-filter{margin-top:5.714em}
.heading-filter .title-3{float:left;width:50%;font-size:2.857em;line-height:1.175em;padding-top:10px}
.heading-filter .dropdown-filter{float:right;margin-left:1.429em}
.load-more{margin-bottom:0}
.list-filter{margin-bottom:3.214em}
.list-filter .item:nth-child(3n+1){clear:both}
.list-filter .item.col-md-3:nth-child(3n+1){clear:none}
.list-filter .item.col-md-3:nth-child(4n+1){clear:both}
.list-filter+.load-more{margin-bottom:5em}
.form-group{margin-bottom:4.286em;padding-left:.286em}
.form-group.has-success .group-element:before{right:20px;top:50%;margin-top:-6px}
.form-group.has-info .group-element .icon-info{top:50%;margin-top:-10px}
.form-group .group-element,.form-group .label-1,.form-group .label-2{display:inline-block;vertical-align:middle;margin-left:-4px}
.form-group .label-1,.form-group .label-2{font-size:1.143em;margin-bottom:0;margin-right:0;line-height:1.5}
.form-group .label-2{vertical-align:top;margin-top:1.063em}
.form-group .group-element{padding-left:2.143em}
.form-group .group-element>*{margin-top:0;margin-left:1%;float:left}
.form-group .group-element>:first-child{margin-left:0}
.form-group .group-element .error-mess{width:100%;right:40px;padding-right:2.857em;left:0;margin-top:10px;color:#e62f46}
.form-group .form-control.form-control-small{padding:0 .5em}
.form-group .textarea{height:9.375em}
.form-group .size-4{max-width:49%}
.form-group .size-5{width:30%}
.form-group .size-6{width:68%}
.form-group .size-7{max-width:30%;margin-left:2%}
.form-group .size-8{max-width:67%}
.accordion.accordion-1 .item{margin-bottom:18px}
.accordion.accordion-1 .toggle-content{padding:1.357em 4.143em .071em 2.071em}
.accordion.accordion-1 .toggle-btn{padding:.722em 1.944em .444em 1.611em}
.accordion.accordion-1 .rich-editor p{margin-bottom:1.389em}
a.non-click{color:#282828;cursor:default}
.no-touch a.non-click:hover{text-decoration:none;color:#282828}
.basic .flexible-grid .grid-inner{width:83.33333333%;margin-left:8.33333333%}
}
@media only screen and (min-width:1200px){body{font-size:14px}
}
.country-toggle{background-size:0}
.country-toggle .logo{position:absolute;top:10px;left:20px}
.image-mobile{max-width:100%}
.country-selector{position:relative}
.country-selector p{position:absolute;left:0;right:0;text-align:center;top:-40px;font-size:1.714em;font-family:ITCFranklinGothicStdBkCd;color:#fff;text-transform:uppercase}
.country-selector .country-list li>a{display:block;padding:22px 0;background-color:#e62f46;color:#fff;font-family:ITCFranklinGothicStdDemi;text-align:center;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s linear}
.country-selector .country-list li:last-child>a{border-bottom-color:transparent}
.country-footer{padding-top:1.786em;background-color:#fff;overflow:hidden}
.country-footer .menu-footer{max-width:85%}
.country-footer .menu-footer a{display:block;float:none;padding-bottom:1em;color:#00455c}
.country-footer .menu-footer .coppy-right{color:#282828;line-height:1.8}
.country-footer .img-footer{width:104%;max-height:5em}
@media only screen and (min-width:992px){.country-toggle{background-size:cover;background-attachment:fixed}
.country-toggle main{padding-bottom:14.286em}
.country-toggle .container{min-height:100%;position:relative}
.country-toggle .logo{position:static;display:block;padding-top:10px;margin-left:20px}
.country-selector{padding-top:3.929em}
.country-selector .country-list{max-width:12.857em;margin:0 auto}
.country-selector .country-list li>a{padding:14px 0;font-size:.929em}
.no-touch .country-selector .country-list li>a:hover{background-color:#fff;color:#e62f46}
.country-selector .country-list li:first-child>a{border-top-left-radius:20px;border-top-right-radius:20px}
.country-selector .country-list li:last-child>a{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.country-selector p{position:static;margin-bottom:15px;font-size:1.429em;letter-spacing:.075em}
.country-footer{position:absolute;left:0;right:0;bottom:0;max-width:none;padding-top:0;background-color:transparent}
.country-footer .menu-footer{overflow:hidden;padding:0}
.country-footer .menu-footer a{float:left;padding-left:1.286em;padding-right:1.286em;padding-bottom:0;border-right:1px solid #fff;color:#fff;transition:color .3s linear}
.no-touch .country-footer .menu-footer a:hover{color:#667c88}
.country-footer .menu-footer .coppy-right{float:left;padding-left:1.286em;line-height:1.2;color:#fff}
.country-footer .img-footer{display:block;max-height:8.929em;width:auto;max-width:100%;float:right;margin-right:1.071em}
}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.carousel-banner .caption .title-1{position:relative;padding-bottom:.4em;line-height:1;font-family:ITCFranklinGothicStdDemi;font-size:2.857em;color:#fff}
.carousel-banner .caption .title-1 img{max-width:100%}
.carousel-banner .caption .title-1:before{content:'';position:absolute;bottom:5px;left:0;height:.04em;width:1.813em;background-color:#fff}
.carousel-banner .image-mb{position:relative}
.carousel-banner .image-mb img{max-width:100%;display:block}
.carousel-banner .image-mb .caption{position:absolute;left:0;right:0;bottom:12px}
.carousel-banner .image-mb .caption .title-1{font-family:ITCFranklinGothicStdDemi;text-transform:capitalize;color:#fff;font-size:2.143em}
.carousel-banner .image-mb .caption .title-1:before{display:none}
@media only screen and (max-width:992px){.carousel-banner .is-leonardo .thumb img{display:block;max-width:100%}
.carousel-banner .is-leonardo .thumb .caption{background-color:#01526d;padding:2.143em 1.429em;max-width:100%}
.carousel-banner .is-leonardo .thumb .caption .title-1{padding-bottom:24px;padding-top:10px;line-height:1.2}
.carousel-banner .is-leonardo .thumb .caption .link-1{height:auto;line-height:1.5;padding:12px 20px;font-size:.786em}
.carousel-banner .is-leonardo .thumb .desc{font-size:1.143em;color:#fff;padding:20px 0}
.carousel-banner .is-leonardo .thumb .desc p{line-height:1.2}
}
@media only screen and (max-width:1024px){.carousel-banner .one-image .caption .desc,.carousel-banner .one-image .caption .text-1,.carousel-banner .one-image .caption .title-1,.carousel-banner .slider-for .caption .desc,.carousel-banner .slider-for .caption .text-1,.carousel-banner .slider-for .caption .title-1{max-width:none}
div.text-1{color:#fff !important}
}
@media only screen and (min-width:992px){.safari .carousel-banner .slider-for.slick-current{margin:0 1px}
.carousel-banner .slider-for .item{position:relative;height:450px;background-size:cover;background-position:center}
.safari .carousel-banner .slider-for .item{padding:0 1px}
.carousel-banner .image img{margin:0 auto;max-width:100%}
.carousel-banner .grid-fluid{display:table;width:100%;height:100%}
.carousel-banner .thumb.color-blue .caption,.carousel-banner .thumb.color-blue .caption .title-1{color:#056881}
.carousel-banner .thumb.color-blue .caption .title-1:before{background-color:#056881}
.carousel-banner .thumb.color-red .caption,.carousel-banner .thumb.color-red .caption .title-1{color:#e62f46}
.carousel-banner .thumb.color-red .caption .title-1:before{background-color:#e62f46}
.carousel-banner .caption{position:absolute;top:30px;left:0;right:0;bottom:30px;overflow:hidden;color:#fff}
.carousel-banner .caption .desc,.carousel-banner .caption .text-1,.carousel-banner .caption .title-1{max-width:50%}
.carousel-banner .caption .title-1{font-size:4.857em;padding-top:.267em;max-height:4.08em;overflow:hidden}
.carousel-banner .caption .desc{margin:1.429em 0}
.carousel-banner .caption .desc p{margin-bottom:.789em;font-size:1.357em}
.carousel-banner .caption .text-1{font-size:1.143em;font-family:ITCFranklinGothicStdDemi;letter-spacing:2px}
.carousel-banner .caption .text-1 img{max-width:100%}
.carousel-banner .caption .carousel-desc{display:table-cell;vertical-align:middle}
.carousel-banner .slick-arrow{top:50%;margin-top:-70px;width:50px;height:140px}
.carousel-banner .slick-prev{left:20px}
.carousel-banner .slick-next{right:20px}
.carousel-banner .slider-nav{padding-top:7px;margin-top:-7px}
.carousel-banner .slider-nav .item{padding:1.643em 0;cursor:pointer;background-color:#e42f46;border-left:1px solid rgba(255,255,255,.3);transition:all .3s linear;position:relative;color:#fff;text-align:center;text-transform:uppercase;font-family:ITCFranklinGothicStdMed}
.carousel-banner .slider-nav .item.active,.no-touch .carousel-banner .slider-nav .item:hover{background-color:#fff;color:#e42f46}
.carousel-banner .slider-nav .item.previous{border-left-color:transparent}
.safari .carousel-banner .slider-nav .item.previous{margin-left:-1px}
.carousel-banner .slider-nav .item:before{position:absolute;left:50%;margin-left:-13px;top:-7px;content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:7px solid #fff;opacity:0;transition:opacity .3s linear;z-index:99}
.carousel-banner .slider-nav .item.active:before{opacity:1}
.carousel-banner .one-image{position:relative}
.carousel-banner .one-image .image{background-position:center;background-size:cover;height:450px;max-width:1400px}
.carousel-banner .one-image .image img{max-width:100%;display:block}
}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
@media only screen and (max-width:600px){.carousel-banner .caption .title-1:before{width:100%;height:.03em}
.carousel-banner .caption .title-1{font-size:2.2em}
}
div#bg-slider{background:#01526d;padding-bottom:30px}
.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots{background:#01526d;position:absolute;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}
.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:0;background:0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:0;line-height:20px;position:absolute;top:0;left:0;width:10px;height:10px;content:'•';text-align:center;background-color:#ccc;color:#000;border-radius:10px;box-shadow:inset 0 1px 3px #666}
.slick-dots li.slick-active button:before{background-color:#e42f46;color:#e42f46;box-shadow:inset 0 1px 3px -1px #900,0 1px 1px rgba(0,0,0,.5)}
.main-footer{width:100%;overflow:hidden;padding-top:.857em;background-color:#e6e6e6;border-top:3px solid #e42f46}
.main-footer .img-footer{width:100%}
.main-footer a{color:#13455b}
.no-touch .main-footer a:hover{color:#333;transition:.3s ease-in}
.main-footer .sitemap-link{padding-bottom:2em}
.main-footer .sitemap-link .item{float:none;width:100%;border-bottom:1px solid #d0d0d0}
.main-footer .sitemap-link .item.active .link-title:before{background-position:0 -9px}
.main-footer .sitemap-link .link-title{position:relative;padding:1.286em 2.857em 1.143em 1.429em;text-transform:uppercase;color:#13455b;font-family:ITCFranklinGothicStdDemi;font-size:1em}
.main-footer .sitemap-link .link-title:before{content:"";width:1pc;height:9px;position:absolute;top:50%;right:20px;margin-top:-5px;background:url(headlibs/images/icon-arrow-toogle.png) no-repeat;background-position:0 0}
.main-footer .sitemap-link .footer-links>li{padding:1.286em 0 0}
.main-footer .sitemap-link .footer-links>li a{font-size:1.071em}
.main-footer .link-footer{width:100%;float:none;text-align:left}
.main-footer .link-footer .contact-link{margin-bottom:0}
.main-footer .link-footer .contact-link li{display:block;padding:1.286em 1.429em 1.143em}
.main-footer .link-footer .contact-link li:first-child{border-bottom:1px solid #d0d0d0}
.main-footer .link-footer .contact-link li a{display:block;text-transform:uppercase;font-family:ITCFranklinGothicStdDemi}
.main-footer .link-footer .social-block{margin-top:.643em;margin-left:-15px;padding:0 1.429em}
.main-footer .link-footer .social-block li{display:inline-block;margin:0 .286em}
.main-footer .link-footer .social-block a{margin:10px 15px}
.no-touch .main-footer .link-footer .social-block a:hover{-webkit-animation:hvr-pulse-grow .3s linear;animation:hvr-pulse-grow .3s linear}
.main-footer .menu-footer{padding:0 1.429em}
.main-footer .menu-footer a{display:block;float:none;padding-left:0;padding-right:0;border-right:0;padding-bottom:1em}
.main-footer .menu-footer a:first-child{padding-left:0}
.main-footer .menu-footer .coppy-right{padding-left:0;color:#666;line-height:1.8}
@media only screen and (max-width:374px){.visible-xs-portrait{display:block !important}
}
@media(min-width:375px) and (max-width:767px){.visible-xs-landscape{display:block !important}
.visible-xs-portrait{display:none !important}
}
@media only screen and (max-width:991px){.main-footer .grid-fluid{padding:0}
.main-footer .sitemap-link .footer-links{padding:.286em 0 1.429em}
.main-footer .link-footer .contact-link{margin-bottom:1.429em}
.main-footer .wrap-link{background-color:#ddddde;padding:0 1.429em}
}
@media only screen and (min-width:768px){.visible-xs-portrait{display:none !important}
}
@media only screen and (min-width:992px){.main-footer{padding-top:4.643em}
.main-footer .img-footer{float:right;width:auto;height:auto}
.main-footer .sitemap-link{overflow:hidden;padding-bottom:2.143em}
.main-footer .sitemap-link .item{float:left;width:17%;padding:0 1.071em 0 0;border-bottom:0}
.main-footer .sitemap-link .footer-links>li{padding:.714em 0}
.main-footer .sitemap-link .link-title{padding:.357em 0 1.071em}
.main-footer .sitemap-link .link-title:before{display:none}
.main-footer .link-footer{width:32%;float:left;text-align:right}
.main-footer .link-footer .contact-link li{display:inline-block;padding:.357em 0 .357em 1.214em}
.main-footer .link-footer .contact-link li:first-child{padding-right:1.214em;border-right:1px solid #d0d6d8;border-bottom:0}
.main-footer .link-footer .contact-link li a{display:inline-block}
.main-footer .link-footer .social-block{padding:0;margin-right:-10px}
.main-footer .link-footer .social-block a{margin:10px}
.main-footer .menu-footer{overflow:hidden;padding:0}
.main-footer .menu-footer a{float:left;padding-left:1.286em;padding-right:1.286em;padding-bottom:0;border-right:1px solid #667c88}
.main-footer .menu-footer .coppy-right{float:left;padding-left:1.286em;color:#13455b;line-height:1.2}
}
.main-header{position:relative}
.main-header:after,.main-header:before{display:table;content:""}
.main-header:after{clear:both}
.main-header .logo{position:static;display:inline-block;margin:.714em 1.429em .429em}
.navicon{top:1.714em;right:1.429em;position:absolute;z-index:1;padding:.714em 2.143em .714em 0;cursor:pointer}
.country-menu:before,.main-nav>li.subnav>a:after,.user-nav .user-item>a:before{content:"";right:20px}
.navicon:focus{outline:0}
.navicon span,.navicon span:after,.navicon span:before{content:"";position:absolute;display:block;width:2.143em;height:0;border-top:1px solid #ff888e;border-bottom:1px solid #f13945;cursor:pointer;transition:all .1s ease-in-out}
.navicon span:before{top:-10px}
.navicon span:after{bottom:-10px}
.navicon.open span{border:0}
.navicon.open span:after,.navicon.open span:before{top:0}
.navicon.open span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.navicon.open span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.navicon.open+.header-nav{display:block}
.header-nav,.main-nav .subnav-content{display:none}
.main-nav a{color:#666;font-family:ITCFranklinGothicStdMed}
.main-nav>li{width:100%;border-top:1px solid #f5f5f5}
.main-nav>li>a{display:block;padding:1em 1.111em;font-size:1.429em}
.main-nav>li.subnav>a{position:relative}
.main-nav>li.subnav>a:after{width:1pc;height:9px;position:absolute;top:50%;margin-top:-5px;background:url(headlibs/images/icon-arrow-toogle.png) no-repeat}
.main-nav>li.open{background-color:#f13945}
.main-nav>li.open>a{display:block;color:#fff}
.main-nav>li.open .subnav-content{display:block}
.main-nav>li.open.subnav>a:after{background:url(headlibs/images/icon-arrow-toggle-1.png) no-repeat;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.subnav-content{background-color:#e4e6e5}
.subnav-content .subnav-2{border-top:1px solid #dbdddc}
.subnav-content .subnav-2 .title{display:block;font-size:1.143em;padding:1.125em 1.25em;color:#19516c;position:relative}
.subnav-content .subnav-2 .has-icon:after{content:'';display:inline-block;width:15px;height:15px;margin-left:5px;background:url(headlibs/images/caltex-newtab-icon.png) no-repeat;background-size:cover;vertical-align:middle}
.subnav-content .subnav-2 .item{background-color:#fff}
.subnav-content .subnav-2 .item li>a{display:block;font-family:ITCFranklinGothicStdBook;font-size:1.143em;padding:1.125em 1.875em}
.subnav-content .subnav-2.active .item{display:block}
.subnav-content .subnav-2.active .title:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.user-nav .user-item{transition:width 5s ease-in-out}
.user-nav .user-item:nth-child(n+2){border-top:1px solid #f5f5f5}
.user-nav .user-item>a{padding:1em 1.111em;box-sizing:content-box;display:block;position:relative;font-family:ITCFranklinGothicStdMed;font-size:1.286em;line-height:.889em;color:#666}
.user-nav .user-item>a span{display:inline-block;vertical-align:middle}
.no-touch .user-nav .user-item>a:hover{color:#f13945}
.user-nav .user-item>a:before{width:1pc;height:9px;position:absolute;top:50%;margin-top:-5px;background:url(headlibs/images/icon-arrow-toogle.png) no-repeat}
.user-nav .user-item.weather-menu>a{cursor:default}
.user-nav .user-item.open{background-color:#f13945}
.user-nav .user-item.open>a{color:#fff}
.user-nav .user-item.open>a:before{background:url(headlibs/images/icon-arrow-toggle-1.png) no-repeat;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.search-box,.search-box input,.user-nav .user-item.open.search-box{background-color:#dcdede}
.search-box{position:relative;padding:1.786em 1.714em 1.786em 3.929em;vertical-align:top;box-sizing:border-box}
.search-box input{width:100%;border:0;font-size:1.286em}
.search-box .btn-search{position:absolute;top:50%;left:1.643em;margin-top:-.571em;width:14px;height:14px;z-index:1;padding:0;text-indent:-9999px;border:0;background:url(headlibs/images/icon-search.png) no-repeat}
.login-menu .login span:first-child{margin-right:.833em}
.login-menu .login-frm{display:none;padding:2.143em 1.429em;background-color:#f1f1f1}
.login-menu .login-frm .login-form .button-group>a,.login-menu.open .login-frm{display:block}
.login-menu .login-frm .login-form .top-text{overflow:hidden;margin-bottom:9pt}
.login-menu .login-frm .login-form .top-text .title{float:left;font-size:1.714em;color:#01526d;font-family:ITCFranklinGothicStdMed;letter-spacing:.042em}
.login-menu .login-frm .login-form .top-text p{float:right;font-size:1.143em;line-height:1.5}
.login-menu .login-frm .login-form .top-text p>a{color:#ff1e00;margin-left:5px}
.login-menu .login-frm .login-form .input-group .input{width:100%;height:46px;line-height:46px;border:1px solid #d4d5d5;padding:0 .938em;background-color:#fdfdfd;box-sizing:border-box;font-size:1.143em;color:#999}
.login-menu .login-frm .login-form .input-group .input.username{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #ebebeb}
.login-menu .login-frm .login-form .input-group .input.password{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0}
.login-menu .login-frm .login-form .group{overflow:hidden;margin-top:9pt}
.login-menu .login-frm .login-form .group .checkbox{float:left}
.login-menu .login-frm .login-form .group .checkbox input[type=checkbox]~.text{font-size:1em;color:#333}
.login-menu .login-frm .login-form .group>a{float:right;color:#01526d;font-size:1em;line-height:1.7}
.login-menu .login-frm .login-form .button-group>a.blue-1 img{vertical-align:middle;margin-right:15px}
.login-menu .login-frm .login-form .button-group>a.blue-1 span{font-size:.857em}
.country-menu{position:relative}
.country-menu:before{width:1pc;height:9px;position:absolute;top:50%;margin-top:-5px;background:url(headlibs/images/icon-arrow-toogle.png) no-repeat}
.country-menu.open:before{background:url(headlibs/images/icon-arrow-toggle-1.png) no-repeat;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);top:5.5%}
.country-menu>a:before{display:none}
.country-menu .country-title{position:relative;display:inline-block;text-transform:uppercase}
.country-menu .country-title.hk{padding-right:0;display:inline-block}
.country-menu .country-title span:last-child{padding:0 .833em}
.country-menu .lang{display:inline-block;vertical-align:middle}
.country-menu .lang li{display:inline-block;vertical-align:middle;margin:0 -.214em}
.country-menu .lang li:first-child a{border-right:1px solid #e6e6e6}
.country-menu .lang a{font-size:1.071em;font-weight:700;padding:0 .5em;line-height:1.467em;color:#f13945;text-transform:uppercase}
.country-menu .lang .active a,.no-touch .country-menu .lang a:hover{color:#19516c}
.country-menu .lang .hk{font-family:Helvetica,Arial,sans-serif}
.country-menu .countries{display:none;background-color:#f1f1f1}
.country-menu .countries li{padding:1.286em 1.429em;border-bottom:1px solid #e8e8e8}
.country-menu .countries li:first-child{padding-top:1.286em}
.country-menu .countries a{display:block;font-size:1.143em;line-height:1em}
.country-menu .countries a span:first-child{margin-right:.833em}
.country-menu .countries a>span:last-child{display:inline-block;vertical-align:middle;height:24px}
.country-menu.open .countries,.no-touch .country-menu.active .countries{display:block}
.weather-menu .weather span:first-child{margin-right:15px}
.weather-menu .weather-info{display:none;padding:1.429em 1.429em 1em;background-color:#f1f1f1;font-size:1.143em}
.weather-menu.open .weather-info{display:block}
.weather-menu.open .weather span:first-child{background-position:-34px 0}
.weather-menu .tempt .top-detail{color:#003740}
.weather-menu .tempt .top-detail dt{font-family:ITCFranklinGothicStdMed;text-transform:capitalize}
.weather-menu .tempt .detail dd,.weather-menu .tempt .top-detail dd p{font-family:ITCFranklinGothicStdDemi}
.weather-menu .tempt .top-detail dd{height:2.5em;padding-top:1.071em;box-sizing:content-box}
.weather-menu .tempt .top-detail dd .type,.weather-menu .tempt .top-detail dd p{display:inline-block}
.weather-menu .tempt .top-detail .num{font-size:3.179em;margin-top:-.067em}
.weather-menu .tempt .detail{padding-top:15px;overflow:hidden}
.weather-menu .tempt .detail dt{float:left;clear:left;margin-bottom:7px;width:9em;margin-right:.714em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.036em;line-height:1.2}
.weather-menu .tempt .detail dd{float:left;line-height:1.2}
.weather-menu .tempt .type{vertical-align:top}
.weather-menu .tempt .type a{font-size:1.857em;height:.731em;color:#a5a5a5;font-family:ITCFranklinGothicStdMed}
.weather-menu .tempt .type a.active{color:#003740}
.weather-menu .tempt .type a:first-child{position:relative;padding-right:13px}
.weather-menu .tempt .type a:first-child:before{content:"";position:absolute;right:0;top:50%;height:20px;margin-top:-10px;border-right:1px solid #ccc}
.weather-menu .tempt .type a:last-child{padding-left:5px}
@media only screen and (min-width:992px){.main-nav>li,.main-nav>li.open,.main-nav>li:hover,.user-nav .user-item.open{background-color:transparent}
.main-nav>li.active>a,.main-nav>li.open>a,.main-nav>li:hover>a,.no-touch .main-nav a:hover,.no-touch .main-nav>li.subnav:hover>a,.no-touch .user-nav .user-item:hover>a,.user-nav .user-item.open>a{color:#f13945}
.navicon{display:none}
.main-header .logo{display:block;float:left;margin:1.071em 0 0 1.071em}
.header-nav{display:block}
.main-nav{float:left;padding-left:1.357em}
.main-nav>li{display:inline-block;float:left;width:auto;margin:1.929em .571em 0;padding-bottom:1.929em;border-top:0}
.main-nav>li>a{display:inline;position:relative;padding:0;line-height:1.222em;font-size:1.286em}
.main-nav>li.subnav>a:after{display:none}
.main-nav>li:hover .subnav-content,.no-touch .main-nav>li.subnav:hover .subnav-content{display:block}
.no-touch .main-nav>li.subnav:hover>a:before{content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f6f6f6;position:absolute;bottom:-1.611em;left:50%;margin-left:-.444em}
.dropdown-item:before{display:none}
.user-nav{float:right;padding:1.071em 1em 0 0;text-align:right}
.user-nav .user-item{display:inline-block;height:1.571em;margin:0 -.214em;padding:0 0 2.071em;box-sizing:content-box;text-align:left}
.user-nav .user-item:nth-child(n+2){border-top:0}
.user-nav .user-item>a{padding:0 .889em;border-left:1px solid #e6e6e6}
.user-nav .user-item>a:before{display:none}
.user-nav .user-item>a span{display:block}
.user-nav .user-item:first-child>a{padding-left:0;border-left:0}
.user-nav .country-menu{padding-right:.714em}
.subnav-content{position:absolute;top:100%;left:0;z-index:100;width:100%;background-color:#f6f6f6;border-top:0;padding:0 13.214em;border-left:1px solid #ebebeb}
.subnav-content .sub-nav-inner{position:relative;overflow:hidden;border-left:1px solid #ebebeb;padding:2.286em 0 .857em}
.subnav-content .subnav-2{float:left;width:25%;padding:0 1.429em 1.429em;border-top:0}
.subnav-content .subnav-2:nth-child(4n+1){clear:left}
.subnav-content .subnav-2 .title{padding:0;font-size:1.071em}
.subnav-content .subnav-2 .title .image{display:table-cell;vertical-align:bottom;height:44px}
.subnav-content .subnav-2 .title .text{display:block;padding-top:.929em}
.subnav-content .subnav-2 .title:before{display:none}
.subnav-content .subnav-2 .item{background-color:transparent}
.subnav-content .subnav-2 .item li{padding-top:1.143em}
.subnav-content .subnav-2 .item li a{display:inline;padding:0;font-size:1.071em}
.subnav-content .subnav-2 .link-4{margin-top:1.154em}
.subnav-content .divider{background-color:#ebebeb;position:absolute;top:0;width:1px;height:100%}
.subnav-content .divider:nth-of-type(1){left:25%}
.subnav-content .divider:nth-of-type(2){left:50%}
.subnav-content .divider:nth-of-type(3){left:75%}
.subnav-content .divider:nth-of-type(4){left:99%}
.search-box form{position:absolute;right:1.071em;top:0;width:20em;height:3em;z-index:0}
.search-box input{float:right;opacity:0;width:0;height:2.333em;border:1px solid #e6e6e6;background-color:#fff;box-sizing:border-box;transition:all 1s ease;border-radius:10px}
.search-box .btn-search{right:0;left:auto;width:3.357em;height:3em;margin-top:-1.5em;background-position:50% 50%}
.country-menu .country-title:after,.country-menu.no-touch .country-menu:hover .country-title:after{content:'';height:0;border-left:5px solid transparent;border-right:5px solid transparent}
.search-box.active form{z-index:1}
.search-box.active input{padding:.556em 1.667em .556em .833em;opacity:1;width:280px}
.login-menu .login span:first-child{margin-right:8px}
.no-touch .login-menu:hover .login-frm{display:block}
.login-menu .login-frm{position:absolute;right:15px;top:100%;z-index:999;width:383px;box-sizing:border-box}
.country-menu,.country-menu .country-title{position:relative}
.country-menu .country-title span:last-child{padding:0 .833em 0 0}
.country-menu .country-title:before{display:none}
.country-menu .country-title:after{display:block;width:0;-moz-transform:scale(.9999);border-top:5px solid #000;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.country-menu .countries,.weather-menu .weather-info{position:absolute;right:0;top:100%;border-bottom-left-radius:10px}
.country-menu .countries{z-index:101;width:12.857em;padding:1em .714em 1em 2.143em;border-bottom-right-radius:10px}
.country-menu .countries li{padding:1.643em 0 0;box-sizing:content-box;border-bottom:0}
.country-menu .countries li:first-child{padding-top:0}
.country-menu .countries a{display:block;overflow:hidden;font-size:1.143em}
.country-menu .countries a>span{display:block}
.country-menu .countries a>span:first-child{float:left;margin-right:.5em}
.country-menu .countries a>span:last-child{margin-top:.188em}
.no-touch .country-menu:hover .countries{display:block}
.country-menu.no-touch .country-menu:hover .country-title{color:#fff}
.country-menu.no-touch .country-menu:hover .country-title:after{display:block;width:0;-moz-transform:scale(.9999);border-bottom:5px solid #000}
.country-menu.no-touch .country-menu:hover .lang a{color:#f13945}
.country-menu.no-touch .country-menu:hover .lang .active a,.weather-menu.open .weather .degree{color:#19516c}
.country-menu.no-touch .country-menu:hover .countries{display:block}
.weather-menu .weather span:first-child{display:block;margin:0 auto}
.weather-menu .degree{margin-top:5px}
.weather-menu .weather-info{z-index:13;overflow:hidden;padding:1.429em 1.429em .571em;text-align:right}
.no-touch .weather-menu:hover .weather-info{display:block}
.weather-menu .tempt,.weather-menu .tempt .detail{display:inline-block;text-align:left}
.weather-menu .weather span:last-child{transition:width 6s ease}
.weather-menu.open .weather .icon-sunshine{background-image:url(headlibs/images/bg-weather-blue.png)}
.weather-menu.open .weather span:first-child{background-position:0 0}
.weather-menu .tempt .top-detail dd{padding-top:9pt}
.weather-menu .tempt .detail dt{width:5.625em}
.weather-menu .tempt .detail dd{white-space:nowrap}
}
@media only screen and (min-width:1025px){.user-nav{padding:1.929em 1.071em 0 0}
.user-nav .user-item>a span{display:inline-block}
.country-menu .countries{right:auto;left:-.714em}
.country-menu .country-title{height:1.222em}
.country-menu .country-title span:last-child{padding:0 .833em}
.weather-menu .weather span:first-child{display:inline-block;margin-right:8px}
.search-box form{top:-.714em}
.main-nav>li{margin:1.929em 1.143em 0}
.main-nav>li>a{font-size:1.429em}
}
.cd-top{display:inline-block;position:fixed;bottom:20px;right:10px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../../../content/dam/caltex/common/icon/up-arrow-btn.png) center 20% no-repeat rgba(0,0,0,0);background-size:55px 55px;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0,visibility 0 .3s;-moz-transition:opacity .3s 0,visibility 0 .3s;transition:opacity .3s 0,visibility 0 .3s}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0,visibility 0 0;-moz-transition:opacity .3s 0,visibility 0 0;transition:opacity .3s 0,visibility 0 0}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.no-touch .cd-top:hover{opacity:1}
@media only screen and (max-width:1023px){.cd-top{right:15px;bottom:20px;background-size:45px 45px;height:45px;width:45px}
}
@media only screen and (min-width:1024px){.cd-top{right:20px;bottom:20px;height:55px;width:55px;background-size:55px 55px}
}
.widget-list{background-color:#f0f1f1;overflow:hidden}
.widget-list .grid-fluid{padding:0}
.widget-list.no-fuel-widget .fuel-price-block{display:none}
.widget-block.active .toggle-btn,.widgets>.item:last-child .toggle-btn{border-bottom:0}
.widget-block.active .toggle-btn:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.widget-block .view-more{font-size:.929em;color:#e42f46;text-transform:uppercase;font-weight:700}
.widget-block .radius-image{display:block;max-width:100%;border-radius:10px}
.widget-block .title-widget{margin-bottom:1.429em;font-size:1.5em;color:#545454;background:0;font-family:ITCFranklinGothicStdMed;letter-spacing:.048em}
.widget-block .toggle-btn{position:relative;display:block;background-color:#ef3843;color:#fff;font-size:1.286em;border-bottom:1px solid rgba(255,255,255,.3);padding:20px;margin:0 -20px}
.widget-block .toggle-btn:before{content:"";position:absolute;top:50%;right:40px;width:1pc;height:8px;margin-top:-4px;background:url(headlibs/images/icon-arrow-toggle-1.png) no-repeat}
.fuel-price-block .type-price{margin-top:1.214em}
.fuel-price-block .type-price:after,.fuel-price-block .type-price:before{display:table;content:""}
.fuel-price-block .type-price:after{clear:both}
.fuel-price-block .type-price .info{display:table-cell;width:100%;height:60px;vertical-align:middle;padding:0 1.429em;font-size:1em;line-height:1.3;color:#fff;font-family:ITCFranklinGothicStdMed;background-color:#010101;border-radius:13px}
.fuel-price-block .type-price .text-price{font-size:1.643em;margin:2.13em 0;color:#8d8d8d}
.fuel-price-block .type-price .text-price span{display:block;font-size:1.261em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:1.2}
.fuel-price-block .type-price .item.text-gray .info{color:#535353}
.fuel-price-block .type-price .item-inner{max-width:20pc;margin:0 auto;padding:0 3.571em}
.fuel-price-block .type-price .slick-arrow{width:50px;height:140px;top:50%;margin-top:-70px}
.fuel-price-block .type-price .slick-arrow.slick-prev{left:-15px}
.fuel-price-block .type-price .slick-arrow.slick-next{right:-15px}
.fuel-price-block .type-price .slick-arrow.slick-disabled{visibility:hidden}
.fuel-price-block .date-notice{position:relative}
.traffic-block .desc-image{margin-bottom:1.188em;font-size:1.143em}
.traffic-block .desc-image span,.traffic-block .desc-image strong{display:block;color:#333;line-height:1.3}
.traffic-block .desc-image strong{margin-bottom:.25em;font-family:ITCFranklinGothicStdMed;font-weight:400}
.traffic-block .radius-image{margin-bottom:.714em}
.station-block .input-search{display:block;width:100%;border:0;font-size:1.071em;color:#b5b9bb;padding:1em 3.867em 1em 1.333em}
.station-block .find-btn{position:absolute;right:4px;top:50%;width:2.714em;height:2.714em;margin-top:-1.357em;padding:.857em 1.143em;border:0;background-color:#e62f46;border-radius:3px}
.station-block .find-btn:before{content:"";position:absolute;top:50%;left:50%;background:url(headlibs/images/icon-arrow-right.png) no-repeat;width:8px;height:13px;margin-top:-6.5px;margin-left:-4px}
.no-touch .station-block .find-btn:hover{opacity:.7}
.station-block .find-location-form{position:relative;margin-bottom:2.143em;max-width:269px;background-color:#fff;border-radius:3px}
] .station-block .radius-image{margin-bottom:1.786em}
@media only screen and (max-width:991px){.widgets>.item{padding:0 20px}
.widget-block .toggle-content .inner{padding:2.143em 0 2.857em}
}
@media only screen and (min-width:992px){.widgets{margin:0 -3.571em}
.widgets:after,.widgets:before{display:table;content:""}
.widgets:after{clear:both}
.widgets>.item{float:left;width:29.38596491%;padding:2.143em 3.571em 0}
.widgets .center-item{position:relative;width:41.22807018%;padding-left:0;padding-right:0}
.widgets .center-item:after,.widgets .center-item:before{content:"";position:absolute;top:0;bottom:0;width:2px;background-color:#fff}
.widgets .center-item:before{left:0}
.widgets .center-item:after{right:0}
.widgets .center-item .widget-block{margin:0 auto}
.widget-list .grid-fluid{padding-left:20px;padding-right:20px}
.widget-list.no-fuel-widget{position:relative}
.widget-list.no-fuel-widget .center-item{display:none}
.widget-list.no-fuel-widget .widgets>.item{width:50%}
.widget-list.no-fuel-widget .widget-block{max-width:270px;margin:0 auto}
.widget-list.no-fuel-widget:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#fff}
.widget-block{max-width:335px}
.fuel-price-block{max-width:475px}
.fuel-price-block .link-4,.fuel-price-block .title-widget{margin-left:40px}
.fuel-price-block .type-price .info{display:table-cell;vertical-align:middle;width:158px}
.fuel-price-block .type-price .item-inner{padding:0 2.857em}
.fuel-price-block .type-price .text-price span{text-align:left}
.fuel-price-block .date-notice{margin-left:40px;margin-top:-20px}
}
.image-description-carousel .color-green .thumb{background-color:#01526d}
.image-description-carousel .color-red .thumb{background-color:#e62f46}
.image-description-carousel .thumb{overflow:hidden}
.image-description-carousel .image{display:block;width:101%;height:14.286em;background-size:cover}
.image-description-carousel .caption{color:#fff;padding:1.429em 1.429em 2.5em}
.image-description-carousel .caption .text-1{display:block;overflow:hidden;max-height:1.73em;margin-bottom:2.364em;font-size:.786em;text-transform:uppercase;font-family:ITCFranklinGothicStdDemi;line-height:1.5}
.image-description-carousel .caption .title-1{overflow:hidden;font-size:2.143em;margin-bottom:.833em;font-family:ITCFranklinGothicStdMed}
.image-description-carousel .caption .desc{overflow:hidden;font-size:1em;margin-bottom:1.786em;line-height:1.5}
.image-description-carousel .caption .link-1{font-size:.786em;margin-bottom:0}
.image-description-carousel .slick-arrow{width:50px;height:140px;margin-top:0}
.image-description-carousel .slick-prev{left:30px}
.image-description-carousel .slick-next{right:30px}
@media only screen and (min-width:992px){.image-description-carousel .image{float:right;width:55.5%;height:34.929em}
.image-description-carousel .caption{padding:0}
.image-description-carousel .caption .inner{width:43%;float:left;padding:4.286em 2.143em 4.286em 0}
.image-description-carousel .caption .text-1{font-size:1em;margin-bottom:2.143em}
.image-description-carousel .caption .title-1{max-height:2.7em;margin-bottom:.875em;font-size:2.857em}
.image-description-carousel .caption .desc{max-height:7.313em;margin-bottom:2.063em;font-size:1.143em;line-height:1.5}
.image-description-carousel .caption .link-1{font-size:1em}
.image-description-carousel .slick-prev{left:35px}
.image-description-carousel .slick-next{right:35px}
}
.safari .image-description-carousel .item{padding:0 1px}
.image-video-gallery{color:#fff}
.image-video-gallery.gray{color:#333}
.image-video-gallery.gray .caption{background-color:#f0f1f1}
.image-video-gallery.gray .custom-dropdown .btn-dropdown{background-color:#f0f1f1;border:1px solid #333;color:#333}
.image-video-gallery.gray .custom-dropdown .btn-dropdown:before{background:0;content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}
.image-video-gallery .slider-for img{max-width:100%;margin:0 auto}
.image-video-gallery .slider-for .slick-arrow{width:35px;height:75pt}
.image-video-gallery .slider-for .slick-prev{left:20px}
.image-video-gallery .slider-for .slick-next{right:20px}
.image-video-gallery .slider-for .item .image:before{content:'';position:absolute;top:0;left:0;right:0;height:20%;background-image:-moz-linear-gradient(top,rgba(0,0,0,.3) 0,transparent 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.3)),color-stop(100%,transparent));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0,transparent 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.3) 0,transparent 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,.3) 0,transparent 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#00000000',GradientType=0)}
.image-video-gallery .slider-for .item .long-caption{background-color:#19516c;padding:2.857em;color:#fff}
.image-video-gallery .slider-for .item .long-caption .desc{line-height:1.4}
.image-video-gallery .slider-for .item .long-caption .close-btn{display:none}
.image-video-gallery .caption{background-color:#e62f46;padding:.5em 1.286em 2.143em}
.image-video-gallery .caption .text-header{font-size:.786em;font-family:ITCFranklinGothicStdDemi;text-transform:uppercase;letter-spacing:.273em;line-height:1.3}
.image-video-gallery .caption .title-header{margin-top:2em}
.image-video-gallery .caption .title-header h2>span{font-size:2.143em;font-weight:400;line-height:1.0}
.image-video-gallery .caption .desc{margin-top:.429em;line-height:1.3}
.image-video-gallery .custom-dropdown{margin-top:1.786em;font-size:.929em}
.image-video-gallery .custom-dropdown .btn-dropdown{background-color:#e62f46;border:1px solid #fff;padding:0 3.214em 0 1.429em;color:#fff}
.image-video-gallery .custom-dropdown .btn-dropdown:before{width:18px;height:10px;top:50%;margin-top:-5px;right:20px;border:0;background:url(headlibs/images/icon-arrow-toggle-1.png) no-repeat;z-index:3}
.image-video-gallery .custom-dropdown.dropdown .dropdown-select{z-index:100}
.image-video-gallery .content-long-desc{background-color:#fff}
@media screen and (min-width:992px){.image-video-gallery .top-slider{background-color:#e62f46;min-height:34.286em;overflow:hidden}
.image-video-gallery .content-long-desc{padding:3.214em 0}
.image-video-gallery.gray .top-slider{background-color:#f0f1f1}
.image-video-gallery.gray .slider-nav-2 .item.slick-current>span{background-color:#dddede}
.image-video-gallery.gray .slider-nav-2 .item.slick-current>span:after{border-right-color:#dddede}
.image-video-gallery .col-6{width:61.428%;overflow:hidden}
.image-video-gallery .col-4{float:right;width:38.572%}
.image-video-gallery .slider-for .slick-arrow{top:50%;margin-top:-69px;width:50px;height:140px}
.image-video-gallery .slider-for .slick-prev{left:35px}
.image-video-gallery .slider-for .slick-next{right:35px}
.image-video-gallery .slider-for .item{position:relative;overflow:hidden}
.image-video-gallery .slider-for .item .yt-embed-16by9{height:490px}
.image-video-gallery .slider-for .item .caption{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}
.image-video-gallery .slider-for .item .image{width:auto;height:auto;background-size:contain;background-repeat:no-repeat;background-position:center}
.image-video-gallery .slider-for .item .image:after{content:'';position:absolute;bottom:0;left:0;right:0;height:20%;background-image:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,rgba(0,0,0,.5)));background-image:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0)}
.image-video-gallery .slider-for .item .long-caption{position:absolute;bottom:0;padding-bottom:1.429em;background-color:transparent}
.image-video-gallery .slider-for .item .long-caption .desc .long-desc{display:none}
.image-video-gallery .slider-for .item .long-caption .desc .short-desc{padding:0 1.429em;font-size:1.5em}
.image-video-gallery .slider-for .item .long-caption .desc .more-btn{margin-left:10px;color:#fff;transition:color .3s linear;text-transform:capitalize;font-family:ITCFranklinGothicStdBook}
.no-touch .image-video-gallery .slider-for .item .long-caption .desc .more-btn:hover{color:#e62f46}
.image-video-gallery .slider-for .item .long-caption .desc .show-more{cursor:pointer}
.image-video-gallery .slider-for .item .long-caption .icon-close{display:none}
.image-video-gallery .slider-for .item.active .image:after,.image-video-gallery .slider-for .item.active .image:before{z-index:9}
.image-video-gallery .slider-for .item.active .long-caption{display:block;top:0;left:0;right:0;background-color:rgba(25,81,108,.9);padding:2.857em 9.429em}
.image-video-gallery .slider-for .item.active .long-caption .icon-close{display:block;position:absolute;top:40px;right:40px;z-index:10}
.image-video-gallery .slider-for .item.active .long-caption .desc{display:table;height:100%}
.image-video-gallery .slider-for .item.active .long-caption .desc .long-desc{display:table-cell;vertical-align:middle;font-size:1.143em}
.image-video-gallery .slider-for .item.active .long-caption .desc .short-desc{display:none}
.image-video-gallery .slider-nav-2{margin-right:2.875em;margin-bottom:1.3em;height:260px;overflow:hidden;position:relative;font-size:1.143em}
.image-video-gallery .slider-nav-2 .item>span{display:block;position:relative;height:50px;line-height:50px;padding-left:15px;margin:0 1.688em 0 3.875em;font-size:1.143em;cursor:pointer;transition:color .3s linear}
.image-video-gallery .slider-nav-2 .item>span>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.no-touch .image-video-gallery .slider-nav-2 .item>span:hover{color:#666}
.image-video-gallery .slider-nav-2 .item>span:before{content:'›';position:absolute;left:5px;top:-1px;z-index:2}
.image-video-gallery .slider-nav-2 .item.slick-current>span{background-color:#991f2f}
.image-video-gallery .slider-nav-2 .item.slick-current>span:after{content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-top:25px solid transparent;border-bottom:25px solid transparent;border-right:13px solid #991f2f;position:absolute;top:0;left:-13px;z-index:3}
.no-touch .image-video-gallery .slider-nav-2 .item.slick-current>span:hover{color:#fff}
.image-video-gallery .slider-nav-2.no-scroll .iScrollVerticalScrollbar{background-color:transparent}
.image-video-gallery .caption{padding:0 5.214em 1.071em 5.214em}
.image-video-gallery .caption .text-header{padding-top:1.571em;display:block;font-size:1em;letter-spacing:.214em}
.image-video-gallery .caption .title-header{margin:2.043em 0 2.143em}
.image-video-gallery .caption .title-header h2>span{letter-spacing:-1px}
.image-video-gallery .caption .desc{margin-top:.429em;line-height:1.3;font-size:1.143em;text-align:left}
.image-video-gallery .iScrollVerticalScrollbar{position:absolute;z-index:99;width:7px;bottom:2px;top:2px;right:1px;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.image-video-gallery .iScrollIndicator{box-sizing:border-box;position:absolute;background-color:#c2c2c2;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:100%}
}
.yt-embed-16by9{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.yt-embed-16by9 iframe,.yt-embed-16by9 object,.yt-embed-16by9 embed{position:absolute;top:0;left:0;width:100%;height:100%}
.latest-promotions{position:relative}
.latest-promotions .inner{padding:2.714em 0 1.786em}
.latest-promotions .top{margin-bottom:2.143em;overflow:hidden}
.latest-promotions .top .title-2{float:left;font-size:1.714em;max-width:90%}
.latest-promotions .top .link-4{float:right;margin-top:8px}
.promotion-slider{position:static}
.promotion-slider .slick-arrow{width:28px;height:5pc;background-image:url(headlibs/images/arrow-1.png)}
@media only screen and (min-width:768px){.promotion-slider .slick-arrow{width:50px;height:140px}
}
.promotion-slider .slick-next{right:26px}
.promotion-slider .slick-prev{left:26px}
.promotion-slider .slick-dots{display:table;margin-top:2.5em}
.promotion-slider .slick-dots li{display:table-cell;border-left:3px solid;border-right:3px solid;border-color:transparent}
.promotion-slider .slick-dots li button{border:0;background-color:#e1e3e4;font-size:0;height:10px;margin:0 3px;width:100%}
.promotion-slider .slick-dots li.slick-active button{background-color:#e42f46}
.promotion-slider .item{padding:0 1px}
@media only screen and (min-width:992px){.latest-promotions .inner{padding:4.643em 0 5em}
.latest-promotions .top{margin-bottom:3.214em}
.latest-promotions .top .title-2{font-size:2.857em}
.latest-promotions .top .link-4{margin-top:21px}
.promotion-slider .slick-list{margin:0 -1.571em}
.promotion-slider .item{padding:0 1.429em .071em}
.promotion-slider .slick-prev{left:35px}
.promotion-slider .slick-next{right:35px}
.group-1 .sub-title{float:left}
.group-1 .link-4{float:right}
}
.search-result{-webkit-transform:translate3d(0,0,0)}
.search-result .title-2{padding:.375em 0 .5em;border-bottom:1px solid #e7e7e7}
.search-result h3{font-size:1.143em;font-family:ITCFranklinGothicStdDemi;color:#106f8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.search-result .item-result{-webkit-transform:translate3d(0,0,0);padding-top:2.5em;overflow:hidden}
.search-result .item-result:first-child{padding-top:2.143em}
.search-result .descript p{font-family:ITCFranklinGothicStdBook;font-size:.929em;height:5.692em;line-height:1.385em;margin:.385em 0;overflow:hidden}
.search-result .descript .result-link{position:relative;display:block;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0d79a0;font-family:ITCFranklinGothicStdMed;font-size:.857em;line-height:1.2}
.search-result .descript .result-link:before{content:'›';position:absolute;left:0;top:-1px}
.search-result .image-result{float:left;overflow:hidden;width:6.429em}
.search-result .image-result img{max-width:100%;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.search-result .image-result+.descript{padding-left:7.5em}
.search-result .image-result+.descript p{height:4.231em;margin:.615em 0}
.search-result .results{padding-bottom:1.429em}
.search-result .load-more{width:100%;margin:1.429em 0 2.857em}
.search-result .no-result{font-size:1.429em}
@media only screen and (min-width:992px){.search-result .title-2{padding:.875em .5em 1em;margin:0 -.5em}
.search-result h3{font-size:1.714em}
.search-result .item-result{padding-top:4.286em}
.search-result .item-result:first-child{padding-top:2.857em}
.search-result .descript p{font-size:1.143em;height:2.5em;line-height:1.188em;margin:.313em 0;overflow:hidden}
.search-result .descript>a{font-size:1em}
.search-result .descript>a:before{margin-right:.357em}
.no-touch .search-result .descript>a:hover{text-decoration:underline}
.search-result .image-result{width:10em}
.search-result .image-result+.descript{padding-left:12.143em}
.search-result .image-result+.descript p{height:2.5em;margin:.313em 0}
.search-result .results{padding-bottom:2.857em}
.search-result .load-more{margin:2.857em 0 5.714em}
}
.social-media{padding:2.857em 0}
.social-media .link-1{width:100%;margin-top:2.143em}
.social-media .title-2{font-size:2.143em}
.social-media .sub-title{margin-top:1.429em}
.social-media .social-list{margin-top:2.143em}
.social-media .social-item{margin-bottom:20px;position:relative;overflow:hidden;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.social-media .social-item .col-1,.social-media .social-item .col-2{position:relative;overflow:hidden;background-size:cover;height:270px}
.social-media .social-item .col-1>img,.social-media .social-item .col-2>img{width:100%;height:auto}
.social-media .social-item .col-1{border-top-left-radius:10px;border-top-right-radius:10px}
.social-media .social-item .col-2{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.social-media .social-item .declare,.social-media .social-item .title{position:absolute;left:20px;right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-media .social-item .title{top:18px;font-size:.786em;font-family:ITCFranklinGothicStdDemi;text-transform:uppercase;letter-spacing:1px;line-height:1.3}
.social-media .social-item .declare{bottom:15px}
.social-media .social-item .declare .info{overflow:hidden}
.social-media .social-item .declare .info .name,.social-media .social-item .declare .info .time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45;color:#fff}
.social-media .social-item .declare .icon-social{float:left;margin-right:10px;width:36px;height:36px}
.social-media .social-item .declare .icon-social img{max-width:100%;border-radius:50%}
.social-media .social-item .desc{margin:4.333em 0 5.333em;margin-left:20px;margin-right:20px;overflow:hidden;font-size:1.071em;line-height:1.66}
.social-media .social-item .desc a{color:#fff;text-decoration:underline}
.social-media .social-item .desc a:active,.social-media .social-item .desc a:visited{color:#fff}
.no-touch .social-media .social-item .desc a:hover{text-decoration:none}
.social-media .social-item.large{background-color:#035a85;height:550px}
.social-media .social-item.large .social-img{background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #035a85;height:324px}
.social-media .social-item.large.full-bg .social-img{background-size:cover}
.social-media .social-item.large .desc{font-size:1.143em;padding:30px 20px 0;background-color:#035a85;margin:0;line-height:1.2;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.social-media .social-item.yt{border-top-left-radius:0;border-top-right-radius:0}
.social-media .social-item.yt .desc{font-size:1.429em;margin:2.5em 1em 4em;line-height:1.4}
.social-media .social-item.yt .col-1,.social-media .social-item.yt .col-2{height:auto}
.social-media .social-item.arrow-left .col-1,.social-media .social-item.arrow-right .col-2{background-size:contain;background-position:center;background-repeat:no-repeat}
.social-media .social-item.arrow-left.full-bg .col-1,.social-media .social-item.arrow-left.full-bg .col-2,.social-media .social-item.arrow-right.full-bg .col-1,.social-media .social-item.arrow-right.full-bg .col-2{background-size:cover}
.social-media .social-item.arrow-left .col-1:before{content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ebebeb;bottom:0}
.social-media .social-item.arrow-right .col-2:before{content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #ebebeb;top:0}
.social-media .social-item.arrow-left .col-1:before,.social-media .social-item.arrow-right .col-2:before{position:absolute;margin-left:-15px;left:50%;z-index:1}
@media screen and (min-width:992px){.social-media .social-item.arrow-left .col-1:before,.social-media .social-item.arrow-right .col-2:before{top:50%;margin-top:-15px;bottom:auto}
}
.social-media .social-item.color-grey{background-color:#ebebeb;color:#666}
.social-media .social-item.color-grey .declare .name,.social-media .social-item.color-grey .declare .time{color:#666}
.social-media .social-item.color-grey .col-1{border:3px solid #ebebeb;border-bottom:0}
@media screen and (min-width:992px){.social-media .social-item.color-grey .col-1{border-bottom:3px solid #ebebeb;border-right:0}
}
.social-media .social-item.color-blue{background-color:#0d79a0}
.social-media .social-item.color-blue .col-2{border:1px solid #0d79a0;border-top:0}
@media screen and (max-width:992px){.social-media .social-item.color-blue.arrow-left .col-1:before{border-bottom-color:#0d79a0}
.social-media .social-item.color-blue.arrow-right .col-2:before{border-top-color:#0d79a0}
}
@media screen and (min-width:992px){.social-media .social-item.color-blue .col-2{border-top:1px solid #0d79a0;border-left:0}
.social-media .social-item.color-blue.arrow-left .col-1:before{border-right-color:#0d79a0}
.social-media .social-item.color-blue.arrow-right .col-2:before{border-left-color:#0d79a0}
}
.social-media .social-item.color-blue-1{background-color:#035a85}
@media screen and (max-width:992px){.social-media .social-item.color-blue-1.arrow-left .col-1:before{border-bottom-color:#035a85}
.social-media .social-item.color-blue-1.arrow-right .col-2:before{border-top-color:#035a85}
}
@media screen and (min-width:992px){.social-media .social-item.color-blue-1.arrow-left .col-1:before{border-right-color:#035a85}
.social-media .social-item.color-blue-1.arrow-right .col-2:before{border-left-color:#035a85}
}
.social-media .social-item.color-blue-2{background-color:#026ec6}
@media screen and (max-width:992px){.social-media .social-item.color-blue-2.arrow-left .col-1:before{border-bottom-color:#026ec6}
.social-media .social-item.color-blue-2.arrow-right .col-2:before{border-top-color:#026ec6}
}
@media screen and (min-width:992px){.social-media .social-item.color-blue-2.arrow-left .col-1:before{border-right-color:#026ec6}
.social-media .social-item.color-blue-2.arrow-right .col-2:before{border-left-color:#026ec6}
}
.social-media .social-item.color-black{background-color:#000}
@media screen and (max-width:992px){.social-media .social-item.color-black.arrow-left .col-1:before{border-bottom-color:#000}
.social-media .social-item.color-black.arrow-right .col-2:before{border-top-color:#000}
}
@media screen and (min-width:992px){.social-media .social-item.color-black.arrow-left .col-1:before{border-right-color:#000}
.social-media .social-item.color-black.arrow-right .col-2:before{border-left-color:#000}
}
@media screen and (min-width:992px){.social-media{padding:5.714em 0}
.social-media .social-list{margin-top:4.143em}
.social-media .social-item{margin-bottom:10px}
.social-media .social-item.small{height:19.286em}
.social-media .social-item.small .desc{max-height:7.857em}
.social-media .social-item.large .social-img{height:405px}
.social-media .social-item.large .desc{padding:15px 20px 75px;font-size:1.143em}
.social-media .social-item.yt{height:22.571em;border-top-left-radius:0;border-top-right-radius:10px;border-bottom-left-radius:0}
.social-media .social-item.yt .desc{font-size:1.714em;margin:2.917em .833em 3.75em;max-height:6.5em}
.social-media .social-item.yt .yt-embed-16by9{padding-bottom:55.75%}
.social-media .social-item.arrow-left .col-1,.social-media .social-item.arrow-right .col-1{float:left}
.social-media .social-item.arrow-left .col-1:before,.social-media .social-item.arrow-right .col-1:before{top:50%;margin-top:-15px;bottom:auto}
.social-media .social-item.arrow-left .col-1{border-top-left-radius:10px;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:0}
.social-media .social-item.arrow-left .col-1:before{right:0;left:auto;content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #ebebeb}
.social-media .social-item.arrow-right .col-2{border-top-left-radius:0;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:10px}
.social-media .social-item.arrow-right .col-2:before{left:15px;content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #ebebeb}
.social-media .social-item .col-1,.social-media .social-item .col-2{width:50%;height:100%}
.social-media .social-item .col-1>img,.social-media .social-item .col-2>img{height:100%}
.social-media .social-item .title{font-size:.929em}
}
.st-btn{min-width:50px !important}
.st-label,.st-shares{display:none !important}
.st-center{text-align:center}
.banner img{max-width:100%;display:block}
.banner .caption{background:#19516c;padding:1.429em 0;color:#fff;text-transform:uppercase}
.banner .text{display:block;margin-bottom:.571em;font-size:.786em;font-family:ITCFranklinGothicStdDemi}
.banner .title{font-size:2.143em;font-family:ITCFranklinGothicStdDemi;text-transform:none}
.banner .title img{max-width:111px}
@media only screen and (min-width:992px){.banner{position:relative}
.banner .image{background-position:center;background-size:cover;height:450px;max-width:1400px}
.banner .caption{position:absolute;top:2.857em;bottom:2.857em;left:0;right:0;overflow:hidden;background-color:transparent}
.banner .caption.blue .text,.banner .caption.blue .title{color:#056881}
.banner .caption.red .text,.banner .caption.red .title{color:#e62f46}
.banner .grid-fluid{display:table;height:100%;width:100%}
.banner .desc-banner{display:table-cell;vertical-align:middle}
.banner .text{max-width:50%;font-size:1em}
.banner .title{font-size:5.357em;line-height:1em;max-width:50%}
.banner .title img{max-width:100%}
}
.text-image{overflow:hidden;padding:1.786em 0}
.text-image .title-2{color:#19516c;font-size:1.714em;margin-bottom:.625em;font-family:ITCFranklinGothicStdDemi}
.text-image .image-wrap img{display:block;max-width:100%;margin-top:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.flexible-grid .text-image .image-wrap img{margin-left:auto;margin-right:auto}
.text-image .image-wrap.center-alg img{margin-left:auto;margin-right:auto}
.text-image .image-wrap.right-alg img{margin-left:auto;margin-right:0}
.text-image .button-group{margin-top:1.429em;margin-bottom:1.429em}
.text-image .button-group .link-1{width:100%;padding:0 1.429em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-image .desc .rich-editor-1 ol li,.text-image .desc .rich-editor-1 p,.text-image .desc .rich-editor-1 ul li{margin-bottom:.286em}
.text-image .image-wrap{margin-bottom:20px}
.text-image .desc{height:4.071em;overflow:hidden;position:relative}
.text-image .desc:before{content:"";position:absolute;left:0;right:0;bottom:-7px;height:70%;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,#fff 95%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(95%,#fff));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,#fff 95%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,#fff 95%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,#fff 95%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#ffffffff',GradientType=0)}
.text-image .desc.active{height:auto}
.text-image .desc.active:before{display:none}
.text-image .show-btn{margin-top:20px}
.text-image .text-image .image-wrap{margin:0}
.text-image .text-image .image-wrap img{margin-top:0;margin-bottom:0}
.text-image .text-comp,.text-image .text-image{padding:1.071em 0}
@media only screen and (min-width:992px){.text-image{padding:2.643em 0}
.text-image .title-2{margin-bottom:.5em;font-size:2.857em}
.text-image .image-wrap img{display:block;max-width:100%;margin-bottom:20px}
.text-image .button-group{margin-top:3.214em;margin-bottom:2.429em}
.text-image .button-group .link-1{width:auto;padding:0 2.286em;margin-right:2.143em}
.text-image .desc{height:auto}
.text-image .desc:before{display:none}
.text-image .desc .image-wrap{margin-top:7px}
.text-image .desc .rich-editor-1 ol li,.text-image .desc .rich-editor-1 ul li{margin-bottom:0}
.text-image .desc .rich-editor-1 p{margin-bottom:1.429em}
.text-image .wrapper .image-wrap{width:33.33%;float:left;margin-right:40px}
.text-image .wrapper .image-wrap img{max-width:100%}
.text-image .wrapper .desc{overflow:visible}
.text-image .wrapper .desc .rich-editor ol,.text-image .wrapper .desc .rich-editor ul{list-style-position:inside}
.text-image .wrapper .title-2{margin-left:33.33%;padding-left:40px}
.text-image .wrapper.image-right .image-wrap{float:right;margin-right:0;margin-left:40px}
.text-image .wrapper.image-right .desc .rich-editor ol,.text-image .wrapper.image-right .desc .rich-editor ul{list-style-position:outside}
.text-image .wrapper.image-right .title-2{margin-left:0;padding-left:0}
}
.tile-listing{-webkit-transform:translate3d(0,0,0)}
.tile-listing .load-more{width:100%}
.tile-listing .list-listing{margin-top:2.5em}
.tile-listing .item{-webkit-transform:translate3d(0,0,0)}
@media only screen and (min-width:992px){.tile-listing{margin-bottom:1.429em}
.tile-listing .list-listing{margin-top:4.286em}
}
.news-listing{font-family:ITCFranklinGothicStdMed;padding:2.143em 0}
.news-listing .heading-filter:after,.news-listing .heading-filter:before{display:table;content:""}
.news-listing .heading-filter:after{clear:both}
.news-listing .heading-filter .title-3{font-size:2.143em;color:#19516c}
.news-listing .heading-filter .title-3 span{color:#e42f46}
.news-listing .heading-filter .checkbox-filter .item{padding:0 1.786em}
.news-listing .rich-editor-2{font-size:1em}
.news-listing .content dl{overflow:hidden;border-top:1px solid #f0f1f1}
.news-listing .content dl:first-child{border:0}
.news-listing .content dl.chervron dd:before{content:'';width:18px;height:1pc;background:url(../../../content/dam/caltex/common/icon/news-listing.png) no-repeat;position:absolute;left:1.071em;top:1.143em}
.news-listing .content dl.caltex dd:before{content:'';width:20px;height:20px;background:url(headlibs/images/icon-caltex.png) no-repeat;background-size:100%;position:absolute;left:1.071em;top:1.143em}
.news-listing .content dl.price dd:before{content:'';width:23px;height:23px;background:url(headlibs/images/news-listing-1.png) no-repeat;position:absolute;left:1.071em;top:1.143em}
.news-listing .content dt{float:left;width:7.313em;padding:1.063em .938em 1.063em 0;font-size:1.143em}
.news-listing .content dd{position:relative;overflow:hidden;padding:3.357em 0 1.214em 1.071em}
.news-listing .content dd img{display:block;max-width:1.286em;margin-bottom:.857em}
.news-listing .content dd .external-link-icon{vertical-align:top}
@media only screen and (max-width:991px){.news-listing .heading-filter .dropdown-filter{margin:1.429em 0 2.143em}
}
@media only screen and (min-width:992px){.news-listing{padding-bottom:4.643em}
.news-listing .heading-filter .title-3{margin-bottom:0;font-size:2.143em;line-height:1.5em;max-width:38%}
.news-listing .heading-filter .custom-dropdown{width:12.857em;float:right;margin-bottom:2.5em}
.news-listing .heading-filter .dropdown{width:11.125em}
.news-listing .heading-filter .filter{float:right}
.news-listing .heading-filter .filter .checkbox-filter{float:left}
.news-listing .heading-filter .filter .checkbox-filter .item{padding-right:0}
.news-listing .heading-filter .filter .checkbox-filter .dropdown{width:auto}
.news-listing .heading-filter .filter .checkbox-filter .dropdown .dropdown-select{display:block;position:static;border:0;padding:15px 0}
.news-listing .heading-filter .filter .checkbox-filter .dropdown .dropdown-select .checkbox{display:inline-block;margin-right:1.429em}
.news-listing .heading-filter .filter .checkbox-filter .dropdown .dropdown-select .checkbox .text{font-family:ITCFranklinGothicStdBook;color:#666}
.news-listing .heading-filter .filter .checkbox-filter .dropdown .dropdown-select .checkbox:last-child{margin-right:5px}
.news-listing .heading-filter .filter .checkbox-filter .dropdown .dropdown-select .checkbox input[type=checkbox]~.text{padding-left:1.786em}
.news-listing .rich-editor-2{margin:0 2.143em .714em;font-size:1.143em}
.news-listing .link-4{margin-left:2.143em}
.news-listing .content dl.chervron,.news-listing .content dl.price{left:2.5em;top:1.429em}
.news-listing .content dt{width:8.563em;padding-right:2.188em}
.news-listing .content dd{padding:1.214em 0 1.214em 2.5em}
.news-listing .content dd img{float:left;margin-bottom:0}
}
.history-timeline{position:relative}
.history-timeline:before{content:"";display:block;position:absolute;left:0;bottom:0;z-index:1;width:100%;height:90pt;background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%)}
.history-timeline .grid-fluid{overflow:hidden}
.history-timeline .nav-tabs{margin:0 -1.429em;overflow-x:auto}
.history-timeline .nav-tabs::-webkit-scrollbar{display:none}
.history-timeline .nav-tabs ul{display:table;width:100%}
.history-timeline .nav-tabs li{display:table-cell;border-spacing:0;vertical-align:middle}
.history-timeline .nav-tabs li .no-touch a:hover,.history-timeline .nav-tabs li.active a{background-color:#e42f46;color:#fff}
.history-timeline .nav-tabs li:first-child a{padding-left:2.125em}
.history-timeline .nav-tabs a{display:inline-block;width:100%;padding:0 1.5em;background-color:#e6e6e6;font-family:ITCFranklinGothicStdMed;font-size:1.143em;line-height:3.5em;color:#999;text-align:center;vertical-align:middle}
.history-timeline .tab-content{padding-top:1.786em;max-height:73.214em;margin-right:-21.429em;overflow-y:auto}
.history-timeline .tab-content .group-event:last-child{padding-bottom:75pt}
.history-timeline .panel-heading{font-family:ITCFranklinGothicStdMed}
.history-timeline .panel-heading p{display:inline-block;font-size:1.429em;line-height:1.75em;border-bottom:3px solid #ccc;color:#bdbdbd}
.history-timeline .panel-heading a{display:block;position:relative;padding:.813em 3.438em 1em;margin-top:.938em;font-size:1.143em;line-height:1.313em;border-bottom:1px solid #e1e3e4}
.history-timeline .panel-heading a:before{content:"";display:block;position:absolute;right:9pt;bottom:1pc;width:1pc;height:10px;background:url(headlibs/images/arrow-toggle-history.png) no-repeat 0 0}
.history-timeline .tab-pane{padding-right:21.429em}
.history-timeline .tab-pane .history-item.no-detail .panel-heading a{cursor:default}
.history-timeline .tab-pane .history-item.no-detail .panel-heading a:before{display:none}
.history-timeline .tab-pane.active{display:block}
.history-timeline .tab-content>.tab-pane{display:block}
.history-timeline .tab-content>.active{display:block}
.history-timeline .tab-pane .history-item.active .panel-heading p,.history-timeline .tab-pane .history-item.hightlight .panel-heading p{border-color:#19516c;color:#e42f46}
.history-timeline .tab-pane .history-item.active .panel-heading a,.history-timeline .tab-pane .history-item.hightlight .panel-heading a{color:#e42f46}
.history-timeline .tab-pane .history-item.active .panel-heading a:before,.history-timeline .tab-pane .history-item.hightlight .panel-heading a:before{background-position:-20px 0}
.history-timeline .tab-pane .history-item.active .panel-heading a{background-color:#f0f1f1}
.history-timeline .tab-pane .history-item.active .panel-heading a:before{background-position:-40px 0}
.history-timeline .toggle-content{display:none;overflow:hidden;background-color:#f0f1f1;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.history-timeline .toggle-content .image img{width:100%}
.history-timeline .toggle-content .description{padding:.867em 1.667em 1.067em;font-size:1.071em;line-height:1.533em}
@media only screen and (min-width:992px){.history-timeline .nav-tabs{margin:0}
.history-timeline .nav-tabs li:first-child a{border-top-left-radius:28px;border-bottom-left-radius:28px}
.history-timeline .nav-tabs li:last-child a{border-top-right-radius:28px;border-bottom-right-radius:28px}
.history-timeline .tab-content{max-height:550px;padding-top:2.857em}
.history-timeline .group-event{padding-top:4.643em}
.history-timeline .group-event:first-child{padding-top:0}
.history-timeline .history-item{padding:0 11.071em 0 13.929em}
.history-timeline .panel-heading{position:relative}
.history-timeline .panel-heading p{position:absolute;font-size:1.714em;left:-4.167em;bottom:0}
.history-timeline .panel-heading a{font-size:1.286em;padding:.556em 5.556em .556em 1.389em;margin-top:0}
.history-timeline .panel-heading a:before{bottom:.556em}
.no-touch .history-timeline .panel-heading:hover p{border-color:#19516c;color:#e42f46}
.no-touch .history-timeline .panel-heading:hover a{background-color:#f0f1f1;color:#e42f46}
.no-touch .history-timeline .panel-heading:hover a:before{background-position:-20px 0}
.history-timeline .toggle-content .description{overflow:hidden;font-size:1.143em}
.history-timeline .toggle-content .image{float:right;max-width:295px}
}
.text-comp{padding:1.786em 0 0}
.text-comp .button-group{margin-top:1.429em;margin-bottom:1.429em}
.text-comp .button-group .link-1{width:100%;padding:0 1.429em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-comp .text-comp,.text-comp .text-image{padding:1.071em 0}
@media only screen and (min-width:992px){.text-comp{padding:2em 0 0}
.text-comp .button-group{margin-top:3.214em;margin-bottom:2.429em}
.text-comp .button-group .link-1{width:auto;padding:0 2.286em;margin-right:2.143em}
.text-comp .rich-editor-3 h1{letter-spacing:-.6px;line-height:1.3;margin-top:35px;margin-bottom:35px}
}
.word-break{width:150px;word-break:break-all}
@media only screen and (max-width:480px){.announcement{background-color:#f6bb42;padding:10px;text-align:center;margin-top:-25px;margin-left:-20px;margin-right:-20px}
}
@media only screen and (min-width:481px){.announcement{background-color:#f6bb42;padding:10px;text-align:center;margin-top:-25px;margin-left:-20px;margin-right:-20px}
}
@media only screen and (min-width:769px){.announcement{background-color:#f6bb42;padding:10px;text-align:center;margin-top:-25px;margin-left:-20px;margin-right:-20px}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.announcement{background-color:#f6bb42;padding:10px;text-align:center;margin-top:-28px;margin-left:-105px;margin-right:-105px}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.announcement{background-color:#f6bb42;padding:10px;text-align:center;margin-top:-28px;margin-left:-105px;margin-right:-105px}
}
@media only screen and (min-width:1280px){.announcement{background-color:#f6bb42;padding:20px;text-align:center;margin-top:-28px;margin-left:-203px;margin-right:-203px}
}
.author-bio img{max-width:80px;max-height:80px;margin-top:-40px;align-self:center;width:80px;height:80px;border-radius:50%}
.author-bio__container{background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;flex-direction:column;padding:0 54px 23px 54px}
.author-bio{padding-top:40px;position:relative}
.author-bio__text{margin-top:20px;text-align:center;font-style:italic;font-size:12px}
.article{overflow:hidden;border-bottom:1px solid #f0f1f1;padding-top:20px;padding-bottom:10px;padding-left:20px}
.articles-list{font-family:ITCFranklinGothicStdMed;width:80%}
.category{padding-bottom:30px}
.image-component img{display:block;margin:0 auto;max-width:100%;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.navigation .toggle-btn{display:block;width:100%;background:#e62f46;padding:1.111em 2.222em 1.111em 1.111em;color:#fefefe;position:relative;font-size:1.286em}
.navigation .toggle-btn:before{content:"";width:1pc;height:9px;position:absolute;top:50%;right:20px;margin-top:-5px;background:url(headlibs/images/icon-arrow-toggle-1.png) no-repeat;background-position:0 0}
.navigation .navigation-list li{padding:.833em 1.111em;font-size:1.286em}
.navigation .navigation-list li.active{background-color:#e62f46}
.navigation .navigation-list li.active a{color:#fefefe}
.navigation .navigation-list li a{color:#999}
.navigation .navigation-block.active .toggle-btn:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
@media only screen and (max-width:991px){.navigation .navigation-list{padding:1.429em 0}
}
@media only screen and (min-width:992px){.navigation .navigation-list{display:table;width:100%;background:#f0f1f1;border-bottom:1px solid #ddd;table-layout:fixed}
.navigation .navigation-list li{display:table-cell;vertical-align:middle;padding:0;height:3em;font-size:1.429em;text-align:center;border-left:1px solid #ddd}
.navigation .navigation-list li a{height:100%;width:100%;display:table;padding:.5em}
.navigation .navigation-list li a span{display:table-cell;vertical-align:middle}
.navigation .navigation-list li:first-child{border-left:0}
.navigation .navigation-list li.active,.no-touch .navigation .navigation-list li:hover{background-color:#e62f46;transition:background-color .3s linear}
.navigation .navigation-list li.active a,.no-touch .navigation .navigation-list li:hover a{color:#fefefe}
}
.sg-traffic{-webkit-transform:translate3d(0,0,0)}
.sg-traffic .list-listing{margin-top:2.429em}
.sg-traffic .item{-webkit-transform:translate3d(0,0,0)}
@media only screen and (min-width:992px){.sg-traffic .list-listing{margin-top:3.571em;margin-bottom:2.5em}
.sg-traffic .thumbnails-1 .caption .desc{margin-bottom:0}
}
.promotions .dropdown-select{padding:.357em 2.143em 1.786em 2.143em;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:none}
.promotions .dropdown-select .item{overflow:hidden;margin-bottom:1.071em}
.promotions .title-list{margin-bottom:1.188em;font-size:1.143em;font-family:ITCFranklinGothicStdMed;color:#003740}
.promotions .group-button .link-1{margin-right:0;width:100%;margin-bottom:.909em;font-size:.786em;height:4.091em;line-height:4.091em}
@media only screen and (max-width:991px){.promotions .heading-filter .custom-dropdown{display:block;margin:1.286em 0 2.857em 0}
}
@media only screen and (min-width:992px){.promotions .heading-filter .title-3{margin-top:-.143em;line-height:1;padding-top:0}
.promotions .custom-dropdown{width:33.571em}
.promotions .dropdown-select{overflow:hidden;padding-bottom:1.429em}
.promotions .dropdown-select .item{width:42%;float:left;padding-left:2.143em}
.promotions .dropdown-select .item:first-child{width:58%;padding-left:0}
.promotions .list-checkbox{position:relative}
.promotions .list-checkbox:before{content:'';position:absolute;top:0;left:-29px;bottom:10px;background-color:#ebebeb;height:100%;width:1px;z-index:1}
.promotions .group-button{overflow:hidden;clear:both}
.promotions .group-button .link-1{float:left;width:50%;max-width:17.909em}
.promotions .group-button .link-1:first-child{float:right}
}
.fuel-price{padding-top:1.071em;padding-bottom:1.071em}
.fuel-price .title-2{font-size:2.143em}
.fuel-price .price-header{margin:0 0 .714em;text-transform:uppercase;color:#000;text-align:center}
.fuel-price .price-header h3{font-size:.857em;font-family:ITCFranklinGothicStdMed;line-height:1.3;text-align:left}
.fuel-price .first-col{text-align:left}
.fuel-price .price-detail{background-color:#fff;text-align:center}
.fuel-price .price-detail .price-item{border-bottom:1px solid #f0f1f1;position:relative;line-height:1.1}
.fuel-price .price-detail .price-item:last-child{border-bottom:0}
.fuel-price .price-detail .price-item .icon-fuel{width:3em;height:2.5em;display:block;position:absolute;top:0}
.fuel-price .price-detail .price-item .icon-fuel img{max-height:100%;display:block}
.fuel-price .price-detail .price-item .wrapper{height:8.077em;padding:.769em 0;font-size:.929em;width:100%;display:table}
.fuel-price .price-detail .price-item .wrapper p{display:table-cell;vertical-align:middle;text-align:left}
.fuel-price .info-text{margin-top:1.071em}
.fuel-price .info-text p{line-height:1.3;margin-bottom:1.071em}
@media only screen and (min-width:992px){.fuel-price{padding-top:3.214em;padding-bottom:1.071em}
.fuel-price .grid-fluid{max-width:980px}
.fuel-price .price-header{margin:1.071em 0 1.786em}
.fuel-price .price-header h3{font-size:1.143em;text-align:center}
.fuel-price .price-header .first-col h3{text-align:left}
.fuel-price .first-col p{padding-left:3.929em}
.fuel-price .price-detail .price-item .icon-fuel{width:auto;height:auto;top:40%;margin-top:-9pt}
.fuel-price .price-detail .price-item .wrapper{height:4.444em;font-size:1.143em}
.fuel-price .price-detail .price-item .wrapper p{text-align:center}
.fuel-price .price-detail .price-item .first-col p{text-align:left}
.fuel-price .info-text{margin-top:1.786em}
.fuel-price .info-text p{font-size:1.286em}
}
.title-widget-description{font-size:.6em;color:#204d74}
.partner-list{-webkit-transform:translate3d(0,0,0);background-color:#f8f8f8;padding-bottom:2.857em}
.partner-list .title-2{display:table-header-group}
.partner-list .image-list .item{-webkit-transform:translate3d(0,0,0);position:relative;height:15.357em;list-style:none;text-align:center;overflow:hidden}
.partner-list .image-list .item:after{content:"";position:absolute;bottom:0;left:50%;height:1px;width:8.571em;margin-left:-4.286em;background:radial-gradient(#dcdede 30%,#fff 100%)}
.partner-list .image-list .item:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.partner-list .image-list .item:last-child:after{content:none}
.partner-list .image-list a{display:inline-block;transition:all .5s ease-out;width:100%;height:100%}
.partner-list .image-list a img{vertical-align:middle;max-width:90pt}
.partner-list .dropdown{margin-top:2.5em}
.partner-list .load-more{width:100%}
@media only screen and (min-width:992px){.partner-list .title-2{margin-right:500px}
.partner-list .image-list .item{float:left;width:25%;height:16.429em}
.partner-list .image-list .item:after{left:auto;right:0;bottom:50%;width:1px;height:8.571em;margin-bottom:-4.286em;margin-left:0}
.partner-list .image-list .item:nth-child(4n):after{content:none}
.partner-list .dropdown-filter{width:19.286em}
.partner-list .dropdown-filter .dropdown{margin-top:0}
}
.partner-detail{padding:1.786em 0 2.143em}
.partner-detail h3{margin-top:1.458em;font-size:1.714em;font-family:ITCFranklinGothicStdMed;color:#01526d}
.partner-detail .item:first-child h3{margin-top:0}
.partner-detail .dropdown{margin-top:1.071em}
.partner-detail .search{display:block;position:relative;width:100%;outline:0;background-color:#fff;padding:0 1.563em;margin-top:.938em;line-height:2.813em;border:1px solid #d0d0d0;color:#999;text-align:left;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.partner-detail .search input{width:100%;height:2.813em;line-height:2.813em;border:0;font-size:1.143em}
.partner-detail .search .btn-search{position:absolute;right:15px;top:50%;width:9pt;height:9pt;margin-top:-6px;background:url(headlibs/images/icon-search-btn.png) no-repeat 0 0;border:0}
.partner-detail .outlet-list li{padding-top:.714em}
.partner-detail .outlet-list li:nth-child(3n+1){margin-top:.714em}
.partner-detail .outlet-list a{font-family:ITCFranklinGothicStdMed;color:#0d79a0}
.no-touch .partner-detail .outlet-list a:hover{color:#666}
.partner-detail .partner-list-detail .title-2{font-size:2.143em;font-family:ITCFranklinGothicStdDemi}
.partner-detail .partner-list-detail .image-wrap{margin-bottom:0}
.partner-detail .partner-list-detail .partner-widget .link-4{margin-top:0}
@media only screen and (min-width:992px){.partner-detail{padding:3.571em 0 7.143em}
.partner-detail h2{display:block}
.partner-detail h3{padding-top:1.214em;margin:0}
.partner-detail .dropdown-filter{float:right;margin-left:.714em}
.partner-detail .dropdown{float:left;width:19.286em;margin:0 .714em 0 0}
.partner-detail .search{display:inline-block;width:16.875em;margin:0}
.partner-detail .outlet-list{overflow:hidden;margin-top:.357em}
.partner-detail .outlet-list li{display:inline-block;width:24%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partner-detail .outlet-list li:nth-child(3n+1){margin-top:0}
.partner-detail .partner-list-detail .title-2{font-size:2.857em}
.heading-filter .title-3{width:43%}
}
.partners-rewards-detail{padding:2.143em 0}
.partners-rewards-detail .grid-fluid{position:relative}
.partners-rewards-detail .grid-fluid .col-md-10{position:static}
.partners-rewards-detail .title-2{font-size:2.143em;margin-bottom:.833em;font-family:ITCFranklinGothicStdMed}
.partners-rewards-detail .points{position:absolute;top:76px;right:15px;display:table;width:90pt;height:95px;border:1px dashed #e6e6e6;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#ccc;font-size:1.786em;text-align:center;text-transform:uppercase}
.partners-rewards-detail .points>span{display:table-cell;vertical-align:middle;font-family:ITCFranklinGothicStdBkCp;letter-spacing:5px}
.partners-rewards-detail .points .number{display:block;color:#e62f46;font-size:1.88em;font-family:ITCFranklinGothicStdBook;letter-spacing:normal}
.partners-rewards-detail .heading{margin-bottom:2.143em}
.partners-rewards-detail .heading .title-2{font-size:1.714em;font-family:ITCFranklinGothicStdDemi;margin-bottom:.833em}
.partners-rewards-detail .heading p{font-family:ITCFranklinGothicStdMed}
.partners-rewards-detail .details .desc{margin-bottom:1.429em;line-height:1.3}
.partners-rewards-detail .details .gift-id,.partners-rewards-detail .details .stock{margin-bottom:6px}
.partners-rewards-detail .details .gift-id>span,.partners-rewards-detail .details .stock>span{font-family:ITCFranklinGothicStdMed}
.partners-rewards-detail .link-1{width:100%;margin-top:2.5em}
@media only screen and (min-width:992px){.partners-rewards-detail{padding:3.929em 0 7.857em}
.partners-rewards-detail .grid-fluid .col-md-10{position:relative}
.partners-rewards-detail .title-2{font-size:2.857em;margin-bottom:3.333em}
.partners-rewards-detail .heading{margin-bottom:2.5em}
.partners-rewards-detail .heading .title-2{font-size:2.857em;margin-bottom:5px}
.partners-rewards-detail .details{line-height:1.5;font-size:1.143em}
.partners-rewards-detail .details .gift-id,.partners-rewards-detail .details .stock{margin-bottom:0}
.partners-rewards-detail .points{width:170px;height:140px;right:95px;top:auto}
.partners-rewards-detail .link-1{width:auto;margin-top:3.333em}
}
.partner-rewards{-webkit-transform:translate3d(0,0,0);padding:1.786em 0 3.571em}
.partner-rewards h2{color:#19516c;font-family:ITCFranklinGothicStdMed;font-size:2.143em;margin-bottom:1.067em}
.partner-rewards .dropdown-filter .dropdown{margin-top:1.071em}
.partner-rewards .dropdown-filter .dropdown:first-child{margin-top:0}
.partner-rewards .rewards-box{clear:both}
.partner-rewards .rewards-box .item{margin-top:2.857em;-webkit-transform:translate3d(0,0,0)}
.partner-rewards .reward{border:1px solid #e5e5e5;border-radius:.5em}
.partner-rewards .reward .reward-img{border-bottom:1px solid #e5e5e5;overflow:hidden;float:left;height:10em;width:50%;position:relative;text-align:center}
.partner-rewards .reward .reward-img:before{content:'';display:inline-block;vertical-align:middle;height:100%}
.partner-rewards .reward .reward-img img{max-width:100%;vertical-align:middle}
.partner-rewards .reward .category{border-bottom:1px solid #e5e5e5;height:10em;display:inline-block;width:50%;padding:0;text-transform:uppercase;border-left:1px dashed #e5e5e5}
.partner-rewards .reward .category .title{display:block;background-color:#b5b9bb;color:#fff;text-align:center;padding-top:.467em;padding-bottom:.467em;margin:0 -1px;font-family:ITCFranklinGothicStdMed;border-top-right-radius:.467em;font-size:.929em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partner-rewards .reward .category .points{display:block;padding-top:.769em;overflow:hidden;color:#b5b9bb;font-family:ITCFranklinGothicStdBkCp;font-size:1.857em;text-align:center;letter-spacing:5px}
.partner-rewards .reward .category .number{color:#e62f46;font-size:1.538em;display:block;overflow:hidden;font-family:ITCFranklinGothicStdBook;letter-spacing:normal;line-height:1.2}
.partner-rewards .detail{padding:1.429em}
.partner-rewards .detail h3{font-family:ITCFranklinGothicStdMed;font-size:1.143em;margin-bottom:.5em;color:#333}
.partner-rewards .detail p{font-family:ITCFranklinGothicStdBook;font-size:1em;margin-bottom:.714em;line-height:1.286em}
.partner-rewards .load-more{width:100%;margin-top:2.571em}
.partner-rewards .heading-filter .title-3{font-family:ITCFranklinGothicStdDemi}
@media(min-width:992px){.partner-rewards{padding:3.571em 0}
.partner-rewards .heading-filter .dropdown-filter{width:39.38596491%}
.partner-rewards .heading-filter .dropdown{float:left;margin-left:.929em;width:57.68374165%;margin-top:0}
.partner-rewards .heading-filter .dropdown:first-child{width:38.30734967%;margin-left:0}
.partner-rewards .reward{overflow:hidden;height:10em}
.partner-rewards .reward .reward-img{width:22.18181818%}
.partner-rewards .reward .category{width:29.09090909%;float:left;border:0;border-left:1px dashed #e5e5e5;border-right:1px dashed #e5e5e5}
.partner-rewards .reward .category .title{border-radius:0}
.partner-rewards .reward .detail{width:48.72727273%;float:left;border:0;padding-top:2em;padding-bottom:2em}
.partner-rewards .reward .detail p{margin-bottom:1.214em;height:2.571em;overflow:hidden}
.partner-rewards .reward .detail h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.partner-rewards .load-more{margin-top:4.643em}
}
.trip-planner{border-top:1px solid #ebebeb}
.trip-planner .icon-print{float:right}
.trip-planner .left-sidebar{min-height:550px;position:relative;overflow:hidden}
.trip-planner .map-block{height:270px;position:relative}
.trip-planner .map-block .map-canvas{position:absolute;top:0;right:0;left:0;bottom:0;height:100%}
.trip-planner .map-block .map-canvas .tooltip:before{content:'';display:block;width:0;height:0;position:absolute;top:auto;bottom:-7px;left:50%;margin-left:-4px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;z-index:1}
.trip-planner .map-block .map-canvas .tooltip .content{padding-left:.714em}
.trip-planner .map-block .map-canvas .tooltip .station-name{font-size:1.5em;color:#19516c;font-family:ITCFranklinGothicStdDemi;line-height:1.3;margin-bottom:.625em}
.trip-planner .map-block .map-canvas .tooltip .station-name img{width:1.375em;margin-right:.625em;vertical-align:middle}
.trip-planner .map-block .map-canvas .tooltip .link-route{font-size:.714em;font-family:ITCFranklinGothicStdMed;text-transform:uppercase;text-align:center;margin:1.071em 0 0}
.trip-planner .map-block .map-canvas .tooltip .close-btn{float:right}
.trip-planner .map-block .map-canvas .tooltip .required-text{color:#e42f46;margin-top:10px}
.trip-planner .map-block .map-canvas .tooltip .distance-text{margin-top:10px}
.trip-planner .location-block .location-title{background-color:#003740;padding:1.042em 0;text-align:center;font-size:1.714em;color:#fff}
.trip-planner .location-block .content{position:relative}
.trip-planner .location-block .content .direction-dotted{position:absolute;background:url(headlibs/images/icon-dot.png) repeat-y 0 0;top:20px;bottom:20px;left:17px;width:6px}
.trip-planner .location-block .content .location-group{padding-right:2.857em;max-height:2in;overflow:hidden;position:relative}
.trip-planner .location-block .content .location-group .location-inner{position:relative}
.trip-planner .location-block .content .input-group{font-family:ITCFranklinGothicStdMed;font-size:1.143em;width:100%;display:table;position:relative}
.trip-planner .location-block .content .input-group:-moz-placeholder{color:#666;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group::-moz-placeholder{color:#666;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group:-ms-input-placeholder{color:#666;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group::-webkit-input-placeholder{color:#666;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group .img-wrapper{position:relative;width:2.5em;display:table-cell;text-align:center;vertical-align:middle}
.trip-planner .location-block .content .input-group .img-wrapper .input-img{max-width:100%;height:1.25em}
.trip-planner .location-block .content .input-group .img-wrapper.add-des .input-img{width:13px;height:13px}
.trip-planner .location-block .content .input-group .group{overflow:hidden;border-top:1px solid #ebebeb}
.trip-planner .location-block .content .input-group.current-location .group{border-top:0}
.trip-planner .location-block .content .input-group.current-location .required-text:-moz-placeholder{color:#e42f46;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group.current-location .required-text::-moz-placeholder{color:#e42f46;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group.current-location .required-text:-ms-input-placeholder{color:#e42f46;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group.current-location .required-text::-webkit-input-placeholder{color:#e42f46;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .input-group input[type=text]{height:3.571em;font-size:1em;line-height:3.571em;width:100%;outline:0;border:0}
.trip-planner .location-block .content .add-destination{font-family:ITCFranklinGothicStdBook;color:#9d9c9c;padding-right:2.857em}
.trip-planner .location-block .content .add-destination:-moz-placeholder{color:#9d9c9c;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination::-moz-placeholder{color:#9d9c9c;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination:-ms-input-placeholder{color:#9d9c9c;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination::-webkit-input-placeholder{color:#9d9c9c;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination .group{border:0}
.trip-planner .location-block .content .add-destination .text-required:-moz-placeholder{color:#f13945;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination .text-required::-moz-placeholder{color:#f13945;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination .text-required:-ms-input-placeholder{color:#f13945;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .add-destination .text-required::-webkit-input-placeholder{color:#f13945;font-size:1.071em;font-family:ITCFranklinGothicStdBook;letter-spacing:inherit}
.trip-planner .location-block .content .icon-move{position:absolute;top:50%;margin-top:-10px;right:-30px}
.trip-planner .location-block .icon-remove{display:none}
.trip-planner .location-block.has-remove .icon-remove{display:block;position:absolute;top:50%;margin-top:-7px;right:-30px}
.trip-planner .location-block.has-remove .icon-move{display:none}
.trip-planner .planner-item .toggle-btn{display:block;position:relative;font-size:1.143em;padding:1.429em 2.857em 1.429em 1.429em;border-bottom:1px solid #fff;background-color:#f3f2f2;font-family:ITCFranklinGothicStdMed}
.trip-planner .planner-item .toggle-btn:after{content:'';display:block;position:absolute;top:50%;right:20px;width:1pc;height:8px;margin-top:-4px;background:url(headlibs/images/icon-arrow-toogle.png) no-repeat;transition:ease .2s all}
.trip-planner .planner-item.active .toggle-btn{color:#666;border-bottom:0}
.trip-planner .planner-item.active .toggle-btn:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.trip-planner .planner-item .toggle-content{display:none;overflow:auto;position:relative}
.trip-planner .planner-item .toggle-content .iScrollVerticalScrollbar{position:absolute;z-index:99;width:14px;bottom:10px;top:0;right:0;background-color:#fff;box-shadow:inset 3px 0 15px -8px rgba(0,0,0,.75)}
.trip-planner .planner-item .toggle-content .iScrollIndicator{width:7px;box-sizing:border-box;position:absolute;left:50%;margin-left:-3px;background-color:#c3c3c3;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.trip-planner .planner-item .toggle-content.no-scroll .iScrollVerticalScrollbar{background-color:transparent;box-shadow:none}
.trip-planner .planner-item.disabled .toggle-btn{color:#ddd}
.trip-planner .planner-item.disabled .toggle-btn:hover{color:#ddd;cursor:default}
.trip-planner .filter-block{padding:0 1.429em 1.429em}
.trip-planner .filter-block .group-button{text-align:center}
.trip-planner .filter-block .group-button .link-1.blue-1,.trip-planner .filter-block .group-button .link-1.red{min-width:0;width:calc((50% - 7px))}
.trip-planner .filter-block .group-button .link-1:last-of-type{margin-right:0}
.trip-planner .filter-list{padding-top:1.429em;border-bottom:1px solid #ebebeb}
.trip-planner .filter-list .filter-title{font-family:ITCFranklinGothicStdMed;font-size:1.143em;overflow:hidden}
.trip-planner .filter-list .link-4{text-transform:none;margin-left:.714em;float:right}
.trip-planner .filter-list .filter-content{padding-top:1.071em}
.trip-planner .filter-list .filter-content .right-col .checkbox-1{margin-left:1.071em;display:block}
.trip-planner .last-list{border-bottom:0}
.trip-planner .stations-block .station-detail{display:none;padding:1.429em}
.trip-planner .stations-block .station-detail .station-title{font-size:1.714em}
.trip-planner .stations-block .station-detail .info-content{margin-top:1.429em}
.trip-planner .stations-block .station-detail .distance-text{color:#999}
.trip-planner .stations-block .station-detail .info-detail{padding-top:1.429em}
.trip-planner .stations-block .station-detail .info-detail .info-title{font-family:ITCFranklinGothicStdDemi}
.trip-planner .stations-block .station-detail .info-detail .item{margin-bottom:1.429em}
.trip-planner .stations-block .station-detail .info-detail .item .img-wrapper{display:inline-block;vertical-align:top}
.trip-planner .stations-block .station-detail .info-detail .item .text-wrapper{display:inline-block;margin-left:1.071em}
.trip-planner .stations-block .station-detail .group-button{overflow:hidden}
.trip-planner .stations-block .station-detail .group-button .link-1{display:block;margin-right:0}
.trip-planner .stations-block .station-detail .group-button .link-1.red{width:auto}
.trip-planner .stations-block .station-title{font-family:ITCFranklinGothicStdDemi;font-size:1em;color:#19516c;margin:.357em 0 .714em}
.trip-planner .stations-block p{color:#000;line-height:1.5}
.trip-planner .stations-block .list-station .station-item{padding:1.429em .714em;border-bottom:1px solid #ebebeb;position:relative;display:table}
.trip-planner .stations-block .list-station .station-item:after{content:'';display:block;position:absolute;top:50%;right:20px;width:9px;height:1pc;margin-top:-8px;background:url(headlibs/images/icon-arrow-toggle-2.png) no-repeat;transition:ease .2s all}
.trip-planner .stations-block .list-station .station-item .img-wrapper{display:table-cell;padding-right:1.071em}
.trip-planner .stations-block .list-station .station-item .img-wrapper img{width:1.571em;height:1.571em}
.trip-planner .stations-block .list-station .station-item .text-wrapper{display:table-cell;vertical-align:middle;padding-right:2.857em;width:100%}
.trip-planner .stations-block .list-station .station-item .text-wrapper>span{display:block;margin-top:5px;font-size:.857em;color:#999}
.trip-planner .print{position:absolute;top:20px;right:20px}
.trip-planner .print .print-menu{display:none;position:absolute;right:0;top:25px;background:#fff;border:1px solid rgba(0,0,0,.2);z-index:3;padding:6px 0}
.trip-planner .print .print-menu li{white-space:nowrap;padding:4px 44px 4px 1pc;background:#fff}
.trip-planner .print .print-menu li:hover{background-color:#f1f1f1;border-color:#f1f1f1;color:#333;transition:background-color .3s linear;cursor:pointer}
.trip-planner .print.active .print-menu{display:block}
.trip-planner .direction-block{position:relative;color:#333}
.trip-planner .direction-block .direction-title{font-size:1.429em;font-family:ITCFranklinGothicStdDemi;margin:1em 3em 1em 1em;display:inline-block}
.trip-planner .direction-block .list-direction{padding-left:1.429em;padding-right:1.429em}
.trip-planner .direction-block .list-direction .route-info{list-style-type:decimal;padding-left:1.429em}
.trip-planner .direction-block .list-direction .route-info .info-content{border-bottom:1px solid #ebebeb;line-height:1.3;padding:1.429em 1.429em 1.429em 0}
.trip-planner .direction-block .list-direction .route-info .info-content .distance{display:block;font-size:.857em;color:#999}
.trip-planner .direction-block .list-direction>.item{border-top:1px solid #ebebeb}
.trip-planner .direction-block .list-direction .item{padding-top:1.429em;padding-bottom:1.429em}
.trip-planner .direction-block .list-direction .item .waypoint-address{padding-top:.714em;padding-bottom:.714em;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb}
.trip-planner .direction-block .list-direction .item .img-wrapper{display:table-cell;padding-right:1.071em;width:2.5em}
.trip-planner .direction-block .list-direction .item .img-wrapper .icon-marker{width:1.786em}
.trip-planner .direction-block .list-direction .item .img-wrapper img{display:block;max-width:100%;margin:0 auto}
.trip-planner .direction-block .list-direction .item .text-wrapper{display:table-cell;vertical-align:middle;line-height:1.4}
.trip-planner .direction-block .list-direction .item .text-wrapper p{color:#000}
.trip-planner .direction-block .list-direction .item .link-show{font-family:ITCFranklinGothicStdDemi;color:#0d79a0}
.trip-planner .direction-block .list-direction .item .item-title{font-size:1.143em;font-family:ITCFranklinGothicStdMed;color:#333}
.trip-planner .direction-block .list-direction .item:first-of-type{font-family:ITCFranklinGothicStdMed}
.trip-planner .advertisement{display:none;height:4.857em;padding:0 1.429em;margin:20px;background-color:#f4f4f4;border-top:1px solid #fff;position:relative;z-index:11;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.trip-planner .advertisement .img-wrapper img{position:absolute;bottom:0}
.trip-planner .advertisement .text-wrapper{color:#666;padding-left:4.429em;display:table-cell;height:4.857em;line-height:1.3;vertical-align:middle}
.trip-planner .advertisement .text-wrapper p{font-size:1em}
.trip-planner .advertisement .link-down{color:#666;font-family:ITCFranklinGothicStdMed;font-size:1.286em}
.trip-planner .advertisement .link-down img{margin-left:.357em}
.trip-planner .advertisement .img-link{position:absolute;top:7px;right:5px}
.trip-planner .btn-back{padding:1px 18px}
.trip-planner .btn-back:before{content:'';background:url(headlibs/images/icon-arrow-toogle.png) 0 -8px no-repeat;width:1pc;height:8px;margin-top:-4px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.ios .trip-planner .btn-back:before{margin-top:-6px}
.trip-planner .btn-full{display:block;color:#fff;font-size:.857em;text-transform:uppercase;font-family:ITCFranklinGothicStdDemi;text-align:center;padding:1.429em;background-color:#19516c;transition:ease .2s color}
.trip-planner .fuel-cost-block{font-family:ITCFranklinGothicStdMed;line-height:1.2}
.trip-planner .fuel-cost-block .item-fuel{padding:1.286em 1.429em;position:relative;padding-left:70px;border-bottom:1px solid #f3f3f3;background-color:#fff}
.trip-planner .fuel-cost-block .item-fuel:last-of-type{border-bottom:0}
.trip-planner .fuel-cost-block .item-fuel .icon-fuel{position:absolute;width:2pc;left:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.trip-planner .fuel-cost-block .item-fuel .icon-fuel img{max-width:100%}
.trip-planner .fuel-cost-block .fuel-name{color:#333;margin-bottom:5px;font-size:1em}
.trip-planner .fuel-cost-block .price{color:#999;text-transform:uppercase}
.trip-planner .direction-print{display:none;margin-top:40px}
.trip-planner .direction-print .list-direction{margin-top:30px}
.trip-planner .direction-print .link-show{display:none}
.trip-planner .direction-print .direction-title{margin:1em;line-height:1.2}
.trip-planner .direction-print .print,.trip-planner .station-print .print{position:static;text-align:center;margin:0 1.429em}
.trip-planner .direction-print .print>a,.trip-planner .station-print .print>a{display:block;margin-right:0}
.trip-planner .station-print{display:none;position:relative}
.trip-planner .station-print .heading{margin-bottom:15px}
.print-map .left-sidebar,.print-station-map .left-sidebar,.print-station-text .left-sidebar,.print-text .left-sidebar{display:none}
.print-map .direction-print,.print-text .direction-print{display:block}
.print-station-map .station-print,.print-station-text .station-print{display:block}
@media only screen and (min-width:992px){.trip-planner .planner-item .toggle-content{overflow:hidden}
.trip-planner .advertisement{margin:0;position:absolute;bottom:0;left:0;right:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.trip-planner .advertisement .img-wrapper img{left:2.5em}
.trip-planner .advertisement .text-wrapper{padding-left:6.429em}
.trip-planner .advertisement .link-down{font-size:1.286em}
.trip-planner .map-block{min-height:770px;width:74%;float:right}
.trip-planner .map-block .map-canvas .tooltip{min-width:22.143em}
.trip-planner .map-block .map-canvas .tooltip .link-route{font-size:.857em}
.trip-planner .map-block .banner-advertisement{height:2.941em;padding:0 .882em 0 1.176em;line-height:2.941em;color:#fff;font-family:ITCFranklinGothicStdMed;font-size:1.214em;background-color:#19516c;position:absolute;bottom:0;left:0;right:0;z-index:11}
.trip-planner .map-block .banner-advertisement p{display:inline-block}
.trip-planner .map-block .banner-advertisement .img-link{height:2.941em;float:right;margin-right:1.176em}
.trip-planner .map-block .banner-advertisement .img-link:first-of-type{margin-right:0}
.trip-planner .map-block .banner-advertisement .img-link img{vertical-align:middle}
.trip-planner .map-block .banner-advertisement .phone-img{width:4.353em;margin-right:2.353em;position:relative}
.trip-planner .map-block .banner-advertisement .phone-img img{position:absolute;bottom:0}
.trip-planner .direction-block .list-direction{padding-right:1.429em}
.trip-planner .left-sidebar{width:26%;height:770px}
.trip-planner .location-block .content .add-destination{margin-left:.357em}
.trip-planner .location-block .content .location-group .location-inner{margin-left:.357em}
.trip-planner .location-block .location-title{display:none}
.trip-planner .filter-list .link-1{min-width:150px}
.no-touch .trip-planner .stations-block .station-item:hover{cursor:pointer}
.no-touch .trip-planner .stations-block .station-item:hover:after{right:15px}
.trip-planner .stations-block .station-item .text-wrapper{padding-right:4.286em}
.trip-planner .direction-print .print,.trip-planner .station-print .print{position:absolute;top:20px;margin:0}
.trip-planner .direction-print .print>a,.trip-planner .station-print .print>a{display:inline-block;margin-right:8px}
.trip-planner .direction-print .direction-title{max-width:50%}
.print-station-text .map-block,.print-text .map-block{display:none}
}
.destinations{-webkit-transform:translate3d(0,0,0)}
.destinations .item{-webkit-transform:translate3d(0,0,0)}
@media only screen and (min-width:992px){.destinations .heading-filter .dropdown{width:16.813em}
}
.partner-widget{padding-bottom:2.857em}
.partner-widget .link-4{position:relative;display:inline-block;margin:30px 0;padding-left:17px;font-family:ITCFranklinGothicStdMed;font-size:1em;white-space:nowrap}
.partner-widget .link-4:before{content:'';background:url(headlibs/images/icon-arrow-partner.png) no-repeat 0 0;width:7px;height:13px}
.partner-widget .logo-image img{max-width:100%}
.partner-widget .outlets-number{display:inline-block;border-top:3px solid #19516c;padding-top:1.429em;margin-top:1.429em;font-family:ITCFranklinGothicStdMed;color:#19516c;text-transform:uppercase}
.partner-widget .outlets-number span:first-child{margin-right:.357em}
.partner-widget .social-share{margin-top:1.429em}
.partner-widget .social-share p{display:inline-block;line-height:2.857em;margin-right:1.071em;vertical-align:middle;font-family:ITCFranklinGothicStdDemi;color:#a6a5a5;text-transform:uppercase;letter-spacing:.214em}
.partner-widget .social-share .social-link,.partner-widget .social-share img,.partner-widget .social-share li{display:inline-block;vertical-align:middle}
.partner-widget .social-share li{margin-right:.714em}
.partner-widget .social-share a{display:inline-block;width:40px;height:40px;background-color:#e6e6e6;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;text-align:center}
.partner-widget .social-share a:before{display:inline-block;vertical-align:middle;content:"";height:40px}
@media only screen and (min-width:992px){.partner-widget .link-4{position:absolute;top:-3.714em;right:1.429em;margin:0}
.partner-widget .link-4:before{content:"‹";width:3px;height:2px;line-height:2px;left:9px}
.partner-widget .logo-image{text-align:right}
.partner-widget .outlets-number{float:right}
.partner-widget .social-share{margin-top:0;clear:both;float:right}
.partner-widget .social-share p{display:block;margin:.714em 0 0}
.partner-widget .social-share .social-link{display:block}
.partner-widget .social-share li{display:block;margin:1.071em 0 0;text-align:right}
.partner-widget .social-share li:first-child{margin:0}
.no-touch .partner-widget .social-share li a:hover img{-webkit-animation:hvr-pulse-grow .3s linear;animation:hvr-pulse-grow .3s linear}
}
.contact-us{padding:2.143em 0 4em}
.contact-us .title-3{margin-bottom:.833em}
.contact-us .content{padding-left:4px;margin-left:-2px;margin-right:-2px;overflow:hidden}
.contact-us .dropdown .btn-dropdown{width:99%}
.contact-us .nav-tabs{margin:0 -1.429em}
.contact-us .nav-tabs .inner{background-color:#f0f1f1;padding:2.643em 1.429em;text-align:center}
.contact-us .nav-tabs .inner .title-tab{display:block;margin-bottom:.714em;font-size:1.5em;font-family:ITCFranklinGothicStdMed}
.contact-us .nav-tabs .inner .link-1{margin:0 0 .714em .714em}
.contact-us .nav-tabs .inner .link-1.active{border:1px solid #003740;background-color:#003740}
.no-touch .contact-us .nav-tabs .inner .link-1.active:hover{border:1px solid #003740;background-color:#003740;color:#fff}
.contact-us .tab-content .tab-pane{display:none}
.contact-us .tab-content .tab-pane.active{display:block}
.contact-us .tab-content .rich-editor-7{margin-bottom:3.214em}
.contact-us .tab-content .captcha,.contact-us .tab-content .message-txtarea,.contact-us .tab-content .motorist-text{display:none}
.contact-us .text-element{font-size:1em;line-height:1.286em;margin-bottom:1.429em}
.contact-us .text-element a{color:#0d79a0}
.contact-us .text-element a:hover{text-decoration:underline}
.contact-us .link-1{float:right;min-width:11.25em}
.contact-us .contact-form{padding-top:1.071em}
.contact-us .contact-form .phone-group{margin-bottom:0}
.contact-us .contact-form .phone-group .form-control{width:49%}
.contact-us .contact-form .phone-group .form-control.size-6{width:99%;padding-left:2em}
.contact-us .contact-form .phone-group .size-1{float:right}
.contact-us .contact-form .phone-group .size-2{width:100%;margin-top:.5em}
.contact-us .contact-form .checkbox{margin-bottom:0;padding-top:0}
.contact-us .contact-form .checkbox-1 input[type=checkbox]+.text{font-size:1.143em}
.contact-us .contact-form textarea{resize:vertical}
.contact-us .custom-radio{float:left}
.contact-us .dropdown .dropdown-select{padding-bottom:30px !important}
.col-md-3.hidden-sm.hidden-xs{display:block !important}
@media only screen and (min-width:992px){.contact-us{padding:4.286em 0 5.714em}
.contact-us .col-md-3{width:350px}
.contact-us .nav-tabs{margin:0}
.contact-us .nav-tabs .inner{border-radius:15px}
.contact-us .nav-tabs .inner .button-element,.contact-us .nav-tabs .inner .title-tab{display:inline-block}
.contact-us .nav-tabs .inner .link-1{margin-bottom:0}
.contact-us .content{padding-left:0;margin-left:0;margin-right:0}
.contact-us .text-element{font-size:1.143em;line-height:1.25em}
.contact-us .contact-form .phone-group{margin-bottom:25px}
.contact-us .contact-form .phone-group .form-control.form-control-small{width:27%}
.contact-us .contact-form .phone-group .form-control.size-5{width:24%}
.contact-us .contact-form .phone-group .form-control.size-6{width:46%;margin-left:-1px;padding-left:2em}
.contact-us .contact-form .phone-group .size-1{max-width:6.25em}
.contact-us .contact-form .phone-group .size-2{max-width:12.375em;padding:0 1.563em;margin-top:0}
.contact-us .contact-form .group-element{width:80%}
.contact-us .contact-form .label-1{width:20%}
.contact-us .captcha{float:right;max-width:31.786em;margin-right:.357em}
.contact-us .form-group{margin-bottom:2.5em}
.contact-us .right-side .text-comp .button-group{margin-right:0;margin-top:0}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.contact-us .right-side .text-comp .button-group{margin-right:0;margin-top:0}
}
.partner-list-detail{padding:0}
.partner-list-detail .list-content{padding-bottom:2.857em;border-bottom:1px solid #e7e7e7}
@media only screen and (min-width:992px){.partner-list-detail{padding-top:7.857em}
}
.star-card{font-family:ITCFranklinGothicStdMed}
.star-card .fieldset-1{position:relative}
.star-card .fieldset-1 .edit-btn{position:absolute;top:5px;right:10px}
.star-card .title-3{color:#19516c;font-size:1.714em;line-height:1.25em;margin-bottom:.792em;margin-top:1.5em}
.star-card .steps{margin-left:0;margin-bottom:1.429em;overflow:hidden;list-style-type:decimal;list-style-position:inside}
.star-card .steps li{padding:.786em 1.786em;background:#e5e5e5;color:#666}
.star-card .steps li>a{color:#666;font-size:1em;cursor:default}
.star-card .steps li.active{background:#e62f46;color:#fff}
.star-card .steps li.active>a{color:#fff}
.star-card .mandatory{color:#999}
.star-card .company-details .form-group.has-info .icon-info{left:70px}
.star-card .company-details .form-group .label-1{line-height:1.5em}
.star-card .company-details .form-group.no-margin{margin-bottom:0}
.star-card .company-details .input-element,.star-card .company-details .label-1{float:none}
.star-card .company-details .input-element.tyle-1 .dropdown,.star-card .company-details .input-element.tyle-1 .textarea{margin-bottom:.714em}
.star-card .company-details .input-element.style-2 .form-control{width:42%;float:left}
.star-card .company-details .input-element.style-2 .form-control.size-1{width:56%;float:right}
.star-card .company-details .input-element.style-2 .form-control.form-control-small-1{padding:0 .714em}
.star-card .company-details .input-element.style-3 .textarea{margin-bottom:.714em}
.star-card .company-details .checkbox-1{margin-bottom:.714em}
.star-card .company-details .checkbox-1 input[type=checkbox]~.text{font-size:1.143em}
.star-card .company-details .link-1{float:right;min-width:11.25em;margin-right:0}
.star-card .company-details .fieldset-1:first-child .legend{border-top:0;padding-top:0}
.star-card .tab-content{margin-top:2.5em}
.star-card .tab-content .tab-pane{display:none}
.star-card .tab-content .tab-pane.active{display:block}
.star-card .company-details .star-card-2 .form-group.has-info .icon-info{left:90pt;top:-38px}
.star-card .company-details .star-card-2.accordion .item{position:relative}
.star-card .company-details .star-card-2.accordion .item.active{padding-bottom:7px}
.star-card .company-details .star-card-2 .tab-content{margin-top:0}
.star-card .company-details .star-card-2 .tab-content .active{border-top:1px solid #e2e2e2}
.star-card .company-details .star-card-2 .form-group{margin-bottom:.5em}
.star-card .company-details .edit-btn.link-1{min-width:60px}
.star-card .desc{font-family:ITCFranklinGothicStdBook;font-size:1.143em;line-height:24px;padding-top:17px}
.star-card .desc p{padding-bottom:24px}
.submit{display:none}
.group-radio .custom-radio{display:inline-block;margin-right:0;margin-left:0}
.group-radio .custom-radio:last-child{margin-left:-.357em}
.group-radio .custom-radio label{font-size:1.143em}
.group-radio .custom-radio label>span{width:88px;height:47px;margin-right:0;background-color:#fff;vertical-align:middle;text-align:center;padding:1pc}
.group-radio .custom-radio input[type=radio]{display:none}
.group-radio .custom-radio input[type=radio]:checked+label>span{background-color:#898989;border:1px solid #898989;color:#fff}
.group-radio .custom-radio .yes-btn+label span{border-top-left-radius:20px;border-top-right-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:0}
.group-radio .custom-radio .no-btn+label span{border-top-left-radius:0;border-top-right-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:20px}
.accordion .item{position:relative}
.delete-btn{display:block;position:absolute;top:8px;right:36px;color:transparent}
.delete-btn:hover{color:transparent}
.icon-trash{width:27px;height:18px;background:url(headlibs/images/trash.png) no-repeat;background-size:100% 100%}
.edit-btn{display:none}
.edit-btn.link-1{height:auto;padding:5px;margin:0;line-height:1;width:auto}
.card-tab{padding-bottom:22px}
.card-tab .label-1{padding-bottom:8px}
.card-tab .form-control{display:inline-block;margin-top:0;padding:0 20px}
.card-tab .form-control.active{background-color:#898989;color:#fff}
.card-tab .form-control:focus{border-color:#d0d0d0}
.card-tab .left-btn{width:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-width:0}
.card-tab .middle-btn{width:100%;border-radius:0;border-bottom-width:0}
.card-tab .right-btn{width:100%;border-top-left-radius:0;border-top-right-radius:0}
.group-product{padding-top:9pt;padding-bottom:28px}
.group-product .label-1{vertical-align:top}
.group-product small{font-size:.875em}
.group-product .item{width:100%;margin-left:0}
.group-product .item:first-child{padding-bottom:3px;border-bottom:1px solid #e1e3e4}
.group-product .item .checkbox{width:100%}
.gray .card-tab .form-control.active{background-color:#898989}
.gray .form-group .form-control{background-color:#f2f2f2}
.gray .dropdown .btn-dropdown{background-color:#f2f2f2}
.gray .checkbox input[type=checkbox]+.text:before{background-color:#f2f2f2}
.gray .group-radio .custom-radio label>span{background-color:#f2f2f2}
.gray .link-1.blue-2{background-color:#f2f2f2}
.addr-group.form-group.has-success .group-element:before{top:82%}
.dropdown-group.form-group.has-success .group-element:before{display:none}
@media only screen and (max-width:991px){.form-group-1 input:first-child{margin-right:.214em}
.form-group-1 .input-1{width:60%;float:left}
.form-group-1 .input-2{width:38%;float:left}
.final-step .accordion .item.active .edit-btn{display:block}
.star-card .form-group .label-1{padding-right:4.286em}
.star-card .accordion .toggle-content{padding-left:.714em;padding-right:.714em}
.star-card .accordion.star-card-2 .item.active .edit-btn{display:none}
.star-card .steps li:first-child{border-top-left-radius:20px;border-top-right-radius:20px}
.star-card .steps li:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.company-details .form-group{margin-bottom:2.143em}
.company-details .form-group.has-info .input-element:before{top:-34px;left:94px}
.company-details .form-group .input-element.tyle-1 .dropdown,.company-details .form-group .input-element.tyle-1 .textarea{margin-bottom:1.071em}
.company-details .form-group.next{margin-top:2.5em}
.star-card-acd .toggle-content{padding-top:1.429em;padding-bottom:1em}
}
@media only screen and (min-width:992px){.final-step .next{display:none}
.final-step .next.submit{display:block}
.final-step .edit-btn{display:block}
.final-step .delete-btn{display:none}
.group-radio .custom-radio:last-child{margin-left:-1px}
.group-radio .custom-radio label>span{width:110px}
.card-tab .form-control{text-align:center;padding:0 .714em}
.card-tab .left-btn{width:28%;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:20px;border-bottom-width:1px}
.card-tab .middle-btn{width:29%;border-radius:0;margin-left:-1px;border-bottom-width:1px;padding:0 .214em}
.card-tab .right-btn{width:43%;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:20px;margin-left:-1px}
.star-card .fieldset-1 .edit-btn{position:absolute;top:-28px;right:40px}
.star-card .company-details .star-card-2 .form-group.has-info .icon-info{left:auto;top:50%;right:-30px}
.star-card .company-details .pin-btn .form-control{width:110px}
.star-card .title-3{font-size:2.857em}
.star-card .steps{position:relative}
.star-card .steps li{float:left;position:relative;padding:1em 1.429em 1em 2.571em}
.star-card .steps li:after,.star-card .steps li:before{position:absolute;top:0;content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:17px solid transparent}
.star-card .steps li:before{border-left-color:#e5e5e5;z-index:2;right:-19px}
.star-card .steps li:after{border-left-color:#d1d1d1;z-index:1;right:-20px}
.star-card .steps li.active{padding-left:2.143em}
.star-card .steps li.active:after{width:0;height:0;border-left-color:#e62f46;right:-1pc}
.star-card .steps li.active:before{display:none}
.star-card .steps li:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}
.star-card .steps li:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}
.star-card .steps li:last-child:after,.star-card .steps li:last-child:before{display:none}
.star-card .group-element{width:70%}
.star-card .label-1,.star-card .label-2{width:30%}
.star-card .company-details .group-element{max-width:44.429em}
.star-card .company-details .form-group{margin-bottom:2.857em}
.star-card .company-details .form-group.has-info .icon-info{right:-30px;left:auto}
.star-card .company-details .form-group.margin-small{margin-bottom:1.071em}
.star-card .company-details .form-group .textarea{max-width:23.75em}
.star-card .company-details .form-group .form-control.form-control-small{padding:0 1.429em}
.star-card .company-details .form-group.next{margin:4.286em 0 5.714em}
.star-card .company-details .form-group.next.add-card{margin:3em 0 1.071em}
.star-card .company-details .checkbox-1{float:left;margin-right:1.071em;margin-bottom:0}
.star-card .company-details .group-button .link-1.red{margin-right:.333em}
.star-card .company-details .star-card-2 .fieldset-com-details .label-1,.star-card .company-details .star-card-2 .fieldset-com-details .label-2{max-width:30%;margin-right:0}
.star-card .company-details .fieldset-com-details .label-1,.star-card .company-details .fieldset-com-details .label-2{max-width:20%;margin-right:10%}
.star-card .company-details .fieldset-com-details .group-product .label-1{max-width:100%;margin-right:0}
.star-card .company-details .fieldset-com-details .group-product .item{margin-bottom:17px}
.star-card .company-details .fieldset-com-details .group-product .item:first-child{padding-bottom:.929em}
.star-card .company-details .fieldset-com-details .group-product .item .checkbox{width:33%}
.star-card .star-card-acd .toggle-content{padding:1.429em 6.429em 1em 1.786em}
.addr-group.form-group.has-success .group-element:before{top:28%}
}
.related{background-color:#f8f8f8}
.related .title-3{font-size:1.714em;margin:1.25em 0 1.042em}
@media only screen and (min-width:992px){.related .title-3{font-size:2.857em;margin:1.375em 0 1.125em}
}
.chevron-lubricants-form{background-color:#fff;padding:1.857em 0 2.571em;color:#fff}
.chevron-lubricants-form .heading .title{color:#004a63;font-size:1.714em;font-family:ITCFranklinGothicStdDemi}
.chevron-lubricants-form .heading p{padding:.313em 0 .375em;font-size:16px;line-height:1.5;color:#282828}
.chevron-lubricants-form .lpContentsItem,.chevron-lubricants-form .mktoForm{width:100% !important}
.chevron-lubricants-form .lpContentsItem .mktField,.chevron-lubricants-form .lpContentsItem .mktoFormRow,.chevron-lubricants-form .mktoForm .mktField,.chevron-lubricants-form .mktoForm .mktoFormRow{margin-top:1px}
.chevron-lubricants-form .lpContentsItem .mktField label,.chevron-lubricants-form .lpContentsItem .mktoFormRow label,.chevron-lubricants-form .mktoForm .mktField label,.chevron-lubricants-form .mktoForm .mktoFormRow label{display:block;font-size:1.143em;padding-left:1.25em;color:#282828 !important}
.chevron-lubricants-form .lpContentsItem .mktField .mktInput .mktFormText,.chevron-lubricants-form .lpContentsItem .mktField .mktInput .mktoTextField,.chevron-lubricants-form .lpContentsItem .mktoFormRow .mktInput .mktFormText,.chevron-lubricants-form .lpContentsItem .mktoFormRow .mktInput .mktoTextField,.chevron-lubricants-form .mktoForm .mktField .mktInput .mktFormText,.chevron-lubricants-form .mktoForm .mktField .mktInput .mktoTextField,.chevron-lubricants-form .mktoForm .mktoFormRow .mktInput .mktFormText,.chevron-lubricants-form .mktoForm .mktoFormRow .mktInput .mktoTextField{background:0;width:100%;margin-top:8px;font-size:1.143em;height:2.813em;line-height:2.625em;padding:0 1.25em;color:#282828 !important;border-radius:20px}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField::-webkit-input-placeholder{color:#282828 !important}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField:-moz-placeholder{color:#282828 !important}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField::-moz-placeholder{color:#282828 !important}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField:-ms-input-placeholder{color:#282828 !important}
.chevron-lubricants-form .lpContentsItem .buttonSubmit input[type=button],.chevron-lubricants-form .mktoForm .buttonSubmit input[type=button]{background-color:#ed3843;margin-top:28px;border:1px solid #ed3843;height:3.462em;min-width:10.769em;letter-spacing:.154em;font-size:.929em;transition:all .3s linear;text-transform:uppercase;font-family:ITCFranklinGothicStdDemi;border-radius:23px}
.chevron-lubricants-form .mktoForm input[type=checkbox]+label:before,.mktoForm input[type=radio]+label:before{content:"";position:absolute;width:1em;height:1em;margin-left:-1em;line-height:1em;background-color:#fff;box-shadow:none;font-family:Arial,sans-serif;font-size:20px;border:1px solid #aeb0b6}
.no-touch .chevron-lubricants-form .lpContentsItem .buttonSubmit input[type=button]:hover,.no-touch .chevron-lubricants-form .mktoForm .buttonSubmit input[type=button]:hover{background-color:transparent;color:black}
@media only screen and (min-width:992px){.chevron-lubricants-form{padding:3em 0}
.chevron-lubricants-form .heading .title,.chevron-lubricants-form .heading p{display:block}
.chevron-lubricants-form .heading .title{font-size:2.143em;margin-right:10px}
.chevron-lubricants-form .size-1{width:17%}
.chevron-lubricants-form .size-2{width:32%}
.chevron-lubricants-form .lpContentsItem .mktLblAbove li{display:inline-block;padding-left:5px}
.chevron-lubricants-form .lpContentsItem .buttonSubmit input[type=button]{margin-top:9px}
.chevron-lubricants-form .lpContentsItem .mktError{position:relative}
.chevron-lubricants-form .lpContentsItem .mktError .mktFormMsg{position:absolute;left:1.429em;bottom:-3em;color:#ed3843;font-family:ITCFranklinGothicStdMed}
}
@media only screen and (min-width:992px) and only screen and (min-width:1025px){.chevron-lubricants-form .lpContentsItem .mktLblAbove li{padding-left:15px}
}
.promotion-detail{padding:1.786em 0 3.214em}
.promotion-detail .heading{margin-bottom:1.071em}
.promotion-detail .image-wrap{margin-bottom:1.429em}
.promotion-detail .image-wrap img{display:block;margin:0 auto;max-width:100%;border-radius:5px}
.promotion-detail .details .gift-id>span{font-family:ITCFranklinGothicStdMed}
.promotion-detail .promotion-acd{margin-top:43px}
.promotion-detail .promotion-acd .toggle-content{max-height:410px;overflow:hidden;position:relative}
ul.list-stations li:lastchild{font-size:30px;color:red}
.promotion-detail .promotion-acd .toggle-content .iScrollVerticalScrollbar{position:absolute;width:7px;z-index:99;bottom:10px;top:5px;right:1pc}
.promotion-detail .promotion-acd .toggle-content .iScrollIndicator{position:absolute;width:100%;background-color:#c1c1c1;border-radius:8px}
.promotion-detail .promotion-acd .list-stations li{margin-top:5px;font-size:1.143em}
.promotion-detail .promotion-acd .list-stations li:last-child{padding-bottom:20px !important}
.rich-editor-3 img{max-width:100%}
@media screen and (min-width:992px){.promotion-detail{padding:8.214em 0 6.429em}
.promotion-detail .accordion .item{margin-bottom:20px}
.promotion-detail .promotion-acd .toggle-content{max-height:410px}
.promotion-detail .promotion-acd .list-stations li{font-size:1em}
.promotion-detail .promotion-acd .list-stations li:last-child{padding-bottom:20px !important}
}
.image-video .item{background-color:#f0f1f1}
.image-video .item.red{background-color:#e42f46}
.image-video .item.red .col-text .rich-editor-4:before{background-image:-moz-linear-gradient(top,rgba(228,47,70,0) 0,#e42f46 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(228,47,70,0)),color-stop(100%,#e42f46));background-image:-webkit-linear-gradient(top,rgba(228,47,70,0) 0,#e42f46 100%);background-image:-o-linear-gradient(top,rgba(228,47,70,0) 0,#e42f46 100%);background-image:linear-gradient(to bottom,rgba(228,47,70,0) 0,#e42f46 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e42f46',endColorstr='#ffe42f46',GradientType=0)}
.image-video .item.blue{background-color:#004a63}
.image-video .item.blue .col-text .rich-editor-4:before{background-image:-moz-linear-gradient(top,rgba(0,74,99,0) 0,#004a63 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,74,99,0)),color-stop(100%,#004a63));background-image:-webkit-linear-gradient(top,rgba(0,74,99,0) 0,#004a63 100%);background-image:-o-linear-gradient(top,rgba(0,74,99,0) 0,#004a63 100%);background-image:linear-gradient(to bottom,rgba(0,74,99,0) 0,#004a63 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00004a63',endColorstr='#ff004a63',GradientType=0)}
.image-video .item.blue .col-text .rich-editor-4,.image-video .item.blue .col-text .show-btn,.image-video .item.blue .col-text .text-header,.image-video .item.blue .col-text .title-header span,.image-video .item.red .col-text .rich-editor-4,.image-video .item.red .col-text .show-btn,.image-video .item.red .col-text .text-header,.image-video .item.red .col-text .title-header span{color:#fff}
.image-video .col-text{padding:2.143em 2.143em 2.5em 1.214em;text-align:left}
.image-video .col-text .text-header{display:block;margin-bottom:2.5em;font-size:.857em;font-family:ITCFranklinGothicStdDemi;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.image-video .col-text .title-header{margin-bottom:.714em}
.image-video .col-text .title-header span{font-size:2.143em;color:#666;line-height:1.3}
.image-video .col-text .rich-editor-4{max-height:5.357em;overflow:hidden;position:relative;margin-bottom:20px}
.image-video .col-text .rich-editor-4:before{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background-image:-moz-linear-gradient(top,rgba(240,241,241,0) 0,#f0f1f1 95%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(240,241,241,0)),color-stop(95%,#f0f1f1));background-image:-webkit-linear-gradient(top,rgba(240,241,241,0) 0,#f0f1f1 95%);background-image:-o-linear-gradient(top,rgba(240,241,241,0) 0,#f0f1f1 95%);background-image:linear-gradient(to bottom,rgba(240,241,241,0) 0,#f0f1f1 95%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f1f1',endColorstr='#fff0f1f1',GradientType=0)}
.image-video .col-text .rich-editor-4.active{max-height:none;margin-bottom:0}
.image-video .col-text .rich-editor-4.active:before{display:none}
.image-video .col-text .show-btn{position:relative;padding-left:10px;font-size:1em;text-transform:uppercase;font-family:ITCFranklinGothicStdMed}
.image-video .col-text .show-btn:before{content:'›';position:absolute;left:0;top:50%;height:2px;margin-top:-1px;line-height:2px}
.image-video .col-image img{max-width:100%;vertical-align:middle}
@media screen and (min-width:992px){.image-video .item{overflow:hidden;min-height:520px;position:relative}
.image-video .item.text-right .col-image,.image-video .item.text-right .col-video{left:0}
.image-video .item.text-right .col-text{float:right}
.image-video .col-text .rich-editor-4{max-height:none}
.image-video .col-text .rich-editor-4:before{display:none}
.image-video .video-block .col-video{background-color:#000;position:absolute;width:55%;top:0;right:0;bottom:0}
.image-video .video-block .col-video .video{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;width:100%}
.image-video .video-block .yt-embed-16by9{padding-bottom:75%}
.image-video .video-block .col-text{padding:3.714em 5em 0 6.429em;min-height:435px;float:left;width:45%}
.image-video .image-block{min-height:440px}
.image-video .image-block .col-text{padding:3.714em 7.143em 0 6.929em;float:left;width:37.5%}
.image-video .image-block .col-image{position:absolute;width:65.5%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}
}
.right-side{background-color:#f8f8f8;margin-top:30px}
.right-side .rich-editor-5{padding:1.786em 1.429em .071em}
.right-side .link-button .link-4{text-transform:lowercase}
.right-side .rich-editor{word-wrap:break-word}
.right-side .rich-editor a{word-break:break-all}
@media only screen and (min-width:992px){.right-side{margin-top:0}
.right-side .top .rich-editor-5{padding-bottom:0}
.right-side .bottom .divider{margin:0 -.714em 1.286em}
.right-side .rich-editor-5{padding:1.071em 1.429em .714em}
.right-side .link-4{font-family:ITCFranklinGothicStdBook}
.link-button{margin-bottom:20px}
.link-button .list-link{margin-top:0}
.link-button .link-title{margin-bottom:10px;color:#333;font-size:1em;font-family:ITCFranklinGothicStdMed}
.link-button .link-4{font-size:1em;margin-left:0}
.link-button .link-4.download:before{top:6px}
.link-button .link-4.mail:before{top:10px}
.link-button .link-4.arrow:before{top:7px}
}
.find-station{background-color:#f1f1f1}
.find-station .inner{padding:1.429em 0 2.143em}
.find-station .content{margin-top:2.143em}
.find-station .top-text{font-family:ITCFranklinGothicStdMed;font-size:1.143em;text-align:left;line-height:1.2}
.find-station .col-left,.find-station .col-middle,.find-station .col-right{position:relative}
.find-station .col-left{border-bottom:1px solid #c2c2c2;padding-bottom:1.786em}
.find-station .col-right{margin-top:1.786em}
.find-station .icon-fuel{position:absolute;top:-3px}
.find-station .icon-fuel img{max-width:100%}
.find-station .description{padding-left:55px}
.find-station .description .title{margin-bottom:8px;font-size:1.143em;font-family:ITCFranklinGothicStdMed;line-height:1.2}
.find-station .description p{font-size:1em;line-height:1.3}
.find-station .find-station-search{padding-top:2.143em}
.find-station .find-station-search .search-wrapper{position:relative;width:100%;height:45px}
.find-station .find-station-search .search-wrapper .station-txt{background-color:#fff;border:0;width:100%;height:100%;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 4.286em 0 1.214em;line-height:45px;font-size:1.143em}
.find-station .find-station-search .search-wrapper .station-btn{position:absolute;top:50%;right:4px;margin-top:-19px;width:38px;height:38px;border:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#e42f46 url(headlibs/images/icon-arrow-right.png) center no-repeat;font-size:0}
.find-station .item{position:relative}
.find-station.list-4-items .item{margin-top:40px}
.find-station.list-4-items .item:first-child{margin-top:0}
.find-station.list-3-items .item{border-bottom:1px solid #c2c2c2;padding-bottom:1.786em;margin-top:1.786em}
@media only screen and (min-width:768px){.find-station .find-station-search .search-wrapper .station-txt{line-height:50px}
.find-station .find-station-search .search-wrapper .station-btn{margin-top:-19.5px}
}
@media only screen and (min-width:992px){.find-station .inner{padding:2.857em 10.286em}
.find-station .top-text{padding:0 5.357em;font-size:1.5em;text-align:center}
.find-station .content{margin-top:3.214em}
.find-station .col-left,.find-station .col-right{width:50%;position:relative}
.find-station .col-left{float:left;padding-right:4.286em;border-bottom:0;padding-bottom:0}
.find-station .col-right{float:right;padding-left:4.286em;margin-top:0}
.find-station .description .title{font-size:1.286em}
.find-station .description p{font-size:1.143em}
.find-station .find-station-search{padding-top:2.857em;clear:both}
.find-station .find-station-search .search-wrapper{width:350px;margin:0 auto}
.find-station .find-station-search .search-wrapper .station-btn{margin-top:-19px}
.find-station .list-fuel{position:relative;overflow:hidden;margin-top:-10px;padding-top:10px}
.find-station .list-fuel .divider{content:'';position:absolute;width:1px;height:100%;background-color:#c2c2c2;left:50%}
.find-station.list-3-items .inner{padding:2.857em 3.214em}
.find-station.list-3-items .list-fuel .divider{left:35%}
.find-station.list-3-items .list-fuel .divider.last{left:68%}
.find-station.list-3-items .item{width:30%;float:left;padding-left:30px;margin-left:30px;margin-top:0;border-bottom:0;padding-bottom:0}
.find-station.list-3-items .item:first-child{padding-left:0;margin-left:0}
}
.cpl__find-station_2{background-color:#ffd720;padding-top:30px;padding-bottom:30px}
.cpl__find-station_2 .cpl__callout.find-station{background-color:#ffd720;display:flex}
.cpl__find-station_2 .cpl__callout.find-station>div:first-child{margin-right:10px;text-align:left;width:calc(100% - 200px)}
.cpl__find-station_2 .cpl__callout.find-station>div:first-child h4{font-size:18px;font-family:ITCFranklinGothicStdMed}
.cpl__find-station_2 .cpl__callout.find-station>div:last-child .cpl__button.primary{background-color:transparent;color:#282828;border:1px solid #282828;text-decoration:none;padding:10px 36px;border-radius:25px}
.cpl__find-station_2 .cpl__callout.find-station>div:last-child .cpl__button.primary:hover{background-color:#282828 !important;border-color:#282828 !important;color:#ffd720 !important}
@media(max-width:768px){.table-responsive{max-width:100%;overflow-x:auto}
.table-responsive .table{border-collapse:collapse}
.table-responsive .table td{min-width:170px}
}
.where-we-are{padding:1.786em 0 4.286em}
.where-we-are .title-2{margin-bottom:9pt;font-size:1.714em;font-family:ITCFranklinGothicStdDemi}
.where-we-are .group{margin-bottom:2.143em}
.where-we-are .group p{line-height:1.3;margin-bottom:1.429em;color:#666}
.where-we-are .country-list{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border:1px solid #d7d7d7;border-collapse:separate;color:#333;font-size:1.143em}
.where-we-are .country-list .name{font-family:ITCFranklinGothicStdMed}
.where-we-are .country-list tr:nth-child(odd){background-color:#f9f9f9;border-bottom:1px solid #d7d7d7}
.where-we-are .country-list tr:first-child td:first-child{border-top-left-radius:8px}
.where-we-are .country-list tr:first-child td:last-child{border-top-right-radius:8px}
.where-we-are .country-list tr:last-child td:first-child{border-bottom-left-radius:8px}
.where-we-are .country-list tr:last-child td:last-child{border-bottom-right-radius:8px}
.where-we-are .country-list tr>td{padding:15px 9pt;vertical-align:top;line-height:1.3}
.where-we-are .country-list tr>td:first-child{width:30%}
@media only screen and (min-width:992px){.where-we-are{padding:5.357em 0 7.143em}
.where-we-are .title-2{margin-bottom:.875em;font-size:2.857em}
.where-we-are .group p{max-width:70%;float:left;margin-bottom:3.214em;font-size:1.143em}
.where-we-are .group .dropdown-filter{float:right;width:16.429em}
.where-we-are .group .dropdown-filter .btn-dropdown{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.where-we-are .country-list{clear:both;font-size:1.143em}
.where-we-are .country-list td{padding:15px 40px}
.where-we-are .country-list td:first-child{width:20%}
.where-we-are .country-list td .tel{float:left;margin-right:15px}
}
.faqs{padding:1.786em 0}
.faqs .title-2{font-size:1.714em;font-family:ITCFranklinGothicStdDemi;line-height:1.125;margin-bottom:20px}
.faqs .dropdown-filter{margin-bottom:40px}
.faqs .dropdown-filter .btn-dropdown{background-color:#003740;text-transform:uppercase;color:#fff;font-family:ITCFranklinGothicStdDemi;border-width:0;font-size:1.143em;letter-spacing:.125em}
.faqs .dropdown-filter .btn-dropdown:before{border-top:6px solid #fff}
.faqs .faqs-acd .toggle-btn{font-family:ITCFranklinGothicStdMed}
.faqs .tab-content .tab-pane{display:none}
.faqs .tab-content .tab-pane.active{display:block}
@media screen and (min-width:992px){.faqs{padding:5em 0 1.429em}
.faqs .title-2{font-size:2.857em;padding:0 1.75em}
.faqs .nav-tabs{margin-bottom:50px}
.faqs .nav-tabs .link-1{font-size:1.286em}
.faqs .nav-tabs .link-1.blue-2.active{border:1px solid #003740;background-color:#003740;color:#fff;cursor:default}
.no-touch .faqs .nav-tabs .link-1.blue-2.active:hover{background-color:#003740;color:#fff}
.faqs .faqs-acd .toggle-btn{font-size:1.286em}
.faqs .faqs-acd .toggle-btn:hover{color:#e42f46}
.faqs .faqs-acd .rich-editor{font-size:1.286em;line-height:1.2}
}
.how-it-works{background-color:#00455c;padding:2.5em 0 0}
.how-it-works .col-left{color:#fff}
.how-it-works .link-4{color:#fff;padding-left:22px;margin-bottom:25px}
.how-it-works .link-4:before{content:'';width:14px;height:13px;background:url(headlibs/images/icon-download-2.png) no-repeat;top:auto;bottom:2px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.no-touch .how-it-works .link-4:hover{color:#fff}
.how-it-works .dropdown .btn-dropdown{background-color:#00455c;color:#fff;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px}
.how-it-works .dropdown .btn-dropdown:before{border-top-color:#fff}
.how-it-works .heading .title{font-size:1.714em;margin-bottom:10px}
.how-it-works .heading .desc{margin-bottom:20px;line-height:1.4}
.how-it-works .engines-tab-content .tab-pane{display:none}
.how-it-works .engines-tab-content .tab-pane.active{display:block}
.how-it-works .engines-type .desc{padding:.857em 1.786em 2.286em;line-height:1.3;color:#fff}
.how-it-works .video{text-align:center}
.how-it-works .video video{min-height:516px;width:100%}
@media only screen and (min-width:992px){.how-it-works{position:relative;padding:0;min-height:685px}
.how-it-works .heading .desc{margin-bottom:2.857em;font-size:1.143em}
.how-it-works .col-left{float:left;width:26%;padding-top:2.5em}
.how-it-works .col-right{overflow:hidden}
.how-it-works .col-right .engines-type{float:right;width:24%;margin-left:30px;margin-top:70px;margin:5em 0 0 2.143em}
.how-it-works .col-right .engines-type .details{margin-top:9.143em}
.how-it-works .col-right .engines-type .details .item-details{position:relative}
.how-it-works .col-right .engines-type .details .item-details:before{content:"";position:absolute;width:135%;height:60px;border-bottom:1px solid #00cdff;top:-50px;left:-149%;z-index:99}
.how-it-works .col-right .engines-type .details .item-details.item-details-1:before{border-left:1px solid #00cdff}
.how-it-works .col-right .engines-type .details .item-details.active .desc{color:#fff}
.how-it-works .main-type .engines-tab .item .desc{display:none;padding:.714em 4.286em 2.5em 2.143em;font-size:1.143em}
.how-it-works .main-type .engines-tab .item>a{display:block;position:relative;height:50px;line-height:50px;padding:0 20px 0 30px;margin-bottom:5px;color:#fff;font-size:1.143em}
.no-touch .how-it-works .main-type .engines-tab .item>a:hover{color:#fff}
.how-it-works .main-type .engines-tab .item>a>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.how-it-works .main-type .engines-tab .item>a:after{content:'›';position:absolute;left:20px;top:-1px;z-index:2}
.how-it-works .main-type .engines-tab .item.active>a{background-color:#fff;color:#00455c}
.how-it-works .main-type .engines-tab .item.active>a:before{content:'';display:block;width:0;height:0;-moz-transform:scale(.9999);border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:13px solid #fff;position:absolute;top:0;right:-13px;z-index:3}
.no-touch .how-it-works .main-type .engines-tab .item.active>a:hover{color:#00455c}
.how-it-works .main-type .engines-tab .item.active .desc{display:block}
.how-it-works .sub-type .item-details{margin-top:2.143em}
.how-it-works .sub-type .item-details>a{position:relative;text-transform:uppercase;color:#e2f6fd;font-family:ITCFranklinGothicStdMed;line-height:1.3;letter-spacing:.143em}
.how-it-works .sub-type .item-details>a:before{content:'+';position:absolute;left:-28px;top:-2px;width:20px;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border:2px solid #e2f6fd;font-family:ITCFranklinGothicStdBook;line-height:1pc;height:20px;text-align:center;color:#e2f6fd;letter-spacing:0}
.how-it-works .sub-type .item-details .desc{color:#728697;line-height:1.4;padding:0;margin-top:3px;font-family:ITCFranklinGothicStdMed}
.how-it-works .video{overflow:hidden;margin-left:45px}
.how-it-works .video video{width:auto;height:auto;max-width:100%}
.how-it-works .heading .title{font-size:2.5em;line-height:1.125}
.how-it-works .download{position:absolute;bottom:50px;width:30%}
.how-it-works .link-4{margin-bottom:0}
}
@media only screen and (min-width:1025px){.how-it-works .heading .title{font-size:2.857em}
}
.link-and-button .link-button .list-link>li{margin-bottom:8px}
.link-and-button .link-button .list-link .link-4.download{padding-left:20px}
.link-and-button .link-button .list-link .link-4.download:before{content:'';width:14px;height:13px;margin-top:-7px;background:url(headlibs/images/icon-download.png) no-repeat;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.link-and-button .link-button .list-link .link-4.mail{padding-left:20px}
.link-and-button .link-button .list-link .link-4.mail:before{content:'';width:14px;height:11px;margin-top:-7px;background:url(headlibs/images/icon-mail.png) no-repeat;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.link-and-button .link-button .list-link .link-4.arrow{padding-left:20px}
.link-and-button .link-button .list-link .link-4.arrow:before{content:'';width:6px;height:9px;margin-top:-3px;background:url(headlibs/images/arrow-gray-right.png) no-repeat;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media only screen and (min-width:992px){.link-and-button .link-button .list-link>li{display:inline-block;margin-right:15px}
}
@media print{*,:after,:before{background:0 0 !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
body{margin:0;background:0;color:#000;font-family:Helvetica,Arial,sans-serif;font-size:14px;box-shadow:none;text-shadow:none}
fieldset,img{border:0}
h1{font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.4em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:.9em}
ol,ul{list-style-type:none}
ol li,ul li{list-style-type:disc}
dt{font-weight:700}
a,a:visited{color:#000;text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
input,select,textarea{border:1px solid #000}
input{padding:1px 0}
select{margin:0;padding:0;background:#fff;line-height:normal}
img{max-width:100%}
blockquote,pre{border:1px solid #000;page-break-inside:avoid}
div{text-align:left}
caption{display:none}
table{border-top:1px solid #000;border-left:1px solid #000;border-collapse:separate;border-spacing:0}
table td,table th{padding:5px;border-right:1px solid #000;border-bottom:1px solid #000;text-align:left}
img,tr{page-break-inside:avoid}
.visible-print-block{display:block !important}
.visible-print-inline{display:inline !important}
.visible-print-inline-block{display:inline-block !important}
.hidden-print{display:none !important}
.print-map .header-nav,.print-map .navicon,.print-map footer,.print-station-map .header-nav,.print-station-map .navicon,.print-station-map footer,.print-station-text .header-nav,.print-station-text .navicon,.print-station-text footer,.print-text .header-nav,.print-text .navicon,.print-text footer{display:none}
.print-map a[href]:after,.print-station-map a[href]:after,.print-station-text a[href]:after,.print-text a[href]:after{content:""}
.print-map .direction-title,.print-map .info-content,.print-station-map .direction-title,.print-station-map .info-content,.print-station-text .direction-title,.print-station-text .info-content,.print-text .direction-title,.print-text .info-content{page-break-inside:avoid}
.print-map .map-block,.print-station-map .map-block{display:block;width:100%;height:300px}
}
.backlink{margin:1.786em 0}
.news .title-2{font-family:ITCFranklinGothicStdDemi;color:#00506d;line-height:1.2;font-size:2.143em}
.news .dates-news{color:#00506d;font-family:ITCFranklinGothicStdMed}
.news .text-image{padding:0}
.news .text-image .grid-fluid{padding:0}
.news .video-component .grid-fluid{padding:0}
.news .text-comp{padding:20px 0 0}
.news .text-comp .grid-fluid{padding:0}
.news .divider hr{border-color:#666}
.news>.grid-fluid>.content{margin-top:15px;margin-bottom:30px}
@media only screen and (min-width:992px){.backlink{margin:4.286em 0 2.857em 0}
.news .title-2{font-size:2.857em}
.news .title .grid-fluid{padding:0 20px}
.news .text-image{margin-right:8.33333333%;text-align:justify}
.news .text-image.grid-fluid{padding:0 20px}
.news>.grid-fluid>.content{margin-bottom:60px}
}
.iframe-component iframe{display:block;margin:0 auto}
.supermarket{padding:2.5em 0}
.supermarket .thumbnails-2 .image{height:auto}
.supermarket .thumbnails-2 .price{margin-top:10px;color:#e42f46;font-size:1.714em;font-family:ITCFranklinGothicStdMed;line-height:1.4}
.supermarket .thumbnails-2 .bottom-details{overflow:hidden}
.supermarket .thumbnails-2 .bottom-details .usual-price{float:left}
.supermarket .thumbnails-2 .bottom-details .weight{float:right}
.supermarket .thumbnails-2 .rich-editor-8{font-size:.857em;color:#333}
.supermarket .thumbnails-2 .caption .title{font-size:1.143em}
.image-text-accordion{padding:2.5em 0 4.643em}
.image-text-accordion .title-2{font-family:ITCFranklinGothicStdDemi;margin-bottom:.75em}
.image-text-accordion .description{padding:1.429em 0;overflow:hidden}
.image-text-accordion .description .rich-editor-2 a{display:inline-block;font-size:.929em;text-transform:uppercase;position:relative;color:#01526d;padding-left:8px;transition:color .3s linear;font-family:ITCFranklinGothicStdMed;line-height:1.2}
.image-text-accordion .description .rich-editor-2 a:before{content:'›';position:absolute;left:0;top:50%;height:2px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:2px}
.image-text-accordion .description .rich-editor-2 a:active,.image-text-accordion .description .rich-editor-2 a:visited{color:#01526d}
.no-touch .image-text-accordion .description .rich-editor-2 a:hover{color:#666}
.image-text-accordion .image-wrap{margin-bottom:20px;width:185px;height:235px;background-size:contain;background-repeat:no-repeat;background-position:center top}
.image-text-accordion .accordion .item .toggle-btn{font-size:1.286em;font-family:ITCFranklinGothicStdMed}
@media screen and (min-width:992px){.image-text-accordion .description .image-wrap{float:left;margin-bottom:0}
.image-text-accordion .description .rich-editor-2{overflow:hidden;padding-left:20px}
.image-text-accordion .description .rich-editor-2 p{margin-bottom:0}
}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoLabel{display:block;padding-left:1.25em;padding-top:0;float:right}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField{border:1px solid #fff;width:100% !important;margin-top:8px;height:45px;line-height:42px;padding:0 20px}
.chevron-lubricants-form .mktoForm input[type=checkbox]+label:before,.mktoForm input[type=radio]+label:before{box-shadow:inset 1px 1px 4px 1px #ddd}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField:first{background:0;border:1px solid #fff;width:100% !important;margin-top:8px;height:45px;line-height:42px;padding:0 20px}
.chevron-lubricants-form .mktoForm .mktoGutter{height:0 !important}
.chevron-lubricants-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoCupidGreen .mktoButton{background:#004a63;border:1px solid #004a63;border-bottom:1px solid #004a63;border-radius:23px;-webkit-box-shadow:inset 0 1px 0 0 #004a63;box-shadow:inset 0 1px 0 0 #004a63;color:#fff;font:700 11px/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;padding:7px 0 8px;text-align:center;text-shadow:0 -1px 0 #004a63;width:100px;min-height:40px;font-size:14px}
.chevron-lubricants-form .mktoForm .mktoFormRow textarea.mktoField{min-height:90px}
.mktoForm input[type=date],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm input[type=tel],.mktoForm input[type=text],.mktoForm input[type=url],.mktoForm select.mktoField,.mktoForm textarea.mktoField{color:#282828 !important;font-size:16px}
.chevron-lubricants-form .mktoForm input.mktoField.mktoInvalid,.mktoForm div.mktoLogicalField.mktoInvalid,.mktoForm select.mktoField.mktoInvalid,.mktoForm textarea.mktoField.mktoInvalid{border:1px solid #FFF !important}
.chevron-lubricants-form .mktoForm .mktoFormRow:first-child{width:100%}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField option{color:#000}
.chevron-lubricants-form .mktoForm label.mktoLabel{font-weight:400}
.chevron-lubricants-form .mktoForm label.mktoLabel span{font-family:ITCFranklinGothicStdBook !important;font-size:16px !important}
.chevron-lubricants-form .mktoForm label.mktoLabel span strong{font-weight:400;padding:0}
.chevron-lubricants-form .mktoForm .mktoRequiredField .mktoAsterix{display:none}
.chevron-lubricants-form .mktoForm .mktoButtonWrap.mktoInset{margin-left:0 !important}
.chevron-lubricants-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton{background-color:#ed3843;margin-top:28px;border:1px solid #ed3843;height:45px;min-width:140px;letter-spacing:2px;font-size:13px;transition:all .3s linear;text-transform:uppercase;font-family:ITCFranklinGothicStdDemi;color:#fff;box-shadow:none;border-radius:23px}
.no-touch .chevron-lubricants-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover{background-color:transparent;color:#ed3843}
.chevron-lubricants-form .mktoForm .mktoError .mktoErrorMsg{font-family:ITCFranklinGothicStdBook;box-shadow:none;background-image:none;background-color:#f13945;border-color:#f13945}
.chevron-lubricants-form .mktoForm .mktoFieldWrap,.chevron-lubricants-form .mktoForm .mktoFormCol{float:none}
.chevron-lubricants-form .mktoForm .mktoLabel{width:auto !important}
@media only screen and (min-width:992px){.chevron-lubricants-form .mktoForm .mktoFormRow .mktoLabel{display:block;padding-left:1.25em;padding-top:0;width:95% !important;float:right}
.chevron-lubricants-form .heading{padding-left:15px}
.chevron-lubricants-form .mktoForm{position:relative}
.chevron-lubricants-form .mktoForm .mktoFormRow{display:inline-block;padding-left:15px;width:33.33%}
.chevron-lubricants-form .mktoForm .mktoFormRow:first-of-type,.chevron-lubricants-form .mktoForm .mktoFormRow:nth-of-type(8){display:inline-block;padding-left:15px;width:100%}
.chevron-lubricants-form .mktoForm .mktoFormRow .mktoField{width:100% !important}
.chevron-lubricants-form .mktoForm .mktoFormRow.size-2{width:32%}
.chevron-lubricants-form .mktoForm .mktoButtonRow{display:inline-block;padding-left:15px;vertical-align:top;float:right}
.chevron-lubricants-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton{margin-top:0}
.chevron-lubricants-form .mktoForm .mktoOffset{width:auto !important}
}
.sitemap-cmp{margin-top:2.143em;margin-bottom:3.571em}
.sitemap-cmp .title-2{margin-bottom:15px}
.sitemap-cmp .grid-item{background-color:#f8f8f8;margin-bottom:1.071em;padding:1.286em 1.786em;color:#333}
.sitemap-cmp .grid-item .name-group>a{color:#01526d;font-size:1.125em;letter-spacing:1.4px;font-family:ITCFranklinGothicStdMed}
.no-touch .sitemap-cmp .grid-item .name-group>a:hover{color:#e42f46}
.sitemap-cmp .grid-item .item{padding-top:1.429em}
.sitemap-cmp .grid-item .title{font-family:ITCFranklinGothicStdMed;font-size:1.143em;line-height:24px}
.sitemap-cmp .grid-item .title sup{font-size:65%}
.sitemap-cmp .grid-item .read-more{text-transform:uppercase}
.sitemap-cmp .grid-item .read-more:before{content:"›";padding-right:15px;font-size:1.5em}
.sitemap-cmp .grid-item .contact-list{font-size:1.143em;line-height:24px}
.sitemap-cmp .grid-item .contact-list:last-child{padding-bottom:0}
.sitemap-cmp .grid-item .contact-list li a{display:table}
.sitemap-cmp .grid-item .contact-list li a:before{content:"»";display:table-cell;font-family:ITCFranklinGothicStdMed;padding-right:15px;font-size:1.5em;vertical-align:top;line-height:1pc}
@media screen and (min-width:992px){.sitemap-cmp{margin-top:4.286em;margin-bottom:7.714em}
.sitemap-cmp .title-2{margin-bottom:31px}
.sitemap-cmp .grid-item .name-group>a{font-size:1.5em}
}
.video-component .video-title{margin:15px 0;font-family:ITCFranklinGothicStdMed;font-size:1.429em;color:#666;text-align:center}
.video-component .video-source{padding:1.429em 1.786em;background-color:#e6e6e6}
.video-component .video-desc{margin-top:1.071em}
.video-component-1{background-color:#000}
.video-component-1.black-border{padding-top:5.714em;position:relative}
.video-component-1.black-border iframe{display:block}
.video-component-1.black-border .btn-play,.video-component-1.black-border .link-1{display:none}
.video-component-1.black-border .wrap{position:static}
.video-component-1.black-border .title{position:absolute;top:20px;max-height:48px;overflow:hidden;font-size:1.143em;font-family:Helvetica;text-align:left}
.video-component-1.black-border .desc{font-family:ITCFranklinGothicStdBook;text-align:left;font-style:italic;line-height:1.4;font-size:1em}
.video-component-1.black-border .inner{position:static;padding:25px 20px}
.video-component-1 iframe{display:none}
.video-component-1.black-border .yt-embed-16by9{z-index:7;height:auto;padding-bottom:56%}
.video-component-1 .yt-embed-16by9{height:300px;background-size:100% 100%;z-index:5}
.video-component-1 .title{font-family:ITCFranklinGothicStdDemi;color:#fff;font-size:2.143em;line-height:1}
.video-component-1 .desc{font-family:ITCFranklinGothicStdMed;color:#fff;font-size:1.429em}
.video-component-1 .btn-play{display:block;margin:25px auto 0;width:48px;height:48px;background:url(headlibs/images/icon-play.png) no-repeat;background-size:cover;font-size:0}
.video-component-1 .link-1{margin:1.357em 2.143em 2.857em 2.143em;z-index:6;height:auto;line-height:1.5;padding:12px 20px}
.video-component-1 .wrap{position:relative;text-align:center}
.video-component-1 .inner{padding:0 20px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}
.video-component-1 .vertical{display:table;width:100%;height:100%}
.video-component-1 .cell{display:table-cell;vertical-align:middle}
.video-component-1 .img-video{max-width:100%}
@media only screen and (min-width:992px){.wrapper-cmp .flexible-grid-2 .text-video .col-md-6.text{padding-top:2.143em;padding-bottom:.714em}
.text-video{display:table;width:100%}
.text-video .flexible-text,.text-video .video{display:table-cell;width:50%;height:100%;float:none;vertical-align:middle}
.text-video .video{background-color:#000}
.video-component .video-title{margin:30px 0;font-size:2.143em}
.video-component .video-source{padding:2.857em 3.929em}
.video-component .video-desc{margin-top:2.5em}
.video-component-1{position:relative}
.video-component-1 .yt-embed-16by9{height:600px}
.video-component-1 .video-info{position:relative}
.video-component-1 .title{font-size:2.857em}
.video-component-1 .desc{font-size:1.643em}
.video-component-1 .link-1{position:absolute;bottom:60px;right:60px;margin:0}
.video-component-1 .btn-play{width:68px;height:68px}
}
.fun-fact .blue .video-text,.fun-fact .red .video-text{color:#fff}
.fun-fact .image-video .rte-text .title-header{font-size:1.857em;font-family:ITCFranklinGothicStdDemi;margin-bottom:0}
.fun-fact .image-video .rte-text .title-header span{color:#056881}
.fun-fact .image-video .rte-text .text-header{font-size:1.286em;margin-bottom:15px}
.fun-fact .image-video .col-video .video-text{font-size:.857em;font-family:ITCFranklinGothicStdBook;text-align:left;font-style:italic;line-height:1.4;padding:1.429em 1.429em 2.143em 2.143em;position:relative}
.fun-fact .image-video .col-video .video-text:before{content:"*";margin-left:-10px;position:absolute;top:1.429em;left:2.143em}
.fun-fact .image-video .col-text{padding:1.429em}
.fun-fact .image-video .col-text .rich-editor-4:before{content:none}
.fun-fact .image-video .col-text .tip-content{padding:10px 20px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#fff}
.fun-fact .image-video .col-text .tip-content .icon-lamp{width:32px;height:32px;margin-right:10px;float:left}
.fun-fact .image-video .col-text .tip-content .tip-header{padding-top:15px;color:#000;text-transform:uppercase;font-family:ITCFranklinGothicStdDemi;overflow:hidden}
.fun-fact .image-video .col-text .tip-content .rich-editor{color:#666;margin-top:10px;clear:both}
@media only screen and (min-width:992px){.fun-fact .image-video .video-block .col-text{width:50%;padding:5.714em 2.857em}
.fun-fact .image-video .video-block .col-text .rte-text .icon-funfact{width:60px;height:60px;float:left;margin-right:20px}
.fun-fact .image-video .video-block .col-text .rte-text .rte-content{overflow:hidden}
.fun-fact .image-video .video-block .col-text .rte-text .rte-content .title-header{font-size:2.357em}
.fun-fact .image-video .video-block .col-text .rte-text .rte-content .text-header{font-size:1.643em;margin-bottom:25px}
.fun-fact .image-video .video-block .col-video{width:50%}
.fun-fact .image-video .video-block .col-video .video-text{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:.929em;padding:1.429em 2.857em}
}
.image-transition{overflow:hidden;margin:0 auto 20px;position:relative}
.image-transition .img-container .slider-control{position:absolute;left:35px;top:0;height:100%;z-index:3}
.image-transition .img-container .slider-track{width:6px;height:100%;background-color:#b92033}
.image-transition .img-container .slider-handle{position:absolute;bottom:20%;left:-12px;width:30px;height:30px;padding:8px;background-color:#e62f46;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%);cursor:pointer;z-index:2}
.image-transition .img-container .slider-handle:active,.image-transition .img-container .slider-handle:focus{box-shadow:0 0 10px 1px #fff}
.image-transition .img-container .slider-handle .bar{width:100%;height:2px;display:block;margin-bottom:4px;background-color:#fff}
.image-transition .grey-cover{width:100%;position:absolute;z-index:1;top:0;left:0;height:80%;border-bottom:1px solid #fff;background-color:rgba(0,0,0,.1)}
.image-transition .img-wrapper{width:50%;position:relative;margin:0 auto;background-position:left bottom;background-size:100% auto;background-repeat:no-repeat}
.image-transition .img-wrapper img{margin:0 auto;max-width:100%;display:block;height:auto}
.image-transition .img-wrapper .clean-wrapper{position:absolute;left:0;bottom:0;height:20%;width:100%;overflow:hidden;background-color:#f1f1f1;background-position:left bottom;background-size:100% auto;background-repeat:no-repeat}
@media screen and (min-width:992px){.image-transition{margin-bottom:40px;display:inline-block;text-align:right;width:100%}
.image-transition .img-wrapper{height:600px;max-width:500px;margin-right:60px;width:70%;display:inline-block;text-align:right}
.image-transition .img-container .slider-control{left:10%}
}
.register{padding:2.571em 0 1.571em;background-color:#007aa1;color:#fff}
.register .title{font-size:1.286em;text-align:left;font-family:ITCFranklinGothicStdMed;line-height:1.2}
.register .register-form{padding-top:1.929em}
.register .form-group{margin-bottom:0}
.register .form-group .form-control{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:45px;line-height:45px;font-size:1em;margin:.714em 0 0 0;padding:0 20px}
.register .dropdown .btn-dropdown{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;width:99%;height:45px}
.register .group-1{overflow:visible}
.register .checkbox-1{margin:.714em 0 0 0}
.register .checkbox input[type=checkbox]+.text{color:#fff;font-size:1em}
.register .checkbox input[type=checkbox]:checked+.text:before{background-color:#fff}
.register .link-1{background-color:transparent;min-width:138px;margin:2.5em 0 0 0}
.register .note{display:block;margin:2.5em 0 0 0;font-size:.857em;font-style:italic;color:#fff}
@media only screen and (min-width:992px){.register{padding:4.071em 0 1.357em}
.register .register-form{padding-top:2.214em;max-width:940px;margin:0 auto}
.register .title{text-align:center;font-size:1.643em}
.register .form-group{padding-left:0;margin-bottom:1.429em}
.register .form-group .form-control{font-size:1.286em;margin:0}
.register .form-group .group-element{padding-left:0;margin-left:0;width:102%}
.register .group-1 .dropdown{float:left;width:18%}
.register .group-1 .input-1{float:left;width:43%;padding:0 20px}
.register .group-1 .input-2{float:right;width:38.8%}
.register .group-2{clear:both}
.register .group-2 .input-1{float:left;width:58.6%}
.register .group-2 .input-2{float:right;width:41%;padding-left:22px}
.register .checkbox input[type=checkbox]+.text{font-size:1.286em}
.register .checkbox-1{clear:both;margin-bottom:1.143em;padding-top:0}
.register .link-1{float:right;margin-top:3px}
.register .note{float:left;margin-top:76px;font-size:1.286em}
}
.sticky-progress-bar{background-color:#f1f1f1;position:relative;min-height:100px;padding-bottom:30px}
.sticky-progress-bar img{max-width:100%;display:block;height:auto;margin:0 auto}
.sticky-progress-bar.fixed-progress-bar{position:fixed;top:0;left:0;right:0;z-index:10}
.sticky-progress-bar .progress-wrapper{position:relative;width:calc(100% - 90px);margin-top:-15px}
.sticky-progress-bar .progress-wrapper .start-point{position:absolute;left:0;top:-16px;width:13px;height:20px;margin-left:-7px;z-index:1}
.sticky-progress-bar .progress-wrapper .current-point{background-repeat:no-repeat;width:76px;height:27px;position:absolute;top:50%;margin-left:-33px;margin-top:-13px;z-index:2}
.sticky-progress-bar .progress-wrapper .progress-inner{width:90%;margin:0 auto;position:relative}
.sticky-progress-bar .progress-content{position:relative;padding:0 25px}
.sticky-progress-bar .progress-content .end-point{float:right;padding-top:15px}
.sticky-progress-bar .progress-content progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;color:#d6d1b4;border:0;width:100%;display:block;height:8px;z-index:0}
.sticky-progress-bar .progress-content progress .progress-bar{background:#035a85}
.sticky-progress-bar .title-list{display:inline-block;width:calc(100% - 90px)}
.sticky-progress-bar .title-list .list-cmp{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:25px}
.sticky-progress-bar .title-list .list-cmp li{width:10%;text-align:center;position:relative;padding:0 5px 25px 5px}
.sticky-progress-bar .title-list .list-cmp li:before{content:'';width:20px;height:20px;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:#d6d1b4;position:absolute;bottom:0;left:50%;margin-left:-10px;z-index:1}
.sticky-progress-bar .title-list .list-cmp li.active:before{background-color:#035a85}
.no-touch .sticky-progress-bar .title-list .list-cmp li:hover .wrap-title,.sticky-progress-bar .title-list .list-cmp li.active .wrap-title,.sticky-progress-bar .title-list .list-cmp li:focus .wrap-title{font-weight:700;color:#666}
.sticky-progress-bar .title-list .list-cmp .wrap-title{text-transform:uppercase;display:block;color:#999}
.wrapper-cmp .flexible-grid-2 .video-component-1.black-border .desc{left:20px;right:20px}
@media only screen and (max-width:992px){.wrapper-cmp .flexible-grid-2.flex-bg-gray .video-component-1.black-border .desc{color:inherit}
}
.wrapper-cmp .flexible-grid-2 .text-image{padding-top:30px;padding-left:0;padding-right:0}
.wrapper-cmp .flexible-grid-2 .text-image .desc{height:auto}
.wrapper-cmp .flexible-grid-2 .text-image .desc h1{margin-bottom:0;line-height:1;font-size:2.357em;padding-top:2px}
.wrapper-cmp .flexible-grid-2 .text-image .desc h2{margin-bottom:.357em}
.wrapper-cmp .flexible-grid-2 .text-image .desc:before{content:none}
.wrapper-cmp .flexible-grid-2 .text-image .image-wrap{margin-bottom:0}
@media only screen and (max-width:992px){.wrapper-cmp .flexible-grid-2 .text-image .image-wrap{display:none}
}
.wrapper-cmp .flexible-grid-2 .text-image .show-btn{display:none !important}
.wrapper-cmp .flexible-grid-2 .image-component img{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.wrapper-cmp h6{font-size:.857em;font-style:italic}
@media only screen and (max-width:992px){.wrapper-cmp .flexible-grid-2 .video-component-1{background-color:transparent;padding-top:0}
.wrapper-cmp .flexible-grid-2 .video-component-1 .title{position:static;padding:16px;background-color:#000}
}
@media only screen and (min-width:992px){.wrapper-cmp .banner .center{text-align:center}
.wrapper-cmp .banner .center.caption{padding-top:11.143em}
.wrapper-cmp .banner .center .desc{padding-top:13px}
.wrapper-cmp .banner .center .link-1{margin-top:1.714em}
.wrapper-cmp .banner .center .desc-banner{width:100%}
.wrapper-cmp .banner .center .title:after{content:none}
.wrapper-cmp .banner .center .link-1{width:auto;padding:0 2.786em}
.wrapper-cmp .flexible-grid-2 .video-component-1.black-border{min-height:500px}
.wrapper-cmp .flexible-grid-2 .video-component-1.black-border .desc{color:#fff}
.wrapper-cmp .flexible-grid-2 .video-component-1 .yt-embed-16by9{height:auto}
.wrapper-cmp .flexible-grid-2 .row{margin:0}
.wrapper-cmp .flexible-grid-2 .row .col-md-6{padding:0}
.wrapper-cmp .flexible-grid-2 .row .col-md-6.flexible-text{padding:30px 0}
.wrapper-cmp .flexible-grid-2 .text-image{padding:0}
.wrapper-cmp .flexible-grid-2 .text-image .desc{height:auto}
.wrapper-cmp .flexible-grid-2 .text-image .col-md-4{width:20%;padding-left:10px;padding-right:10px}
.wrapper-cmp .flexible-grid-2 .text-image .col-md-7{width:80%;padding-left:10px;padding-right:10px}
.wrapper-cmp .flexible-grid-2 .text-image .col-md-offset-1{margin-left:0}
.wrapper-cmp .flexible-grid-2 .text-image .col-md-offset-5{margin-left:20%}
.wrapper-cmp .flexible-grid-2 .text-image .image-wrap img{margin:0 auto;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.wrapper-cmp .flexible-grid-2 .text-comp{padding:2em;display:table-cell;vertical-align:middle;height:500px}
.wrapper-cmp .flexible-grid-2 .text-comp .col-md-10.col-md-offset-1{margin-left:0;width:100%}
.wrapper-cmp .flexible-grid-2 .text-comp .text-image{height:auto;display:block}
.wrapper-cmp .flexible-grid-2 .text-comp .text-comp{height:auto;padding:0;display:block}
.wrapper-cmp .flexible-grid-2 .text-comp .text-comp .grid-fluid{padding-left:0;padding-right:0}
.wrapper-cmp .flexible-grid-2 .text-comp .text-comp .col-md-10.col-md-offset-1{padding-left:0;margin-left:0;width:100%}
.wrapper-cmp .flexible-grid-2.full-width-grid .row{position:relative}
.wrapper-cmp .flexible-grid-2.full-width-grid .col-md-6{position:static}
.wrapper-cmp .flexible-grid-2.full-width-grid .col-md-6 .image-component,.wrapper-cmp .flexible-grid-2.full-width-grid .col-md-6 .text-image{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
}
.full-width-grid.grid-fluid{max-width:100%;padding:0}
.full-width-grid.flex-bg-white .grid-inner{background-color:#fff}
.full-width-grid.flex-bg-red .grid-inner{background-color:#e62f46}
.full-width-grid.flex-bg-blue .grid-inner{background-color:#1d4c67}
.full-width-grid.flex-bg-gray .grid-inner{background-color:#f0f1f1}
.flexible-grid-2.grid-fluid{padding:0;overflow:hidden}
.flexible-grid-2.flex-bg-white{background-color:#fff}
.flexible-grid-2.flex-bg-red{background-color:#e62f46}
.flexible-grid-2.flex-bg-blue{background-color:#1d4c67}
.flexible-grid-2.flex-bg-gray{background-color:#f0f1f1}
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}
.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}
.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}
.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}
.mfp-wrap{z-index:1043;outline:0 !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-close,.mfp-preloader a:hover{color:#FFF}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}
button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-figure,img.mfp-img{line-height:0}
.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}
.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}
.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}
img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}
.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700,400,300);.lobibox .lobibox-btn.lobibox-btn-cancel.active,.lobibox .lobibox-btn.lobibox-btn-cancel:active,.lobibox .lobibox-btn.lobibox-btn-default.active,.lobibox .lobibox-btn.lobibox-btn-default:active,.lobibox .lobibox-btn.lobibox-btn-no.active,.lobibox .lobibox-btn.lobibox-btn-no:active,.lobibox .lobibox-btn.lobibox-btn-ok.active,.lobibox .lobibox-btn.lobibox-btn-ok:active,.lobibox .lobibox-btn.lobibox-btn-yes.active,.lobibox .lobibox-btn.lobibox-btn-yes:active,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes{background-image:none}
.lobibox,.lobibox-notify{font-family:'Open Sans',Arial,Helvetica,sans-serif}
.lobibox-notify-wrapper-large.bottom,.lobibox-notify-wrapper.bottom{bottom:0}
.animated-super-fast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated,.animated-fast{-webkit-animation-fill-mode:both}
.animated-fast{-webkit-animation-duration:.5s;animation-duration:.5s;animation-fill-mode:both}
.animated{-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:both}
.animated-slow{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounce{0,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0,100%,20%,50%,80%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
@-webkit-keyframes jumpUp{0{-webkit-transform:translate3d(0,calc(230%),0) scale3d(0,1,1);-webkit-animation-timing-function:ease-in}
40%{-webkit-transform:translate3d(0,0,0) scale3d(.02,1.1,1);-webkit-animation-timing-function:ease-out}
70%{-webkit-transform:translate3d(0,-40px,0) scale3d(.8,1.1,1)}
100%{-webkit-transform:translate3d(0,0,0) scale3d(1,1,1)}
}
@keyframes jumpUp{0{transform:translate3d(0,calc(230%),0) scale3d(0,1,1);animation-timing-function:ease-in}
40%{transform:translate3d(0,0,0) scale3d(.02,1.1,1);animation-timing-function:ease-out}
70%{transform:translate3d(0,-40px,0) scale3d(.8,1.1,1)}
100%{transform:translate3d(0,0,0) scale3d(1,1,1)}
}
@-webkit-keyframes expandOpen{0{-webkit-transform:scale(1.8)}
50%{-webkit-transform:scale(.95)}
80%{-webkit-transform:scale(1.05)}
90%{-webkit-transform:scale(.98)}
100%{-webkit-transform:scale(1)}
}
@keyframes expandOpen{0{transform:scale(1.8)}
50%{transform:scale(.95)}
80%{transform:scale(1.05)}
90%{transform:scale(.98)}
100%{transform:scale(1)}
}
@keyframes fadeInScale{0{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
@-webkit-keyframes fadeInScale{0{-webkit-transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);opacity:1}
}
@-webkit-keyframes zoomIn{0{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1}
}
@keyframes zoomIn{0{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1}
}
@-webkit-keyframes zoomOut{0{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
100%{opacity:0}
}
@keyframes zoomOut{0{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
100%{opacity:0}
}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
.jumpUp{-webkit-animation-name:jumpUp;animation-name:jumpUp}
.expandOpen{animation-name:expandOpen;-webkit-animation-name:expandOpen}
.fadeInScale{animation-name:fadeInScale;-webkit-animation-name:fadeInScale}
body.lobibox-open{overflow:hidden}
.lobibox{position:fixed;z-index:4001;-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,.5);box-shadow:0 0 20px 5px rgba(0,0,0,.5)}
.lobibox *{box-sizing:border-box;-webkit-box-sizing:border-box}
.lobibox .lobibox-header{font-size:20px;padding:5px 10px;color:#eee}
.lobibox .lobibox-header .btn-close{float:right;background-color:transparent;cursor:pointer;border:0;outline:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.lobibox .lobibox-header .btn-close:hover{text-shadow:2px 2px 3px rgba(0,0,0,.7)}
.lobibox .lobibox-body{overflow:hidden;display:table;position:relative;width:100%;padding:15px 20px;background-color:rgba(255,255,255,.98);font-size:16px}
.lobibox .lobibox-body .lobibox-icon-wrapper{position:relative;height:100%;display:table;font-size:60px}
.lobibox .lobibox-body .lobibox-icon-wrapper .lobibox-icon{display:table-cell;vertical-align:middle}
.lobibox .lobibox-body .lobibox-body-text-wrapper{display:table-cell;vertical-align:middle;width:100%;padding-left:10px}
.lobibox .lobibox-footer{text-align:center;padding:6px}
.lobibox .lobibox-footer>*{margin:0 10px 0 0}
.lobibox .lobibox-footer.text-center{text-align:center}
.lobibox .lobibox-footer.text-left{text-align:left}
.lobibox .lobibox-footer.text-right{text-align:right}
.lobibox.lobibox-confirm{border:0}
.lobibox.lobibox-confirm .lobibox-header{color:#eee;background-color:#3c2d2d}
.lobibox.lobibox-confirm .lobibox-body .lobibox-icon{color:#3c2d2d}
.lobibox.lobibox-confirm .lobibox-footer{background-color:#594343}
.lobibox.lobibox-success{border:1px solid #29b87e}
.lobibox.lobibox-success .lobibox-header{color:#eee;background-color:#29b87e}
.lobibox.lobibox-success .lobibox-body .lobibox-icon{color:#29b87e}
.lobibox.lobibox-success .lobibox-footer{background-color:#40d498}
.lobibox.lobibox-error{border:1px solid #ca2121}
.lobibox.lobibox-error .lobibox-header{color:#eee;background-color:#ca2121}
.lobibox.lobibox-error .lobibox-body .lobibox-icon{color:#ca2121}
.lobibox.lobibox-error .lobibox-footer{background-color:#e03e3e}
.lobibox.lobibox-info{border:1px solid #2e79b4}
.lobibox.lobibox-info .lobibox-header{color:#eee;background-color:#2e79b4}
.lobibox.lobibox-info .lobibox-body .lobibox-icon{color:#2e79b4}
.lobibox.lobibox-info .lobibox-footer{background-color:#4593d0}
.lobibox.lobibox-warning{border:1px solid #ce812e}
.lobibox.lobibox-warning .lobibox-header{color:#eee;background-color:#ce812e}
.lobibox.lobibox-warning .lobibox-body .lobibox-icon{color:#ce812e}
.lobibox.lobibox-warning .lobibox-footer{background-color:#d99a56}
.lobibox.lobibox-prompt{border:0}
.lobibox.lobibox-prompt .lobibox-header{color:#eee;background-color:#3c2d2d}
.lobibox.lobibox-prompt .lobibox-body{padding:20px}
.lobibox.lobibox-prompt .lobibox-body .lobibox-input{min-height:38px;border:1px solid #21cb91;width:100%;padding:5px;font-size:18px;outline:0}
.lobibox.lobibox-prompt .lobibox-body .lobibox-input:focus{background-color:#EEE}
.lobibox.lobibox-prompt .lobibox-body .lobibox-input.invalid{border-color:#dc2b2a}
.lobibox.lobibox-prompt .lobibox-body .lobibox-input-error-message{margin-top:5px;margin-bottom:0;font-size:13px;color:#dc2b2a}
.lobibox.lobibox-prompt .lobibox-footer{background-color:#594343}
.lobibox.lobibox-progress .lobibox-header{background-color:#2f5d6d}
.lobibox.lobibox-progress .lobibox-body{padding:15px;font-size:16px}
.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper{position:relative;height:20px;border:1px solid #c3c3c3;border-radius:10px;background-color:#d5d5d5}
.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-bar{width:0;border-radius:10px;background-color:#468ba2;height:100%;text-align:center}
.lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-text{position:absolute;text-align:center;top:0;width:100%}
.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer{margin-bottom:0}
.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer .progress-bar{transition:none}
.lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer [data-role=progress-text]{font-weight:700;color:rgba(0,0,0,.7)}
.lobibox.lobibox-window{border:3px solid #225eb8;border-radius:6px}
.lobibox.lobibox-window .lobibox-header{background-color:#225eb8;color:#eee;font-size:18px}
.lobibox.lobibox-window .lobibox-body{overflow:auto;display:block;font-size:14px;padding:15px;background-color:#f5f8fd}
.lobibox.lobibox-window .lobibox-footer{background-color:#8ab0e9}
.lobibox.lobibox-window :last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.lobibox.draggable .lobibox-header{cursor:move}
.lobibox .lobibox-btn{display:inline-block;padding:8px 14px;font-size:14px;cursor:pointer;border:1px solid transparent;border-radius:2px;line-height:initial}
.lobibox .lobibox-btn.lobibox-btn-cancel{color:#FFF;background-color:#ca2121;border-color:#ca2121}
.lobibox .lobibox-btn.lobibox-btn-cancel.active,.lobibox .lobibox-btn.lobibox-btn-cancel.focus,.lobibox .lobibox-btn.lobibox-btn-cancel:active,.lobibox .lobibox-btn.lobibox-btn-cancel:focus,.lobibox .lobibox-btn.lobibox-btn-cancel:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel{color:#FFF;background-color:#9e1a1a;border-color:#951818}
.lobibox .lobibox-btn.lobibox-btn-cancel.disabled,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled.active,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:active,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-cancel.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled],.lobibox .lobibox-btn.lobibox-btn-cancel[disabled].active,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:hover{background-color:#ca2121;border-color:#ca2121}
.lobibox .lobibox-btn.lobibox-btn-cancel .badge{color:#ca2121;background-color:#FFF}
.lobibox .lobibox-btn.lobibox-btn-yes{color:#FFF;background-color:#29b87e;border-color:#29b87e}
.lobibox .lobibox-btn.lobibox-btn-yes.active,.lobibox .lobibox-btn.lobibox-btn-yes.focus,.lobibox .lobibox-btn.lobibox-btn-yes:active,.lobibox .lobibox-btn.lobibox-btn-yes:focus,.lobibox .lobibox-btn.lobibox-btn-yes:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes{color:#FFF;background-color:#208e61;border-color:#1e865c}
.lobibox .lobibox-btn.lobibox-btn-yes.disabled,.lobibox .lobibox-btn.lobibox-btn-yes.disabled.active,.lobibox .lobibox-btn.lobibox-btn-yes.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-yes.disabled:active,.lobibox .lobibox-btn.lobibox-btn-yes.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-yes.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-yes[disabled],.lobibox .lobibox-btn.lobibox-btn-yes[disabled].active,.lobibox .lobibox-btn.lobibox-btn-yes[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-yes[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:hover{background-color:#29b87e;border-color:#29b87e}
.lobibox .lobibox-btn.lobibox-btn-yes .badge{color:#29b87e;background-color:#FFF}
.lobibox .lobibox-btn.lobibox-btn-no{color:#FFF;background-color:#0760b3;border-color:#0760b3}
.lobibox .lobibox-btn.lobibox-btn-no.active,.lobibox .lobibox-btn.lobibox-btn-no.focus,.lobibox .lobibox-btn.lobibox-btn-no:active,.lobibox .lobibox-btn.lobibox-btn-no:focus,.lobibox .lobibox-btn.lobibox-btn-no:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no{color:#FFF;background-color:#054682;border-color:#054078}
.lobibox .lobibox-btn.lobibox-btn-no.disabled,.lobibox .lobibox-btn.lobibox-btn-no.disabled.active,.lobibox .lobibox-btn.lobibox-btn-no.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-no.disabled:active,.lobibox .lobibox-btn.lobibox-btn-no.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-no.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-no[disabled],.lobibox .lobibox-btn.lobibox-btn-no[disabled].active,.lobibox .lobibox-btn.lobibox-btn-no[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-no[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-no[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-no[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:hover{background-color:#0760b3;border-color:#0760b3}
.lobibox .lobibox-btn.lobibox-btn-no .badge{color:#0760b3;background-color:#FFF}
.lobibox .lobibox-btn.lobibox-btn-ok{color:#FFF;background-color:#0760b3;border-color:#0760b3}
.lobibox .lobibox-btn.lobibox-btn-ok.active,.lobibox .lobibox-btn.lobibox-btn-ok.focus,.lobibox .lobibox-btn.lobibox-btn-ok:active,.lobibox .lobibox-btn.lobibox-btn-ok:focus,.lobibox .lobibox-btn.lobibox-btn-ok:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok{color:#FFF;background-color:#054682;border-color:#054078}
.lobibox .lobibox-btn.lobibox-btn-ok.disabled,.lobibox .lobibox-btn.lobibox-btn-ok.disabled.active,.lobibox .lobibox-btn.lobibox-btn-ok.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-ok.disabled:active,.lobibox .lobibox-btn.lobibox-btn-ok.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-ok.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-ok[disabled],.lobibox .lobibox-btn.lobibox-btn-ok[disabled].active,.lobibox .lobibox-btn.lobibox-btn-ok[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-ok[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:hover{background-color:#0760b3;border-color:#0760b3}
.lobibox .lobibox-btn.lobibox-btn-ok .badge{color:#0760b3;background-color:#FFF}
.lobibox .lobibox-btn.lobibox-btn-default{color:#000;background-color:#e2e2e2;border-color:#dadada}
.lobibox .lobibox-btn.lobibox-btn-default.active,.lobibox .lobibox-btn.lobibox-btn-default.focus,.lobibox .lobibox-btn.lobibox-btn-default:active,.lobibox .lobibox-btn.lobibox-btn-default:focus,.lobibox .lobibox-btn.lobibox-btn-default:hover,.open>.dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default{color:#000;background-color:#c9c9c9;border-color:#bcbcbc}
.lobibox .lobibox-btn.lobibox-btn-default.disabled,.lobibox .lobibox-btn.lobibox-btn-default.disabled.active,.lobibox .lobibox-btn.lobibox-btn-default.disabled.focus,.lobibox .lobibox-btn.lobibox-btn-default.disabled:active,.lobibox .lobibox-btn.lobibox-btn-default.disabled:focus,.lobibox .lobibox-btn.lobibox-btn-default.disabled:hover,.lobibox .lobibox-btn.lobibox-btn-default[disabled],.lobibox .lobibox-btn.lobibox-btn-default[disabled].active,.lobibox .lobibox-btn.lobibox-btn-default[disabled].focus,.lobibox .lobibox-btn.lobibox-btn-default[disabled]:active,.lobibox .lobibox-btn.lobibox-btn-default[disabled]:focus,.lobibox .lobibox-btn.lobibox-btn-default[disabled]:hover,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:active,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:focus,fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:hover{background-color:#e2e2e2;border-color:#dadada}
.lobibox .lobibox-btn.lobibox-btn-default .badge{color:#e2e2e2;background-color:#000}
.lobibox.lobibox-hidden{display:none}
.lobibox-backdrop{position:fixed;z-index:4000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.lobibox-notify-wrapper,.lobibox-notify-wrapper-large{z-index:5000;position:fixed}
.lobibox-notify-wrapper.top{top:0}
.lobibox-notify-wrapper.left{left:0;margin-right:0}
.lobibox-notify-wrapper.right{right:0;margin-left:0;margin-bottom:20px}
.lobibox-notify-wrapper.right .lobibox-notify{margin-left:auto}
.lobibox-notify-wrapper.center{left:50%}
.lobibox-notify-wrapper-large.top{top:0}
.lobibox-notify-wrapper-large.left{left:0}
.lobibox-notify-wrapper-large.left .lb-notify-tabs>li{float:left;margin-left:0;margin-right:2px}
.lobibox-notify-wrapper-large.right{right:0}
.lobibox-notify-wrapper-large .lb-notify-tabs{list-style:none;padding:0;margin:0 0 -5px}
.lobibox-notify-wrapper-large .lb-notify-tabs>li{float:right;margin-left:2px}
.lobibox-notify-wrapper-large .lb-notify-tabs>li>a{text-align:center;display:table;text-decoration:none;font-size:18px;height:32px;color:#FFF;width:28px;opacity:.6}
.lobibox-notify-wrapper-large .lb-notify-tabs>li>a:active,.lobibox-notify-wrapper-large .lb-notify-tabs>li>a:focus,.lobibox-notify-wrapper-large .lb-notify-tabs>li>a:hover,.lobibox-notify-wrapper-large .lb-notify-tabs>li>a:hover:active{color:#FFF}
.lobibox-notify-wrapper-large .lb-notify-tabs>li>a .tab-control-icon{display:table-cell;vertical-align:middle}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-default>a{background-color:rgba(28,28,28,.9);border-color:#141414}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-default>a:hover{background-color:#1c1c1c;border-color:#0f0f0f}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-error>a{background-color:rgba(202,33,33,.9);border-color:#bd1f1f}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-error>a:hover{background-color:#ca2121;border-color:#b41d1d}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-success>a{background-color:rgba(41,184,126,.9);border-color:#26ab75}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-success>a:hover{background-color:#29b87e;border-color:#24a370}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-warning>a{background-color:rgba(206,129,46,.9);border-color:#c1792b}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-warning>a:hover{background-color:#ce812e;border-color:#b97429}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-info>a{background-color:rgba(46,121,180,.9);border-color:#2b71a8}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.lobibox-notify-info>a:hover{background-color:#2e79b4;border-color:#296ba0}
.lobibox-notify-wrapper-large .lb-notify-tabs>li.active>a{opacity:1}
.lobibox-notify-wrapper-large .lb-notify-tabs:after{content:"";display:block;clear:both}
.lobibox-notify-wrapper-large .lb-notify-wrapper{background-color:transparent;padding:0;border:0}
.lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane{display:none}
.lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane.active{display:block}
.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify{min-height:150px}
.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon-wrapper{width:100px}
.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon>div .icon-el{font-size:78px}
.lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-body{margin:13px 20px 13px 130px}
.lobibox-notify{position:relative;min-height:85px;font-size:14px;margin:7px 0;border-radius:0;border:1px solid transparent;-webkit-box-shadow:2px 2px 5px #333;box-shadow:2px 2px 5px #333;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.lobibox-notify .lobibox-notify-icon-wrapper{position:absolute;left:15px;width:60px;height:100%}
.lobibox-notify .lobibox-notify-icon{display:table;width:100%;height:100%}
.lobibox-notify .lobibox-notify-icon>div{display:table-cell;vertical-align:middle}
.lobibox-notify .lobibox-notify-icon>div>img{width:100%;max-width:100%;margin-top:3px;border-radius:4px}
.lobibox-notify .lobibox-notify-icon>div .icon-el{text-align:center;font-size:55px}
.lobibox-notify .lobibox-notify-body{margin:10px 20px 10px 90px}
.lobibox-notify .lobibox-notify-title{font-size:11px;margin-bottom:10px;text-transform:uppercase;font-weight:700;color:#000}
.lobibox-notify .lobibox-notify-msg{overflow:hidden;max-width:90%}
.lobibox-notify .lobibox-close{position:absolute;text-align:center;border-radius:50%;right:10px;top:10px;font-size:20px;line-height:19px;width:19px;height:19px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.lobibox-notify .lobibox-close:hover{background-color:rgba(0,0,0,.5);font-weight:700}
.lobibox-notify .lobibox-delay-indicator{position:absolute;left:0;right:0;bottom:0;height:3px}
.lobibox-notify .lobibox-delay-indicator>div{position:relative;height:100%;width:0;background-color:#e42f46}
.lobibox-notify.lobibox-notify-default{border-color:#0f0f0f;background-color:#1c1c1c;color:#FFF}
.lobibox-notify.lobibox-notify-default:hover{background-color:#1c1c1c;border-color:#FFF}
.lobibox-notify.lobibox-notify-default .lobibox-close:hover{background-color:#4f4f4f}
.lobibox-notify.lobibox-notify-error{border-color:#b41d1d;background-color:#ca2121;color:#FFF}
.lobibox-notify.lobibox-notify-error:hover{background-color:#ca2121;border-color:#FFF}
.lobibox-notify.lobibox-notify-success{border-color:#24a370;background-color:#29b87e;color:#FFF}
.lobibox-notify.lobibox-notify-success:hover{background-color:#29b87e;border-color:#FFF}
.lobibox-notify.lobibox-notify-warning{border-color:#b97429;background-color:#ce812e;color:#FFF}
.lobibox-notify.lobibox-notify-warning:hover{background-color:#ce812e;border-color:#FFF}
.lobibox-notify.lobibox-notify-info{border:2px solid #0d79a0;background-color:#f0f1f1;color:#00455c;border-radius:5px}
.lobibox-notify.lobibox-notify-info:hover{background-color:#468ba2;border-color:#01516d;color:#fff}
.lobibox-notify.rounded{border-radius:30px}
.lobibox-notify:hover{cursor:pointer;-webkit-box-shadow:3px 3px 10px #aaa;box-shadow:3px 3px 10px #aaa}
.lobibox-notify.notify-mini{min-height:36px}
.lobibox-notify.notify-mini .lobibox-notify-title{margin-top:-5px;font-size:20px;line-height:22px}
.lobibox-notify.notify-mini .lobibox-notify-msg{line-height:16px}
.lobibox-notify.notify-mini .lobibox-notify-icon-wrapper{left:12px;width:32px}
.lobibox-notify.notify-mini .lobibox-notify-icon>div .icon-el{font-size:32px}
.lobibox-notify.notify-mini .lobibox-notify-body{margin:15px 30px 15px 56px}
.lobibox-notify.without-icon .lobibox-notify-body{margin-left:20px}
.lobibox-button-holder{position:absolute;right:10px;top:28px;width:50px;height:50px}
.lobibox-button{border:2px solid #F33;border-radius:3px;font-size:10px;color:#fff;padding:10px 30px 10px 10px;background-color:#ed3024;width:20px}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.hinge{animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}
@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}
40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}
70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}
90%{transform:translate3d(0,-4px,0)}
}
.bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{50%,from,to{opacity:1}
25%,75%{opacity:0}
}
.flash{animation-name:flash}
@keyframes pulse{from,to{transform:scale3d(1,1,1)}
50%{transform:scale3d(1.05,1.05,1.05)}
}
.pulse{animation-name:pulse}
@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}
30%{transform:scale3d(1.25,.75,1)}
40%{transform:scale3d(.75,1.25,1)}
50%{transform:scale3d(1.15,.85,1)}
65%{transform:scale3d(.95,1.05,1)}
75%{transform:scale3d(1.05,.95,1)}
}
.rubberBand{animation-name:rubberBand}
@keyframes shake{from,to{transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}
.shake{animation-name:shake}
@keyframes headShake{0{transform:translateX(0)}
6.5%{transform:translateX(-6px) rotateY(-9deg)}
18.5%{transform:translateX(5px) rotateY(7deg)}
31.5%{transform:translateX(-3px) rotateY(-5deg)}
43.5%{transform:translateX(2px) rotateY(3deg)}
50%{transform:translateX(0)}
}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}
40%{transform:rotate3d(0,0,1,-10deg)}
60%{transform:rotate3d(0,0,1,5deg)}
80%{transform:rotate3d(0,0,1,-5deg)}
to{transform:rotate3d(0,0,1,0)}
}
.swing{transform-origin:top center;animation-name:swing}
@keyframes tada{from,to{transform:scale3d(1,1,1)}
10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
.tada{animation-name:tada}
@keyframes wobble{from,to{transform:none}
15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
.wobble{animation-name:wobble}
@keyframes jello{11.1%,from,to{transform:none}
22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{animation-name:jello;transform-origin:center}
@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0{opacity:0;transform:scale3d(.3,.3,.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(.9,.9,.9)}
60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%{transform:scale3d(.97,.97,.97)}
to{opacity:1;transform:scale3d(1,1,1)}
}
.bounceIn{animation-name:bounceIn}
@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0{opacity:0;transform:translate3d(0,-3000px,0)}
60%{opacity:1;transform:translate3d(0,25px,0)}
75%{transform:translate3d(0,-10px,0)}
90%{transform:translate3d(0,5px,0)}
to{transform:none}
}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0{opacity:0;transform:translate3d(-3000px,0,0)}
60%{opacity:1;transform:translate3d(25px,0,0)}
75%{transform:translate3d(-10px,0,0)}
90%{transform:translate3d(5px,0,0)}
to{transform:none}
}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;transform:translate3d(3000px,0,0)}
60%{opacity:1;transform:translate3d(-25px,0,0)}
75%{transform:translate3d(10px,0,0)}
90%{transform:translate3d(-5px,0,0)}
to{transform:none}
}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;transform:translate3d(0,3000px,0)}
60%{opacity:1;transform:translate3d(0,-20px,0)}
75%{transform:translate3d(0,10px,0)}
90%{transform:translate3d(0,-5px,0)}
to{transform:translate3d(0,0,0)}
}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;transform:scale3d(.3,.3,.3)}
}
.bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}
40%,45%{opacity:1;transform:translate3d(0,-20px,0)}
to{opacity:0;transform:translate3d(0,2000px,0)}
}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}
to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}
to{opacity:0;transform:translate3d(2000px,0,0)}
}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;transform:translate3d(0,20px,0)}
to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}
to{opacity:1;transform:none}
}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:none}
}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{from{opacity:1}
to{opacity:0;transform:translate3d(0,100%,0)}
}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{from{opacity:1}
to{opacity:0;transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{from{opacity:1}
to{opacity:0;transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{from{opacity:1}
to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{from{opacity:1}
to{opacity:0;transform:translate3d(100%,0,0)}
}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{from{opacity:1}
to{opacity:0;transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{from{opacity:1}
to{opacity:0;transform:translate3d(0,-100%,0)}
}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{from{opacity:1}
to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}
40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}
80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}
to{transform:perspective(400px);animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}
.flipInY,.flipOutX{-webkit-backface-visibility:visible !important}
@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{transform:perspective(400px)}
}
.flipInY{backface-visibility:visible !important;animation-name:flipInY}
@keyframes flipOutX{from{transform:perspective(400px)}
30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{animation-name:flipOutX;backface-visibility:visible !important}
@keyframes flipOutY{from{transform:perspective(400px)}
30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}
@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{transform:skewX(20deg);opacity:1}
80%{transform:skewX(-5deg);opacity:1}
to{transform:none;opacity:1}
}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{from{opacity:1}
to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}
to{transform-origin:center;transform:none;opacity:1}
}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{from{transform-origin:center;opacity:1}
to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}
to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}
to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}
to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}
to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes hinge{0{transform-origin:top left;animation-timing-function:ease-in-out}
20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}
40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}
to{transform:translate3d(0,700px,0);opacity:0}
}
.hinge{animation-name:hinge}
@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
.jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;transform:none}
}
.rollIn{animation-name:rollIn}
@keyframes rollOut{from{opacity:1}
to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{animation-name:rollOut}
@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{from{opacity:1}
50%{opacity:0;transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{animation-name:zoomOutDown}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}
}
.zoomOutLeft{animation-name:zoomOutLeft}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}
}
.zoomOutRight{animation-name:zoomOutRight}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{animation-name:zoomOutUp}
@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(0,100%,0)}
}
.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(-100%,0,0)}
}
.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(100%,0,0)}
}
.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(0,-100%,0)}
}
.slideOutUp{animation-name:slideOutUp}
.table-responsive table thead tr>th:first-child{border-top-left-radius:8px}
.table-responsive table thead tr>th:last-child{border-top-right-radius:8px}
*.bluehead{background-color:teal;color:white}
@media(max-width:768px){.table-responsive{max-width:100%;overflow-x:auto}
.table-responsive .table{border-collapse:collapse}
.table-responsive .table td{min-width:170px}
}
.cpl__breadcrumbs{background-color:#f0f1f1;padding:5px 20px}
.cpl__breadcrumbs .rcrumbs ul{display:inline-block;margin:6px 0}
.cpl__breadcrumbs .rcrumbs ul li{display:inline;position:relative;line-height:1}
.cpl__breadcrumbs .rcrumbs ul li:not(:last-child){padding-right:30px}
.cpl__breadcrumbs ul li a{color:#19516c;transition:color .3s}
.cpl__breadcrumbs ul li a:hover{color:#282828}
.cpl__breadcrumbs .rcrumbs ul li:after{width:10px;height:17px;line-height:17px;text-align:center;content:">";position:absolute;top:0;right:10px;display:block}
.cpl__breadcrumbs .rcrumbs ul li:last-child:after{display:none}
.cpl__breadcrumbs .rcrumbs ul li a,.cpl__breadcrumbs .rcrumbs ul li span{display:inline}
.cpl__breadcrumbs .rcrumbs ul li a.is-icon.home{display:inline-block;background:url(headlibslubricant/img/cpl-i-home.svg);width:16px;height:14px;font-size:0;vertical-align:top;background-position:center center;background-repeat:no-repeat;background-size:100% auto}
@media(max-width:767px){.cpl__breadcrumbs .rcrumbs ul li{font-size:12px}
.cpl__breadcrumbs .rcrumbs ul li:not(:first-child):not(:last-child):not(:nth-last-child(2)){display:none}
.cpl__breadcrumbs .rcrumbs ul li:not(:last-child){padding-right:10px}
.cpl__breadcrumbs .rcrumbs ul li:after{right:-2px}
.cpl__breadcrumbs .rcrumbs ul li a:not(.is-icon.home),.cpl__breadcrumbs .rcrumbs ul li span{line-height:18px}
.cpl__breadcrumbs .rcrumbs>ul li:not(:last-child):after{line-height:12px;height:12px}
}