@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Aquavit';
    src: url('../fonts/Aquavit.eot');
    src: url('../fonts/Aquavit.eot') format('embedded-opentype'),
         url('../fonts/Aquavit.woff2') format('woff2'),
         url('../fonts/Aquavit.woff') format('woff'),
         url('../fonts/Aquavit.ttf') format('truetype'),
         url('../fonts/Aquavit.svg#Aquavit') format('svg');
}
@font-face {
    font-family: 'Arabien';
    src: url('../fonts/Arabien.eot');
    src: url('../fonts/Arabien.eot') format('embedded-opentype'),
         url('../fonts/Arabien.woff2') format('woff2'),
         url('../fonts/Arabien.woff') format('woff'),
         url('../fonts/Arabien.ttf') format('truetype'),
         url('../fonts/Arabien.svg#Arabien') format('svg');
}
@font-face {
    font-family: 'ARESSENCE';
    src: url('../fonts/ARESSENCE.eot');
    src: url('../fonts/ARESSENCE.eot') format('embedded-opentype'),
         url('../fonts/ARESSENCE.woff2') format('woff2'),
         url('../fonts/ARESSENCE.woff') format('woff'),
         url('../fonts/ARESSENCE.ttf') format('truetype'),
         url('../fonts/ARESSENCE.svg#ARESSENCE') format('svg');
}


