@charset "utf-8";
/* CSS Document */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{ zoom:1; } /* IE6 */
*:first-child+html .clearfix{ zoom:1; } /* IE7 */
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body, input, select, textarea, button, .ui-btn{font-family:'Roboto', sans-serif;}
body{color:#666; font-size:14px; line-height:24px; font-weight:400;  background:#fff;}
::selection{background:rgba(0,0,0,.3); color:#fff;}
::-moz-selection{background:rgba(0,0,0,.3); color:#fff;}
.transition{transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
.transitionAll, .transitionAll *{transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
.clear{clear:both;}

.m0px{margin:0 !important;} .mt0px{margin-top:0 !important;} .mb0px{margin-bottom:0 !important;} .ml0px{margin-left:0 !important;} .mr0px{margin-right:0 !important;} .mt1px{margin-top:1px;} .mt2px{margin-top:2px;} .mt3px{margin-top:3px;} .mt4px{margin-top:4px;} .mt5px{margin-top:5px;} .mt6px{margin-top:6px;} .mt7px{margin-top:7px;} .mt8px{margin-top:8px;} .mt9px{margin-top:9px;} .mt10px{margin-top:10px;} .mt11px{margin-top:11px;} .mt12px{margin-top:12px;} .mt13px{margin-top:13px;} .mt14px{margin-top:14px;} .mt15px{margin-top:15px;} .mt16px{margin-top:16px;} .mt17px{margin-top:17px;} .mt18px{margin-top:18px;} .mt19px{margin-top:19px;} .mt20px{margin-top:20px;} .mt21px{margin-top:21px;} .mt22px{margin-top:22px;} .mt23px{margin-top:23px;} .mt24px{margin-top:24px;} .mt25px{margin-top:25px;} .mt26px{margin-top:26px;} .mt27px{margin-top:27px;} .mt28px{margin-top:28px;} .mt29px{margin-top:29px;} .mt30px{margin-top:30px;} .mb1px{margin-bottom:1px;} .mb2px{margin-bottom:2px;} .mb3px{margin-bottom:3px;} .mb4px{margin-bottom:4px;} .mb5px{margin-bottom:5px;} .mb6px{margin-bottom:6px;} .mb7px{margin-bottom:7px;} .mb8px{margin-bottom:8px;} .mb9px{margin-bottom:9px;} .mb10px{margin-bottom:10px;} .mb11px{margin-bottom:11px;} .mb12px{margin-bottom:12px;} .mb13px{margin-bottom:13px;} .mb14px{margin-bottom:14px;} .mb15px{margin-bottom:15px;} .mb16px{margin-bottom:16px;} .mb17px{margin-bottom:17px;} .mb18px{margin-bottom:18px;} .mb19px{margin-bottom:19px;} .mb20px{margin-bottom:20px;} .mb21px{margin-bottom:21px;} .mb22px{margin-bottom:22px;} .mb23px{margin-bottom:23px;} .mb24px{margin-bottom:24px;} .mb25px{margin-bottom:25px;} .mb26px{margin-bottom:26px;} .mb27px{margin-bottom:27px;} .mb28px{margin-bottom:28px;} .mb29px{margin-bottom:29px;} .mb30px{margin-bottom:30px;} .ml1px{margin-left:1px;} .ml2px{margin-left:2px;} .ml3px{margin-left:3px;} .ml4px{margin-left:4px;} .ml5px{margin-left:5px;} .ml6px{margin-left:6px;} .ml7px{margin-left:7px;} .ml8px{margin-left:8px;} .ml9px{margin-left:9px;} .ml10px{margin-left:10px;} .ml11px{margin-left:11px;} .ml12px{margin-left:12px;} .ml13px{margin-left:13px;} .ml14px{margin-left:14px;} .ml15px{margin-left:15px;} .ml16px{margin-left:16px;} .ml17px{margin-left:17px;} .ml18px{margin-left:18px;} .ml19px{margin-left:19px;} .ml20px{margin-left:20px;} .ml21px{margin-left:21px;} .ml22px{margin-left:22px;} .ml23px{margin-left:23px;} .ml24px{margin-left:24px;} .ml25px{margin-left:25px;} .ml26px{margin-left:26px;} .ml27px{margin-left:27px;} .ml28px{margin-left:28px;} .ml29px{margin-left:29px;} .ml30px{margin-left:30px;} .mr1px{margin-right:1px;} .mr2px{margin-right:2px;} .mr3px{margin-right:3px;} .mr4px{margin-right:4px;} .mr5px{margin-right:5px;} .mr6px{margin-right:6px;} .mr7px{margin-right:7px;} .mr8px{margin-right:8px;} .mr9px{margin-right:9px;} .mr10px{margin-right:10px;} .mr11px{margin-right:11px;} .mr12px{margin-right:12px;} .mr13px{margin-right:13px;} .mr14px{margin-right:14px;} .mr15px{margin-right:15px;} .mr16px{margin-right:16px;} .mr17px{margin-right:17px;} .mr18px{margin-right:18px;} .mr19px{margin-right:19px;} .mr20px{margin-right:20px;} .mr21px{margin-right:21px;} .mr22px{margin-right:22px;} .mr23px{margin-right:23px;} .mr24px{margin-right:24px;} .mr25px{margin-right:25px;} .mr26px{margin-right:26px;} .mr27px{margin-right:27px;} .mr28px{margin-right:28px;} .mr29px{margin-right:29px;} .mr30px{margin-right:30px;} .m1px{margin:1px;} .m2px{margin:2px;} .m3px{margin:3px;} .m4px{margin:4px;} .m5px{margin:5px;} .m6px{margin:6px;} .m7px{margin:7px;} .m8px{margin:8px;} .m9px{margin:9px;} .m10px{margin:10px;} .m11px{margin:11px;} .m12px{margin:12px;} .m13px{margin:13px;} .m14px{margin:14px;} .m15px{margin:15px;} .m16px{margin:16px;} .m17px{margin:17px;} .m18px{margin:18px;} .m19px{margin:19px;} .m20px{margin:20px;} .m21px{margin:21px;} .m22px{margin:22px;} .m23px{margin:23px;} .m24px{margin:24px;} .m25px{margin:25px;} .m26px{margin:26px;} .m27px{margin:27px;} .m28px{margin:28px;} .m29px{margin:29px;} .m30px{margin:30px;}

.p0px{padding:0 !important;} .pt0px{padding-top:0 !important;} .pb0px{padding-bottom:0 !important;} .pl0px{padding-left:0 !important;} .pr0px{padding-right:0 !important;} .pt1px{padding-top:1px;} .pt2px{padding-top:2px;} .pt3px{padding-top:3px;} .pt4px{padding-top:4px;} .pt5px{padding-top:5px;} .pt6px{padding-top:6px;} .pt7px{padding-top:7px;} .pt8px{padding-top:8px;} .pt9px{padding-top:9px;} .pt10px{padding-top:10px;} .pt11px{padding-top:11px;} .pt12px{padding-top:12px;} .pt13px{padding-top:13px;} .pt14px{padding-top:14px;} .pt15px{padding-top:15px;} .pt16px{padding-top:16px;} .pt17px{padding-top:17px;} .pt18px{padding-top:18px;} .pt19px{padding-top:19px;} .pt20px{padding-top:20px;} .pt21px{padding-top:21px;} .pt22px{padding-top:22px;} .pt23px{padding-top:23px;} .pt24px{padding-top:24px;} .pt25px{padding-top:25px;} .pt26px{padding-top:26px;} .pt27px{padding-top:27px;} .pt28px{padding-top:28px;} .pt29px{padding-top:29px;} .pt30px{padding-top:30px;} .pb1px{padding-bottom:1px;} .pb2px{padding-bottom:2px;} .pb3px{padding-bottom:3px;} .pb4px{padding-bottom:4px;} .pb5px{padding-bottom:5px;} .pb6px{padding-bottom:6px;} .pb7px{padding-bottom:7px;} .pb8px{padding-bottom:8px;} .pb9px{padding-bottom:9px;} .pb10px{padding-bottom:10px;} .pb11px{padding-bottom:11px;} .pb12px{padding-bottom:12px;} .pb13px{padding-bottom:13px;} .pb14px{padding-bottom:14px;} .pb15px{padding-bottom:15px;} .pb16px{padding-bottom:16px;} .pb17px{padding-bottom:17px;} .pb18px{padding-bottom:18px;} .pb19px{padding-bottom:19px;} .pb20px{padding-bottom:20px;} .pb21px{padding-bottom:21px;} .pb22px{padding-bottom:22px;} .pb23px{padding-bottom:23px;} .pb24px{padding-bottom:24px;} .pb25px{padding-bottom:25px;} .pb26px{padding-bottom:26px;} .pb27px{padding-bottom:27px;} .pb28px{padding-bottom:28px;} .pb29px{padding-bottom:29px;} .pb30px{padding-bottom:30px;} .pl1px{padding-left:1px;} .pl2px{padding-left:2px;} .pl3px{padding-left:3px;} .pl4px{padding-left:4px;} .pl5px{padding-left:5px;} .pl6px{padding-left:6px;} .pl7px{padding-left:7px;} .pl8px{padding-left:8px;} .pl9px{padding-left:9px;} .pl10px{padding-left:10px;} .pl11px{padding-left:11px;} .pl12px{padding-left:12px;} .pl13px{padding-left:13px;} .pl14px{padding-left:14px;} .pl15px{padding-left:15px;} .pl16px{padding-left:16px;} .pl17px{padding-left:17px;} .pl18px{padding-left:18px;} .pl19px{padding-left:19px;} .pl20px{padding-left:20px;} .pl21px{padding-left:21px;} .pl22px{padding-left:22px;} .pl23px{padding-left:23px;} .pl24px{padding-left:24px;} .pl25px{padding-left:25px;} .pl26px{padding-left:26px;} .pl27px{padding-left:27px;} .pl28px{padding-left:28px;} .pl29px{padding-left:29px;} .pl30px{padding-left:30px;} .pr1px{padding-right:1px;} .pr2px{padding-right:2px;} .pr3px{padding-right:3px;} .pr4px{padding-right:4px;} .pr5px{padding-right:5px;} .pr6px{padding-right:6px;} .pr7px{padding-right:7px;} .pr8px{padding-right:8px;} .pr9px{padding-right:9px;} .pr10px{padding-right:10px;} .pr11px{padding-right:11px;} .pr12px{padding-right:12px;} .pr13px{padding-right:13px;} .pr14px{padding-right:14px;} .pr15px{padding-right:15px;} .pr16px{padding-right:16px;} .pr17px{padding-right:17px;} .pr18px{padding-right:18px;} .pr19px{padding-right:19px;} .pr20px{padding-right:20px;} .pr21px{padding-right:21px;} .pr22px{padding-right:22px;} .pr23px{padding-right:23px;} .pr24px{padding-right:24px;} .pr25px{padding-right:25px;} .pr26px{padding-right:26px;} .pr27px{padding-right:27px;} .pr28px{padding-right:28px;} .pr29px{padding-right:29px;} .pr30px{padding-right:30px;} .p1px{padding:1px;} .p2px{padding:2px;} .p3px{padding:3px;} .p4px{padding:4px;} .p5px{padding:5px;} .p6px{padding:6px;} .p7px{padding:7px;} .p8px{padding:8px;} .p9px{padding:9px;} .p10px{padding:10px;} .p11px{padding:11px;} .p12px{padding:12px;} .p13px{padding:13px;} .p14px{padding:14px;} .p15px{padding:15px;} .p16px{padding:16px;} .p17px{padding:17px;} .p18px{padding:18px;} .p19px{padding:19px;} .p20px{padding:20px;} .p21px{padding:21px;} .p22px{padding:22px;} .p23px{padding:23px;} .p24px{padding:24px;} .p25px{padding:25px;} .p26px{padding:26px;} .p27px{padding:27px;} .p28px{padding:28px;} .p29px{padding:29px;} .p30px{padding:30px;}

.w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;}

img{max-width:100%;}
a{text-decoration:none; color:#333;transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
a:hover{color:#d22d2c;}
.red{color:#d22d2c !important;}
.pink{color:#f33e6b;}
.black{color:#1a171b;}
.blue{color:#0b3e56;}
.green{color:#00702e;}
.grayL{color:#999;}
.grayDark, .grayD{color:#333;}
.yellow{color:#ffba1c;}
.white{color:#fff;}
.orange{color:#d22d2c;}
.blue{color:#d22d2c;}
a.black:hover{color:#f33e6b;}
.u{text-decoration:underline;}
.u:hover{text-decoration:none;}
.small{font-size:11px; line-height:normal;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.aj{text-align:justify !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:bold;}

.fl{float:left;}
.fr{float:right;}
.i{font-style:italic;}
.dib100{display:inline-block; width:100%;}
.dib{display:inline-block;}
p{margin:0 0 15px;}
.b{font-weight:bold;}
.row .cell{width:49%; float:left;}
.row .cell:nth-child(2n){float:right;}
.row .cell3{width:33.333%; float:left;}

.ttu{text-transform:uppercase !important;}
.ttc{text-transform:capitalize !important;}
.ttn{text-transform:none !important;}
b,strong{font-weight:bold;}
.contentTxt b, .contentTxt strong{color:#333;}
.contentTxt .orange{color:#d22d2c;}
a.orange > strong{color:#d22d2c;}

div.error, label.error{color:#d22d2c; font-size:12px; font-weight:normal;}
.dn{display:none;}
.positionR{position:relative;}
.table{width:100%;}
.table td, .table th{padding:10px; color:#333; text-align:left;}
.table th{font-weight:600;}
.table tr{background-color:#f4f4f4;}
.table tr:nth-child(2n){background-color:#fff;}
body.pushable > .pusher{background:#fff;}
body p:last-of-type{margin-bottom:0;}

.col{margin:0 -10px; padding:0; list-style:none;}
.col > li{float:left; width:20%; padding:10px;}
.col4 > li{width:25%;}
.col3 > li{width:33.333%;}
.col2 > li{width:50%;}

.section{padding-top:40px; padding-bottom:40px; position:relative;}
.sectionBg{background-color:#f2efeb;}
.sectionBgDark{background-color:#29343a; color:#fff;}

.lhn{line-height:normal}.lh12px{line-height:12px}.lh14px{line-height:14px}.lh16px{line-height:16px}.lh18px{line-height:18px}.lh20px{line-height:20px}.lh22px{line-height:22px}.lh24px{line-height:24px}.lh26px{line-height:26px}.lh28px{line-height:28px}.lh30px{line-height:30px}

.fs11px{font-size:11px;} .fs12px{font-size:12px;} .fs13px{font-size:13px;} .fs14px{font-size:14px;} .fs15px{font-size:15px;} .fs16px{font-size:16px;} .fs17px{font-size:17px;} .fs18px{font-size:18px;} .fs20px{font-size:20px;} .fs22px{font-size:22px;} .fs24px{font-size:24px;} .fs25px{font-size:25px;} .fs26px{font-size:26px;} .fs27px{font-size:27px;} .fs28px{font-size:28px;} .fs29px{font-size:29px;} .fs30px{font-size:30px;}
.fa{font-family:FontAwesome !important;}
.fa{font-family:FontAwesome !important;}
.roboto{font-family:'Roboto', sans-serif;}
textarea.form-control{min-height:150px;}
.form-control{border-radius: 3px; box-shadow: none !important; font-size:13px;}
.form-control:focus{border-color:#aaa;}

.modal{text-align:center; padding:0!important;}
.modal:before{content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-4px;}
.modal-dialog{display:inline-block; text-align:left; vertical-align:middle;}

.btn{border:0; border-radius:3px; font-weight:bold; padding:3px; line-height:normal; font-size:14px; text-transform:uppercase; position:relative; padding:8px 15px;}
.btn .btnInner{display:inline-block; padding:15px 30px; border:1px solid #fff; border-radius:3px; min-width:224px;}
.btn-primary{background-color:#d22d2c;}
.btn.focus, .btn:focus, .btn:hover, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{color:#fff; background-color:#666;}

.btn-info{background:none; color:#333; border:1px solid #333;}
.btn-info:hover, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info.focus, .btn-info:focus, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{color:#d22d2c; border-color:#d22d2c; background:none;}

.btn-white{background:#fff; color:#d22d2c; border:1px solid #fff;}
.btn-white:hover, .btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white, .btn-white.focus, .btn-white:focus, .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white.focus:active, .btn-white:active:focus, .btn-white:active:hover, .open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus, .open > .dropdown-toggle.btn-white:hover{color:#d22d2c; border-color:#fff; background:#fff;}

.displayFlex{display:flex;}
.withFlexCol{flex-wrap:wrap; margin:0 -15px}
.withFlexCol > .flexCol{padding-left:15px;padding-right:15px}
.flexCol.flexColFull{width:100% !important}
.flexCol-2 > .flexCol{width:50%} .flexCol-3 > .flexCol{width:33.3333333333%} .flexCol-4 > .flexCol{width:25%} .flexCol-5 > .flexCol{width:20%} .flexCol-6 > .flexCol{width:16.6666666667%} .flexCol-7 > .flexCol{width:14.2857142857%} .flexCol-8 > .flexCol{width:12.5%} .flexCol-9 > .flexCol{width:11.1111111111%} .flexCol-10 > .flexCol{width:10%} .flexCol-11 > .flexCol{width:9.0909090909%} .flexCol-12 > .flexCol{width:8.3333333333%}
@media (max-width:1100px){
.flexColMd-1 > .flexCol{width:100%;} .flexColMd-2 > .flexCol{width:50%} .flexColMd-3 > .flexCol{width:33.3333333333%} .flexColMd-4 > .flexCol{width:25%} .flexColMd-5 > .flexCol{width:20%} .flexColMd-6 > .flexCol{width:16.6666666667%} .flexColMd-7 > .flexCol{width:14.2857142857%}  .flexColMd-8 > .flexCol{width:12.5%} .flexColMd-9 > .flexCol{width:11.1111111111%} .flexColMd-10 > .flexCol{width:10%} .flexColMd-11 > .flexCol{width:9.0909090909%} .flexColMd-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:980px){
.flexCol980-1 > .flexCol{width:100%;} .flexCol980-2 > .flexCol{width:50%} .flexCol980-3 > .flexCol{width:33.3333333333%} .flexCol980-4 > .flexCol{width:25%} .flexCol980-5 > .flexCol{width:20%} .flexCol980-6 > .flexCol{width:16.6666666667%} .flexCol980-7 > .flexCol{width:14.2857142857%}  .flexCol980-8 > .flexCol{width:12.5%} .flexCol980-9 > .flexCol{width:11.1111111111%} .flexCol980-10 > .flexCol{width:10%} .flexCol980-11 > .flexCol{width:9.0909090909%} .flexCol980-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:700px){
.flexColSm-1 > .flexCol{width:100%;} .flexColSm-2 > .flexCol{width:50%} .flexColSm-3 > .flexCol{width:33.3333333333%} .flexColSm-4 > .flexCol{width:25%} .flexColSm-5 > .flexCol{width:20%} .flexColSm-6 > .flexCol{width:16.6666666667%} .flexColSm-7 > .flexCol{width:14.2857142857%} .flexColSm-8 > .flexCol{width:12.5%} .flexColSm-9 > .flexCol{width:11.1111111111%} .flexColSm-10 > .flexCol{width:10%} .flexColSm-11 > .flexCol{width:9.0909090909%} .flexColSm-12 > .flexCol{width:8.3333333333%}
}
@media (max-width:480px){
.flexColXs-1 > .flexCol{width:100%;} .flexColXs-2 > .flexCol{width:50%} .flexColXs-3 > .flexCol{width:33.3333333333%} .flexColXs-4 > .flexCol{width:25%} .flexColXs-5 > .flexCol{width:20%} .flexColXs-6 > .flexCol{width:16.6666666667%} .flexColXs-7 > .flexCol{width:14.2857142857%} .flexColXs-8 > .flexCol{width:12.5%} .flexColXs-9 > .flexCol{width:11.1111111111%} .flexColXs-10 > .flexCol{width:10%} .flexColXs-11 > .flexCol{width:9.0909090909%} .flexColXs-12 > .flexCol{width:8.3333333333%}
}

.listStyle,.addressList{margin:0;padding:0;list-style:none}
.listStyle>li{font-size:16px;line-height:22px;color:#333;position:relative;padding-left:30px;padding-bottom:15px}
.listStyle>li:before{content:"\f00c";font-family:FontAwesome;position:absolute;left:0;top:0;color:#006461;font-weight:normal}
.listStyle.listStyleCircle>li{padding-left:40px;min-height:50px;padding-top:5px}
.listStyle.listStyleCircle>li:before{width:30px;height:30px;background:#ffc31d;color:#006461;border-radius:30px;text-align:center;line-height:30px}
.addressList>li{position:relative;padding-left:30px;margin-top:10px}
.addressList .icon{position:absolute;left:0;top:2px;width:25px;text-align:center}

.rowMargin30px{margin-left:-30px; margin-right:-30px;}
.rowMargin30px > div{padding-left:30px; padding-right:30px;}

.social a{font-size:18px; text-decoration:none; width:50px; height:50px; display:inline-block; line-height:50px; text-align:center; background:#ceaa00; color:#fff; border-radius:50px;}
.social a.fb{background-color:#4e71a8; color:#fff;}
.social a.twitter{background-color:#1cb7eb; color:#fff;}
.social a.google{background-color:#e3411f; color:#fff;}
.social a.youtube{background-color:#ca3737; color:#fff;}
.social a.linkedin{background-color:#2a6e92; color:#fff;}					
.social a.skype{background-color:#03acec; color:#fff;}
.social a.instagram{background-color:#4270a3; color:#fff;}

.social2 a{font-size:14px;text-decoration:none;width:120px;height:36px;display:inline-block;line-height:36px;text-align:center;background:#666;border:0;color:#fff; padding:0 10px; border-radius:3px;}
.social2 a:hover{color:#fff !important}
.social2 a > i.fa{margin-right:5px;}
.social2 a.fb{border-color:#4e71a8;color:#fff;background:#4e71a8}
.social2 a.fb:hover{background:#42608f}
.social2 a.twitter{border-color:#1cb7eb;color:#fff;background:#1cb7eb}
.social2 a.twitter:hover{background:#0092cb}
.social2 a.google{background-color:#e3411f;color:#fff}
.social2 a.google:hover{background:#cc3a1c}
.social2 a.youtube{background:#ca3737;color:#fff}
.social2 a.youtube:hover{background:#b53131}
.social2 a.linkedin{border-color:#0084bf;color:#fff;background:#0084bf}
.social2 a.linkedin:hover{background:#0070a3}
.social2 a.skype{border-color:#03acec;color:#03acec}
.social2 a.fbskypehover{background:#03acec}
.social2 a.instagram{border-color:#4270a3;color:#4270a3}
.social2 a.instagram:hover{background:#4270a3}

/*********************** Main *****************************/
.container{width:1250px; position:relative;}
.header{position:fixed; left:0; top:0; z-index:9; width:100%; background:rgba(255,255,255,1); box-shadow:0 0 10px rgba(0,0,0,.2);}
.nav ul{text-align:center; margin:0; padding:0; list-style:none;}
.nav > ul > li{display:inline-block; position:relative; float:left;}
.nav > ul > li > a{font-size:14px; font-weight:bold; color:#333; text-align:center; display:inline-block; padding:0 15px; text-decoration:none !important; line-height:78px; position:relative; text-transform:uppercase;}
.nav ul > li:hover > a, .nav ul > li > a.active{color:#d22d2c;}
.nav > ul > li.hasMenu > a:after{content:"\f107"; font-family:FontAwesome; display:inline-block; margin-left:5px; font-style:normal; font-size:14px;}
.nav .sub-menu{position:absolute; background-color:#333; z-index:-99999; width:230px; padding:10px 0; border-radius:0 0 3px 3px; left:0; top:130px; transition:all .35s ease-in-out; -webkit-transition:all .35s ease-in-out; opacity:0; visibility:hidden;}
.nav > ul > li.hasMenu:hover > a{background:#333; color:#fff;}
.nav ul > li:hover > .sub-menu{top:78px; z-index:1; opacity:1; visibility:visible;}
.nav .sub-menu > li{display:block;}
.nav .sub-menu > li > a{display:block; font-size:14px; padding:5px 20px; transition:none; -webkit-transition:none; color:#fff; text-align:left; text-decoration:none;}
.nav .sub-menu > li > a:hover{background-color:#d22d2c; color:#fff;}

.header.scrolled .navRow{position:fixed; top:0; left:0; background-color:#d22d2c;}
.header.scrolled .navRow .nav{border-color:#d22d2c;}
.header.scrolled .nav ul > li > a{color:#fff;}
.header.scrolled .nav ul > li:hover > a, .header.scrolled .nav ul > li > a.active{color:#2b2f3e;}
.header.scrolled .nav ul > li:after{background:rgba(255,255,255,.6);}

.hpSlider .img{min-height:100vh; position:relative; overflow:hidden;}
.hpSlider .bg{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center;
	 -webkit-animation-name: rotateHp;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: rotateHp;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	animation-name: rotateHp;
	animation-duration:10s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
.hpSlider .img:hover .bg{-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;}
@-webkit-keyframes rotateHp {
  0% { -webkit-transform: rotate(0deg) scale(1);}
  50% {  -webkit-transform: rotate(0deg) scale(1.1);}
  100% {  -webkit-transform: rotate(0deg) scale(1);}
}

@-moz-keyframes rotateHp {
  0% { -moz-transform: rotate(0deg) scale(1);}
  50% {  -moz-transform: rotate(0deg) scale(1.1);}
  100% {  -moz-transform: rotate(0deg) scale(1);}
}

.displayTable{display:table;}
.tableCell{display:table-cell; vertical-align:middle; height:inherit;}

.ui.left.sidebar{padding:0;}
.ui.sidebar li{position:relative;}
.ui.sidebar li a{display:block; font-size:16px; font-weight:bold; line-height:140%; padding:10px 50px 10px 20px; transition:none; -webkit-transition:none; -ms-transition:none; text-align:left;}
.ui.sidebar > ul > li{border-bottom:1px solid #ddd; padding:0; width:100%;}
.ui.sidebar li a:before, .ui.sidebar li a:after{display:none;}
.ui.sidebar li a:hover, .ui.sidebar li.active a{color:#000;}
.ui.sidebar .sub-menu{display:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.ui.sidebar .sub-menu a{background-color:#f6f7f7; padding:10px 20px 10px 20px;}
.ui.sidebar .sub-menu a:hover{background-color:#fff; position:relative;}
.ui.sidebar img{border-radius:3px;}
.openSub{cursor:pointer; display:block; height:39px; position:absolute; right:0; top:0; width:40px; }
.openSub .icon-chevron-thin-down{font-family:'icomoon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; top:12px;}
.openSub .icon-chevron-thin-down.opened{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ui.sidebar{background-color:#fff;}
.ui.sidebar > ul > li > a > .icon{position:absolute; left:20px;}
.ui.sidebar > ul > li > a > .icon > i{font-size:16px !important;}

#home{min-height:100vh; width:100%; position:relative; display:flex; align-items:center; color:#fff;}
#slidecaption{font-size:18px; width:60%; line-height:28px; text-shadow:0 0 20px rgba(0,0,0,.5);}
#slidecaption h2{font-size:36px; font-weight:bold; line-height:1.3; margin:0 0 15px; text-transform:uppercase;}
a.scrollDownIcon{position:absolute; left:50%; bottom:20px; margin-left:-40px; text-align:center; color:#fff; width:80px; font-size:14px; text-decoration:none; z-index:1;}
.mouse-icon{border:2px solid #fff; border-radius:100px; height:60px; width:40px; display:inline-block; z-index:10; opacity:1; margin-bottom:5px;}
.mouse-icon .wheel{-webkit-animation-name:drop; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear; -webkit-animation-delay:0s; -webkit-animation-iteration-count:infinite; -webkit-animation-play-state:running; -webkit-animation-name:drop; animation-name:drop; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-play-state:running; animation-play-state:running;}
.mouse-icon .wheel{position:relative; border-radius:10px; background:#fff; width:4px; height:8px; top:4px; margin-left:auto; margin-right:auto;}
@-webkit-keyframes drop{ 0% {top:5px; opacity:0;} 30% {top:10px; opacity:1;} 100% {top:25px; opacity:0;}}
@keyframes drop{0% {top:5px; opacity:0;} 30% {top:10px; opacity:1;} 100% {top:25px; opacity:0;}}

.sectionTitle{position:relative; padding-bottom:30px;}
.sectionTitle > h1, .sectionTitle > h2{color:#333; font-weight:bold;}
.sectionTitle > h4{font-size:18px; line-height:26px;}
.sectionTitle .after{background:#d22d2c; height:2px; width:30px; display:block; margin-top:30px;}

.imgEffect{display:block; overflow:hidden; position:relative;}
.imgEffect > img{width:100%; -webkit-transition:-webkit-transform 2s ease-in-out; transition:-webkit-transform 2s ease-in-out; transition:transform 2s ease-in-out; transition:transform 2s ease-in-out, -webkit-transform 2s ease-in-out;}
.imgEffect:hover img{-webkit-transform:scale(1.2); transform:scale(1.2);}

/*.prdHpListArrows .slick-next{right:-40px;}
.prdHpListArrows .slick-prev{left:-40px;}
.prdHpListArrows .slick-next, .prdHpListArrows .slick-prev{top:105px; margin:0;}*/
.prdHpList .img{display:block; position:relative; overflow:hidden;}
.prdHpList .img:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:0 0 50px rgba(0,0,0,.1) inset; z-index:1; background:rgba(0,0,0,.0); transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
/*.prdHpList .img:after{content:"\f0c1"; font-family:FontAwesome; width:50px; height:50px; line-height:50px; background:#d22d2c; color:#fff; font-size:24px; text-align:center; position:absolute; left:50%; top:-50px; z-index:1; border-radius:50px; margin-left:-25px; margin-top:-25px; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; transform:scale(0); opacity:0;}
.prdHpList .bg:hover .img:after{left:50%; top:50%; transform:scale(1); opacity:1;}*/

.prdHpList .img:after{content:""; width:100px; height:100px; background:#fff url(../images/rrLogo.png) no-repeat center center; position:absolute; left:50%; top:-50px; z-index:1; border-radius:100px; margin-left:-50px; margin-top:-50px; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; transform:scale(0); opacity:0;}
.prdHpList .bg:hover .img:after{left:50%; top:50%; transform:scale(1); opacity:1;}
.prdHpList .bg:hover .img:before{background:#d22d2c; opacity:.6;}

.prdHpList .bg:hover .imgEffect img{-webkit-transform:scale(1.2); transform:scale(1.2);}
.prdHpList .detail{margin-top:25px; margin-bottom:2px;}
.prdHpList a.name{text-decoration:none; font-size:22px; color:#d22d2c; font-weight:bold;}
.prdHpList .txt{margin:15px 0;}

.cBrandsList img, .cLogo{border:1px solid #ddd; border-radius:3px;}
.clientLogoSlider .item, .cLogoSlider .item{padding:1px;}
.projectHpList{overflow:hidden;}
.projectHpList .slick-list{margin:0 -15px;}
.projectHpList .slick-slide{padding:0 15px;}
.projectHpList .bg{display:block; position:relative;}
.projectHpList .bg .img{padding-top:66.66%; width:100%;}
.projectHpList .bg .img > img{position:absolute; left:0; top:0; width:100%; min-height:100%;}
.projectHpList .bg .detail{position:absolute; left:0; bottom:0; z-index:1; background:rgba(0,0,0,.6); width:100%; height:auto; color:#fff; font-size:14px; line-height:18px; padding:10px;}
.projectHpList .bg:hover .detail{height:100%;}
.projectHpList .bg:hover .imgEffect img{-webkit-transform:scale(1.2); transform:scale(1.2);}
.projectHpList .bg .txt, .projectHpList .bg .rm{display:none;}
.projectHpList .bg:hover .txt, .projectHpList .bg:hover .rm{display:block;}
.projectHpList .bg .txt{margin:10px 0;}
.projectHpList .bg .rm{color:#d22d2c;}

.newsList .flexCol{padding:15px;}
.newsListSlider a.list, .newsList a.list{text-decoration:none; color:#333; position:relative; width:100%;}
.newsListSlider .img, .newsList .img, .newsDetail .img{position:relative; margin-bottom:15px;}
.newsListSlider a.list .date, .newsList a.list .date, .newsDetail .date{position: absolute; left: 0; top: 0; width: 70px; background: #d22d2c; color: #fff; text-align: center; line-height: 12px; padding: 5px;}
.newsListSlider a.list .date .big, .newsList a.list .date .big, .newsDetail .date .big{font-size:30px; line-height:30px;}
.newsListSlider a.list .name, .newsList a.list .name{font-size:14px; line-height:normal;}

.newsListSlider .img, .newsList .img{padding-top: 65%; overflow: hidden;}
.newsListSlider .img > img, .newsList .img > img{position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%;}
.newsDetail .serviceSlider .img

/*.addressList .icon{font-size:16px; position:absolute; left:0; width:30px;}
.addressList li{padding-left:30px; margin-bottom:10px; position:relative; line-height:normal;}*/
.social a:hover{background-color:#999 !important; color:#fff !important;}

.footer{line-height:normal; font-size:14px; color:rgba(255,255,255,.5);}
.footer h4{margin-bottom:20px; color:#fff; font-size:18px;}
.copyright, .fLinks a{color:rgba(255,255,255,.5);}
.fLinks a:hover{color:#fff;}
.fLinks li{margin-bottom:5px;}

.scrollToTop{position:fixed; bottom:60px; right:10px; height:40px; width:40px; text-align:center; line-height:36px; cursor:pointer; z-index:1; background:#d22d2c; color:#fff; font-size:18px; border-radius:3px;}
.scrollToBottom{position:fixed; bottom:10px; right:10px; height:40px; width:40px; text-align:center; line-height:36px; cursor:pointer; z-index:1; background:#d22d2c; color:#fff; font-size:18px; border-radius:3px;}

.contentTxt ul{list-style:circle; margin:0 0 0 25px;}
.contentTxt ul li{margin:5px 0;}
.innerHeadingSmall{color:#d22d2c; font-size:20px; font-weight:bold;}
.innerHeadingSmall:after{content:""; display:block; width:30px; height:2px; background-color:#333; margin:10px 0 20px;}

.video{background:#000; cursor:pointer;}
.video.player img, .video.player:after{display:none;}

.mainContent{margin-top:78px;}
.innerBanner .pageTitle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
}
.innerBanner .breadcrumb {
	margin: 0;
	background: none;
	color: #fff;
}
.innerBanner .breadcrumb a{color:#fff;}

.breadcrumb {
	text-align: center;
	background: none;
}

.teamList:nth-child(1){margin-top:0;}
.teamList{margin-top:30px;}
.teamListGrid{margin:0 -15px;}
.teamListGrid .flexCol{padding:15px;}
.teamListGrid .trigger{cursor:pointer;}
.teamListGrid .detail{display:none; line-height:normal; font-size:13px; text-align:justify; hyphens:auto;}
.teamListGrid .opened .nameDiv::after{content:"\f077";}
.teamListGrid .nameDiv::after{content:"\f078"; font-family:FontAwesome; position:absolute; right:0; top:0; font-size:14px; font-weight:normal; width:30px; height:30px; text-align:center; background:#e2e2e2; color:#2c2c45; line-height:30px; border-radius:3px;}
.teamListGrid .social2 a{width:49%;}

.numberList .flexCol {
	padding: 15px;
	position: relative; margin-top:30px;
}
.numberList .bg {
	background: #f2f2f2;
	padding: 60px 30px 30px;
	border-radius: 5px;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	height: 100%;
	position: relative;
}
.numberList .number {
	width: 90px;
	line-height: 70px;
	height: 90px;
	border-radius: 80px;
	background: #d22d2c;
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: 50%;
	top: -45px;
	margin-left: -45px;
	border: 10px solid #fff;
}
.productTabs .filter {
	display: inline-block;
	text-transform: uppercase;
	color: #333;
	padding: 7px 15px;
	border: 2px solid #ddd;
	cursor: pointer;
}
.productTabs .filter.active {
	border-color: #333;
	color: #fff;
	background-color: #333;
}
#galleryContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#galleryContainer .mix {
	width: 20%;
	text-align: center;
	display: none;
}
#galleryContainer a {
	transition: none;
	-webkit-transition: none;
	display: block;
	text-decoration: none;
}
#galleryContainer .txt {
	text-transform: uppercase;
	color: #d22d2c;
	padding: 20px 10px; display:none;
}
#galleryContainer .img{display:block; overflow:hidden; position:relative;}
#galleryContainer .img:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); transition:all .35s ease-in-out; -webkit-transition:all .35s ease-in-out; opacity:0;}
#galleryContainer a:hover .img:after{opacity:1;}
#galleryContainer .img:before{content:"\f055"; font-family:FontAwesome; font-size:40px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; position:absolute; left:50%; top:-50%; margin-left:-25px; margin-top:-25px; z-index:1; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; opacity:0;}
#galleryContainer a:hover .img:before{opacity:1; top:50%;}
#galleryContainer .img > img{width:100%; -webkit-transition:-webkit-transform 3s ease-in-out; transition:-webkit-transform 3s ease-in-out; transition:transform 3s ease-in-out; transition:transform 3s ease-in-out, -webkit-transform 3s ease-in-out; max-height: 180px; min-height: 180px;}
#galleryContainer a:hover .img > img{transform:scale(1.4); -webkit-transform:scale(1.4);}

.pager-list .btn.pager {
	margin-bottom: 0;
	background: #fff;
	border: 1px solid #333;
	color: #333;
	box-shadow: none; margin-top:20px; border-radius:0;
}
.pager-list .btn.pager:hover {
	color: #d22d2c;
}
.pager-list .btn.pager.active {
	background: #d22d2c;
	color: #fff !important;
	border-color: #d22d2c;
}
.servicePage {
	justify-content: space-between;
}
.servicePage .sideBar {
	border: 2px solid #333;
	border-radius: 5px;
	padding:20px;
}
.sideBar .heading {
	color: #d22d2c;
	font-size: 24px;
	margin-bottom: 15px;
}
.sideBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sideBar ul a {
	display: block;
	padding: 10px 15px 10px 20px;
	border-top: 1px dotted #ccc;
	line-height: normal;
	position: relative;
	text-decoration: none;
}
.sideBar ul a::before {
	content: "\f105";
	font-family: fontawesome;
	position: absolute;
	left: 5px;
	top: 11px;
	font-weight: normal;
}
.sideBar ul li.active > a {
	color: #333;
	font-weight: bold;
}

.imgContainer .detail {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	background: rgba(0,0,0,.3);
	padding: 15px 30px;
	color: #fff;
	border-radius: 0 0 10px 10px;
}
.imgContainer .detail a{color:#fff;}
.serviceSlider .owl-nav > .owl-prev, .serviceSlider .owl-nav > .owl-next {
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 0;
	border: 0;
	background: rgba(0,0,0,.3);
	color: #fff;
}
.serviceSlider .owl-nav > .owl-prev{right:auto; left:0;}
.serviceSlider .owl-nav > .owl-prev:hover, .serviceSlider .owl-nav > .owl-next:hover{background:#d22d2c;}

.serviceSlider .img{display:block; overflow:hidden; border-radius: 10px;}
.serviceSlider img { width:auto; height:auto; position:relative; display:none; outline:none; border:none;
	 -webkit-animation-name: rotate;
	-webkit-animation-duration:60s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name: rotate;
	-moz-animation-duration:60s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	animation-name: rotate;
	animation-duration:60s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	}
	@-webkit-keyframes rotate {
  0% { -webkit-transform: rotate(0deg) scale(1);}
  50% {  -webkit-transform: rotate(0deg) scale(1.6);}
  100% {  -webkit-transform: rotate(0deg) scale(1);}
}

@-moz-keyframes rotate {
  0% { -moz-transform: rotate(0deg) scale(1);}
  50% {  -moz-transform: rotate(0deg) scale(1.6);}
  100% {  -moz-transform: rotate(0deg) scale(1);}
}

.servicePage .form {
	border: 1px dashed #d22d2c;
	border-radius: 10px;
	margin-top: 30px;
	padding: 20px;
}
.servicePage .form h4 {
	color: #d22d2c;
	font-size: 24px; margin-bottom:15px;
}
.servicePage .form textarea.form-control {
	min-height: 90px;
}

.newsDetail .serviceSlider .img {
	max-height: 500px;
	background: #000;
}
.newsDetail .serviceSlider .img > img {
	max-height: 500px;
	display: block;
	width: auto;
	margin: 0 auto;
}
.newsDetail .serviceSlider .img .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	background: rgba(0,0,0,.5);
	width: 100%;
	padding: 10px 15px;
	text-align: center;
}



.accordion .head{display: inline-block; width: 100%; color: #36444d; padding: 8px 8px 8px 40px; position: relative; cursor: pointer; border: 1px solid #ddd; font-weight: bold;}
.accordion>li.opened .head,.accordion .head:hover, .accordion .head:hover .openSub{color:#d22d2c}
.accordion>li{margin-bottom:10px;}
.accordion>li:last-child{margin-bottom:0}
.accordion>li.opened .openSub i.fa:before{content:"\f068";color:#d22d2c}
.accordion .openSub{display: block; position: absolute; top: 0; left:0; text-align: center; line-height:42px; color: #36444d;}
.accordion .txt{display:none; padding:10px 10px 10px 40px;}

.newsDetail .container {
	max-width:850px;
}
#loaderImg{display:none;}

.timeline{max-width:1170px; position:relative; margin:0 auto;}
.timeline_intro{text-transform:uppercase; color:#333; position:absolute; width:150px; top:0; left:50%; font-size:10px; line-height:normal; font-weight:bold; margin-left:-75px;}
.timeline_intro::before, .timeline_intro::after{content:""; position:absolute; left:0; top:5px; width:33px; height:1px; background:#ccc;}
.timeline_intro:after{left:auto; right:0;}
.timeline_intro .big, .today .todayTxt{font-size:70px; line-height:60px; text-transform:uppercase; font-weight:bold; color:#333;}
.timeline_scale{position:absolute; left:50%; top:85px; width:42px; height:100%; margin-left:-21px; background:url(../images/timeline.png) repeat-y;}
.listTimeline{margin:0; padding:0; list-style:none;}
.timeline .img{width:150px; height:150px; border-radius:200px; margin-bottom:15px;}
.listTimeline li{float:left; width:35%; margin-bottom:40px; text-align:center; position:relative;}
.listTimeline li:nth-child(2n){float:right;}
.listTimeline li::before{content:""; position:absolute; right:-140px; top:75px; width:250px; height:14px; background:url(../images/history_trail_left.png) repeat-y center right; margin-top:-3px;}
.listTimeline li:nth-child(2n)::before{left:-140px; right:auto; height:14px; background:url(../images/history_trail.png) repeat-y center left;}
.listTimeline .year{font-weight:bold; font-size:18px; color:#d22d2c;}

.innerNav {
	background: #eee;
}
.innerNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
}
.innerNav ul > li {
	display: inline-block;
	margin: 0 15px;
}
.innerNav ul > li > a {
	display: block;
	padding: 0 10px;
	line-height: 48px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 2px solid #eee;
}
.innerNav ul > li.active > a {
	border-bottom-color: #d22d2c;
	color: #d22d2c;
}

.serviceList {
	justify-content: center;
}
.serviceList .flexCol {
padding: 15px;
}
.serviceList .bg {
display: block;
text-decoration: none;
text-align: center;
}
.serviceList .icon {
font-size: 40px;
display: block;
margin: 0 auto 10px;
background: #d22d2c;
width: 100px;
height: 100px;
color: #fff;
line-height: 100px;
border-radius: 100px;
}
.serviceList .name {
font-weight: normal;
}


@media screen and (max-width:1500px){
.nav > ul > li > a{padding:0 10px; text-transform: none;}
}

@media screen and (max-width:1210px){
.container{width:100%;}
.rowMargin30px{margin-left: -15px; margin-right: -15px;}
.rowMargin30px > div{padding-left: 15px; padding-right: 15px;}
#slidecaption{margin: 0 auto; text-align: center; width:100%; max-width:600px;}
#slidecaption h2{font-size: 50px;}
.listTimeline li::before{right:-120px; width:200px;}
.listTimeline li:nth-child(2n)::before{left:-120px;}
.header .logo img{max-width: 180px; margin-top:7px;}

}

@media screen and (max-width:1100px){
.menuToggle{display:block; float:right; font-size:28px; cursor:pointer; margin-right:15px; line-height:80px;}
.header .container{padding:0;}
.header .nav, .nav > ul > li, .nav > ul > li > a{width:100%;}
.header .nav{display:none;}
.nav > ul > li > a{padding: 10px; line-height: normal; text-align: left; border-top: 1px solid #ddd;}
.nav > ul > li.hasMenu > a::after{float: right;}
.nav .sub-menu{position: static; width: 100%; padding-top:0; border-radius: 0; box-shadow:none; opacity: 1; visibility: visible; display:none;}
.nav ul > li:hover > .sub-menu{top: 0; z-index: 1; opacity: 1; visibility: visible;}
.nav > ul > li.hasMenu:hover > a{background:#fff; color:#d22d2c;}
.nav .sub-menu > li > a{color:#333;}
.nav .sub-menu > li > a:before{content:"\f105"; font-family:FontAwesome; display:inline-block; margin-right:5px;}
.nav .sub-menu > li > a:hover{background-color:#fff; color:#d22d2c;}
.nav .sub-menu{background:#fff;}
#galleryContainer .mix{width:25%;}

}
@media screen and (max-width:980px){
#supersized, #supersized li, #supersized a, #supersized img{height:500px !important;}
#supersized, #supersized li{top:80px !important;}
#home{height:580px !important; min-height:inherit; padding-top:80px;}
.section{padding-top: 30px; padding-bottom: 30px;}
.rowMargin30px > div:nth-child(2){margin-top:30px;}
.fLinks li{margin: 5px 0; display: inline-block;}
.fLinks li:after{content:"/"; display:inline-block; padding:0 5px;}
.fLinks li:last-child:after, .innerBanner .img{display:none;}
.footer{padding-top:0;}
.video, .footer h4{margin-top:30px;}
.innerBanner .pageTitle{position: static; background: #333 url(../images/innerBanner.png) center center; padding: 35px 0 30px;}
.colCount{column-count:1 !important;}
#galleryContainer .mix{width:50%;}
.galleryFilterBtn{display: block; border: 2px solid #ddd; color: #333; cursor: pointer; padding: 7px 15px; text-align: center; text-transform: uppercase; width: 100%; margin-bottom: 1px;}
.productTabs .filter{display: block; margin-bottom: 2px;}
.productTabs{display: none; margin: 0;}
#galleryContainer, .servicePage .aside{margin-top: 20px;}
.servicePage .aside, .servicePage .content{width:100%;}
.servicePage{display:block;}
.timeline_scale{display:none;}
.listTimeline{margin-top:40px;}
.listTimeline li{width:100%; margin:20px 0 !important;}
.listTimeline li::before{display:none;}
.timeline_intro .big, .today .todayTxt{font-size:40px; line-height:40px;}
.listTimeline{margin-top:20px;}


}

@media screen and (max-width:700px){
#slidecaption h2{font-size:24px;}
#slidecaption{font-size:18px; line-height:normal;}
#supersized, #supersized li, #supersized a, #supersized img{height:300px !important;}
#home{height:380px !important;}
a.scrollDownIcon{display:none;}
.sectionTitle > h1, .sectionTitle > h2{font-size:28px;}
.newsListArrows, .projectHpListArrows, .prdHpListArrows{top: -92px;}
.numberList .bg{padding:60px 15px 20px; font-size:14px; line-height:24px;}
.innerNav ul > li{margin:0;}
.innerNav ul > li > a{text-transform:none;}

h1,.h1{font-size:26px}
h2,.h2{font-size:24px}
h3,.h3{font-size:18px}
h4,.h4{font-size:16px}

}

@media screen and (max-width:500px){
.sectionTitle > h1, .sectionTitle > h2{font-size:20px;}
.sectionTitle .after{margin-top:15px;}
.owl-nav > .owl-prev, .owl-nav > .owl-next{top:-70px;}
#galleryContainer .mix{width:100%;}
.imgContainer .detail {
	position: relative;
	background: #333;
	margin-top: -1px;
	z-index: 1;
}
.serviceSlider .img {
	border-radius: 10px 10px 0 0;
}
.serviceSlider .owl-nav > .owl-prev, .serviceSlider .owl-nav > .owl-next {
	margin-top: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.serviceSlider.Infrastructure .img {
	border-radius: 0;
}
.innerNav ul > li > a {
	font-size: 12px; padding:0 8px;
}

}

@media screen and (max-width:340px){
.innerNav ul > li > a {
	padding: 0 5px;
}

.innerNav ul > li {
	float: left;
}
}

.sectionDiv{margin-top:30px;text-align:center;}
.sectionDiv .flexCol div{background: rgba(244,244,244,0.2);border: 1px solid #f1f1f1;border-radius: 10px;padding: 15px;margin:15px 0;}
.sectionDiv .flexCol h4 {background: #d22d2c;color: #fff;border-radius: 30px;display: inline-block;padding: 10px 30px;
	margin-top: -20px;margin-bottom: 20px;}
.sectionDiv .flexCol img{border-radius: 10px;width: 100%;}