/*########################################## # COMMON CSS ##########################################*/ /****CSS FOR FONTS START********/ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(../css/fonts/opensans/opsn.woff2) format('woff2'), url(../css/fonts/opensans/opsn.woff) format('woff'), url(../css/fonts/opensans/opensans-regular-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Semibold'; font-style: normal; font-weight: 600; src: url(../css/fonts/opensans/opnssb.woff2) format('woff2'), url(../css/fonts/opensans/opnssb.woff) format('woff'), url(../css/fonts/opensans/opensans-semibold-webfont.ttf) format('truetype'),; } @font-face { font-family: 'Open Sans Bold'; font-style: normal; font-weight: 700; src: url(../css/fonts/opensans/opnsb.woff2) format('woff2'), url(../css/fonts/opensans/opnsb.woff) format('woff'); } @font-face { font-family: 'Open Sans Extrabold'; font-style: normal; font-weight: 800; src: url(../css/fonts/opensans/opnsexb.woff2) format('woff2'), url(../css/fonts/opensans/opnsexb.woff) format('woff'); } /****CSS FOR FONTS END********/ * {box-sizing: border-box; outline:none;} img{border:none;outline:none;display:block;} ul {list-style:none;margin:0;padding:0;} a {text-decoration:none;color:#c82f2f;} h1, h2, h3, h4, h5, h6 {margin:0;} p {margin:0 0 15px 0;} a {cursor:pointer; text-decoration:none;} a:hover, a:focus{color: #c82f2f;text-decoration:none;} a:focus{outline:none; text-decoration:none;} .pos-abs{position:absolute;} input[type="radio"], input[type="checkbox"]{margin:4px 4px 4px 0;} input[type='text'], input[type='search'] { border-radius: 3px; padding:7px 10px; border: 0; font-size: 11pt; box-shadow: 0 1px 0 rgba(0,0,0,0.4) inset } input[type='text']:hover, input[type='search']:hover, input[type='text']:focus, input[type='search']:focus { background-color: #fff3df } input[type='text'].blink, input[type='search'].blink {color: #00a6ba!important;} input[type="checkbox"] {vertical-align:text-bottom;} label{font-weight:normal;} .plus-ico:before {content: '+';font-style: normal;font-weight: bold;} .block{display:block;} .inblock{display:inline-block;} .f-bold{font-weight:bold;} .valign-T{vertical-align:top;} .valign-M{vertical-align:middle;} .para-desc .box:last-child{margin-bottom:0;} .ellipsis {overflow:hidden;} .txtdec-und{text-decoration:underline;} .openSansBold{font-family: 'Open Sans Bold';} /*********************** * HEADER TYPES ***********************/ .hd-typ1 {font-size:35px;font-weight:bold;color:#333333;} .hd-typ2 {font-size:15px;font-weight:bold;color:#c82f2f;font-family:Arial, Helvetica, sans-serif;} .hd-typ3 {font-size:16px;color:#2d3e52;font-family:Arial, Helvetica, sans-serif;} .hd-typ4 {font-size:16px;color:#ffffff;padding:10px;background-color:#c82f2f;font-weight:bold;} /********************* # COMMON MARGIN CSS *********************/ .mrg-auto { margin-left:auto; margin-right:auto; } .mrg0 { margin:0px; } .mrg0-T { margin-top:0px; } .mrg0-R { margin-right:0px; } .mrg0-B { margin-bottom:0px; } .mrg0-L { margin-left:0px; } .mrg0-LR { margin-right:0px; margin-left:0px; } .mrg0-TB { margin-right:0px; margin-left:0px; } .mrg1 { margin:1px } .mrg1-T { margin-top:1px; } .mrg1-R { margin-right:1px; } .mrg1-B { margin-right:1px; } .mrg1-L { margin-left:1px; } .mrg1-LR { margin-left:1px;margin-right:1px; } .mrg1-TB { margin-top:1px;margin-bottom:1px; } .mrg2 { margin:2px } .mrg2-L { margin-left:2px; } .mrg2-R { margin-right:2px; } .mrg2-T { margin-top:2px; } .mrg2-LR { margin-left:2px;margin-right:2px; } .mrg2-TB { margin-top:2px;margin-bottom:2px; } .mrg4 { margin:4px; } .mrg4-T { margin-top:4px; } .mrg4-L { margin-left:4px; } .mrg4-LR { margin-left:4px;margin-left:4px; } .mrg4-TB { margin-top:4px;margin-bottom:4px; } .mrg5 { margin:5px; } .mrg5-L { margin-left:5px; } .mrg5-T { margin-top:5px; } .mrg5-B { margin-bottom:5px; } .mrg5-R { margin-right:5px; } .mrg5-LR { margin-left:5px;margin-right:5px; } .mrg5-TB { margin-top:5px;margin-bottom:5px; } .mrg10 { margin:10px; } .mrg10-T { margin-top:10px; } .mrg10-L { margin-left:10px; } .mrg10-B { margin-bottom:10px; } .mrg10-R { margin-right:10px; } .mrg10-LR { margin-left:10px;margin-right:10px; } .mrg10-TB { margin-top:10px;margin-bottom:10px; } .mrg15 { margin:15px; } .mrg15-T { margin-top:15px; } .mrg15-L { margin-left:15px; } .mrg15-B { margin-bottom:15px; } .mrg15-R { margin-right:15px; } .mrg15-LR { margin-left:15px;margin-right:15px; } .mrg15-TB { margin-top:15px;margin-bottom:15px; } .mrg20 { margin:20px; } .mrg20-B {margin-bottom:20px; } .mrg20-T { margin-top:20px; } .mrg20-L { margin-left:20px; } .mrg20-R { margin-right:20px; } .mrg20-LR { margin-left:20px;margin-right:20px; } .mrg20-TB { margin-top:20px;margin-bottom:20px; } .mrg30-TB { margin-top:30px;margin-bottom:30px; } .mrg30-B { margin-bottom:30px; } /*########################################## # COMMON PADDING CSS ##########################################*/ .pd0 { padding:0px; } .pd0-T{ padding-top:0px;} .pd0-B{ padding-bottom:0px;} .pd1 { padding:1px; } .pd1-L { padding-left:1px; } .pd1-LR { padding-left:1px;padding-right:1px; } .pd1-TB { padding-top:1px;padding-bottom:1px; } .pd2 { padding:2px; } .pd2-L { padding-left:2px; } .pd2-LR { padding-left:2px;padding-right:2px; } .pd2-TB { padding-top:2px;padding-bottom:2px; } .pd4 { padding:4px; } .pd4-L { padding-left:4px; } .pd4-LR { padding-left:4px;padding-left:4px; } .pd4-TB { padding-top:4px;padding-bottom:4px; } .pd5 { padding:5px; } .pd5-L { padding-left:5px; } .pd5-T { padding-top:5px; } .pd5-R { padding-right:5px; } .pd5-B { padding-bottom:5px; } .pd5-LR { padding-left:5px;padding-right:5px; } .pd5-TB { padding-top:5px;padding-bottom:5px; } .pd10 { padding:10px; } .pd10-L { padding-left:10px; } .pd10-R { padding-right:10px; } .pd10-LR { padding-left:10px;padding-right:10px; } .pd10-TB { padding-top:10px;padding-bottom:10px; } .pd10-T { padding-top:10px; } .pd10-B{padding-bottom:10px;} .pd10-TLR { padding-top:10px; padding-left:10px; padding-right:10px; } .pd10-BLR { padding-bottom:10px; padding-left:10px; padding-right:10px; } .pd15 { padding:15px; } .pd15-T { padding-top:15px; } .pd15-L { padding-left:15px; } .pd15-R { padding-right:15px; } .pd15-B { padding-bottom:15px; } .pd15-LR { padding-left:15px;padding-right:15px; } .pd15-TLR { padding:15px 15px 0px 15px; } .pd15-TB { padding-top:15px;padding-bottom:15px; } .pd20 { padding:20px; } .pd20-L { padding-left:20px; } .pd20-R { padding-right:20px; } .pd20-B { padding-bottom:20px; } .pd20-LR { padding-left:20px;padding-right:20px; } .pd20-TB { padding-top:20px;padding-bottom:20px; } /************************* # COMMON FONTS SIZE CSS **************************/ .fs10 {font-size:77%;} /* for setting 10px */ .fs11 {font-size:85%;} /* for setting 11px */ .fs12 {font-size:93%;} /* for setting 12px */ .fs13 {font-size:100%;} /* for setting 13px */ .fs14 {font-size:108%;} /* for setting 14px */ .fs15 {font-size:116%;} /* for setting 15px */ .fs16 {font-size:123.1%;} /* for setting 16px */ .fs17 {font-size:131%;} /* for setting 17px */ .fs18 {font-size:138.5%;} /* for setting 18px */ .fs19 {font-size:146.5%;} /* for setting 19px */ .fs20 {font-size:153.9%;} /* for setting 20px */ .fs21 {font-size:161.6%;} /* for setting 21px */ .fs22 {font-size:167%;} /* for setting 22px */ .fs23 {font-size:174%;} /* for setting 23px */ .fs24 {font-size:182%;} /* for setting 24px */ .fs25 {font-size:189%;} /* for setting 25px */ .fs26 {font-size:197%;} /* for setting 26px */ .fs27 {font-size:204%;}/* for setting 27px */ .fs28 {font-size:211%;}/* for setting 28px */ .fs29 {font-size:220%;}/* for setting 29px */ .fs30 {font-size:228%;}/* for setting 30px */ .fs31 {font-size:235%;}/* for setting 31px */ .fs32 {font-size:245%;}/* for setting 32px */ .fs33 {font-size:251%;}/* for setting 33px */ .fs34 {font-size:259%;}/* for setting 34px */ .fs35 {font-size:266%;}/* for setting 35px */ .fs36 {font-size:274%;}/* for setting 36px */ .fs37 {font-size:282%;}/* for setting 37px */ .fs38 {font-size:290%;}/* for setting 38px */ .fs39 {font-size:297%;}/* for setting 39px */ .fs40 {font-size:305%;}/* for setting 40px */ .fs41 {font-size:312%;}/* for setting 41px */ .fs42 {font-size:319%;}/* for setting 42px */ .fs43 {font-size:327%;}/* for setting 43px */ .fs44 {font-size:335%;}/* for setting 44px */ .fs45 {font-size:342%;}/* for setting 45px */ .fs46 {font-size:351%;}/* for setting 46px */ .fs47 {font-size:358%;}/* for setting 47px */ .fs48 {font-size:366%;}/* for setting 48px */ .fs49 {font-size:375%;}/* for setting 49px */ .fs50 {font-size:382%;}/* for setting 50px */ /***CSS FOR COMMON FONT COLOR****/ .f-black, .f-black:hover, .f-black:focus{color:#1f1f1f;} .f-red{color:#c82f2f;} .f-blue{color:#01b7f2;} .f-graylight{color:#838383;} .f-yellow{color:#ffb746;} /************************* # COMMON DATEPICKER CSS **************************/ .ui-datepicker{ border-width:1px 0 0; border-color:#e6e6e6; box-shadow:0 5px 15px -5px rgba(0, 0, 0, 0.506); padding:2px 8px 0; z-index:2 !important; } .ui-datepicker table{margin:0 0 8px;} .ui-datepicker .ui-datepicker-header{padding:2px 0 5px;} .ui-datepicker .ui-datepicker-title {margin:0 30px 0 47px;line-height:1.2em;} .ui-datepicker .ui-datepicker-title select:first-child{margin-right:4px;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:40%;} .ui-datepicker .ui-widget-header{background:none; border:0;} .ui-datepicker .ui-datepicker-title select{font-size:11px;} .ui-datepicker .ui-datepicker-title select{border:1px solid #cccccc;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background:none;border:0;} .ui-datepicker .ui-widget-header .ui-icon{background-image:url("../images/icons.png");} .ui-datepicker .ui-datepicker-prev span{background-position:-20px -44px;opacity:0.5;} .ui-datepicker .ui-datepicker-next span{background-position:-3px -44px;opacity:0.5;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:7px;height:14px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width:7px;height:14px;} .ui-datepicker .ui-datepicker-prev:hover span, .ui-datepicker .ui-datepicker-next span:hover{opacity:1;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover{top:6px;left:10px;} .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover{right:0px;top:6px;} .ui-datepicker table{font-size:12px;border-collapse:collapse !important;} .ui-datepicker table thead th{background-color:#f1f1f1;padding:4px 3px;color:#000000;text-align:right; font-size:11px;} .ui-datepicker table thead th, .ui-datepicker table tbody td{border:1px solid #cccccc;} .ui-datepicker table tbody td{padding:0;text-align:right;} .ui-datepicker-calendar .ui-state-default{color:#000000;border:0;background-color:#ffffff;} .ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight{color:#00a6ba;} .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-highlight{background-color:#00a6ba; color:#ffffff;} .ui-datepicker-calendar .ui-state-default:hover{background-color:#ffb746; color:#ffffff;} .ui-datepicker.ui-widget-content .ui-priority-secondary{opacity:.5;} .ui-datepicker .ui-datepicker-header .datepickethomeico:hover {opacity:1;} .ui-datepicker .ui-datepicker-buttonpane{margin:0.5em 0 0;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { background-image: url("../images/icons.png"); background-position: -67px -46px; cursor:pointer; height:12px; left:32px; opacity:0.5; position:absolute; top:8px; width:15px; border:0; text-indent:0; font-size:0; background-color:transparent; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover{opacity:1;} .ui-datepicker-buttonpane .ui-datepicker-close{display:none;} .table-wrapper{display:table;width:100%;} .table-cell{display:table-cell;} /*******COMMON BACKGROUND COLORS*********/ .white-bg{background-color:#ffffff;} .gray-bg{background-color:#ececec;} .gray-bgf5{background-color:#f5f5f5;} .gray-bgdd{background-color:#dddddd;} .yellow-bg{background-color:#ffb746;} .red-bg{background-color:#c82f2f;} /***********COMMON CSS FOR LIGHT SLIDER*************/ .lslider-typ1 .lSAction > a{ height:28px; width:29px; margin-top:-14px; opacity:1; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li a{ height:9px !important; width:9px !important; background-color:#ffffff !important; position:static !important; overflow:visible !important; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{background-color:#c82f2f !important;} .lSSlideOuter .lSPager{margin-top:10px !important;} /************************** CSS FOR LIST STYLE TYPE **************************/ .list-typ1 li {margin-bottom:5px;padding-left:15px;position:relative;} .list-typ1 li .fa {color:#838383;font-size:9px;left:0;position: absolute;top:4px;} .list-typ2 li {padding-left:20px;position: relative;} .list-typ2 li .fa {font-size:13px;left:0;position:absolute;top:4px;} .listing-typ1 .item{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eeeeee; font-size:14px; font-family:Arial, Helvetica, sans-serif; } .listing-typ1 .item:last-child{border:0;margin-bottom:0;} /************************** CSS FOR BOX TYPE **************************/ .box-typ1{border-bottom:1px solid #dddddd;padding-bottom:15px;} .box-typ2{box-shadow:0 0 4px #bbb; background-color:#ffffff;} /************************** CSS FOR BORDER TYPE **************************/ .bdr20-B{border-bottom:20px solid;} .bdr-typ1{border-color:#f5f5f5;} @media(min-width:768px){ .dis-table{display:table;width:100%;margin:0;} .row.dis-table > div{display:table-cell;float:none;padding:0;} } @media(max-width:767px){ .collapsed-xs{display:none;} .listing-typ1 .item{margin-bottom:0;padding-bottom:0;border-bottom:0;} .listing-typ1 .item .list-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eeeeee;} }