/* Header Styles */
.headerBg {background:url(../img/header-bg.gif) repeat-x; }
.headerRight {text-align:right;}
.topNav {background:#afafaf; margin:20px 0; -moz-border-radius: 20px;    -webkit-border-radius: 20px;    -khtml-border-radius: 20px; -o-border-radius: 20px;	border-radius: 20px; text-align:center; margin:20px 0 0 0; padding:0 15px; float:right;}
.topNav li {list-style-type:none; display:inline-block; font-weight:bold; color:#aa0000;}
.topNav li a{font-size:18px; color:#333; text-decoration:none; font-weight:normal;}
.topNav li a:hover{color:#fff;}
.topCaption1 {clear:both; font-size:20px; color:#333; float:right; line-height:24px; margin-top:5px;}
.topCaption2 {clear:both; font-size:20px; color:#aa0000;  float:right; line-height:24px; margin-bottom:10px;}
/* Banner Styles */
.bannerBg {background:url(../img/banner-bg.gif) #edeeee repeat-x;}
.bannerBg2 {background:url(../img/banner-bg2.gif) repeat-x bottom;}
.bannerHolder {padding-left:0; padding-right:0;}
.bannerContentHolder {position:absolute; margin-left:10%; margin-top:12%;}
.bannerContentHolder2 {position:absolute; margin-left:10%; margin-top:5%;}
.bannerHead {font-size:34px; color:#fff; clear:both;}
.bannerList {margin:0; padding:0;}
.bannerList li {list-style-type:none; list-style-image:url(../img/bullet.png); list-style-position:inside; color:#fff; font-size:32px; margin-bottom:10px;}

/* Content Area Styles */
.contentAreaBg {background:url(../img/content-area-bg.jpg) no-repeat; background-size:cover;}
.homeBox {width:100%; padding:15px; border:1px solid #333; background:#fff; margin:50px 0; min-height:530px; font-size:18px; text-align:justify;}
.headHomeBox {font-size:24px; text-align:center; border-bottom:1px solid #333; padding-bottom:15px;}
.btnLeft {float:left; cursor:pointer;}
.btnRight {float:right; cursor:pointer;}
.homeTabs {-moz-border-radius: 15px;    -webkit-border-radius: 15px;    -khtml-border-radius: 15px; -o-border-radius: 15px;	border-radius: 15px; padding:11px 0;  padding-left:75px; text-transform:uppercase;  font-size:14px; color:#fff; background:url(../img/tab-icon.png) no-repeat left center #bd1e2c; width:70%; margin:0 auto; margin-bottom:30px; cursor:pointer;font-weight:bold;}

/* Footer Styles */
.footerBg {background:url(../img/credits-bg.gif) repeat-x;}
.creditsHolder {height:130px; font-size:14px; color:#e7724f; padding-top:40px; }
.lnkCredits {color:#e7724f; text-decoration:none;}
.lnkCredits:hover {color:#fff; text-decoration:none;}

/* Inner Styles */
.bannerHeadNew2 {font-size:40px; border-bottom:2px solid #fff; color:#fff; padding-bottom:10px; display:inline-block; margin-bottom:0;}

.txtBlack {color:#000!important;}
.bannerList2 {margin:0 0 10px 0; padding:0;}
.bannerList2 li {list-style-type:none; list-style-image:url(../img/bullet2.png); list-style-position:inside; color:#000; font-size:32px; margin-bottom:10px;}
.contentArea {padding-top:40px; padding-bottom:40px;}
.appliTab {-moz-border-radius: 15px;    -webkit-border-radius: 15px;    -khtml-border-radius: 15px; -o-border-radius: 15px;	border-radius: 15px;  font-size:24px; color:#fff; 
    background:#a00; width:70%; margin:0 auto 40px auto; text-align:center; padding-bottom:5px;}
.appliFormHolder {max-width:750px; margin:0 auto;}
.labelHolder {width:294px; float:left;}
.appliFormField {float:left; width:calc(100% - 294px); margin-bottom:30px; background:#e6e6e6; border:none; -moz-border-radius: 25px;    -webkit-border-radius: 25px;    -khtml-border-radius: 25px; -o-border-radius: 25px;	border-radius: 25px; padding:7px;}
.appliFormField2 {float:left; width:calc(100% - 485px); margin-bottom:30px; background:#e6e6e6; border:none; -moz-border-radius: 25px;    -webkit-border-radius: 25px;    -khtml-border-radius: 25px; -o-border-radius: 25px;	border-radius: 25px; padding:7px;}
.refresh {margin:5px 30px 0 30px; float:left;}
.btnSubmit {-moz-border-radius: 25px;    -webkit-border-radius: 25px;    -khtml-border-radius: 25px; -o-border-radius: 25px;	border-radius: 25px; background:#bd1e2c; color:#fff;  font-size:15px; padding:5px 30px; border:none; text-transform:uppercase;}
.contactHolder {
    box-shadow: 0px 1px 13px 2px #19181D1A;
    border-radius: 20px;
    background: #fff;
    padding: 15px;
    transition: 0.5s;
    position: relative; min-height: 250px; margin-bottom: 30px;   
    border: 1px solid #DFD1B6;}
.contactBoxHead {font-size:24px; margin:30px 0;}
.contactIcon {margin-right:20px;}
.contactNumbers {margin-bottom:20px;}
.contactBottomHolder {width:100%; -moz-border-radius: 25px;    -webkit-border-radius: 25px;    -khtml-border-radius: 25px; -o-border-radius: 25px;	border-radius: 25px; background:#f0f0f0; border:1px solid #cfcfcf; padding:15px; overflow:hidden;}
.sibMirrorImg {margin:0 80px; float:left;}
.bottomBannerContent {float:left; max-width:487px; word-wrap:break-word;}
.headSIBMirror {font-size:40px; margin:10px 0 0 0;}
.subHeadSIBMirror {font-size:32px;}
.subSubHeadSIBMirror {font-size:22px;}
.scanHolder {width:175px; text-align:center; float:right; margin-top:8px;}
.txtScan {font-size:21px;}
.bannerHeadNew {font-size:40px; border-bottom:2px solid #000; color:#000; padding-bottom:10px; display:inline-block; margin-bottom:0;}
.atractiveBox {-moz-border-radius: 15px;    -webkit-border-radius: 15px;    -khtml-border-radius: 15px; -o-border-radius: 15px;	border-radius: 15px; background:#333333; padding:5px;font-size:25px; color:#fff; max-width:550px; margin:40px auto; text-align:center;}
.contentBox {-moz-border-radius: 15px;    -webkit-border-radius: 15px;    -khtml-border-radius: 15px; -o-border-radius: 15px;	border-radius: 15px; background:#e6e6e6; border:1px solid #333; padding:20px;}
.giftImg {margin-top:-130px;}
.contentHead {-moz-border-radius: 25px;    -webkit-border-radius: 25px;    -khtml-border-radius: 25px; -o-border-radius: 25px;	border-radius: 25px; background:#b3b3b3; width:320px; text-align:center; color:#333;  font-size:30px; padding:5px;}
.contentHead2 {font-size:28px; color:#333;}
.dataTable1 td{background:#d3d3d3; padding:10px; border:1px solid #333;}

@media (max-width: 1200px) {
.btnLeft {float:none!important; margin:0 auto 10px auto; display:block;}
.btnRight {float:none!important; margin:0 auto 10px auto; display:block;}
.bannerHeadNew {font-size:34px; margin:0 0 10px 0; padding-bottom:10px;} 
.bannerContentHolder2 { margin-left:20px; margin-top:10px;}
.bannerContentHolder2 .bannerHead {font-size:36px; margin:0}
.bannerContentHolder2 .bannerList2 li {font-size:20px;}
.bannerList2 {margin-top:10px;}
}

@media (max-width: 992px) {
.bannerHead {font-size:36px;display:none;}
.bannerList li {font-size:20px;}
.bannerList2 li {font-size:20px;}
.contactBottomHolder {text-align: center;}
.sibMirrorImg,.scanHolder {float:none;}
.bottomBannerContent {width: 100%;}


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {


}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.bannerContentHolder { margin-left:20px; margin-top:0;}
.bannerContentHolder2 { margin-left:20px; margin-top:10px;}
.btnLeft {float:left!important;}
.bannerHead {font-size:24px; margin-top:10px;}
.btnRight {float:right!important;}
.labelHolder {width:100%; text-align:center;}
.appliFormField {width:100%;}
.bannerHeadNew2 {font-size:30px;}
.appliFormField2 {width:calc(100% - 187px);}
.bannerHeadNew {font-size:24px; margin:0; padding:0;}
.bannerContentHolder2 { margin-left:20px; margin-top:10px;}
.bannerContentHolder2 .bannerHead {font-size:20px; margin:0 0 5px 0}
.bannerContentHolder2 .bannerList2 li {font-size:16px; margin-bottom:0;}
.appliTab {width:100%; font-size:24px; padding:5px;}
.btnApply {width:80px;}
}

@media (max-width: 517px) {
.bannerHead {font-size:26px;}
.bannerList li {font-size:12px; margin-bottom:-2px;}
.bannerList2 li {font-size:14px; margin-bottom:0;}
.bannerContentHolder { margin-left:10px; margin-top:0px;}
.bannerContentHolder2 { margin-left:10px; margin-top:10px;}
.bannerContentHolder2 .bannerList2 {display:none;}
}


/* Portrait phones and smaller */
@media (max-width: 480px) {
.bannerContentHolder { margin-left:10px; margin-top:0;}
.bannerHead {font-size:15px; margin:0 0 7px 0;}
.bannerHeadNew2 {font-size:17px; margin:0; padding-bottom:3px;}
.logoAlign {margin:0 auto;}
.headerRight {text-align:center;} 
.topCaption1 {display:none;}
.topCaption2 {display:none;}

.topNav {float:none!important; margin:20px auto; width:100%; padding:0;}
.topNav li a {font-size:16px;}
.btnLeft {float:none!important; margin:0 auto 10px auto; display:block;}
.btnRight {float:none!important; margin:0 auto 10px auto; display:block;}
.homeTabs {padding:15px 0; padding-left:79px; font-size:16px; width:100%;}
.bannerHeadNew {margin-bottom:10px;}
.contentHead {width:auto;}
}



